diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 000000000..54660f86c
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,13 @@
+root = true
+
+[Makefile]
+indent_style = tab
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+indent_style = tab
+indent_size = 4
+
+[*.yml]
+indent_size = 4
diff --git a/.gitignore b/.gitignore
index 9769f5d71..81eb971df 100755
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,7 @@ system/config/app.config.local.php
*.log
*.psd
+
+/nbproject/
+/vendor/
+/node_modules/
diff --git a/.scrutinizer.yml b/.scrutinizer.yml
new file mode 100644
index 000000000..eda0d9af9
--- /dev/null
+++ b/.scrutinizer.yml
@@ -0,0 +1,16 @@
+imports:
+ - php
+
+tools:
+ external_code_coverage:
+ timeout: 600
+ php_mess_detector: true
+ php_cpd: true
+ php_code_sniffer:
+ config:
+ standard: PSR2
+ php_pdepend: true
+ php_analyzer: true
+ sensiolabs_security_checker: true
+
+
diff --git a/.travis.yml b/.travis.yml
new file mode 100644
index 000000000..5f4447d94
--- /dev/null
+++ b/.travis.yml
@@ -0,0 +1,25 @@
+language: php
+
+sudo: false
+
+php:
+ - 5.5
+ - 5.6
+ - hhvm
+ - 7.0
+
+matrix:
+ allow_failures:
+ - php: [hhvm, 7.0]
+
+before_script:
+ - curl -s http://getcomposer.org/installer | php
+ - php composer.phar install --dev --no-interaction
+
+script:
+ - mkdir -p build/logs
+ - phpunit --coverage-text --coverage-clover build/logs/clover.xml
+
+after_script:
+ - wget https://scrutinizer-ci.com/ocular.phar
+ - php ocular.phar code-coverage:upload --format=php-clover build/logs/clover.xml
diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 000000000..81e65c986
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,17 @@
+## [2.0.0] - 2016-11-01
+### Added
+* Composer project file
+* PHPUnit configuration file
+* PSR-4 Autoload
+* Travis CI configuration file
+* Scrutinizer CI configuration file
+* Editor configuration file
+* NPM and Gulp configuratoin file
+
+### Changed
+* Classes are loaded by namespaces instead of manual loading
+* Scripts keys dots replaced by underscores
+
+### Removed
+* Manual include of the modules
+* Modules location constants
diff --git a/CONTRIBUTING.en.md b/CONTRIBUTING.en.md
index f9d4d57d6..51c30864d 100644
--- a/CONTRIBUTING.en.md
+++ b/CONTRIBUTING.en.md
@@ -43,3 +43,15 @@ Good practices
- the comments are in english or french
- the commits names must be clear (in french or english)
- a commit modifies/improves one thing, it must be clear and concise
+
+
+Modify the front-end
+--------------------
+
+If you want to modify the CSS, you must edit the [LESS](http://lesscss.org) files that are located in `public/css/less`. To compile them, [Gulp](http://gulpjs.com) is used. First you need to install NPM and GULP on your system, then you have to install the dependencies of the project by typing :
+
+ npm install
+
+The dependencies will be installed in the `node_modules/` folder. To compile the CSS, just type :
+
+ gulp less
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index d35cda3bf..a80fec5ad 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -6,6 +6,7 @@ Il y a plusieurs moyens de contribuer :
- Si vous trouvez un problème dans le jeu, vous pouvez ouvrir une [*issue*](https://github.com/rtfmcorp/asylamba-game/issues) en décrivant le problème, directement dans l'interface de Github.
- Si vous voulez directement corriger un problème, vous pouvez le faire, pour cela merci de suivre la procédure ci-dessous.
+
Quel type de problème régler ?
------------------------------
@@ -20,6 +21,7 @@ Voici les différentes choses que vous pouvez faire :
En ce qui concerne l'ajout ou la modification de fonctionnalités, il est fort probable que ça soit refusé. Si vous souhaitez vous lancer là-dedans, il faut en discuter au préalable avec l'équipe de développement, directement sur le forum du jeu ou sur le serveur Discord d'Asylamba. Cela permettra de ne pas sortir de la ligne directrice.
+
Comment contribuer ?
--------------------
@@ -31,6 +33,7 @@ La branche principale est *master*, la branche *dev* sert au développement. Nou
Un guide de contribution officiel est disponible [ici](https://guides.github.com/activities/contributing-to-open-source/#contributing). Nous sommes également disponible si vous avez des questions sur la façon de faire. Vous pouvez nous contacter sur Asylamba, par mail ou sur Discord.
+
Les bonnes pratiques
--------------------
@@ -38,4 +41,16 @@ Les bonnes pratiques
- le code (nom de variables, etc.) doit être en anglais
- les commentaires sont en anglais ou en français
- les commits doivent avoir un nom clair (soit en français soit en anglais)
-- un commit modifie/améliore une chose, ça doit être clair et concis
\ No newline at end of file
+- un commit modifie/améliore une chose, ça doit être clair et concis
+
+
+Modifier l'interface
+--------------------
+
+Si vous souhaitez modifier le CSS, il faudra éditer les fichiers au format [LESS](http://lesscss.org) se trouvant dans `public/css/less/`. Afin de compiler ces fichiers en CSS, il faut utiliser [Gulp](http://gulpjs.com). Vous devez d'abord installer NPM puis GULP sur votre système, ensuite il faut installer les dépendances du projet en tapant :
+
+ npm install
+
+Les dépendances s'installeront dans le dossier `node_modules/`. Pour compiler le CSS, il suffit de taper :
+
+ gulp less
diff --git a/README.en.md b/README.en.md
index fb76516b0..64bb2b60b 100644
--- a/README.en.md
+++ b/README.en.md
@@ -13,12 +13,29 @@ Dependencies
- Apache 2.4.7
- PHP 5.5.9
- MySQL 5.5.49
-
+- Composer
Installation
------------
-Procedure for a local install :
+If you wish, you can use the [Docker repository](https://github.com/rtfmcorp/asylamba-docker) to install your environment.
+
+This section is only about the game install and assume your environment is ready.
+
+First, you must clone the game repository. To do so, please use the following command :
+
+```sh
+git clone git@github.com:rtfmcorp/asylamba-game.git
+```
+
+Then, go in the created folder and install the project dependencies with [Composer](https://getcomposer.org/) :
+
+```sh
+cd asylamba-game
+composer install
+```
+
+You're now able to follow the install procedure :
- copy the file `index.default.php` and name it `index.php`, modify the `PUBLICR` constant with your own path
- copy the file `system/config/app.config.local.default.php` and name it `app.config.local.php`, modify the `APP_ROOT` constant and some others if needed (connection to database, and so on.)
diff --git a/README.md b/README.md
index 2276a35de..aff0a2c09 100644
--- a/README.md
+++ b/README.md
@@ -13,12 +13,29 @@ Dépendances
- Apache 2.4.7
- PHP 5.5.9
- MySQL 5.5.49
-
+- Composer
Installation
------------
-Procédure pour une installation locale :
+Si vous le souhaitez, vous pouvez utiliser le [dépôt Docker](https://github.com/rtfmcorp/asylamba-docker) du projet pour installer votre environnement.
+
+Cette seciton traite uniquement de l'installation du jeu et suppose que votre environnement est prêt.
+
+Tout d'abord, vous devez cloner le dépôt du jeu. Pour ce faire, ouvrez une invite de commandes, et entrez la commande suivante :
+
+```sh
+git clone git@github.com:rtfmcorp/asylamba-game.git
+```
+
+Ensuite, rendez-vous dans le dossier nouvellement créé et installez les dépendances du projet à l'aide de [Composer](https://getcomposer.org/) :
+
+```sh
+cd asylamba-game
+composer install
+```
+
+Vous pouvez ensuite suivre la procédure suivante :
- copier `index.default.php` et le renommer en `index.php`, y modifier la constante `PUBLICR` avec votre chemin
- copier `system/config/app.config.local.default.php` et le renommer `app.config.local.php`, y modifier la constante `APP_ROOT` et d'autres infos (connexion à la base de données, etc.)
diff --git a/composer.json b/composer.json
new file mode 100644
index 000000000..de5a4c5fb
--- /dev/null
+++ b/composer.json
@@ -0,0 +1,13 @@
+{
+ "name": "rtfmcorp/asylamba-game",
+ "type": "project",
+ "autoload": {
+ "psr-4": {
+ "Asylamba\\": "system/"
+ }
+ },
+ "require": {
+ "php": ">=5.5.9",
+ "phpunit/phpunit": "4.8"
+ }
+}
diff --git a/composer.lock b/composer.lock
new file mode 100644
index 000000000..03e701670
--- /dev/null
+++ b/composer.lock
@@ -0,0 +1,1125 @@
+{
+ "_readme": [
+ "This file locks the dependencies of your project to a known state",
+ "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#composer-lock-the-lock-file",
+ "This file is @generated automatically"
+ ],
+ "hash": "b16151dcb65fb79cca7486465e9c4bde",
+ "content-hash": "deef1d9917f73534619c8ab9217828e2",
+ "packages": [
+ {
+ "name": "doctrine/instantiator",
+ "version": "1.0.5",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/doctrine/instantiator.git",
+ "reference": "8e884e78f9f0eb1329e445619e04456e64d8051d"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/doctrine/instantiator/zipball/8e884e78f9f0eb1329e445619e04456e64d8051d",
+ "reference": "8e884e78f9f0eb1329e445619e04456e64d8051d",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=5.3,<8.0-DEV"
+ },
+ "require-dev": {
+ "athletic/athletic": "~0.1.8",
+ "ext-pdo": "*",
+ "ext-phar": "*",
+ "phpunit/phpunit": "~4.0",
+ "squizlabs/php_codesniffer": "~2.0"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "1.0.x-dev"
+ }
+ },
+ "autoload": {
+ "psr-4": {
+ "Doctrine\\Instantiator\\": "src/Doctrine/Instantiator/"
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "MIT"
+ ],
+ "authors": [
+ {
+ "name": "Marco Pivetta",
+ "email": "ocramius@gmail.com",
+ "homepage": "http://ocramius.github.com/"
+ }
+ ],
+ "description": "A small, lightweight utility to instantiate objects in PHP without invoking their constructors",
+ "homepage": "https://github.com/doctrine/instantiator",
+ "keywords": [
+ "constructor",
+ "instantiate"
+ ],
+ "time": "2015-06-14 21:17:01"
+ },
+ {
+ "name": "phpdocumentor/reflection-common",
+ "version": "1.0",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/phpDocumentor/ReflectionCommon.git",
+ "reference": "144c307535e82c8fdcaacbcfc1d6d8eeb896687c"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/phpDocumentor/ReflectionCommon/zipball/144c307535e82c8fdcaacbcfc1d6d8eeb896687c",
+ "reference": "144c307535e82c8fdcaacbcfc1d6d8eeb896687c",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=5.5"
+ },
+ "require-dev": {
+ "phpunit/phpunit": "^4.6"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "1.0.x-dev"
+ }
+ },
+ "autoload": {
+ "psr-4": {
+ "phpDocumentor\\Reflection\\": [
+ "src"
+ ]
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "MIT"
+ ],
+ "authors": [
+ {
+ "name": "Jaap van Otterdijk",
+ "email": "opensource@ijaap.nl"
+ }
+ ],
+ "description": "Common reflection classes used by phpdocumentor to reflect the code structure",
+ "homepage": "http://www.phpdoc.org",
+ "keywords": [
+ "FQSEN",
+ "phpDocumentor",
+ "phpdoc",
+ "reflection",
+ "static analysis"
+ ],
+ "time": "2015-12-27 11:43:31"
+ },
+ {
+ "name": "phpdocumentor/reflection-docblock",
+ "version": "3.1.1",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/phpDocumentor/ReflectionDocBlock.git",
+ "reference": "8331b5efe816ae05461b7ca1e721c01b46bafb3e"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/phpDocumentor/ReflectionDocBlock/zipball/8331b5efe816ae05461b7ca1e721c01b46bafb3e",
+ "reference": "8331b5efe816ae05461b7ca1e721c01b46bafb3e",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=5.5",
+ "phpdocumentor/reflection-common": "^1.0@dev",
+ "phpdocumentor/type-resolver": "^0.2.0",
+ "webmozart/assert": "^1.0"
+ },
+ "require-dev": {
+ "mockery/mockery": "^0.9.4",
+ "phpunit/phpunit": "^4.4"
+ },
+ "type": "library",
+ "autoload": {
+ "psr-4": {
+ "phpDocumentor\\Reflection\\": [
+ "src/"
+ ]
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "MIT"
+ ],
+ "authors": [
+ {
+ "name": "Mike van Riel",
+ "email": "me@mikevanriel.com"
+ }
+ ],
+ "description": "With this component, a library can provide support for annotations via DocBlocks or otherwise retrieve information that is embedded in a DocBlock.",
+ "time": "2016-09-30 07:12:33"
+ },
+ {
+ "name": "phpdocumentor/type-resolver",
+ "version": "0.2",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/phpDocumentor/TypeResolver.git",
+ "reference": "b39c7a5b194f9ed7bd0dd345c751007a41862443"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/phpDocumentor/TypeResolver/zipball/b39c7a5b194f9ed7bd0dd345c751007a41862443",
+ "reference": "b39c7a5b194f9ed7bd0dd345c751007a41862443",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=5.5",
+ "phpdocumentor/reflection-common": "^1.0"
+ },
+ "require-dev": {
+ "mockery/mockery": "^0.9.4",
+ "phpunit/phpunit": "^5.2||^4.8.24"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "1.0.x-dev"
+ }
+ },
+ "autoload": {
+ "psr-4": {
+ "phpDocumentor\\Reflection\\": [
+ "src/"
+ ]
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "MIT"
+ ],
+ "authors": [
+ {
+ "name": "Mike van Riel",
+ "email": "me@mikevanriel.com"
+ }
+ ],
+ "time": "2016-06-10 07:14:17"
+ },
+ {
+ "name": "phpspec/prophecy",
+ "version": "v1.6.1",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/phpspec/prophecy.git",
+ "reference": "58a8137754bc24b25740d4281399a4a3596058e0"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/phpspec/prophecy/zipball/58a8137754bc24b25740d4281399a4a3596058e0",
+ "reference": "58a8137754bc24b25740d4281399a4a3596058e0",
+ "shasum": ""
+ },
+ "require": {
+ "doctrine/instantiator": "^1.0.2",
+ "php": "^5.3|^7.0",
+ "phpdocumentor/reflection-docblock": "^2.0|^3.0.2",
+ "sebastian/comparator": "^1.1",
+ "sebastian/recursion-context": "^1.0"
+ },
+ "require-dev": {
+ "phpspec/phpspec": "^2.0"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "1.6.x-dev"
+ }
+ },
+ "autoload": {
+ "psr-0": {
+ "Prophecy\\": "src/"
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "MIT"
+ ],
+ "authors": [
+ {
+ "name": "Konstantin Kudryashov",
+ "email": "ever.zet@gmail.com",
+ "homepage": "http://everzet.com"
+ },
+ {
+ "name": "Marcello Duarte",
+ "email": "marcello.duarte@gmail.com"
+ }
+ ],
+ "description": "Highly opinionated mocking framework for PHP 5.3+",
+ "homepage": "https://github.com/phpspec/prophecy",
+ "keywords": [
+ "Double",
+ "Dummy",
+ "fake",
+ "mock",
+ "spy",
+ "stub"
+ ],
+ "time": "2016-06-07 08:13:47"
+ },
+ {
+ "name": "phpunit/php-code-coverage",
+ "version": "2.2.4",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/sebastianbergmann/php-code-coverage.git",
+ "reference": "eabf68b476ac7d0f73793aada060f1c1a9bf8979"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/eabf68b476ac7d0f73793aada060f1c1a9bf8979",
+ "reference": "eabf68b476ac7d0f73793aada060f1c1a9bf8979",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=5.3.3",
+ "phpunit/php-file-iterator": "~1.3",
+ "phpunit/php-text-template": "~1.2",
+ "phpunit/php-token-stream": "~1.3",
+ "sebastian/environment": "^1.3.2",
+ "sebastian/version": "~1.0"
+ },
+ "require-dev": {
+ "ext-xdebug": ">=2.1.4",
+ "phpunit/phpunit": "~4"
+ },
+ "suggest": {
+ "ext-dom": "*",
+ "ext-xdebug": ">=2.2.1",
+ "ext-xmlwriter": "*"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "2.2.x-dev"
+ }
+ },
+ "autoload": {
+ "classmap": [
+ "src/"
+ ]
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Sebastian Bergmann",
+ "email": "sb@sebastian-bergmann.de",
+ "role": "lead"
+ }
+ ],
+ "description": "Library that provides collection, processing, and rendering functionality for PHP code coverage information.",
+ "homepage": "https://github.com/sebastianbergmann/php-code-coverage",
+ "keywords": [
+ "coverage",
+ "testing",
+ "xunit"
+ ],
+ "time": "2015-10-06 15:47:00"
+ },
+ {
+ "name": "phpunit/php-file-iterator",
+ "version": "1.4.1",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/sebastianbergmann/php-file-iterator.git",
+ "reference": "6150bf2c35d3fc379e50c7602b75caceaa39dbf0"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/sebastianbergmann/php-file-iterator/zipball/6150bf2c35d3fc379e50c7602b75caceaa39dbf0",
+ "reference": "6150bf2c35d3fc379e50c7602b75caceaa39dbf0",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=5.3.3"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "1.4.x-dev"
+ }
+ },
+ "autoload": {
+ "classmap": [
+ "src/"
+ ]
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Sebastian Bergmann",
+ "email": "sb@sebastian-bergmann.de",
+ "role": "lead"
+ }
+ ],
+ "description": "FilterIterator implementation that filters files based on a list of suffixes.",
+ "homepage": "https://github.com/sebastianbergmann/php-file-iterator/",
+ "keywords": [
+ "filesystem",
+ "iterator"
+ ],
+ "time": "2015-06-21 13:08:43"
+ },
+ {
+ "name": "phpunit/php-text-template",
+ "version": "1.2.1",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/sebastianbergmann/php-text-template.git",
+ "reference": "31f8b717e51d9a2afca6c9f046f5d69fc27c8686"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/sebastianbergmann/php-text-template/zipball/31f8b717e51d9a2afca6c9f046f5d69fc27c8686",
+ "reference": "31f8b717e51d9a2afca6c9f046f5d69fc27c8686",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=5.3.3"
+ },
+ "type": "library",
+ "autoload": {
+ "classmap": [
+ "src/"
+ ]
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Sebastian Bergmann",
+ "email": "sebastian@phpunit.de",
+ "role": "lead"
+ }
+ ],
+ "description": "Simple template engine.",
+ "homepage": "https://github.com/sebastianbergmann/php-text-template/",
+ "keywords": [
+ "template"
+ ],
+ "time": "2015-06-21 13:50:34"
+ },
+ {
+ "name": "phpunit/php-timer",
+ "version": "1.0.8",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/sebastianbergmann/php-timer.git",
+ "reference": "38e9124049cf1a164f1e4537caf19c99bf1eb260"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/sebastianbergmann/php-timer/zipball/38e9124049cf1a164f1e4537caf19c99bf1eb260",
+ "reference": "38e9124049cf1a164f1e4537caf19c99bf1eb260",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=5.3.3"
+ },
+ "require-dev": {
+ "phpunit/phpunit": "~4|~5"
+ },
+ "type": "library",
+ "autoload": {
+ "classmap": [
+ "src/"
+ ]
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Sebastian Bergmann",
+ "email": "sb@sebastian-bergmann.de",
+ "role": "lead"
+ }
+ ],
+ "description": "Utility class for timing",
+ "homepage": "https://github.com/sebastianbergmann/php-timer/",
+ "keywords": [
+ "timer"
+ ],
+ "time": "2016-05-12 18:03:57"
+ },
+ {
+ "name": "phpunit/php-token-stream",
+ "version": "1.4.8",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/sebastianbergmann/php-token-stream.git",
+ "reference": "3144ae21711fb6cac0b1ab4cbe63b75ce3d4e8da"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/sebastianbergmann/php-token-stream/zipball/3144ae21711fb6cac0b1ab4cbe63b75ce3d4e8da",
+ "reference": "3144ae21711fb6cac0b1ab4cbe63b75ce3d4e8da",
+ "shasum": ""
+ },
+ "require": {
+ "ext-tokenizer": "*",
+ "php": ">=5.3.3"
+ },
+ "require-dev": {
+ "phpunit/phpunit": "~4.2"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "1.4-dev"
+ }
+ },
+ "autoload": {
+ "classmap": [
+ "src/"
+ ]
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Sebastian Bergmann",
+ "email": "sebastian@phpunit.de"
+ }
+ ],
+ "description": "Wrapper around PHP's tokenizer extension.",
+ "homepage": "https://github.com/sebastianbergmann/php-token-stream/",
+ "keywords": [
+ "tokenizer"
+ ],
+ "time": "2015-09-15 10:49:45"
+ },
+ {
+ "name": "phpunit/phpunit",
+ "version": "4.8.0",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/sebastianbergmann/phpunit.git",
+ "reference": "283111a903eb9225aedb95e846bef876e006a688"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/283111a903eb9225aedb95e846bef876e006a688",
+ "reference": "283111a903eb9225aedb95e846bef876e006a688",
+ "shasum": ""
+ },
+ "require": {
+ "ext-dom": "*",
+ "ext-json": "*",
+ "ext-pcre": "*",
+ "ext-reflection": "*",
+ "ext-spl": "*",
+ "php": ">=5.3.3",
+ "phpspec/prophecy": "^1.3.1",
+ "phpunit/php-code-coverage": "~2.1",
+ "phpunit/php-file-iterator": "~1.4",
+ "phpunit/php-text-template": "~1.2",
+ "phpunit/php-timer": ">=1.0.6",
+ "phpunit/phpunit-mock-objects": "~2.3",
+ "sebastian/comparator": "~1.1",
+ "sebastian/diff": "~1.2",
+ "sebastian/environment": "~1.3",
+ "sebastian/exporter": "~1.2",
+ "sebastian/global-state": "~1.0",
+ "sebastian/version": "~1.0",
+ "symfony/yaml": "~2.1|~3.0"
+ },
+ "suggest": {
+ "phpunit/php-invoker": "~1.1"
+ },
+ "bin": [
+ "phpunit"
+ ],
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "4.8.x-dev"
+ }
+ },
+ "autoload": {
+ "classmap": [
+ "src/"
+ ]
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Sebastian Bergmann",
+ "email": "sebastian@phpunit.de",
+ "role": "lead"
+ }
+ ],
+ "description": "The PHP Unit Testing framework.",
+ "homepage": "https://phpunit.de/",
+ "keywords": [
+ "phpunit",
+ "testing",
+ "xunit"
+ ],
+ "time": "2015-08-07 03:57:43"
+ },
+ {
+ "name": "phpunit/phpunit-mock-objects",
+ "version": "2.3.8",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/sebastianbergmann/phpunit-mock-objects.git",
+ "reference": "ac8e7a3db35738d56ee9a76e78a4e03d97628983"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/sebastianbergmann/phpunit-mock-objects/zipball/ac8e7a3db35738d56ee9a76e78a4e03d97628983",
+ "reference": "ac8e7a3db35738d56ee9a76e78a4e03d97628983",
+ "shasum": ""
+ },
+ "require": {
+ "doctrine/instantiator": "^1.0.2",
+ "php": ">=5.3.3",
+ "phpunit/php-text-template": "~1.2",
+ "sebastian/exporter": "~1.2"
+ },
+ "require-dev": {
+ "phpunit/phpunit": "~4.4"
+ },
+ "suggest": {
+ "ext-soap": "*"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "2.3.x-dev"
+ }
+ },
+ "autoload": {
+ "classmap": [
+ "src/"
+ ]
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Sebastian Bergmann",
+ "email": "sb@sebastian-bergmann.de",
+ "role": "lead"
+ }
+ ],
+ "description": "Mock Object library for PHPUnit",
+ "homepage": "https://github.com/sebastianbergmann/phpunit-mock-objects/",
+ "keywords": [
+ "mock",
+ "xunit"
+ ],
+ "time": "2015-10-02 06:51:40"
+ },
+ {
+ "name": "sebastian/comparator",
+ "version": "1.2.0",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/sebastianbergmann/comparator.git",
+ "reference": "937efb279bd37a375bcadf584dec0726f84dbf22"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/sebastianbergmann/comparator/zipball/937efb279bd37a375bcadf584dec0726f84dbf22",
+ "reference": "937efb279bd37a375bcadf584dec0726f84dbf22",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=5.3.3",
+ "sebastian/diff": "~1.2",
+ "sebastian/exporter": "~1.2"
+ },
+ "require-dev": {
+ "phpunit/phpunit": "~4.4"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "1.2.x-dev"
+ }
+ },
+ "autoload": {
+ "classmap": [
+ "src/"
+ ]
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Jeff Welch",
+ "email": "whatthejeff@gmail.com"
+ },
+ {
+ "name": "Volker Dusch",
+ "email": "github@wallbash.com"
+ },
+ {
+ "name": "Bernhard Schussek",
+ "email": "bschussek@2bepublished.at"
+ },
+ {
+ "name": "Sebastian Bergmann",
+ "email": "sebastian@phpunit.de"
+ }
+ ],
+ "description": "Provides the functionality to compare PHP values for equality",
+ "homepage": "http://www.github.com/sebastianbergmann/comparator",
+ "keywords": [
+ "comparator",
+ "compare",
+ "equality"
+ ],
+ "time": "2015-07-26 15:48:44"
+ },
+ {
+ "name": "sebastian/diff",
+ "version": "1.4.1",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/sebastianbergmann/diff.git",
+ "reference": "13edfd8706462032c2f52b4b862974dd46b71c9e"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/sebastianbergmann/diff/zipball/13edfd8706462032c2f52b4b862974dd46b71c9e",
+ "reference": "13edfd8706462032c2f52b4b862974dd46b71c9e",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=5.3.3"
+ },
+ "require-dev": {
+ "phpunit/phpunit": "~4.8"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "1.4-dev"
+ }
+ },
+ "autoload": {
+ "classmap": [
+ "src/"
+ ]
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Kore Nordmann",
+ "email": "mail@kore-nordmann.de"
+ },
+ {
+ "name": "Sebastian Bergmann",
+ "email": "sebastian@phpunit.de"
+ }
+ ],
+ "description": "Diff implementation",
+ "homepage": "https://github.com/sebastianbergmann/diff",
+ "keywords": [
+ "diff"
+ ],
+ "time": "2015-12-08 07:14:41"
+ },
+ {
+ "name": "sebastian/environment",
+ "version": "1.3.8",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/sebastianbergmann/environment.git",
+ "reference": "be2c607e43ce4c89ecd60e75c6a85c126e754aea"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/sebastianbergmann/environment/zipball/be2c607e43ce4c89ecd60e75c6a85c126e754aea",
+ "reference": "be2c607e43ce4c89ecd60e75c6a85c126e754aea",
+ "shasum": ""
+ },
+ "require": {
+ "php": "^5.3.3 || ^7.0"
+ },
+ "require-dev": {
+ "phpunit/phpunit": "^4.8 || ^5.0"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "1.3.x-dev"
+ }
+ },
+ "autoload": {
+ "classmap": [
+ "src/"
+ ]
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Sebastian Bergmann",
+ "email": "sebastian@phpunit.de"
+ }
+ ],
+ "description": "Provides functionality to handle HHVM/PHP environments",
+ "homepage": "http://www.github.com/sebastianbergmann/environment",
+ "keywords": [
+ "Xdebug",
+ "environment",
+ "hhvm"
+ ],
+ "time": "2016-08-18 05:49:44"
+ },
+ {
+ "name": "sebastian/exporter",
+ "version": "1.2.2",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/sebastianbergmann/exporter.git",
+ "reference": "42c4c2eec485ee3e159ec9884f95b431287edde4"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/sebastianbergmann/exporter/zipball/42c4c2eec485ee3e159ec9884f95b431287edde4",
+ "reference": "42c4c2eec485ee3e159ec9884f95b431287edde4",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=5.3.3",
+ "sebastian/recursion-context": "~1.0"
+ },
+ "require-dev": {
+ "ext-mbstring": "*",
+ "phpunit/phpunit": "~4.4"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "1.3.x-dev"
+ }
+ },
+ "autoload": {
+ "classmap": [
+ "src/"
+ ]
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Jeff Welch",
+ "email": "whatthejeff@gmail.com"
+ },
+ {
+ "name": "Volker Dusch",
+ "email": "github@wallbash.com"
+ },
+ {
+ "name": "Bernhard Schussek",
+ "email": "bschussek@2bepublished.at"
+ },
+ {
+ "name": "Sebastian Bergmann",
+ "email": "sebastian@phpunit.de"
+ },
+ {
+ "name": "Adam Harvey",
+ "email": "aharvey@php.net"
+ }
+ ],
+ "description": "Provides the functionality to export PHP variables for visualization",
+ "homepage": "http://www.github.com/sebastianbergmann/exporter",
+ "keywords": [
+ "export",
+ "exporter"
+ ],
+ "time": "2016-06-17 09:04:28"
+ },
+ {
+ "name": "sebastian/global-state",
+ "version": "1.1.1",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/sebastianbergmann/global-state.git",
+ "reference": "bc37d50fea7d017d3d340f230811c9f1d7280af4"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/sebastianbergmann/global-state/zipball/bc37d50fea7d017d3d340f230811c9f1d7280af4",
+ "reference": "bc37d50fea7d017d3d340f230811c9f1d7280af4",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=5.3.3"
+ },
+ "require-dev": {
+ "phpunit/phpunit": "~4.2"
+ },
+ "suggest": {
+ "ext-uopz": "*"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "1.0-dev"
+ }
+ },
+ "autoload": {
+ "classmap": [
+ "src/"
+ ]
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Sebastian Bergmann",
+ "email": "sebastian@phpunit.de"
+ }
+ ],
+ "description": "Snapshotting of global state",
+ "homepage": "http://www.github.com/sebastianbergmann/global-state",
+ "keywords": [
+ "global state"
+ ],
+ "time": "2015-10-12 03:26:01"
+ },
+ {
+ "name": "sebastian/recursion-context",
+ "version": "1.0.2",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/sebastianbergmann/recursion-context.git",
+ "reference": "913401df809e99e4f47b27cdd781f4a258d58791"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/sebastianbergmann/recursion-context/zipball/913401df809e99e4f47b27cdd781f4a258d58791",
+ "reference": "913401df809e99e4f47b27cdd781f4a258d58791",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=5.3.3"
+ },
+ "require-dev": {
+ "phpunit/phpunit": "~4.4"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "1.0.x-dev"
+ }
+ },
+ "autoload": {
+ "classmap": [
+ "src/"
+ ]
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Jeff Welch",
+ "email": "whatthejeff@gmail.com"
+ },
+ {
+ "name": "Sebastian Bergmann",
+ "email": "sebastian@phpunit.de"
+ },
+ {
+ "name": "Adam Harvey",
+ "email": "aharvey@php.net"
+ }
+ ],
+ "description": "Provides functionality to recursively process PHP variables",
+ "homepage": "http://www.github.com/sebastianbergmann/recursion-context",
+ "time": "2015-11-11 19:50:13"
+ },
+ {
+ "name": "sebastian/version",
+ "version": "1.0.6",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/sebastianbergmann/version.git",
+ "reference": "58b3a85e7999757d6ad81c787a1fbf5ff6c628c6"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/sebastianbergmann/version/zipball/58b3a85e7999757d6ad81c787a1fbf5ff6c628c6",
+ "reference": "58b3a85e7999757d6ad81c787a1fbf5ff6c628c6",
+ "shasum": ""
+ },
+ "type": "library",
+ "autoload": {
+ "classmap": [
+ "src/"
+ ]
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "BSD-3-Clause"
+ ],
+ "authors": [
+ {
+ "name": "Sebastian Bergmann",
+ "email": "sebastian@phpunit.de",
+ "role": "lead"
+ }
+ ],
+ "description": "Library that helps with managing the version number of Git-hosted PHP projects",
+ "homepage": "https://github.com/sebastianbergmann/version",
+ "time": "2015-06-21 13:59:46"
+ },
+ {
+ "name": "symfony/yaml",
+ "version": "v3.1.6",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/symfony/yaml.git",
+ "reference": "7ff51b06c6c3d5cc6686df69004a42c69df09e27"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/symfony/yaml/zipball/7ff51b06c6c3d5cc6686df69004a42c69df09e27",
+ "reference": "7ff51b06c6c3d5cc6686df69004a42c69df09e27",
+ "shasum": ""
+ },
+ "require": {
+ "php": ">=5.5.9"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "3.1-dev"
+ }
+ },
+ "autoload": {
+ "psr-4": {
+ "Symfony\\Component\\Yaml\\": ""
+ },
+ "exclude-from-classmap": [
+ "/Tests/"
+ ]
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "MIT"
+ ],
+ "authors": [
+ {
+ "name": "Fabien Potencier",
+ "email": "fabien@symfony.com"
+ },
+ {
+ "name": "Symfony Community",
+ "homepage": "https://symfony.com/contributors"
+ }
+ ],
+ "description": "Symfony Yaml Component",
+ "homepage": "https://symfony.com",
+ "time": "2016-10-24 18:41:13"
+ },
+ {
+ "name": "webmozart/assert",
+ "version": "1.1.0",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/webmozart/assert.git",
+ "reference": "bb2d123231c095735130cc8f6d31385a44c7b308"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/webmozart/assert/zipball/bb2d123231c095735130cc8f6d31385a44c7b308",
+ "reference": "bb2d123231c095735130cc8f6d31385a44c7b308",
+ "shasum": ""
+ },
+ "require": {
+ "php": "^5.3.3|^7.0"
+ },
+ "require-dev": {
+ "phpunit/phpunit": "^4.6",
+ "sebastian/version": "^1.0.1"
+ },
+ "type": "library",
+ "extra": {
+ "branch-alias": {
+ "dev-master": "1.2-dev"
+ }
+ },
+ "autoload": {
+ "psr-4": {
+ "Webmozart\\Assert\\": "src/"
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "MIT"
+ ],
+ "authors": [
+ {
+ "name": "Bernhard Schussek",
+ "email": "bschussek@gmail.com"
+ }
+ ],
+ "description": "Assertions to validate method input/output with nice error messages.",
+ "keywords": [
+ "assert",
+ "check",
+ "validate"
+ ],
+ "time": "2016-08-09 15:02:57"
+ }
+ ],
+ "packages-dev": [],
+ "aliases": [],
+ "minimum-stability": "stable",
+ "stability-flags": [],
+ "prefer-stable": false,
+ "prefer-lowest": false,
+ "platform": {
+ "php": ">=5.5.9"
+ },
+ "platform-dev": []
+}
diff --git a/gulpfile.js b/gulpfile.js
new file mode 100644
index 000000000..17fac0328
--- /dev/null
+++ b/gulpfile.js
@@ -0,0 +1,24 @@
+var gulp = require('gulp');
+var gutil = require('gulp-util');
+var less = require('gulp-less');
+var rename = require('gulp-rename');
+var replace = require('gulp-replace');
+
+gulp.task('default', ['less'], function() {
+ return gutil.log('Gulp is running!')
+});
+
+gulp.task('less', function(){
+ // specific faction files
+ for (var i = 1; i < 13; i++) {
+ gulp.src(['./public/css/less/main.desktop.v3.less'])
+ .pipe(replace('@color-type: 1;', '@color-type: '.concat(i, ';')))
+ .pipe(less())
+ .pipe(rename('main.desktop.v3.color' + i + '.css'))
+ .pipe(gulp.dest('./public/css/'));
+ }
+ // general file
+ gulp.src(['./public/css/less/main.desktop.v3.less'])
+ .pipe(less())
+ .pipe(gulp.dest('./public/css/'));
+});
\ No newline at end of file
diff --git a/index.default.php b/index.default.php
index 70bc9a969..d67f8d3a2 100755
--- a/index.default.php
+++ b/index.default.php
@@ -1,7 +1,13 @@
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 000000000..4d3b1c908
--- /dev/null
+++ b/package.json
@@ -0,0 +1,26 @@
+{
+ "name": "asylamba-game",
+ "version": "1.0.0",
+ "description": "ASYLAMBA : Expansion Stellaire",
+ "main": "index.js",
+ "scripts": {
+ "test": "echo \"Error: no test specified\" && exit 1"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/rtfmcorp/asylamba-game.git"
+ },
+ "author": "RTFM Corp.",
+ "license": "ISC",
+ "bugs": {
+ "url": "https://github.com/rtfmcorp/asylamba-game/issues"
+ },
+ "homepage": "https://github.com/rtfmcorp/asylamba-game#readme",
+ "devDependencies": {
+ "gulp": "^3.9.1",
+ "gulp-less": "^3.1.0",
+ "gulp-rename": "^1.2.2",
+ "gulp-replace": "^0.5.4",
+ "gulp-util": "^3.0.7"
+ }
+}
diff --git a/phpunit.xml.dist b/phpunit.xml.dist
new file mode 100644
index 000000000..6fca7c474
--- /dev/null
+++ b/phpunit.xml.dist
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+
+ tests
+
+
+
diff --git a/public/css/less/module/functions.less b/public/css/less/module/functions.less
index d3c21c385..ce9a83f14 100644
--- a/public/css/less/module/functions.less
+++ b/public/css/less/module/functions.less
@@ -1,5 +1,5 @@
.color-init(@color-type) {
- @import 'colors/color@{color-type}.less';
+ @import '../colors/color@{color-type}.less';
}
.border-radius(@radius) {
diff --git a/public/css/main.desktop.v3.color1.css b/public/css/main.desktop.v3.color1.css
index bee934bbd..2ff916de0 100644
--- a/public/css/main.desktop.v3.color1.css
+++ b/public/css/main.desktop.v3.color1.css
@@ -1 +1,6737 @@
-html{height:100%}body{margin:0;padding:0;font-family:Roboto,'Trebuchet MS',Arial,sans-serif;font-size:13px}.bull{display:none;position:absolute;z-index:1200;padding:4px 8px;max-width:280px;color:#fff;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px}.bull.top:before{bottom:-14px;border-color:#4F4F4F transparent transparent transparent}.bull.bottom:before{top:-14px;border-color:transparent transparent #4F4F4F transparent}.bull.left:before{right:9pt}.bull.right:before{left:9pt}body{width:100%;height:100%;overflow:hidden;background:#000}#nav,#tools{position:fixed;width:100%;height:26px;background:url(src/desktop/tools/bTools.png) repeat-x #000;box-shadow:0 0 10px #000;z-index:1000;border-color:#b01e2d}#nav{top:0;left:0;background:url(src/desktop/nav/bNav.png) repeat-x #000;border-bottom:solid 3px #000}#tools{bottom:0;left:0;background:url(src/desktop/tools/bTools.png) repeat-x #000;border-top:solid 3px #000}#container{position:absolute;top:29px;left:0;margin:0;padding:0;width:100%;background:#000;overflow:hidden;z-index:0;background:url(src/desktop/global/background.jpg) repeat-x #000}.icon,.icon-color{display:inline-block;vertical-align:bottom;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.icon-color{background:#b01e2d!important}#background-paralax{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat bottom left transparent;z-index:100;background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.profil{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.message{background-image:url(src/desktop/screen/message.jpg)}#background-paralax.fleet{background-image:url(src/desktop/screen/fleet.jpg)}#background-paralax.financial{background-image:url(src/desktop/screen/financial.jpg)}#background-paralax.technology{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.rank{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.params{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.bases{background-image:url(src/desktop/screen/base.jpg)}#movers a{position:absolute;width:60px;height:100%;z-index:400;background:red;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#movers a:focus,#movers a:hover{background-color:rgba(255,255,255,.08)}#movers a:active{background-color:rgba(255,255,255,.2)}#movers .toLeft{top:0;left:60px;background:url(src/desktop/mover/left.png) no-repeat center transparent}#movers .toRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center transparent}.component.financial table{border-collapse:collapse;width:100%}.component.financial td{vertical-align:top;width:50%}.component.uni .build-item{height:60px;margin:20px}.component.techno .build-item .name strong{font-size:1pc}.component.school .build-item .name strong{font-size:18px}.component.generator table{width:100%;border-collapse:collapse}.component.dock1 table{width:100%;border-collapse:collapse}.component.space .fix-body{background:url(src/desktop/base/situation.jpg) no-repeat top left #000}.component.memorial blockquote{font-size:22px;margin:30px 15px 0 30px;line-height:160%;font-weight:700;text-align:center}.component .info-building{margin:10px;padding:0;font-size:13px;border-top:solid 1px #4F4F4F}.component .info-building h4{margin:10px}.component .info-building p{font-size:13px}#nav .box a,#nav .box>span,#tools .box a,#tools .box>span{position:relative;display:inline-block;line-height:2pc;padding:0 25px;margin:5px 2px;font-size:14px;width:150px;color:#fff;text-decoration:none;font-variant:small-caps;background:url(src/desktop/button/bButtonMiddle.png) repeat-x}#nav .box a:before,#nav .box>span:before,#tools .box a:before,#tools .box>span:before{content:'';position:absolute;top:0;left:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonLeft.png) no-repeat}#nav .box a:after,#nav .box>span:after,#tools .box a:after,#tools .box>span:after{content:'';position:absolute;top:0;right:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonRight.png) no-repeat}#nav .box a.current-base,#tools .box a.current-base{margin-left:56px}#nav .box a.current-base img,#tools .box a.current-base img{position:absolute;top:-1pc;left:-54px;background:#000;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:solid 2px #4F4F4F;width:60px}#nav .box a:focus:before,#nav .box a:hover:before,#tools .box a:focus:before,#tools .box a:hover:before{background:url(src/desktop/button/bButtonLeftHover.png) repeat}#nav .box a:focus:after,#nav .box a:hover:after,#tools .box a:focus:after,#tools .box a:hover:after{background:url(src/desktop/button/bButtonRightHover.png) repeat}#nav .box a.active,#tools .box a.active{background:url(src/desktop/button/bButtonMiddleActive.png) repeat}#nav .box a.active:before,#tools .box a.active:before{background:url(src/desktop/button/bButtonLeftActive.png) repeat}#nav .box a.active:after,#tools .box a.active:after{background:url(src/desktop/button/bButtonRightActive.png) repeat}#nav .box a.square,#tools .box a.square{position:relative;padding:0 5px;margin:5px 2px;height:2pc;width:30px;background:url(src/desktop/button/bLittleButton.png) no-repeat;vertical-align:top}#nav .box a.square:after,#nav .box a.square:before,#tools .box a.square:after,#tools .box a.square:before{display:none}#nav .box a.square:focus,#nav .box a.square:hover,#tools .box a.square:focus,#tools .box a.square:hover{background:url(src/desktop/button/bLittleButtonHover.png) no-repeat}#nav .box a.square.active,#tools .box a.square.active{background:url(src/desktop/button/bLittleButtonActive-c1.png) no-repeat}#nav .box a.square.active.flashy,#tools .box a.square.active.flashy{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 9pt #b01e2d}#nav .box a.square img,#tools .box a.square img{position:absolute;width:24px;top:3px;left:8px}#nav .box a.square span.number,#tools .box a.square span.number{position:absolute;top:-5px;right:-5px;width:18px;line-height:18px;text-align:center;font-size:11px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#510816}#nav .box{position:absolute;display:inline-block;height:46px;padding:0 3px;background:url(src/desktop/nav/bNavBox.png) repeat-x}#nav .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxLeft.png) no-repeat}#nav .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxRight.png) no-repeat}#nav .box.left{top:0;left:25px}#nav .box.left-2{top:0;left:420px}#nav .box.left-3{top:0;left:732px}#nav .box.right{top:0;right:25px}#nav .box a.square span.number{bottom:-5px;top:auto}#tools .box{position:absolute;display:inline-block;height:40px;padding:1px 3px 0 3px;background:url(src/desktop/tools/bToolBox.png) repeat-x;font-size:13px}#tools .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxRight.png) no-repeat}#tools .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxLeft.png) no-repeat}#tools .box.left{bottom:0;right:340px}#tools .box.right{bottom:0;right:25px}#tools .box a.square img{top:4px}#tools .box a.resource-link,#tools .box span.resource-link{width:110px;font-size:1pc}#tools .box a.resource-link img.icon-color,#tools .box span.resource-link img.icon-color{position:relative;display:inline-block;width:18px;vertical-align:middle;margin-left:5px;top:-2px;padding:1px}#nav .overbox .overflow,#tools .overbox .overflow{max-height:25pc;overflow:auto;position:relative}#nav .overbox h2,#tools .overbox h2{color:#fff;padding:10px 15px;margin:0;font-size:14px;font-weight:400;border-bottom:solid 1px #202020}#nav .overbox .link-title,#tools .overbox .link-title{position:absolute;top:10px;right:10px;line-height:20px;font-size:11px;padding:0 5px;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-decoration:none;color:#fff}#nav .overbox a,#tools .overbox a{color:inherit}#nav .overbox a.more-link,#tools .overbox a.more-link{display:block;padding:8px;font-size:9pt;border-top:solid 1px #202020;text-align:center;text-decoration:none;color:#4F4F4F}#nav .overbox a.more-link:focus,#nav .overbox a.more-link:hover,#tools .overbox a.more-link:focus,#tools .overbox a.more-link:hover{color:#CCC}#nav .overbox p.info,#tools .overbox p.info{padding:5px 15px;font-size:9pt;text-align:center;color:#CCC}#nav .overbox .outside-button,#tools .overbox .outside-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#6e161b;border:solid 1px #510816;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}#nav .overbox .outside-button:focus,#nav .overbox .outside-button:hover,#tools .overbox .outside-button:focus,#tools .overbox .outside-button:hover{background:#510816;border-color:#6e161b}#nav .overbox .outside-button.disabled,#tools .overbox .outside-button.disabled{background:#202020;border-color:#4F4F4F}#nav .overbox input.outside-button,#tools .overbox input.outside-button{line-height:26px}#nav .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}#nav .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:transparent transparent #202020 transparent;top:-18px;right:30px}#nav .overbox#change-bases{top:50px;left:10px;width:205px;padding:0 0 8px 0}#nav .overbox#change-bases:before{left:30px;right:auto}#nav .overbox#change-bases a{display:block;padding:3px 15px;color:#CCC;text-decoration:none;font-size:9pt;border-bottom:solid 1px #101010}#nav .overbox#change-bases a:focus,#nav .overbox#change-bases a:hover{background:#101010}#nav .overbox#change-bases a.active{background:#202020}#nav .overbox#change-bases strong{display:block;color:#CCC;font-size:13px}#nav .overbox#disconnect-box{top:50px;right:10px;width:205px;padding:8px 0}#nav .overbox#disconnect-box hr{margin:8px 0;border:none;background:0 0;border-top:solid 1px #202020}#nav .overbox#disconnect-box a{display:block;padding:0 15px;line-height:25px;font-size:13px;color:#CCC;text-decoration:none}#nav .overbox#disconnect-box a:focus,#nav .overbox#disconnect-box a:hover{color:#fff;background:#202020}#nav .overbox#bug-tracker{width:250px;top:50px;right:98px;padding:0 0 8px 0}#nav .overbox#bug-tracker p{color:#CCC;font-size:9pt;margin:10px}#nav .overbox#bug-tracker .option{margin:3px 10px 10px 10px;display:block;width:330px;padding:5px}#nav .overbox#bug-tracker textarea{display:block;margin:0 10px 10px 10px;padding:5px;width:318px;height:200px;min-width:318px;max-width:318px;border:solid 1px #202020;font-family:'Trebuchet MS',sans-serif;font-size:13px}#nav .overbox#bug-tracker .button{display:block;margin:0 10px 2px 10px}#nav .overbox#roadmap{width:350px;top:50px;right:10px}#nav .overbox#roadmap .overflow{width:350px;padding:8px 0}#nav .overbox#roadmap p{color:#CCC;font-size:9pt;margin:0 10px 10px 10px}#nav .overbox#roadmap p em{display:block;font-size:11px;color:#4F4F4F}#nav .overbox#roadmap hr{margin:5px 0;border:none;border-top:solid 1px #202020}#nav .overbox#tutorial{width:350px;top:50px;right:143px;color:#fff}#nav .overbox#tutorial form{padding:0 0 10px 0;margin:0;border-top:solid 1px #202020}#nav .overbox#tutorial .overflow{padding:15px 15px 0 15px}#nav .overbox#tutorial .overflow h3{position:relative;margin:0;padding:0 0 0 36px}#nav .overbox#tutorial .overflow h3 .number{position:absolute;top:-4px;left:0;display:block;width:26px;line-height:26px;text-align:center;background:#510816;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;margin-right:10px}#nav .overbox#tutorial .overflow p{font-size:9pt;color:#CCC}#nav .overbox#new-notifications{top:50px;left:627px;width:300px}#tools .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:300px;bottom:45px;right:15px}#tools .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:#202020 transparent transparent transparent;bottom:-18px;right:30px}#tools .overbox.left-pic:before{left:30px;right:auto}#tools .overbox#tools-calendar{left:25px;bottom:45px;right:auto}#tools .overbox#tools-refinery{right:401px;bottom:45px}#tools .overbox#tools-generator{right:237px;bottom:45px}#tools .overbox#tools-technosphere{right:193px;bottom:45px}#tools .overbox#tools-dock1{right:148px;bottom:45px}#tools .overbox#tools-dock2{right:105px;bottom:45px}#tools .overbox#tools-credit{right:140px;bottom:45px}#tools .overbox#tools-incoming-attack{right:230px;bottom:45px}#tools .overbox#tools-outgoing-attack{right:185px;bottom:45px}#subnav{position:fixed;top:29px;left:2px;bottom:29px;padding:40px 0;width:60px;background:url(src/desktop/subnav/middle.png) repeat-y;z-index:1000}#subnav hr{border:none;margin:20px 0}#subnav .overflow{position:relative}#subnav .move-side-bar{display:none;position:absolute;z-index:5000;left:5px;width:3pc;height:3pc;line-height:3pc;border:none;background-color:rgba(0,0,0,.75);background-position:center;background-repeat:no-repeat;border-radius:100%;cursor:pointer}#subnav .move-side-bar:focus,#subnav .move-side-bar:hover{box-shadow:0 0 3px #fff}#subnav .move-side-bar.top{bottom:auto;top:20px;background-image:url(src/desktop/component/top.png)}#subnav .move-side-bar.bottom{bottom:20px;top:auto;background-image:url(src/desktop/component/bottom.png)}#subnav .item{position:relative;display:block;height:50px;width:50px;margin:0 0 10px 0;padding:8px 5px;color:#fff;text-decoration:none;background:url(src/desktop/subnav/button.png) no-repeat}#subnav .item.active{background:url(src/desktop/subnav/button-active-c1.png) no-repeat}#subnav .item.striped{background:url(src/desktop/subnav/button-striped.png) no-repeat}#subnav .item:before{content:'';position:absolute;right:-6px;bottom:0;width:9pt;height:47px;background:url(src/desktop/subnav/til.png) no-repeat}#subnav .item:hover:before{background:url(src/desktop/subnav/til-hover.png) no-repeat}#subnav .item:hover>.content{display:block}#subnav .item .picto{display:block;height:30px;width:30px;padding:10px}#subnav .item .picto img{display:block;height:30px;width:30px}#subnav .item .picto .number{position:absolute;bottom:-5px;right:-18px;display:block;width:28px;height:28px;line-height:28px;text-align:center;font-size:9pt;background:url(src/desktop/subnav/number.png) no-repeat}#subnav .item .content{display:none;position:absolute;top:0;left:75px;width:230px}#subnav .item .content.skin-1 span{display:inline-block;margin:15px 0 15px 1pc;padding:0 15px;line-height:30px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-1 span:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content{display:inline-block;margin:0 0 0 1pc;padding:10px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-2 .sub-content:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content hr{border:none;border-top:solid 1px #4F4F4F;margin:5px 0}#subnav .item .content.skin-2 .sub-content .ship{position:relative}#subnav .item .content.skin-2 .sub-content .ship img{width:2pc;height:2pc}#subnav .item .content.skin-2 .sub-content .ship img.zero{opacity:.5}#subnav .item .content.skin-2 .sub-content .ship .number{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;line-height:18px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;text-align:center;background:#b01e2d}#alert-content{display:none}#alert{position:absolute;bottom:18px;left:50px;padding:0;text-align:right;list-style:inset none}#alert li{position:relative;display:inline-block;margin:0 0 0 5px}#alert li img{display:block;height:50px;border:solid 1px #202020;padding:5px;background:#0A0A0A;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.alert-bull{display:block;position:absolute;z-index:1200;width:200px;padding:6px 8px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.alert-bull .title{display:block;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:solid 1px #4F4F4F}.alert-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;bottom:-14px;left:24px;border-color:#4F4F4F transparent transparent transparent}#content{position:absolute;width:500pc;height:100%;top:0;left:300px;z-index:200}#content .component{position:relative;display:table-cell;overflow:hidden;width:300px;background:rgba(0,0,0,.92)}#content .component.size2{width:600px}#content .component.size3{width:900px}#content .component:nth-child(1){background:rgba(0,0,0,.6)}#content .component:nth-child(2){background:rgba(0,0,0,.75)}#content .component:nth-child(3){background:rgba(0,0,0,.85)}#content .component:nth-child(4){background:rgba(0,0,0,.9)}#content .component .head{position:relative;display:inline-block;height:90pt;width:100%;vertical-align:top;color:#fff;background:url(src/desktop/component/bHead.jpg) repeat-x center #000;border-bottom:solid 1px #202020}#content .component .head h1{position:absolute;top:10px;left:10px;font-size:38px;line-height:50px;height:50px;display:inline-block;padding:0 10px;background:#000;overflow:hidden}#content .component .fix-body{position:relative;overflow:auto;color:#fff;border-right:solid 1px #202020}#content .component .fix-body .body{position:relative}.no-scrolling #content .component .fix-body{overflow:hidden}.no-scrolling #content .component .fix-body>a{position:absolute;width:100%;height:40px;left:0;opacity:0}.no-scrolling #content .component .fix-body.hover>a{opacity:1;background-position:center;background-repeat:no-repeat}.no-scrolling #content .component .fix-body .toTop{top:0;background-image:url(src/desktop/component/top.png),-webkit-gradient(linear,#000,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-moz-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-ms-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-o-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),linear-gradient(black,rgba(0,0,0,.8),transparent)}.no-scrolling #content .component .fix-body .toBottom{bottom:0;background-image:url(src/desktop/component/bottom.png),-webkit-gradient(linear,transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-moz-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-ms-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-o-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),linear-gradient(transparent,rgba(0,0,0,.8),#000)}#content .component.invisible{background:0 0}#content .component.invisible .publicity{position:absolute;bottom:0;left:0;right:0;background:red}.component .tool{display:table;width:100%;height:44px;margin:0;overflow:hidden;background:#000;border-bottom:solid 1px #b01e2d;color:#4F4F4F}.component .tool>span{display:table-cell;width:28px;border:solid 6px transparent;border-left:none}.component .tool>span:first-child{border:solid 5px transparent;width:auto;text-align:center}.component .tool>span:first-child a{width:auto}.component .tool>span a{position:relative;display:block;margin:0;padding:0;line-height:30px;width:30px;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px;text-align:center}.component .tool>span a img{width:18px;position:relative;top:-4px}.component .tool>span a.active{background:#6e161b;color:#fff;border-color:#b01e2d}.component .tool>span a.active.down{box-shadow:0 2px 0 0 #CCC}.component .tool>span a.active.up{box-shadow:0 -2px 0 0 #ccc}.component .tool>span a.active:focus,.component .tool>span a.active:hover{color:#CCC;box-shadow:inset 0 0 5px rgba(0,0,0,.5)}.component .tool>span a:active,.component .tool>span a:focus,.component .tool>span a:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .tool.sort-button>span:first-child{text-align:center}.component h3{width:100%;margin:0;background:#000;text-align:center;padding:0 2px;line-height:44px;font-weight:400;font-size:14px;color:#4F4F4F;text-decoration:none;border-bottom:solid 1px #b01e2d}.component h4{margin:10px 10px 0 10px;font-weight:400;font-size:18px}.component .body p{margin:10px;font-size:13px;text-align:justify}.component .body p.info{position:relative;border-top:solid 1px #202020;padding:10px;margin:10px;line-height:140%;background:rgba(0,0,0,.8)}.component .body p.info a{color:#fff}.component .body p.info .requierement{display:inline-block;margin:0 0 0 8px;vertical-align:bottom;height:1pc}.component .body p.long-info{padding:10px;line-height:150%;background:#000}.component .body p .alone-button{display:block;text-align:center;color:#fff;line-height:40px;border-radius:3px;text-decoration:none;background:#4F4F4F;box-shadow:inset 0 0 2px #000;padding:0 10px;background:#510816}.component .body p .alone-button:focus,.component .body p .alone-button:hover{background:#6e161b}.component .border-bottom{border-bottom:solid 3px #b01e2d}.component .list-type-1{margin:10px;padding:0;list-style:none}.component .list-type-1 li{position:relative;padding:5px 10px;text-align:right;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:rgba(0,0,0,.8);color:#989898}.component .list-type-1 li.strong{border-top:double 3px #4F4F4F;background:#111;color:#fff}.component .list-type-1 li.empty{background:0 0;border:none;height:50px}.component .list-type-1 li ul li{height:auto}.component .list-type-1 .label{display:block;font-size:13px}.component .list-type-1 .label .icon-color{width:15px;padding:1px}.component .list-type-1 .value{display:inline-block;font-size:22px;line-height:30px;font-weight:700}.component .list-type-1 .value .icon,.component .list-type-1 .value .icon-color{height:18px;margin-left:8px;position:relative;top:-3px}.component .list-type-1 .picto{position:absolute;top:7px;left:10px;height:35px;width:35px;line-height:35px;padding:5px;border-radius:100%;background:#202020;font-size:1pc;text-align:center;color:#fff;text-decoration:none}.component .list-type-1 .picto.color1{background:#510816}.component .list-type-1 .picto.color2{background:#0c0d44}.component .list-type-1 .picto.color3{background:#b17a00}.component .list-type-1 .picto.color4{background:#310948}.component .list-type-1 .picto.color5{background:#24500a}.component .list-type-1 .picto.color6{background:#004948}.component .list-type-1 .picto.color7{background:#401b13}.component .list-type-1 .picto.color8{background:#c3590b}.component .list-type-1 .picto.color9{background:#24500a}.component .list-type-1 .picto.color10{background:#4d0621}.component .list-type-1 .picto.color11{background:#10684c}.component .list-type-1 .picto.color12{background:#b17a00}.component .list-type-1 .hide{color:#4F4F4F}.component .list-type-1 .buttons{position:absolute;top:28px;left:5px}.component .list-type-1 .buttons a{display:inline-block;margin:0 4px;width:18px;line-height:18px;text-align:center;text-decoration:none;font-style:14px;color:#fff;border-radius:3px;background:#6e161b}.component .list-type-1 .progress-bar{text-align:left;margin-top:5px}.component .sub-list-type-1{display:none;margin:0;padding:0;list-style:none}.component .sub-list-type-1 li{position:relative;padding:2px 0;text-align:left;border:none;border-top:solid 1px #0A0A0A}.component .sub-list-type-1 .label{display:inline-block;width:60%}.component .sub-list-type-1 .label .button{position:relative;left:-4px;margin:0 0 0 3px}.component .sub-list-type-1 .value{text-align:right;line-height:25px;font-size:18px;width:40%}.component .sub-list-type-1 .value .button{margin:0 2px 0 6px}.component .sub-list-type-1 .button{display:inline-block;width:18px;line-height:18px;text-align:center;text-decoration:none;font-size:14px;font-weight:400;color:#fff;border-radius:3px;background:#b01e2d}.component .list-type-1 form{z-index:1;position:absolute;display:none;bottom:-40px;right:3px}.component .list-type-1 form p{position:relative;background:#fff;border-radius:3px;padding:0;margin:0;width:200px;height:35px}.component .list-type-1 form p:before{content:'';position:absolute;top:-9pt;right:9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent}.component .list-type-1 form input{border:none;background:0 0;line-height:35px;height:35px;padding:0 10px}.component .list-type-1 form input[type=text]{width:140px}.component .list-type-1 form input[type=submit]{width:40px}.component .sub-list-type-1 form{right:-6px}.number-box{position:relative;margin:10px;padding:5px 10px;background:#000;color:#fff;border:solid 1px #0A0A0A;border-top:solid 1px #202020;border-left:solid 10px #6e161b}.number-box.half{display:inline-block;width:254px;margin-right:0;margin-bottom:0}.number-box.grey{border-left:solid 10px #4F4F4F!important}.number-box.text{border-left:solid 1px #0A0A0A}.number-box.text a{text-decoration:none;color:#fff}.number-box .label{display:block}.number-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.number-box .value .icon-color{width:20px;height:20px;vertical-align:middle}.number-box .progress-bar{margin:5px 0}.number-box .group-link{position:absolute;top:5px;right:5px}.number-box .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#6e161b}.progress-bar{position:relative;display:block;width:100%;height:3px;background:#4F4F4F}.progress-bar .content{position:relative;display:inline-block;height:3px;vertical-align:top;overflow:hidden;max-width:100%}.progress-bar .content:nth-child(n){background:#b01e2d}.progress-bar .content:nth-child(2n){background:#510816}.progress-bar .content.color1{background:#6e161b}.progress-bar .content.color2{background:#1f1471}.progress-bar .content.color3{background:#dbb200}.progress-bar .content.color4{background:#5a1072}.progress-bar .content.color5{background:#2c7915}.progress-bar .content.color6{background:#076b87}.progress-bar .content.color7{background:#67331d}.progress-bar .content.color8{background:#d87913}.progress-bar .content.color9{background:#2c7915}.progress-bar .content.color10{background:#760f36}.progress-bar .content.color11{background:#219772}.progress-bar .content.color12{background:#dbb200}.progress-bar .step{position:absolute}.progress-bar .step .label{position:absolute;display:block;width:150px;left:0;top:-28px}.progress-bar .step .label.bottom{top:auto;bottom:-28px}.progress-bar .step .label.right{right:0;left:auto;text-align:right}.progress-bar .step:before{content:'';position:absolute;width:9pt;height:9pt;background:#6e161b;box-shadow:0 0 0 3px #510816;border-radius:100%;top:-5px;left:-5px}.bonus{vertical-align:top;display:inline-block;font-size:55%;line-height:100%;padding:3px;margin:2px 0 0 8px;border-radius:3px;font-weight:400;background:#510816}.component .head.skin-1 img{position:absolute;top:22px;left:20px;padding:8px;width:60px;border:solid 1px #202020;border-radius:100%;background:#000}.component .head.skin-1 img:before{content:'';width:75pt;height:75pt}.component .head.skin-1 h2{position:absolute;bottom:66px;left:105px;font-size:22px;line-height:22px;margin:0;padding:0}.component .head.skin-1 em{position:absolute;top:62px;left:105px;font-size:13px;line-height:1pc;font-style:normal}.component .head.skin-2 h2{position:absolute;display:inline-block;top:45px;left:10px;font-size:22px;line-height:30px;margin:0;padding:0 10px;background:#000;font-weight:400}.component .head.skin-3 img{position:absolute;width:50px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:27px}.component .head.skin-3 img.left{left:40px}.component .head.skin-3 img.right{right:40px}.component .head.skin-4 img.main{position:absolute;width:30px;height:30px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:37px}.component .head.skin-4 h2{position:absolute;top:35px;left:60px;font-size:18px;line-height:22px;margin:0;padding:0}.component .head.skin-4 em{position:absolute;top:65px;left:60px;font-size:13px;line-height:1pc}.component .head.skin-5 h2{position:absolute;top:50px;left:10px;font-size:1pc;font-weight:400;margin:0;padding:0 20px;background:#000}.component .head.skin-5 h2:before{content:'';position:absolute;display:block;top:5px;left:0;width:8px;height:8px;border:solid 1px #202020;background:#000;border-radius:100%}.component .more-button,.component .more-item{display:block;margin:10px 10px 5px;line-height:34px;padding:0 9pt;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px}.component .more-button:active,.component .more-button:focus,.component .more-button:hover,.component .more-item:active,.component .more-item:focus,.component .more-item:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .nav-element{position:relative;display:block;margin:10px;height:70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component .nav-element img{position:absolute;top:5px;left:5px;padding:8px;height:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component .nav-element.active{background:#6e161b}.component .nav-element .active img{background:#000}.component .nav-element strong{position:absolute;top:5px;left:70px;color:#fff;font-weight:700;font-size:17px}.component .nav-element em{position:absolute;top:30px;left:70px;color:#fff;font-weight:400;font-size:9pt;font-style:normal;color:#efefef}.component hr{border:none;border-bottom:dashed 1px #202020;margin:0 10px}.component .set-item{margin:10px;border-bottom:solid 1px #202020}.component .set-item a.item:focus,.component .set-item a.item:hover{background-color:#0c0c0c}.component .set-item .item{position:relative;display:block;color:#fff;height:60px;border:solid 1px #202020;border-bottom:none;background:#0A0A0A}.component .set-item .item .left{position:absolute;top:0;left:0;bottom:0;width:60px}.component .set-item .item .left img{width:30px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left img.color1{background:#6e161b}.component .set-item .item .left img.color2{background:#1f1471}.component .set-item .item .left img.color3{background:#dbb200}.component .set-item .item .left img.color4{background:#5a1072}.component .set-item .item .left img.color5{background:#2c7915}.component .set-item .item .left img.color6{background:#076b87}.component .set-item .item .left img.color7{background:#67331d}.component .set-item .item .left img.color8{background:#d87913}.component .set-item .item .left img.color9{background:#2c7915}.component .set-item .item .left img.color10{background:#760f36}.component .set-item .item .left img.color11{background:#219772}.component .set-item .item .left img.color12{background:#dbb200}.component .set-item .item .left img.round-color0{box-shadow:0 0 0 2px #CCC}.component .set-item .item .left img.round-color1{box-shadow:0 0 0 2px #b01e2d}.component .set-item .item .left img.round-color2{box-shadow:0 0 0 2px #2f23c0}.component .set-item .item .left img.round-color3{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left img.round-color4{box-shadow:0 0 0 2px #a935c7}.component .set-item .item .left img.round-color5{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color6{box-shadow:0 0 0 2px #05bed7}.component .set-item .item .left img.round-color7{box-shadow:0 0 0 2px #ac5832}.component .set-item .item .left img.round-color8{box-shadow:0 0 0 2px #f2b636}.component .set-item .item .left img.round-color9{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color10{box-shadow:0 0 0 2px #a92859}.component .set-item .item .left img.round-color11{box-shadow:0 0 0 2px #34b089}.component .set-item .item .left img.round-color12{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left span{display:block;width:30px;line-height:30px;text-align:center;font-size:15px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left span.round-color0{background:#CCC}.component .set-item .item .left span.round-color1{background:#b01e2d}.component .set-item .item .left span.round-color2{background:#2f23c0}.component .set-item .item .left span.round-color3{background:#ffdb0f}.component .set-item .item .left span.round-color4{background:#a935c7}.component .set-item .item .left span.round-color5{background:#57c632}.component .set-item .item .left span.round-color6{background:#05bed7}.component .set-item .item .left span.round-color7{background:#ac5832}.component .set-item .item .left span.round-color8{background:#f2b636}.component .set-item .item .left span.round-color9{background:#57c632}.component .set-item .item .left span.round-color10{background:#a92859}.component .set-item .item .left span.round-color11{background:#34b089}.component .set-item .item .left span.round-color12{background:#ffdb0f}.component .set-item .item .center{position:absolute;top:0;left:60px;right:30px;bottom:0;padding:9px 0}.component .set-item .item .center strong{display:block;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component .set-item .item .center a{color:#fff;text-decoration:none;border-bottom:solid 1px rgba(255,255,255,.25)}.component .set-item .item .right{position:absolute;top:0;right:0;bottom:0;width:29px;border-left:solid 1px #202020}.component .set-item .item .right a{position:absolute;top:0;left:0;width:29px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a}.component .set-item .item .right a.active,.component .set-item .item .right a:focus,.component .set-item .item .right a:hover{background-color:#202020}.component .set-item .item .group-link{position:absolute;top:5px;right:5px}.component .set-item .item .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#6e161b}.army-bull{display:none;position:absolute;z-index:1200;padding:4px 8px;width:220px;color:#CCC;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.army-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;top:-14px;border-color:transparent transparent #4F4F4F transparent;left:18px}.army-bull strong{display:block;padding-bottom:5px;margin-bottom:5px;border-bottom:solid 1px #4F4F4F;font-weight:400}.army-bull .label{display:inline-block;width:70px}.army-bull .value{display:inline-block;width:40px}.component .build-item{position:relative;margin:10px;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;width:278px}.component .build-item a{color:#fff}.component .build-item .name{position:relative;height:40px;padding:5px 5px 5px 90px}.component .build-item .name img{z-index:20;position:absolute;top:-10px;left:5px;width:60px;padding:8px;border:solid 1px #202020;border-radius:100%;background:#000}.component .build-item .name strong{display:block;font-size:18px}.component .build-item .level{display:block;position:absolute;width:22px;line-height:22px;text-align:center;font-size:9pt;border-radius:100%;top:38px;left:58px;border:solid 1px #fff;z-index:22;background:#6e161b}.component .build-item .info{display:none;position:absolute;width:20px;line-height:20px;text-align:center;font-size:1pc;text-decoration:none;border-radius:3px;top:5px;right:5px;background:#6e161b;color:#fff}.component .build-item .name-commander{margin:10px 10px 0 10px;height:40px;padding:0 10px;border:none;background:#fff;border-radius:3px;width:15pc;text-align:center;font-size:1pc}.component .build-item .button{display:block;margin:10px;padding:5px 10px;width:15pc;line-height:20px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;background:#6e161b;box-shadow:inset 0 0 2px #000;border:none;cursor:pointer;min-height:36px}.component .build-item .button:hover{box-shadow:inset 0 0 6px #000;background:#b01e2d}.component .build-item .button.disable{background:#202020;cursor:default}.component .build-item .button .icon-color{width:14px}.component .build-item button.button{width:260px}.component .build-item .ship-pack{z-index:10;position:absolute;bottom:15px;left:15px;width:60px;height:40px;padding:0;margin:0;border:none;background:#fff;text-align:center;font-size:24px;font-weight:700;border-radius:3px;box-shadow:inset 0 0 0 3px #CCC}.component .build-item .ship-illu{width:260px;margin:5px 10px;overflow:hidden}.component .build-item .ship-illu img{width:100%}.component .build-item.disabled{opacity:.3}.component .build-item.disabled .name img{opacity:.5}.component .build-item.disabled strong{color:#4F4F4F}.component .build-item.disabled .button.disable{color:#696969}.component .build-item.disabled .button.disable:hover{background:#202020;box-shadow:inset 0 0 2px #000}.component .build-item.large{width:578px}.component .build-item.large .info{top:75px;right:25px}.component .build-item.large .button{display:block;top:-3px;right:0;line-height:18px;width:540px;min-height:36px}.component .build-item.large .ship-illu{width:35pc;margin-top:10px}.component .build-item input{display:block;width:243px;margin:10px;padding:8px;border:none}.component .build-item select{display:block;width:260px;margin:10px;padding:8px;border:none}.component.panel-info .remove-info{display:block;position:absolute;top:2px;right:10px;line-height:20px;width:20px;text-align:center;text-decoration:none;color:#fff;border-radius:3px;background:#510816}.component.panel-info .table{margin:10px}.component.panel-info .table table{width:100%;text-align:right;border-collapse:collapse;background:#000}.component.panel-info .table td{border:solid 1px #202020;padding:6px 8px}.component.panel-info .table tr.small-grey{background:#0A0A0A}.component.panel-info .table tr.active td{background:#0A0A0A;border-bottom:solid 1px #4F4F4F}.component.panel-info .table .icon-color{width:9pt}.component.panel-info .illu{margin:0 10px;box-shadow:inset 0 0 5px #000}.component.panel-info .skill-box{position:relative;margin:0 10px;padding:5px 10px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000}.component.panel-info .skill-box.grey{border-left:solid 10px #4F4F4F!important}.component.panel-info .skill-box .label{display:block}.component.panel-info .skill-box .value{display:block;font-size:18px;font-weight:700;margin:4px 0 0 0}.component.panel-info .skill-box .value .icon-color{width:18px}.component.panel-info .skill-box .progress-bar{margin:6px 0 2px 0}.splash-screen{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;background:rgba(0,0,0,.8)}.splash-screen .modal{width:500px;height:140px;position:absolute;top:5pc;right:3000px;background:#0A0A0A;padding:25px 175px 25px 75px;color:#fff;border-radius:140px;border:solid 1px #202020}.splash-screen .modal h1{font-size:36px;margin:0;padding:0 0 10px 0}.splash-screen .modal h2{font-size:20px;margin:0;padding:0}.splash-screen .modal img{position:absolute;top:-15px;right:-50px;width:200px;padding:10px;background:#202020;border-radius:100%;border:solid 1px #4F4F4F}.splash-screen .modal:before{content:'';position:absolute;top:-5pc;right:20px;border-color:transparent transparent #4F4F4F transparent;border-width:40px;border-style:solid}.common-link{color:#fff}.component .top-right-button{display:block;position:absolute;top:0;right:10px;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;text-decoration:none;background:#6e161b;z-index:1}.component .top-right-button:focus,.component .top-right-button:hover{background:#510816}.alert{display:block;margin:10px;line-height:30px;padding:0 10px;text-decoration:none;color:#fff;background:#6e161b;border-radius:3px;box-shadow:0 0 2px #000}.common-link{display:block;margin:10px;color:#fff;text-decoration:none}.text-bloc a{display:inline-block;color:inherit;opacity:.6}.text-bloc a:focus,.text-bloc a:hover{opacity:1}.queue{margin:10px;color:#fff}.queue .item{position:relative;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;min-height:60px;display:block}.queue .item.empty{background:#0A0A0A}.queue .item.empty strong{font-weight:400}.queue .item.link{min-height:0;padding:10px;color:#4F4F4F;text-decoration:none}.queue .item.link:focus,.queue .item.link:hover{color:#CCC}.queue .item a.button{position:absolute;display:block;top:2px;right:5px;color:#fff;text-decoration:none}.queue .item a{color:#CCC}.queue .item .group-link{position:absolute;top:9px;right:9px}.queue .item .group-link a{display:block;width:20px;line-height:20px;margin:0 0 5px 0;border-radius:3px;color:#fff;text-align:center;text-decoration:none;background:#6e161b}.queue .item .group-link a:focus,.queue .item .group-link a:hover{background:#b01e2d}.queue .item .picto{float:left;width:40px;height:40px;margin:5px;padding:5px;background:#000;border-radius:100%;border:solid 1px #202020}.queue .item strong{display:block;margin:6px 0 2px 0}.queue .item strong .level{font-size:11px;color:#CCC}.queue .item .big{font-size:24px}.queue .item em{display:block;font-style:normal;color:#AEAEAE}.queue .item .progress-container{position:relative;display:block;clear:both;margin:5px;height:3px;background:#4F4F4F}.queue .item .progress-bar{position:absolute;display:block;height:100%;background:#b01e2d}.choose-government{display:block;margin:10px;padding:10px;background:#0A0A0A;border-radius:3px}.choose-government select{display:block;width:100%;padding:8px}.choose-government button{display:block;width:100%;margin:10px 0 0 0;padding:0 10px;line-height:30px;border:none;color:#fff;cursor:pointer;background:#6e161b}.choose-government button:focus,.choose-government button:hover{background:#510816}.evolution{background:#000;margin:10px;border-top:solid 1px #202020;border-bottom:solid 1px #202020}.evolution .header{padding:10px;border-bottom:solid 1px #202020;color:#EFEFEF}.evolution .diargam{padding:10px;background:#0A0A0A}.evolution .diargam .progress-bar{background:#0A0A0A!important;height:20px;padding-bottom:1px}.evolution .diargam .progress-bar .content{height:20px;line-height:20px;font-size:9pt;color:#fff;padding-left:5px}.evolution .diargam .progress-bar:nth-child(odd) .content{background:#6e161b!important}.centred-link{display:block;width:300px;text-align:center;margin:0 auto;text-decoration:none;padding:6px 10px;color:#EFEFEF;background:#6e161b;border:solid 1px #510816}.centred-link:focus,.centred-link:hover{background:#510816;border-color:#6e161b;color:#fff}span.centred-link{background:#202020;border:solid 1px #0A0A0A;color:#4F4F4F}span.centred-link:focus,span.centred-link:hover{background:#202020;border-color:#0A0A0A;color:#4F4F4F}.component.profil .center-box{margin:20px 10px 0;color:#fff;text-align:center}.component.profil .center-box .label{display:block}.component.profil .center-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.component.profil .profil-flag{position:relative;width:222px;height:460px;margin:0 auto}.component.profil .profil-flag img{position:relative;background:#0A0A0A;border:solid 1px #202020;padding:10px;border-radius:100%;margin:20px auto;box-shadow:0 0 0 4px #6e161b,0 0 20px #000;z-index:1}.component.profil .profil-flag.color-1 img{box-shadow:0 0 0 4px #6e161b,0 0 20px #000}.component.profil .profil-flag.color-2 img{box-shadow:0 0 0 4px #1f1471,0 0 20px #000}.component.profil .profil-flag.color-3 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag.color-4 img{box-shadow:0 0 0 4px #5a1072,0 0 20px #000}.component.profil .profil-flag.color-5 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-6 img{box-shadow:0 0 0 4px #076b87,0 0 20px #000}.component.profil .profil-flag.color-7 img{box-shadow:0 0 0 4px #67331d,0 0 20px #000}.component.profil .profil-flag.color-8 img{box-shadow:0 0 0 4px #d87913,0 0 20px #000}.component.profil .profil-flag.color-9 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-10 img{box-shadow:0 0 0 4px #760f36,0 0 20px #000}.component.profil .profil-flag.color-11 img{box-shadow:0 0 0 4px #219772,0 0 20px #000}.component.profil .profil-flag.color-12 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag:before{display:block;position:absolute;content:'';top:218px;left:33px;width:154px;height:241px;background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.profil .profil-flag.color-1:before{background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.profil .profil-flag.color-2:before{background:url(src/desktop/faction/flag/flag-2.png) no-repeat}.component.profil .profil-flag.color-3:before{background:url(src/desktop/faction/flag/flag-3.png) no-repeat}.component.profil .profil-flag.color-4:before{background:url(src/desktop/faction/flag/flag-4.png) no-repeat}.component.profil .profil-flag.color-5:before{background:url(src/desktop/faction/flag/flag-5.png) no-repeat}.component.profil .profil-flag.color-6:before{background:url(src/desktop/faction/flag/flag-6.png) no-repeat}.component.profil .profil-flag.color-7:before{background:url(src/desktop/faction/flag/flag-7.png) no-repeat}.component.profil .profil-flag.color-8:before{background:url(src/desktop/faction/flag/flag-8.png) no-repeat}.component.profil .profil-flag.color-9:before{background:url(src/desktop/faction/flag/flag-9.png) no-repeat}.component.profil .profil-flag.color-10:before{background:url(src/desktop/faction/flag/flag-10.png) no-repeat}.component.profil .profil-flag.color-11:before{background:url(src/desktop/faction/flag/flag-11.png) no-repeat}.component.profil .profil-flag.color-12:before{background:url(src/desktop/faction/flag/flag-12.png) no-repeat}.component.profil .profil-flag .level{z-index:2;display:block;position:absolute;top:184px;right:2px;width:36px;height:36px;text-align:center;line-height:36px;background:#0A0A0A;border:3px solid #6e161b;border-radius:100%}.component.profil .profil-flag.color-1 .level{border-color:#6e161b}.component.profil .profil-flag.color-2 .level{border-color:#1f1471}.component.profil .profil-flag.color-3 .level{border-color:#dbb200}.component.profil .profil-flag.color-4 .level{border-color:#5a1072}.component.profil .profil-flag.color-5 .level{border-color:#2c7915}.component.profil .profil-flag.color-6 .level{border-color:#076b87}.component.profil .profil-flag.color-7 .level{border-color:#67331d}.component.profil .profil-flag.color-8 .level{border-color:#d87913}.component.profil .profil-flag.color-9 .level{border-color:#2c7915}.component.profil .profil-flag.color-10 .level{border-color:#760f36}.component.profil .profil-flag.color-11 .level{border-color:#219772}.component.profil .profil-flag.color-12 .level{border-color:#dbb200}.component.profil .faction-flag{display:block;content:'';width:154px;height:241px;margin:0 auto;background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.search-player{position:relative;background:0 0!important}.component.search-player .box{position:absolute;top:60px;left:50px;width:440px;color:#fff}.component.search-player .top{background:rgba(0,0,0,.4);padding:10px;border-radius:3px 3px 0 0}.component.search-player .top label{display:block;font-size:1pc}.component.search-player .top input{display:block;border:none;height:40px;width:25pc;padding:0 10px;margin:10px 0 0 0;font-size:20px;color:#202020;border-radius:3px}.component.search-player .center{background:rgba(0,0,0,.8);padding:10px 25px 10px 10px;min-height:140px;border-radius:0 0 3px 3px}.component.search-player .center .avatar{float:left;position:relative;left:-20px;width:90pt;padding:8px;border:solid 1px #202020;border-radius:100%;background:#0A0A0A}.component.search-player .center .right{margin-left:140px}.component.search-player .center h1{margin:10px 0 0 0;padding:0}.component.search-player .center hr{margin:10px 0;border-color:#4F4F4F}.component.search-player .center p{margin:5px 0;padding:0}.component.search-player .center p span{display:inline-block;background:red;line-height:28px;padding:0 10px;border:solid 1px rgba(255,255,255,.5);border-right:none}.component.search-player .center p span:first-child{border-radius:3px 0 0 3px}.component.search-player .center p span:last-child{border-radius:0 3px 3px 0;border:solid 1px rgba(255,255,255,.5)}.component.search-player.color1 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component.search-player.color2 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component.search-player.color3 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.search-player.color4 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component.search-player.color5 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color6 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component.search-player.color7 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component.search-player.color8 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component.search-player.color9 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color10 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.component.search-player.color11 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.component.search-player.color12 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.new-message p.input{position:relative;background:#fff;padding:10px;border-radius:3px}.component.new-message p.input:before{content:'';position:absolute;width:0;height:0;top:-9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent;left:20px}.component.new-message label{display:block;font-size:13px}.component.new-message .input-text input{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px}.component.new-message .input-area textarea{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px;max-width:100%;min-width:100%;height:200px}.component.new-message button{display:inline-block;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 15px;color:#fff;cursor:pointer;overflow:hidden;background:#b01e2d}.component.new-message button:focus,.component.new-message button:hover{background:#510816}.notif{position:relative;margin:10px;background:#000;border-top:solid 1px #4F4F4F;border-right:solid 1px #202020;border-left:solid 1px #202020}.notif h4{position:relative;overflow:hidden;margin:0;padding:0 10px;font-size:14px;line-height:30px;border-bottom:solid 1px #202020;background:#0A0A0A;font-weight:400;cursor:pointer;color:#fff}.notif.unreaded h4:before{position:absolute;content:'';width:40px;height:40px;background:#fff;top:-5px;right:-15px;background:#b01e2d;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}.notif .content{display:none;padding:6px 8px;line-height:140%;text-align:justify;color:#efefef}.notif .content p{margin:0}.notif .content hr{border:none;background:0 0;border-bottom:dashed 1px #202020;margin:5px 0}.notif .content a{color:#fff}.notif .content .box-resource{position:relative;display:block;margin:5px 0;padding:5px 5px 5px 40px}.notif .content .box-resource img{position:absolute;top:6px;left:0;border:solid 4px #4f4f4f;border-radius:100%;border-color:#6e161b}.notif .content .box-resource .label{display:block;font-size:9pt}.notif .content .box-resource .value{display:block;font-size:18px;font-weight:700}.notif .footer{display:none;margin:0;padding:0 10px;line-height:18px;padding:5px 5px;border-top:solid 1px #202020;font-style:italic;text-align:right;color:#CCC}.notif .footer a{color:#CCC}.notif.open .content{display:block}.notif.open .footer{display:block}.component.rc .rc{position:relative;margin:20px 10px 20px 30px;border-left:solid 1px #CCC;padding:0 10px;height:380px;color:#CCC}.component.rc .rc.no-tax{margin:20px 10px 20px 30px;border-left:dashed 1px #4F4F4F;padding:0 10px;color:#CCC}.component.rc .rc a,.component.rc .rc strong{color:#fff}.component.rc .rc .icon-color{width:20px}.component.rc .rc .base{position:relative;padding:15px 0 15px 40px;height:50px}.component.rc .rc .base:last-child{position:absolute;bottom:0}.component.rc .rc .place{position:absolute;top:0;left:-50px;width:78px;height:78px;border:solid 1px #202020;background:#000;border-radius:100%}.component.rc .rc .general{list-style:none inset;margin:10px 0;padding:0}.component.rc .rc .general li{margin:10px 0;list-style-type:none}.component.rc .rc .general li strong{display:block;font-size:20px;font-weight:700}.component .situation-content{position:relative;display:block;width:100%;height:500px;border-bottom:solid 1px #0A0A0A}.component .situation-content .line-help{position:absolute;display:block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:100%;background:#510816}.component .situation-content .line-help.line-1{top:55px;left:190px}.component .situation-content .line-help.line-2{top:145px;left:406px}.component .situation-content .toolbar{position:absolute;top:30px;right:30px;box-shadow:0 0 0 4px rgba(255,255,255,.1);border-radius:3px;background:#6e161b;z-index:1}.component .situation-content .toolbar a,.component .situation-content .toolbar span{display:inline-block;line-height:2pc;padding:0 15px;border-right:solid 1px #000;text-decoration:none;color:#fff}.component .situation-content .toolbar a img,.component .situation-content .toolbar span img{position:relative;top:-2px;vertical-align:middle;height:18px;width:18px}.component .situation-content .toolbar a:focus,.component .situation-content .toolbar a:hover{background:rgba(0,0,0,.25)}.component .situation-content .toolbar form{display:inline-block}.component .situation-content .toolbar input{height:2pc;border:none;background:0 0;color:#fff;padding:0 15px;font-size:inherit}.component .situation-content .toolbar input:focus{background:rgba(0,0,0,.25)}.component .situation-content .toolbar input.button{background:url(src/desktop/common/edit.png) no-repeat center}.component .situation-content .toolbar input.button:focus{background:url(src/desktop/common/edit.png) no-repeat center rgba(0,0,0,.25)}.component .situation-content .info{position:absolute;display:block;width:200px;font-size:9pt;color:#efefef;line-height:18px}.component .situation-content .info strong{color:#fff;font-size:14px}.component .situation-content .info a{color:#fff;text-decoration:none;border-bottom:solid 1px #4f4f4f}.component .situation-content .info a:focus,.component .situation-content .info a:hover{border-color:#CCC}.component .situation-content .commander{position:absolute;display:block;text-decoration:none;z-index:1}.component .situation-content .commander.empty{color:#CCC}.component .situation-content .commander.position-1-1{top:135px;left:127px}.component .situation-content .commander.position-1-2{top:17pc;left:75pt}.component .situation-content .commander.position-1-3{top:415px;left:127px}.component .situation-content .commander.position-2-1{top:215px;left:22pc}.component .situation-content .commander.position-2-2{top:17pc;left:345px}.component .situation-content .commander.position-2-3{top:330px;left:22pc}.component .situation-content .commander.position-3{top:355px;left:577px}.component .situation-content .commander img{width:40px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}.component .situation-content .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component .situation-content .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #6e161b}.component .situation-content .commander .info{top:8px;left:65px;width:10pc}.component .situation-content .commander .link{display:none;position:absolute;top:14px;left:-1pc;width:24px;height:24px;font-size:20px;font-weight:700;text-decoration:none;border-radius:100%;text-align:center;z-index:1;border:solid 1px #fff}.component .situation-content .commander .link.to-left{background:url(src/desktop/mover/to-left.png) no-repeat center #000}.component .situation-content .commander .link.to-right{background:url(src/desktop/mover/to-right.png) no-repeat center #000}.component .situation-content .commander:hover>.link{display:block}.component .situation-content .stellar{position:absolute;display:block;top:180px;left:35pc}.component .situation-content .stellar img{width:220px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%}.component .situation-content .stellar .info{font-size:9pt;border-left:solid 1px #202020}.component .situation-content .stellar .info.top{bottom:215px;left:50px;padding:0 0 30px 10px}.component .situation-content .stellar .info.top strong{font-size:20px}.component .situation-content .stellar .info.bottom{top:225px;left:10pc;padding:10px 0 0 10px}.component .situation-content .stellar .info.middle{top:20px;left:182px;padding:10px 0 0 50px;border:none;border-top:solid 1px #202020}.component .situation-content .attack-link{position:absolute;bottom:-1px;left:0;right:0;text-align:center}.component .situation-content .attack-link a{display:inline-block;line-height:40px;padding:0 25px;border-radius:3px 3px 0 0;background:#202020;color:#fff;text-decoration:none;font-size:1pc}.component .situation-content .attack-link a:focus,.component .situation-content .attack-link a:hover{box-shadow:0 0 5px 3px #000}.component .situation-content.color0 .line-help{background:#202020}.component .situation-content.color0 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #202020}.component .situation-content.color0 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #202020}.component .situation-content.color0 .attack-link a{background:#202020}.component .situation-content.color1 .line-help{background:#510816}.component .situation-content.color1 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component .situation-content.color1 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #6e161b}.component .situation-content.color1 .attack-link a{background:#6e161b}.component .situation-content.color2 .line-help{background:#0c0d44}.component .situation-content.color2 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component .situation-content.color2 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #1f1471}.component .situation-content.color2 .attack-link a{background:#1f1471}.component .situation-content.color3 .line-help{background:#b17a00}.component .situation-content.color3 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .situation-content.color3 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #dbb200}.component .situation-content.color3 .attack-link a{background:#dbb200}.component .situation-content.color4 .line-help{background:#310948}.component .situation-content.color4 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component .situation-content.color4 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #5a1072}.component .situation-content.color4 .attack-link a{background:#5a1072}.component .situation-content.color5 .line-help{background:#24500a}.component .situation-content.color5 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color5 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color5 .attack-link a{background:#2c7915}.component .situation-content.color6 .line-help{background:#004948}.component .situation-content.color6 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component .situation-content.color6 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #076b87}.component .situation-content.color6 .attack-link a{background:#076b87}.component .situation-content.color7 .line-help{background:#401b13}.component .situation-content.color7 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component .situation-content.color7 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #67331d}.component .situation-content.color7 .attack-link a{background:#67331d}.component .situation-content.color8 .line-help{background:#c3590b}.component .situation-content.color8 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component .situation-content.color8 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #d87913}.component .situation-content.color8 .attack-link a{background:#d87913}.component .situation-content.color9 .line-help{background:#24500a}.component .situation-content.color9 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color9 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color9 .attack-link a{background:#2c7915}.component .situation-info{display:table;width:100%;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#000}.component .situation-info .item{display:table-cell;padding:10px;border-right:solid 1px #202020}.component .situation-info .item .value{font-size:26px;font-weight:700;display:block}.component .build-item.base-type .desc{margin:10px 0 0 0;padding:15px;font-size:13px;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#0A0A0A}.component .build-item.base-type .list-choice{position:relative;height:140px;background:url(src/desktop/base/type-base.png) no-repeat center;margin:0;border-bottom:solid 1px #202020}.component .build-item.base-type .list-choice button{position:absolute;padding:0;border:none;background:0 0;cursor:pointer}.component .build-item.base-type .list-choice button.item-1{top:35px;left:5px}.component .build-item.base-type .list-choice button.item-2{top:5px;left:107px}.component .build-item.base-type .list-choice button.item-3{bottom:5px;left:107px}.component .build-item.base-type .list-choice button.item-4{top:35px;right:5px}.component .build-item.base-type .list-choice button img{display:block;padding:8px;width:40px;border:solid 1px #202020;border-radius:100%;background:#000}.color1 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.color2 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.color3 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.color4 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.color5 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color6 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.color7 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.color8 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.color9 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color10 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.color11 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.color12 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .build-item.base-type .desc-choice{display:none}.component .build-item.base-type .desc-choice h4{border-bottom:solid 1px #202020;padding:0 0 5px 0}.component .build-item.base-type .desc-choice p{text-align:left;color:#CCC!important}.component .build-item.base-type .desc-choice p strong{display:block;color:#fff}.component .build-item.base-type .desc-choice p strong.short{display:inline-block;width:75pt}.component.list-fleet .set-fleet{position:relative;margin:10px;padding:0 0 0 70px;min-height:5pc}.component.list-fleet .set-fleet img.place{position:absolute;top:-5px;left:-20px;width:5pc;background:#0A0A0A;border-radius:100%;border:solid 1px #202020}.component.list-fleet .set-fleet h2{padding:10px 0;margin:0}.component.list-fleet .set-fleet h2 a{font-size:13px;color:#fff;font-weight:400;text-decoration:none}.component.list-fleet .set-fleet .item{position:relative;height:60px;background:#0A0A0A;border:solid 1px #202020;border-bottom:none;width:777px}.component.list-fleet .set-fleet .item:last-child{border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item a{display:inline-block;text-decoration:none;color:#CCC;border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item .left{position:absolute;top:0;left:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .left .top{position:absolute;left:60px;display:block;width:500px;top:10px}.component.list-fleet .set-fleet .item .left .status{width:30px;margin:10px;padding:5px;border-radius:100%}.component.list-fleet .set-fleet .item .right{position:absolute;top:0;right:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .right .top{position:absolute;right:60px;display:block;width:200px;text-align:right;top:10px}.component.list-fleet .set-fleet .item .right .cover{width:50px;margin:5px;padding:0;border-radius:100%}.component.list-fleet .set-fleet .item .center{position:absolute;top:41px;left:70px;right:70px}.component.list-fleet .set-fleet .item .center .ship{position:absolute;top:-10px;left:-11px;right:auto}.component.list-fleet .set-fleet .item .center .progress-ship{display:block;width:100%;background:#4F4F4F;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar{position:relative;display:block;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship{top:-11px;right:-11px;left:auto}.component.list-fleet .set-fleet .item .center .progress-ship .bar span{position:absolute;top:4px;right:15px;font-size:10px}.component.list-fleet .set-fleet .item.color1 .status{background:#6e161b}.component.list-fleet .set-fleet .item.color2 .status{background:#1f1471}.component.list-fleet .set-fleet .item.color3 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color4 .status{background:#5a1072}.component.list-fleet .set-fleet .item.color5 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color6 .status{background:#076b87}.component.list-fleet .set-fleet .item.color7 .status{background:#67331d}.component.list-fleet .set-fleet .item.color8 .status{background:#d87913}.component.list-fleet .set-fleet .item.color9 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color10 .status{background:#760f36}.component.list-fleet .set-fleet .item.color11 .status{background:#219772}.component.list-fleet .set-fleet .item.color12 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item .center .progress-ship .bar{background:#b01e2d}.component.list-fleet .set-fleet .item .center.reversed .progress-ship{background:#b01e2d}.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar{background:#4F4F4F}.component.list-fleet .set-fleet .item .show-commander{position:absolute;top:-1px;right:-30px;width:28px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a;border:solid 1px #202020}.component.list-fleet .set-fleet .item .show-commander.active,.component.list-fleet .set-fleet .item .show-commander:focus,.component.list-fleet .set-fleet .item .show-commander:hover{background-color:#202020}.component.table-fleet table{margin:10px;width:55pc;border-collapse:collapse}.component.table-fleet table tr:nth-child(odd){background:#000;border-bottom:solid 1px #202020}.component.table-fleet table tr:nth-child(even){background:#0A0A0A;border-bottom:solid 1px #202020}.component.table-fleet table tr:first-child{background:0 0}.component.table-fleet table td,.component.table-fleet table th{height:40px;width:40px;text-align:center}.component.table-fleet table td span.zero-value{color:#4F4F4F}.component.table-fleet table .base{width:75pt;text-align:left;padding:0 20px}.component.table-fleet table .base a{border:none}.component.table-fleet table .base strong{display:block;font-size:1pc}.component.table-fleet table .large{width:auto;text-align:left;padding:0 10px}.component.table-fleet table .sep{border-left:solid 1px #6e161b}.component.table-fleet table a{color:#fff;text-decoration:none;border-bottom:solid 1px #4F4F4F;display:inline-block}.component.table-fleet table th{position:relative;height:70px}.component.table-fleet table th span{position:absolute;bottom:2pc;left:-10px;display:block;text-align:left;width:60px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.component.commander-fleet .fleet{vertical-align:top;display:block;text-align:center}.component.commander-fleet .list-ship{vertical-align:top;display:inline-block;width:148px}.component.commander-fleet .list-ship:first-child{border-right:dashed 1px #4F4F4F}.component.commander-fleet .list-ship a{display:block;position:relative;margin:6px;height:40px;background:#202020;border:solid 1px #4F4F4F;border-radius:3px}.component.commander-fleet .list-ship a.empty{opacity:.4}.component.commander-fleet .list-ship img{position:absolute;display:inline-block;width:40px}.component.commander-fleet .list-ship .text{position:absolute;left:45px;display:inline-block;width:88px;color:#fff}.component.commander-fleet .list-ship .text .quantity{display:block;font-weight:700;font-size:18px}.component.commander-fleet .army{border-collapse:collapse;width:35pc;margin:20px}.component.commander-fleet .army td{width:65px;padding:5px;border-right:dashed 1px #4F4F4F;vertical-align:center}.component.commander-fleet .army td:first-child{width:auto;vertical-align:top;text-align:right;padding:0 20px;font-size:9pt}.component.commander-fleet .army tr:first-child td{text-align:center;padding:10px 5px;font-size:18px;font-weight:700}.component.commander-fleet .army .block{display:block;width:54px;height:54px;margin:0 0 5px 0;padding:5px;vertical-align:top;border-radius:5px;background:#0A0A0A;text-align:right;border:solid 1px #202020;color:#4F4F4F}.component.commander-fleet .army .block.empty{background:#000;border:solid 1px #0A0A0A}.component.commander-fleet .army .block strong{display:block;font-size:15px;height:38px;font-weight:700}.component.commander-fleet .army .block em{display:block;padding:2px;font-size:11px;background:#000;text-align:center;border-radius:3px}.component.commander-fleet .army .block.squadron{border:solid 1px #4F4F4F;color:#fff;cursor:pointer;background:#6e161b}.component.commander-fleet .army .block.squadron.full0{background:url(src/desktop/squadron/squadron0.png) no-repeat 4px 2px #6e161b}.component.commander-fleet .army .block.squadron.full1{background:url(src/desktop/squadron/squadron1.png) no-repeat 4px 2px #6e161b}.component.commander-fleet .army .block.squadron.full2{background:url(src/desktop/squadron/squadron2.png) no-repeat 4px 2px #6e161b}.component.commander-fleet .army .block.squadron.full3{background:url(src/desktop/squadron/squadron3.png) no-repeat 4px 2px #6e161b}.component.commander-fleet .army .block.squadron.active{box-shadow:inset 0 0 6px #000,0 0 2px 0 #fff;border:dashed 1px #fff}.component.report .commander{position:relative;display:block;margin:10px;padding:8px 0 8px 72px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component.report .commander img{position:absolute;top:5px;left:5px;padding:8px;width:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component.report .commander strong{display:block;padding:0 0 8px 0;color:#fff;font-weight:700;font-size:17px}.component.report .commander em{display:block;line-height:20px;color:#fff;font-style:normal;color:#efefef}.component.report .commander em .bonus{font-size:90%;margin:2px 0 0 2px;padding:3px 6px}.component.report .dammage{margin:10px;background:#000}.component.report .dammage table{width:100%;border-collapse:collapse;border-left:solid 1px #202020;border-right:solid 1px #202020}.component.report .dammage td{border-color:#202020;border-width:1px;border-style:solid dashed;padding:4px;vertical-align:center;text-align:center;color:#CCC;width:28px;height:22px}.component.report .dammage td:first-child{text-align:left;padding:4px 8px;width:auto}.component.report .dammage td span{display:inline-block;background:red;line-height:22px;width:22px;border-radius:3px;color:#fff;background:#510816}.component.topic .message{position:relative;padding:0 0 0 5pc;margin:10px;min-height:70px}.component.topic .message .avatar{position:absolute;top:0;left:0;width:56px;padding:6px;border:solid 1px #202020;border-radius:100%;background:#000}.component.topic .message .content{position:relative;background:#000;border:solid 1px #202020;border-bottom:solid 1px #0A0A0A}.component.topic .message .content:before{position:absolute;content:'';top:25px;left:-18px;border-style:solid;border-width:9px;border-color:transparent #202020 transparent transparent}.component.topic .message .content .text{margin:0;padding:10px 10px 9pt 10px;border-bottom:solid 1px #0A0A0A;color:#efefef}.component.topic .message .content .text a,.component.topic .message .content .text strong{color:#fff}.component.topic .message .content .text a.color1{color:#b01e2d}.component.topic .message .content .text a.color2{color:#2f23c0}.component.topic .message .content .text a.color3{color:#ffdb0f}.component.topic .message .content .text a.color4{color:#a935c7}.component.topic .message .content .text a.color5{color:#57c632}.component.topic .message .content .text a.color6{color:#05bed7}.component.topic .message .content .text a.color7{color:#ac5832}.component.topic .message .content .text a.color8{color:#f2b636}.component.topic .message .content .text a.color9{color:#57c632}.component.topic .message .content .text a.color10{color:#a92859}.component.topic .message .content .text a.color11{color:#34b089}.component.topic .message .content .text a.color12{color:#ffdb0f}.component.topic .message .content .text .icon-color{width:15px}.component.topic .message .content .footer{margin:0;padding:6px 10px;font-size:9pt;color:#CCC}.component.topic .message .content .footer a{color:#CCC}.component.topic .message.write .content:before{left:-17px;top:11px;border-color:transparent #fff transparent transparent}.component.topic .message.write .content textarea{border:none;padding:5px;width:487px;height:90pt;max-width:487px;min-width:487px;min-height:50px;font-family:inherit;font-size:13px}.component.topic .message.write .content input{margin:6px;font-family:inherit}.component.topic .message.write .content .title{border:none;margin:0;padding:5px;width:487px;height:30px;font-family:inherit;font-size:13px}.component.topic .message.write .content button{margin:6px;font-family:inherit;background:#6e161b;border:none;padding:4px 8px;color:#fff;cursor:pointer}.component.topic .message.write .content button:focus,.component.topic .message.write .content button:hover{background:#510816}.component.topic .system-message{position:relative;padding:0 0 0 90px;margin:10px}.component.topic .system-message:before{content:'';position:absolute;top:10px;left:0;height:1px;width:70px;background:#4F4F4F}.conv-item{position:relative;display:block;border:solid 1px #202020;border-bottom:none;background:#0A0A0A;height:59px;padding:5px 5px 5px 70px;margin:0 10px;color:#fff;text-decoration:none;overflow:hidden}.conv-item .cover{position:absolute;display:block;top:0;left:0;bottom:0;width:60px;padding:5px}.conv-item .cover .picture{width:52px;height:52px;background:#202020;border-radius:100%;padding:4px}.conv-item .cover .picture.color0{box-shadow:0 0 0 2px #4F4F4F}.conv-item .cover .picture.color1{box-shadow:0 0 0 2px #6e161b}.conv-item .cover .picture.color2{box-shadow:0 0 0 2px #1f1471}.conv-item .cover .picture.color3{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .picture.color4{box-shadow:0 0 0 2px #5a1072}.conv-item .cover .picture.color5{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color6{box-shadow:0 0 0 2px #076b87}.conv-item .cover .picture.color7{box-shadow:0 0 0 2px #67331d}.conv-item .cover .picture.color8{box-shadow:0 0 0 2px #d87913}.conv-item .cover .picture.color9{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color10{box-shadow:0 0 0 2px #760f36}.conv-item .cover .picture.color11{box-shadow:0 0 0 2px #219772}.conv-item .cover .picture.color12{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .new-message,.conv-item .cover .number{position:absolute;width:22px;height:22px;border-radius:100%;background:#0A0A0A;bottom:5px;right:5px;border:solid 1px #4F4F4F;text-align:center;line-height:22px;font-size:11px}.conv-item .cover .new-message{left:5px;top:5px}.conv-item .cover .new-message img{display:block;width:18px;height:18px;margin:2px}.conv-item .data{line-height:20px}.conv-item:last-child{border:solid 1px #202020}.conv-item:focus,.conv-item:hover{background:#0C0C0C}.component.player .player{position:relative;display:inline-block;margin:10px 0 0 10px;width:211px;height:58px;padding:5px 5px 5px 70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff;text-decoration:none}.component.player .player a{color:#ccc;text-decoration:none;border-bottom:solid 1px #202020}.component.player .player a:focus,.component.player .player a:hover{border-color:#4f4f4f}.component.player .player img.picto{position:absolute;top:5px;left:5px;width:50px;padding:4px;border:solid 1px #202020;border-radius:100%;background:#000}.component.player .player .icon,.component.player .player .icon-color{height:1pc;padding:1px}.component.player .player span,.component.player .player strong{display:block;line-height:20px}.component.player .player strong{font-size:18px}.component.player .player .inactive,.component.player .player .online{position:absolute;width:18px;height:18px;background:#fff;top:5px;right:5px;border-radius:100%;background:#4F4F4F}.component.player .player .online{background:#b01e2d}.component.player .player.faction{border-left:solid 1px #0A0A0A!important;width:202px}.component.player .player.faction img{top:0;left:10px;padding:0;border:none;border-radius:0;background:0 0}.component.player.rank .player{border-left:solid 10px #4F4F4F;width:190px}.component.player.rank .player.color1{border-left-color:#b01e2d}.component.player.rank .player.color2{border-left-color:#2f23c0}.component.player.rank .player.color3{border-left-color:#ffdb0f}.component.player.rank .player.color4{border-left-color:#a935c7}.component.player.rank .player.color5{border-left-color:#57c632}.component.player.rank .player.color6{border-left-color:#05bed7}.component.player.rank .player.color7{border-left-color:#ac5832}.component.player.rank .player.color8{border-left-color:#f2b636}.component.player.rank .player.color9{border-left-color:#57c632}.component.player.rank .player.color10{border-left-color:#a92859}.component.player.rank .player.color11{border-left-color:#34b089}.component.player.rank .player.color12{border-left-color:#ffdb0f}.component.player.rank .player .points,.component.player.rank .player .title{color:#BBB}.component.player.rank .player .position{display:block;position:absolute;top:14px;right:14px;line-height:38px;width:38px;border:solid 1px #202020;text-align:center;border-radius:100%}.component.player.rank .player .variance{display:block;position:absolute;top:5px;right:-4px;line-height:26px;width:26px;border:solid 1px #202020;background:#0A0A0A;text-align:center;font-size:11px;border-radius:100%}.component.player.rank .player .variance.lower{bottom:5px;top:auto}.component.player.rank .player.active .position{background:#fff;border:solid 1px #fff;color:#202020}.component.player.size2 .player{width:13pc}.component.player.size1 .player{width:202px}.component.transaction .transaction{background:#0A0A0A;border:solid 1px #202020;margin:10px}.component.transaction .transaction .right-link{position:absolute;top:2px;right:5px;display:block;color:#FFF;text-decoration:none}.component.transaction .transaction .product{position:relative;height:70px;padding:5px 10px 5px 55px;cursor:pointer}.component.transaction .transaction .product .picto{position:absolute;top:5px;left:-20px;width:60px;height:60px;padding:4px;background:#000;border:solid 1px #202020;border-radius:100%}.component.transaction .transaction .product .rate{position:absolute;bottom:5px;right:8px}.component.transaction .transaction .product .offer{overflow:hidden;height:2pc}.component.transaction .transaction .product .for{position:relative;border-top:solid 1px #202020;margin:8px 0 6px 0;color:#4F4F4F}.component.transaction .transaction .product .for span{display:block;position:absolute;top:-10px;left:10px;background:#0A0A0A;padding:0 10px;font-size:9pt}.component.transaction .transaction .product .price{font-size:19px;font-weight:700}.component.transaction .transaction .product .price .icon-color{width:14px;position:relative;top:-2px;padding:1px}.component.transaction .transaction.resources .product .offer{font-size:28px;font-weight:700;line-height:30px}.component.transaction .transaction.resources .product .offer .icon-color{width:20px;position:relative;top:-5px}.component.transaction .transaction.commander .product .offer strong,.component.transaction .transaction.ship .product .offer strong{display:block;font-size:14px}.component.transaction .transaction.commander .product .offer em,.component.transaction .transaction.ship .product .offer em{display:block;font-size:11px}.component.transaction .transaction .hidden{display:none}.component.transaction .transaction .info{position:relative;border-top:solid 1px #202020;height:88px;background:#000}.component.transaction .transaction .info p{font-size:11px;margin:5px 8px}.component.transaction .transaction .info .seller{position:absolute;top:0;width:50%;bottom:0}.component.transaction .transaction .info .seller a{font-weight:700;color:#fff}.component.transaction .transaction .info .seller .color1{color:#b01e2d}.component.transaction .transaction .info .seller .color2{color:#2f23c0}.component.transaction .transaction .info .seller .color3{color:#ffdb0f}.component.transaction .transaction .info .seller .color4{color:#a935c7}.component.transaction .transaction .info .seller .color5{color:#57c632}.component.transaction .transaction .info .seller .color6{color:#05bed7}.component.transaction .transaction .info .seller .color7{color:#ac5832}.component.transaction .transaction .info .seller .color8{color:#f2b636}.component.transaction .transaction .info .seller .color9{color:#57c632}.component.transaction .transaction .info .seller .color10{color:#a92859}.component.transaction .transaction .info .seller .color11{color:#34b089}.component.transaction .transaction .info .seller .color12{color:#ffdb0f}.component.transaction .transaction .info .price-detail{position:absolute;top:0;width:50%;bottom:0;right:0}.component.transaction .transaction .info .price-detail p{text-align:right}.component.transaction .transaction .info .price-detail p .icon-color{width:10px;padding:1px}.component.transaction .transaction .info .price-detail p span{color:#4F4F4F}.component.transaction .transaction .button{border-top:solid 1px #202020;padding:5px}.component.transaction .transaction .button a,.component.transaction .transaction .button span{display:block;padding:5px 10px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;line-height:20px;background:#202020;box-shadow:inset 0 0 2px #000}.component.transaction .transaction .button a{background:#6e161b}.component.transaction .transaction .button a:hover{box-shadow:inset 0 0 6px #000;background:#b01e2d}.component.transaction .transaction .button span{background:#202020;cursor:default}.component.transaction .transaction .button .icon-color{width:14px}.component.transaction .transaction .shipping{position:relative;background:#000;height:30px}.component.transaction .transaction .shipping .ships{position:absolute;top:0;left:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center}.component.transaction .transaction .shipping .ships .icon-color{position:relative;width:1pc;margin-left:5px;top:-5px}.component.transaction .transaction .shipping .time{position:absolute;top:0;right:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center;font-size:9pt}.component.transaction .transaction .shipping .progress-container{position:relative;display:block;clear:both;margin:0 60px;height:3px;top:13px;background:#4F4F4F}.component.transaction .transaction .shipping .progress-bar{position:absolute;display:block;height:100%;background:#b01e2d}.component .build-item.disable .button span{color:#696969}.component.transaction .new-transaction{width:279px;position:absolute;background:#000;z-index:1;padding:10px;border-bottom:solid 1px #b01e2d}.component.transaction .new-transaction label{position:relative;display:block;padding:5px 0}.component.transaction .new-transaction label input{display:block;padding:5px 10px;margin:5px 0 0 0;width:259px;border:none}.component.transaction .new-transaction.resources label input{font-size:1pc;color:#202020;font-weight:700}.component.transaction .new-transaction .indicator{position:relative;display:block;width:100%;height:15px}.component.transaction .new-transaction .indicator span{position:absolute;display:inline-block;padding:1px 6px;font-size:9pt;color:#fff;border-radius:3px;top:-5px;background:#510816}.component.transaction .new-transaction .indicator span.min-price{left:5px}.component.transaction .new-transaction .indicator span.max-price{right:5px}.component.market-sell .body{padding:10px 0}.component.market-sell .label-box{position:relative;padding:0 10px;margin:10px 0}.component.market-sell .label-box .label{display:inline-block;width:75pt;line-height:30px}.component.market-sell .label-box .value{display:inline-block;width:147px;padding:0 5px;border:none;line-height:30px;border-radius:3px;font-size:1pc}.component.market-sell .label-box input.value{height:30px;background:#fff}.component.market-sell .label-box .icon-color{position:absolute;top:4px;right:1pc;width:18px}.component.market-sell .queue{margin:0 10px;cursor:pointer}.component.market-sell .sell-form{background:#0A0A0A;border:solid 1px #202020;margin:0 10px 10px 10px}.component.market-sell .sell-form input[type=submit]{display:block;width:100%;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 10px;color:#fff;cursor:pointer;overflow:hidden;background:#b01e2d}.component.market-sell .sell-form input[type=submit]:hover{background:#510816}.component.market-sell .sell-form input[disabled=disabled]{background:#202020!important}.wysiwyg{display:block;position:relative}.wysiwyg .toolbar{display:block;position:absolute;top:0;left:0;right:0;padding:5px}.wysiwyg .toolbar button{display:inline-block;height:26px;line-height:26px;padding:0 4px!important;margin:0 4px 0 0!important;background:#6e161b;color:#fff;border-radius:3px;overflow:hidden;vertical-align:top}.wysiwyg .modal{position:absolute;top:40px;left:10px;right:10px;background:#0A0A0A;border:solid 1px #202020;box-shadow:0 0 15px #000}.wysiwyg .modal .header{position:relative}.wysiwyg .modal .header h2{margin:0;padding:0;line-height:36px;padding:0 10px;font-size:1pc;font-weight:400}.wysiwyg .modal .header .right{position:absolute;top:5px;right:10px;width:300px;text-align:right}.wysiwyg .modal .header .right button{display:inline-block;width:26px!important;height:26px!important;line-height:26px !important<;font-size:14px;padding:0!important;margin:0 0 0 5px!important}.wysiwyg .modal input{width:435px;border:none;height:30px;margin:0 10px 10px 10px!important;padding:0 10px!important}.wysiwyg textarea{padding-top:40px!important}.input-area .wysiwyg .toolbar{padding:0}.component.params .checkbox{display:block;position:relative;padding:10px 10px 10px 40px;margin:10px;background:rgba(0,0,0,.8)}.component.params .checkbox input{position:absolute;top:8px;left:10px}#map{position:absolute;z-index:100;background:url(src/desktop/map/common/map.jpg) repeat #000;padding:0;top:0;left:0}#map #sectors{z-index:300}#map #spying{z-index:400}#map #own-base{z-index:500}#map #commercial-routes{z-index:600}#map #fleet-movements{z-index:700}#map #attacks{z-index:800}#map #systems{z-index:900}#map #map-info{z-index:910}#map>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#map #sectors polygon{stroke:#fff;stroke-width:1px;stroke-dasharray:4 4;opacity:.15}#map #sectors .ally1{fill:#6e161b}#map #sectors .ally2{fill:#1f1471}#map #sectors .ally3{fill:#dbb200}#map #sectors .ally4{fill:#5a1072}#map #sectors .ally5{fill:#2c7915}#map #sectors .ally6{fill:#076b87}#map #sectors .ally7{fill:#67331d}#map #sectors .ally8{fill:#d87913}#map #sectors .ally9{fill:#2c7915}#map #sectors .ally10{fill:#760f36}#map #sectors .ally11{fill:#219772}#map #sectors .ally12{fill:#dbb200}#map #spying circle{opacity:.08;stroke:#fff}#map #own-base circle{opacity:.1;fill:#fff}#map #commercial-routes line{stroke:#fff;stroke-width:1px;stroke-dasharray:20 5 5 5 5 10}#map #commercial-routes line.standBy{stroke:rgba(255,255,255,.3)}#map #fleet-movements line{stroke-width:1px}#map #fleet-movements line.back{stroke-dasharray:15 5}#map #attacks line{stroke-width:1px}#map #attacks line.color1{stroke:#b01e2d}#map #attacks line.color2{stroke:#2f23c0}#map #attacks line.color3{stroke:#ffdb0f}#map #attacks line.color4{stroke:#a935c7}#map #attacks line.color5{stroke:#57c632}#map #attacks line.color6{stroke:#05bed7}#map #attacks line.color7{stroke:#ac5832}#map #attacks line.color8{stroke:#f2b636}#map #attacks line.color9{stroke:#57c632}#map #attacks line.color10{stroke:#a92859}#map #attacks line.color11{stroke:#34b089}#map #attacks line.color12{stroke:#ffdb0f}#map #attacks circle.color1{fill:#b01e2d}#map #attacks circle.color2{fill:#2f23c0}#map #attacks circle.color3{fill:#ffdb0f}#map #attacks circle.color4{fill:#a935c7}#map #attacks circle.color5{fill:#57c632}#map #attacks circle.color6{fill:#05bed7}#map #attacks circle.color7{fill:#ac5832}#map #attacks circle.color8{fill:#f2b636}#map #attacks circle.color9{fill:#57c632}#map #attacks circle.color10{fill:#a92859}#map #attacks circle.color11{fill:#34b089}#map #attacks circle.color12{fill:#ffdb0f}#map #systems a{display:block;position:absolute;border-radius:100%}#map #systems a.active{background:#000;box-shadow:0 0 0 1px #000,0 0 0 3px #fff,0 0 10px 8px #000}#map #systems a img{display:block;width:20px;height:20px;border:none;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}#map #systems a img.own{background:#fff}#map #systems .sector-number{position:absolute;display:block;font-size:22px;line-height:40px;width:40px;text-align:center;border-radius:100%;box-shadow:0 0 0 5px #0A0A0A,0 0 0 6px #4F4F4F;background:#202020;color:#fff;font-weight:700;cursor:pointer}#map #systems .sector-number.color1{background:#6e161b}#map #systems .sector-number.color2{background:#1f1471}#map #systems .sector-number.color3{background:#dbb200}#map #systems .sector-number.color4{background:#5a1072}#map #systems .sector-number.color5{background:#2c7915}#map #systems .sector-number.color6{background:#076b87}#map #systems .sector-number.color7{background:#67331d}#map #systems .sector-number.color8{background:#d87913}#map #systems .sector-number.color9{background:#2c7915}#map #systems .sector-number.color10{background:#760f36}#map #systems .sector-number.color11{background:#219772}#map #systems .sector-number.color12{background:#dbb200}#map #systems .sector-info{display:none;position:absolute;color:#fff;background:#000;background:rgba(0,0,0,.9);padding:8px 1pc;border-radius:3px}#map #systems .sector-info:before{content:'';position:absolute;left:-20px;top:20px;border-style:solid;border-width:10px;border-color:transparent #000 transparent transparent;border-color:transparent rgba(0,0,0,.9) transparent transparent}#map #systems .sector-info h2{position:relative;font-size:40px;font-weight:700;line-height:40px;text-shadow:0 0 5px #000;margin:0;padding:0}#map #systems .sector-info p{font-size:13px;margin:6px 0 0 0;padding:0;font-weight:700;font-variant:small-caps}#map #systems .sector-info p a{position:static;display:inline-block;color:#fff;background:#202020;border-radius:3px;line-height:20px;width:20px;text-align:center;text-decoration:none;border:solid 1px rgba(255,255,255,.5);margin:0 5px 0 0}#map #systems .sector-info.color1 p a{background:#6e161b}#map #systems .sector-info.color2 p a{background:#1f1471}#map #systems .sector-info.color3 p a{background:#dbb200}#map #systems .sector-info.color4 p a{background:#5a1072}#map #systems .sector-info.color5 p a{background:#2c7915}#map #systems .sector-info.color6 p a{background:#076b87}#map #systems .sector-info.color7 p a{background:#67331d}#map #systems .sector-info.color8 p a{background:#d87913}#map #systems .sector-info.color9 p a{background:#2c7915}#map #systems .sector-info.color10 p a{background:#760f36}#map #systems .sector-info.color11 p a{background:#219772}#map #systems .sector-info.color12 p a{background:#dbb200}#map #map-info{display:none;position:absolute;top:0;right:0;left:auto;bottom:auto;height:auto;width:auto;margin:40px 60px 0 0;color:#fff;text-align:right}#map #map-info h2{margin:0;padding:0 20px;font-size:38px;line-height:60px}#map #map-info h3{margin:0;padding:0 20px;font-size:1pc;font-weight:400;line-height:40px}#map #map-info ul{margin:10px 0;padding:0;list-style:none}#map #map-info ul li{position:relative;margin:0;padding:0 40px 0 0;line-height:20px;height:20px;font-style:italic;color:#CCC;font-size:13px}#map #map-info ul li img{position:absolute;right:10px;top:0}#map #spying circle{fill:#6e161b}#map #fleet-movements line{stroke:#b01e2d}#map #fleet-movements circle{fill:#b01e2d}#map-option{z-index:1000;position:absolute;display:inline-block;height:2pc;padding:3px 0;background:url(src/desktop/map/bOption.png) repeat-x;top:30px;right:20px}#map-option:before{content:'';position:absolute;display:block;left:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bLeftOption.png)}#map-option:after{content:'';position:absolute;display:block;right:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bRightOption.png)}#map-option a{position:relative;display:inline-block;height:30px;width:30px;margin:1px 0 1px 1px;background:#0A0A0A}#map-option a.active{background:#004948}#map-option a img{position:absolute;top:5px;left:5px;width:22px}.color1 #map-option a.active{background:#510816}.color2 #map-option a.active{background:#0c0d44}.color3 #map-option a.active{background:#b17a00}.color4 #map-option a.active{background:#310948}.color5 #map-option a.active{background:#24500a}.color6 #map-option a.active{background:#004948}.color7 #map-option a.active{background:#401b13}.color8 #map-option a.active{background:#c3590b}.color9 #map-option a.active{background:#24500a}.color10 #map-option a.active{background:#4d0621}.color11 #map-option a.active{background:#10684c}.color12 #map-option a.active{background:#b17a00}#map-content{z-index:1000;position:absolute;top:5pc;right:20px;display:block}#map-content .mini-map{position:relative;width:300px;height:300px;overflow:hidden;border:solid 1px #202020;background:url(src/desktop/map/common/galaxy.jpg) no-repeat #0a0a0a}#map-content .mini-map polygon{stroke:#fff;stroke-width:.5px;opacity:.3}#map-content .mini-map polygon:focus,#map-content .mini-map polygon:hover{opacity:.1;cursor:pointer}#map-content .mini-map polygon.ally0{fill:#202020}#map-content .mini-map polygon.ally1{fill:#6e161b}#map-content .mini-map polygon.ally2{fill:#1f1471}#map-content .mini-map polygon.ally3{fill:#dbb200}#map-content .mini-map polygon.ally4{fill:#5a1072}#map-content .mini-map polygon.ally5{fill:#2c7915}#map-content .mini-map polygon.ally6{fill:#076b87}#map-content .mini-map polygon.ally7{fill:#67331d}#map-content .mini-map polygon.ally8{fill:#d87913}#map-content .mini-map polygon.ally9{fill:#2c7915}#map-content .mini-map polygon.ally10{fill:#760f36}#map-content .mini-map polygon.ally11{fill:#219772}#map-content .mini-map polygon.ally12{fill:#dbb200}#map-content .mini-map .number{position:absolute;z-index:600;top:0;left:0}#map-content .mini-map .sectors{z-index:500;position:absolute;top:0;left:0}#map-content .mini-map .bases{z-index:400;position:absolute;top:0;left:0}#map-content .mini-map .bases circle{fill:rgba(255,255,255,.2);stroke:#fff}#map-content .mini-map .viewport{position:absolute;top:0;left:0;background:rgba(255,255,255,.1);border:solid 1px #fff;border-radius:3px}#map-content .mini-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:11px}.map-movers{display:none;position:absolute;z-index:900;background-repeat:no-repeat;background-position:center}#coord-box{z-index:1000;position:absolute;bottom:20px;right:20px;width:5pc;padding:5px 10px;background:rgba(0,0,0,.8);color:#fff;font-size:20px;text-align:center}.tactical-map{margin:10px;position:relative;background:url(src/desktop/map/common/galaxy-large.jpg) repeat #0a0a0a}.tactical-map polygon{stroke:#fff;stroke-width:.3px;opacity:.15}.tactical-map polygon.enabled{position:relative;stroke-width:2px;opacity:.8;z-index:1}.tactical-map polygon.enabled.ally1{stroke:#510816}.tactical-map polygon.enabled.ally2{stroke:#0c0d44}.tactical-map polygon.enabled.ally3{stroke:#b17a00}.tactical-map polygon.enabled.ally4{stroke:#310948}.tactical-map polygon.enabled.ally5{stroke:#24500a}.tactical-map polygon.enabled.ally6{stroke:#004948}.tactical-map polygon.enabled.ally7{stroke:#401b13}.tactical-map polygon.enabled.ally8{stroke:#c3590b}.tactical-map polygon.enabled.ally9{stroke:#24500a}.tactical-map polygon.enabled.ally10{stroke:#4d0621}.tactical-map polygon.enabled.ally11{stroke:#10684c}.tactical-map polygon.enabled.ally12{stroke:#b17a00}.tactical-map polygon.ally0{fill:#202020}.tactical-map polygon.ally1{fill:#6e161b}.tactical-map polygon.ally2{fill:#1f1471}.tactical-map polygon.ally3{fill:#dbb200}.tactical-map polygon.ally4{fill:#5a1072}.tactical-map polygon.ally5{fill:#2c7915}.tactical-map polygon.ally6{fill:#076b87}.tactical-map polygon.ally7{fill:#67331d}.tactical-map polygon.ally8{fill:#d87913}.tactical-map polygon.ally9{fill:#2c7915}.tactical-map polygon.ally10{fill:#760f36}.tactical-map polygon.ally11{fill:#219772}.tactical-map polygon.ally12{fill:#dbb200}.tactical-map .number{position:absolute;z-index:800;top:0;left:0}.tactical-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:9pt;line-height:22px;width:22px;text-align:center;border-radius:100%;box-shadow:0 0 1px #fff}.tactical-map .number span.ally0{background:#0A0A0A}.tactical-map .number span.ally1{background:#510816}.tactical-map .number span.ally2{background:#0c0d44}.tactical-map .number span.ally3{background:#b17a00}.tactical-map .number span.ally4{background:#310948}.tactical-map .number span.ally5{background:#24500a}.tactical-map .number span.ally6{background:#004948}.tactical-map .number span.ally7{background:#401b13}.tactical-map .number span.ally8{background:#c3590b}.tactical-map .number span.ally9{background:#24500a}.tactical-map .number span.ally10{background:#4d0621}.tactical-map .number span.ally11{background:#10684c}.tactical-map .number span.ally12{background:#b17a00}.tactical-map .number span.active{background:#fff;color:#000;box-shadow:0 0 10px #000}.tactical-map.reactive polygon.enabled.active,.tactical-map.reactive polygon.enabled:hover{cursor:pointer}.tactical-map.reactive polygon.enabled.active.ally1,.tactical-map.reactive polygon.enabled:hover.ally1{fill:#510816}.tactical-map.reactive polygon.enabled.active.ally2,.tactical-map.reactive polygon.enabled:hover.ally2{fill:#0c0d44}.tactical-map.reactive polygon.enabled.active.ally3,.tactical-map.reactive polygon.enabled:hover.ally3{fill:#b17a00}.tactical-map.reactive polygon.enabled.active.ally4,.tactical-map.reactive polygon.enabled:hover.ally4{fill:#310948}.tactical-map.reactive polygon.enabled.active.ally5,.tactical-map.reactive polygon.enabled:hover.ally5{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally6,.tactical-map.reactive polygon.enabled:hover.ally6{fill:#004948}.tactical-map.reactive polygon.enabled.active.ally7,.tactical-map.reactive polygon.enabled:hover.ally7{fill:#401b13}.tactical-map.reactive polygon.enabled.active.ally8,.tactical-map.reactive polygon.enabled:hover.ally8{fill:#c3590b}.tactical-map.reactive polygon.enabled.active.ally9,.tactical-map.reactive polygon.enabled:hover.ally9{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally10,.tactical-map.reactive polygon.enabled:hover.ally10{fill:#4d0621}.tactical-map.reactive polygon.enabled.active.ally11,.tactical-map.reactive polygon.enabled:hover.ally11{fill:#10684c}.tactical-map.reactive polygon.enabled.active.ally12,.tactical-map.reactive polygon.enabled:hover.ally12{fill:#b17a00}#action-box{display:block;z-index:1100;position:absolute;width:100%;height:300px;bottom:-300px;left:0;border-top:solid 1px #0A0A0A;background:#000;box-shadow:0 0 15px #000}#action-box .header{position:relative;background:#000;border-bottom:solid 1px #202020;height:36px;color:#EFEFEF}#action-box .header ul{list-style:none inset;margin:0;padding:0}#action-box .header ul li{display:inline-block;line-height:36px;padding:0 10px;color:#CCC;border-right:solid 1px #202020}#action-box .header ul li a{display:inline-block;line-height:24px;margin:3px 0;padding:0 6px;text-decoration:none;color:#CCC;background:#0A0A0A;border:solid 1px #202020;border-right:none;color:#8F8F8F}#action-box .header ul li a:first-child{border-radius:3px 0 0 3px}#action-box .header ul li a:last-child{border-right:solid 1px #202020;border-radius:0 3px 3px 0}#action-box .header ul li a:focus,#action-box .header ul li a:hover{background:#202020;color:#fff}#action-box .header ul li a.active{color:#fff;position:relative;z-index:1;background:#510816}#action-box .header ul li img{position:relative;top:5px;width:20px;border-radius:100%}#action-box .header .button{position:absolute;top:7px;right:10px;line-height:22px;width:22px;text-align:center;background:#202020;border-radius:3px;text-decoration:none;text-transform:uppercase;color:#fff}#action-box .header .button:focus,#action-box .header .button:hover{background:#4F4F4F}#action-box .body{position:relative;overflow:hidden;width:100%;height:263px;background:url(src/desktop/map/common/bLine.jpg) repeat-x center #080808}#action-box .actbox-movers{position:absolute;display:block;width:60px;height:263px;z-index:1103;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#action-box .actbox-movers:focus,#action-box .actbox-movers:hover{background-color:rgba(255,255,255,.05)}#action-box .actbox-movers:active{background-color:rgba(255,255,255,.15)}#action-box .actbox-movers#actboxToLeft{background:url(src/desktop/mover/left.png) no-repeat center}#action-box .actbox-movers#actboxToRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center}#action-box .body .system{position:absolute;top:0;left:0;height:263px;width:3000px}#action-box .body .system ul{display:inline-block;list-style:none inset;margin:0;padding:0}#action-box .body .system ul li{display:inline-block}#action-box .body .system ul li.action,#action-box .body .system ul li.place a{width:75pt;height:260px;border-top:solid 3px #fff;position:relative}#action-box .body .system ul li.action.color1,#action-box .body .system ul li.place.color1 a{border-top-color:#6e161b}#action-box .body .system ul li.action.color2,#action-box .body .system ul li.place.color2 a{border-top-color:#1f1471}#action-box .body .system ul li.action.color3,#action-box .body .system ul li.place.color3 a{border-top-color:#dbb200}#action-box .body .system ul li.action.color4,#action-box .body .system ul li.place.color4 a{border-top-color:#5a1072}#action-box .body .system ul li.action.color5,#action-box .body .system ul li.place.color5 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color6,#action-box .body .system ul li.place.color6 a{border-top-color:#076b87}#action-box .body .system ul li.action.color7,#action-box .body .system ul li.place.color7 a{border-top-color:#67331d}#action-box .body .system ul li.action.color8,#action-box .body .system ul li.place.color8 a{border-top-color:#d87913}#action-box .body .system ul li.action.color9,#action-box .body .system ul li.place.color9 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color10,#action-box .body .system ul li.place.color10 a{border-top-color:#760f36}#action-box .body .system ul li.action.color11,#action-box .body .system ul li.place.color11 a{border-top-color:#219772}#action-box .body .system ul li.action.color12,#action-box .body .system ul li.place.color12 a{border-top-color:#dbb200}#action-box .body .system ul li.star{width:300px;height:263px;border-left:solid 1px #0F0F0F;background:url(src/desktop/map/systems/default.png) no-repeat center center}#action-box .body .system ul li.place a{display:block;border-left:solid 1px #0F0F0F;text-align:center}#action-box .body .system ul li.place a strong{position:absolute;bottom:8px;left:10px;font-size:18px;font-weight:700;color:#fff}#action-box .body .system ul li.place a .land{position:absolute;z-index:1102;top:88px;left:10px;width:5pc;border-radius:100%}#action-box .body .system ul li.place.active a .land{box-shadow:0 0 0 1px #202020;background:#080808}#action-box .body .system ul li.place a .avatar{position:absolute;z-index:1101;top:10px;left:20px;padding:7px;border:solid 1px #0F0F0F;background:#000;width:47px;border-radius:100%}#action-box .body .system ul li.action{width:0;overflow:hidden}#action-box .body .system ul li.action .content{position:absolute;top:9px;left:9pt;height:15pc;width:545px;background:#111;border:solid 1px #202020;box-shadow:inset 0 0 5px #000;border-radius:3px}#action-box .body .system ul li.action .content:before{content:'';position:absolute;top:107px;left:-24px;border-width:9pt;border-style:solid;border-color:transparent #202020 transparent transparent}#action-box .body .system ul li.action .content .column{position:relative;display:inline-block;vertical-align:top;height:15pc;border-right:solid 1px #202020;color:#fff}#action-box .body .system ul li.action .content .column .last-spy-link{position:absolute;top:6px;right:8px;opacity:.5;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}#action-box .body .system ul li.action .content .column .last-spy-link:focus,#action-box .body .system ul li.action .content .column .last-spy-link:hover{opacity:1}#action-box .body .system ul li.action .content .column.info{width:199px}#action-box .body .system ul li.action .content .column.act{width:345px;border-right:none}#action-box .body .system ul li.action .content .column p{margin:2px 10px}#action-box .body .system ul li.action .content .column a{color:#fff}#action-box .body .system ul li.action .content .column hr{margin:8px 10px;border:none;background:0 0;border-bottom:solid 1px #202020}#action-box .body .system ul li.action .content .column strong{line-height:30px}#action-box .body .system ul li.action .content .column.info strong{line-height:28px;font-size:18px}#action-box .body .system ul li.action .content .column .label{display:inline-block;width:78px;font-size:9pt}#action-box .body .system ul li.action .content .column .value{display:inline-block;width:75pt;text-align:left}#action-box .body .system ul li.action .content .column .value .icon,#action-box .body .system ul li.action .content .column .value .icon-color{width:18px;height:18px;padding:1px}#action-box .body .system ul li.action .content .column.act .top .grey{opacity:.4}#action-box .body .system ul li.action .content .column.act .top img{width:45px;padding:8px;margin:0 4px 2px 0;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}#action-box .body .system ul li.action .content .column .bottom,#action-box .body .system ul li.action .content .column .top{padding:5px}#action-box .body .system ul li.action .box{display:none;position:absolute;left:10px;right:10px;bottom:10px;top:5pc;background:#000;border-radius:3px}#action-box .body .system ul li.action .box:nth-child(1){display:block}#action-box .body .system ul li.action .box:before{content:'';position:absolute;top:-20px;border-style:solid;border-width:10px;border-color:transparent transparent #000 transparent}#action-box .body .system ul li.action .box:nth-child(1):before{left:15px}#action-box .body .system ul li.action .box:nth-child(2):before{left:84px}#action-box .body .system ul li.action .box:nth-child(3):before{left:152px}#action-box .body .system ul li.action .box:nth-child(4):before{left:218px}#action-box .body .system ul li.action .box:nth-child(5):before{left:284px}#action-box .body .system ul li.action .box h2{margin:0;padding:0 11px;line-height:35px;font-size:15px}#action-box .body .system ul li.action .box .box-content{position:absolute;top:35px;left:0;right:0;bottom:0;border-radius:0 0 3px 3px;padding:8px 10px;background:#080808;border:solid 1px #000;overflow:hidden}#action-box .body .system ul li.action .box .box-content .commander-tile .item{display:none}#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander{display:block}#action-box .body .system ul li.action .box .box-content .spy-button{display:inline-block;width:75pt;text-decoration:none;margin:8px 0}#action-box .body .system ul li.action .box .box-content .spy-button .picto{float:left;width:30px;height:30px;margin:0 5px 0 0}#action-box .body .system ul li.action .box .box-content .spy-button span{display:block}#action-box .body .system ul li.action .box .box-content .spy-button .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .spy-form{margin-top:10px}#action-box .body .system ul li.action .box .box-content .spy-form input{width:187px;padding:7px;border:none;background:#fff;border-radius:3px 0 0 3px}#action-box .body .system ul li.action .box .box-content .spy-form button{width:75pt;padding:6px 6px;border:none;color:#fff;background:#6e161b;cursor:pointer;border-radius:0 3px 3px 0}#action-box .body .system ul li.action .box .box-content .spy-form button:focus,#action-box .body .system ul li.action .box .box-content .spy-form button:hover{background:#510816}#action-box .body .system ul li.action .box .box-content .label-box{display:inline-block;width:50%;margin:5px 0}#action-box .body .system ul li.action .box .box-content .label-box .key{display:block}#action-box .body .system ul li.action .box .box-content .label-box .val{display:block;font-size:18px;font-weight:700}#action-box .body .system ul li.action .box .box-content .rc{margin:5px 0 0 0;padding:10px 10px 0 50px;border-top:solid 1px #202020}#action-box .body .system ul li.action .box .box-content .rc .planet{position:absolute;top:-25px;left:-25px;width:76px;height:76px;border:solid 1px #202020;border-radius:100%;background:#000}#action-box .body .system ul li.action .box .box-content .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .button{display:inline-block;background:#202020;border:solid 1px #4F4F4F;line-height:26px;margin:5px 0 0 0;padding:0 8px;text-align:center;text-decoration:none}#action-box .body .system ul li.action .box .box-content a.button{background:#6e161b;border:#510816}#action-box .body .system ul li.action .box .box-content a.button:focus,#action-box .body .system ul li.action .box .box-content a.button:hover{background:#510816}.component.admin table{margin:10px;border-collapse:collapse;width:877px}.component.admin table tr{border-bottom:solid 1px #202020}.component.admin table td{padding:5px 10px;vertical-align:top}.component.admin table .button{display:inline-block;padding:0 5px;line-height:25px;min-width:15px;text-align:center;color:#fff;border-radius:3px;background:#4F4F4F;text-decoration:none}.component.admin table td:nth-child(1){width:50px}.component.admin table td:nth-child(2){width:75pt}.component.admin table td:nth-child(3){width:auto}.component.admin table td:nth-child(4){width:5pc}.on-off-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#6e161b;border:solid 1px #510816;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}.on-off-button:focus,.on-off-button:hover{background:#510816;border-color:#6e161b}.on-off-button.disabled{background:#202020;border-color:#4F4F4F}.inscription #nav .box.left span{display:inline-block;line-height:2pc;padding:0 10px;margin:5px 2px;font-size:14px;width:5pc;text-align:center;color:#4f4f4f;text-decoration:none;font-variant:small-caps}.inscription #nav .box.left span.active{color:#fff}.inscription #nav .box.right{display:none}.inscription #inscription-subnav{position:fixed;top:45px;left:0;width:210px;margin:0 20px 0 60px;z-index:500}.inscription #inscription-subnav .bind{height:15px;background:url(src/desktop/inscriptionSubnav/bBind.png) no-repeat center}.inscription #inscription-subnav .head{position:relative;height:214px;background:url(src/desktop/inscriptionSubnav/bHead.png) no-repeat center}.inscription #inscription-subnav .head h2{position:absolute;margin:0;padding:0;top:5px;font-weight:700;font-size:1pc;line-height:24px;width:210px;overflow:hidden;text-align:center;color:#fff}.inscription #inscription-subnav .head img{position:absolute;top:43px;left:28px;width:125px;height:125px;background:#0A0A0A}.inscription #inscription-subnav .head .level{position:absolute;display:block;bottom:15px;left:0;width:100%;font-size:20px;line-height:41px;color:#fff;text-align:center;background:url(src/desktop/inscriptionSubnav/bLevel.png) no-repeat center}.inscription #inscription-subnav .head .experience{position:absolute;display:inline-block;top:50px;right:2pc;width:21px;height:7pc}.inscription #inscription-subnav .head .experience .value{position:absolute;display:block;width:100%;bottom:0;border-radius:3px}.inscription #inscription-subnav .foot{height:290px}.inscription #movers .toLeft{left:0!important}.inscription .component.inscription img.color1{background:#6e161b!important}.inscription .component.inscription img.color2{background:#1f1471!important}.inscription .component.inscription img.color3{background:#dbb200!important}.inscription .component.inscription img.color4{background:#5a1072!important}.inscription .component.inscription img.color5{background:#2c7915!important}.inscription .component.inscription img.color6{background:#076b87!important}.inscription .component.inscription img.color7{background:#67331d!important}.inscription .component.inscription img.color8{background:#d87913!important}.inscription .component.inscription img.color9{background:#2c7915!important}.inscription .component.inscription img.color10{background:#760f36!important}.inscription .component.inscription img.color11{background:#219772!important}.inscription .component.inscription img.color12{background:#dbb200!important}.inscription .component.inscription .chooseLink{display:block;margin:10px;padding:10px 60px 10px 20px;background:url(src/desktop/mover/right.png) no-repeat 235px center #ccc;text-decoration:none;color:#fff;text-shadow:0 0 2px #000;border:solid 1px #202020;cursor:pointer;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s}.inscription .component.inscription .chooseLink:focus,.inscription .component.inscription .chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.inscription .component.inscription button.chooseLink{width:277px;text-align:left}.inscription .component.inscription.color1 .chooseLink{background-color:#6e161b}.inscription .component.inscription.color2 .chooseLink{background-color:#1f1471}.inscription .component.inscription.color3 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color4 .chooseLink{background-color:#5a1072}.inscription .component.inscription.color5 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color6 .chooseLink{background-color:#076b87}.inscription .component.inscription.color7 .chooseLink{background-color:#67331d}.inscription .component.inscription.color8 .chooseLink{background-color:#d87913}.inscription .component.inscription.color9 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color10 .chooseLink{background-color:#760f36}.inscription .component.inscription.color11 .chooseLink{background-color:#219772}.inscription .component.inscription.color12 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color1 .chooseLink:focus,.inscription .component.inscription.color1 .chooseLink:hover{background-color:#510816}.inscription .component.inscription.color2 .chooseLink:focus,.inscription .component.inscription.color2 .chooseLink:hover{background-color:#0c0d44}.inscription .component.inscription.color3 .chooseLink:focus,.inscription .component.inscription.color3 .chooseLink:hover{background-color:#b17a00}.inscription .component.inscription.color4 .chooseLink:focus,.inscription .component.inscription.color4 .chooseLink:hover{background-color:#310948}.inscription .component.inscription.color5 .chooseLink:focus,.inscription .component.inscription.color5 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color6 .chooseLink:focus,.inscription .component.inscription.color6 .chooseLink:hover{background-color:#004948}.inscription .component.inscription.color7 .chooseLink:focus,.inscription .component.inscription.color7 .chooseLink:hover{background-color:#401b13}.inscription .component.inscription.color8 .chooseLink:focus,.inscription .component.inscription.color8 .chooseLink:hover{background-color:#c3590b}.inscription .component.inscription.color9 .chooseLink:focus,.inscription .component.inscription.color9 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color10 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#4d0621}.inscription .component.inscription.color11 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#10684c}.inscription .component.inscription.color12 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#b17a00}.inscription .component.inscription .chooseLink strong{display:block;font-size:15px;border-bottom:solid 1px rgba(255,255,255,.25);padding:0 0 5px 0;margin:0 0 5px 0}.inscription .component.inscription .chooseLink em{font-style:normal}.inscription .component.inscription span.chooseLink{background:#202020!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25);cursor:auto;padding:10px}.inscription .component.inscription span.chooseLink:focus,.inscription .component.inscription span.chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}.inscription .component.inscription blockquote{line-height:200%}.inscription .component.inscription #base,.inscription .component.inscription #pseudo{position:relative;width:100%;border:none;padding:9pt 0;margin:0;text-align:center;font-size:26px;font-weight:700;background:#fff;border-radius:3px}.inscription .component.inscription.color1 #pseudo{color:#510816}.inscription .component.inscription.color2 #pseudo{color:#0c0d44}.inscription .component.inscription.color3 #pseudo{color:#b17a00}.inscription .component.inscription.color4 #pseudo{color:#310948}.inscription .component.inscription.color5 #pseudo{color:#24500a}.inscription .component.inscription.color6 #pseudo{color:#004948}.inscription .component.inscription.color7 #pseudo{color:#401b13}.inscription .component.inscription.color8 #pseudo{color:#c3590b}.inscription .component.inscription.color9 #pseudo{color:#24500a}.inscription .component.inscription.color10 #pseudo{color:#4d0621}.inscription .component.inscription.color11 #pseudo{color:#10684c}.inscription .component.inscription.color12 #pseudo{color:#b17a00}.inscription .component.inscription .avatars{padding:5px;text-align:center}.inscription .component.inscription .avatar{position:relative;display:inline-block;margin:0 5px;padding:5px;background:#202020;border:solid 5px #0A0A0A;border-radius:100%}.inscription .component.inscription .avatar input{position:absolute;top:10px;left:10px}.inscription .component.inscription .avatar img{display:block;width:117px;cursor:pointer;border-radius:100%}.inscription .component.inscription.color1 .avatar:hover{border-color:#510816}.inscription .component.inscription.color2 .avatar:hover{border-color:#0c0d44}.inscription .component.inscription.color3 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color4 .avatar:hover{border-color:#310948}.inscription .component.inscription.color5 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color6 .avatar:hover{border-color:#004948}.inscription .component.inscription.color7 .avatar:hover{border-color:#401b13}.inscription .component.inscription.color8 .avatar:hover{border-color:#c3590b}.inscription .component.inscription.color9 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color10 .avatar:hover{border-color:#4d0621}.inscription .component.inscription.color11 .avatar:hover{border-color:#10684c}.inscription .component.inscription.color12 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color1 .avatar.active{border-color:#b01e2d}.inscription .component.inscription.color2 .avatar.active{border-color:#2f23c0}.inscription .component.inscription.color3 .avatar.active{border-color:#ffdb0f}.inscription .component.inscription.color4 .avatar.active{border-color:#a935c7}.inscription .component.inscription.color5 .avatar.active{border-color:#57c632}.inscription .component.inscription.color6 .avatar.active{border-color:#05bed7}.inscription .component.inscription.color7 .avatar.active{border-color:#ac5832}.inscription .component.inscription.color8 .avatar.active{border-color:#f2b636}.inscription .component.inscription.color9 .avatar.active{border-color:#57c632}.inscription .component.inscription.color10 .avatar.active{border-color:#a92859}.inscription .component.inscription.color11 .avatar.active{border-color:#34b089}.inscription .component.inscription.color12 .avatar.active{border-color:#ffdb0f}.inscription #alert{bottom:-9pt;z-index:10000}.inscription .build-item{min-height:60px}.inscription .build-item .name{padding-top:2px!important}.inscription .build-item .name strong{font-size:1pc!important}.inscription .build-item .name em{font-size:9pt!important}.color0 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor0.png) no-repeat top left}.color1 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor1.png) no-repeat top left}.color2 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor2.png) no-repeat top left}.color3 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor3.png) no-repeat top left}.color4 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor4.png) no-repeat top left}.color5 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor5.png) no-repeat top left}.color6 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor6.png) no-repeat top left}.color7 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor7.png) no-repeat top left}.color8 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor8.png) no-repeat top left}.color9 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor9.png) no-repeat top left}.color10 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor10.png) no-repeat top left}.color11 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor11.png) no-repeat top left}.color12 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor12.png) no-repeat top left}.ac_results{width:100%;padding:0;border:1px solid #4F4F4F;background-color:#fff;overflow:hidden;z-index:99999;box-shadow:0 0 6px #000;border-radius:3px}.ac_results ul{width:100%;padding:0;margin:0;list-style-position:outside;list-style:none}.ac_results ul li{padding:4px 8px;margin:0;cursor:default;display:block;border-bottom:solid 1px #CCC;overflow:hidden}.ac_results ul li:last-child{border:none}.ac_results .img{float:left;width:36px;background:#202020;border-radius:3px;margin:0 8px 0 0}.ac_results .value-1,.ac_results .value-2{display:block;line-height:18px}.ac_results .value-1{font-weight:700}.ac_loading{background:#fff url(src/desktop/module/indicator.gif) right center no-repeat}.ac_over{background:#efefef}.ac_results .ac_over strong{color:#000}.ac_results .ac_over img{background:#fff}
\ No newline at end of file
+html {
+ height: 100%;
+}
+body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Roboto', 'Trebuchet MS', 'Arial', sans-serif;
+ font-size: 13px;
+}
+.bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ max-width: 280px;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+}
+.bull.top:before {
+ bottom: -14px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+.bull.bottom:before {
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+}
+.bull.left:before {
+ right: 12px;
+}
+.bull.right:before {
+ left: 12px;
+}
+body {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: black;
+}
+#nav,
+#tools {
+ position: fixed;
+ width: 100%;
+ height: 26px;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ box-shadow: 0 0 10px black;
+ z-index: 1000;
+ border-color: #b01e2d;
+}
+#nav {
+ top: 0;
+ left: 0;
+ background: url('src/desktop/nav/bNav.png') repeat-x black;
+ border-bottom: solid 3px black;
+}
+#tools {
+ bottom: 0;
+ left: 0;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ border-top: solid 3px black;
+}
+#container {
+ position: absolute;
+ top: 29px;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ background: black;
+ overflow: hidden;
+ z-index: 0;
+ background: url('src/desktop/global/background.jpg') repeat-x black;
+}
+.icon,
+.icon-color {
+ display: inline-block;
+ vertical-align: bottom;
+ padding: 2px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.icon-color {
+ background: #b01e2d !important;
+}
+#background-paralax {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: no-repeat bottom left transparent;
+ z-index: 100;
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.profil {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.message {
+ background-image: url('src/desktop/screen/message.jpg');
+}
+#background-paralax.fleet {
+ background-image: url('src/desktop/screen/fleet.jpg');
+}
+#background-paralax.financial {
+ background-image: url('src/desktop/screen/financial.jpg');
+}
+#background-paralax.technology {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.rank {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.params {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.bases {
+ background-image: url('src/desktop/screen/base.jpg');
+}
+#movers a {
+ position: absolute;
+ width: 60px;
+ height: 100%;
+ z-index: 400;
+ background: red;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#movers a:hover,
+#movers a:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+#movers a:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+#movers .toLeft {
+ top: 0;
+ left: 60px;
+ background: url('src/desktop/mover/left.png') no-repeat center transparent;
+}
+#movers .toRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center transparent;
+}
+/* finance */
+.component.financial table {
+ border-collapse: collapse;
+ width: 100%;
+}
+.component.financial td {
+ vertical-align: top;
+ width: 50%;
+}
+/* uni */
+.component.uni .build-item {
+ height: 60px;
+ margin: 20px;
+}
+/* techno */
+.component.techno .build-item .name strong {
+ font-size: 16px;
+}
+/* school */
+.component.school .build-item .name strong {
+ font-size: 18px;
+}
+/* generator */
+.component.generator table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* dock1 */
+.component.dock1 table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* situation */
+.component.space .fix-body {
+ background: url('src/desktop/base/situation.jpg') no-repeat top left black;
+}
+/* memorial */
+.component.memorial blockquote {
+ font-size: 22px;
+ margin: 30px 15px 0 30px;
+ line-height: 160%;
+ font-weight: bold;
+ text-align: center;
+}
+.component .info-building {
+ margin: 10px;
+ padding: 0;
+ font-size: 13px;
+ border-top: solid 1px #4F4F4F;
+}
+.component .info-building h4 {
+ margin: 10px;
+}
+.component .info-building p {
+ font-size: 13px;
+}
+#tools .box a,
+#nav .box a,
+#tools .box > span,
+#nav .box > span {
+ position: relative;
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 25px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 150px;
+ color: white;
+ text-decoration: none;
+ font-variant: small-caps;
+ background: url('src/desktop/button/bButtonMiddle.png') repeat-x;
+}
+#tools .box a:before,
+#nav .box a:before,
+#tools .box > span:before,
+#nav .box > span:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonLeft.png') no-repeat;
+}
+#tools .box a:after,
+#nav .box a:after,
+#tools .box > span:after,
+#nav .box > span:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonRight.png') no-repeat;
+}
+#tools .box a.current-base,
+#nav .box a.current-base {
+ margin-left: 56px;
+}
+#tools .box a.current-base img,
+#nav .box a.current-base img {
+ position: absolute;
+ top: -16px;
+ left: -54px;
+ background: black;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ border: solid 2px #4F4F4F;
+ width: 60px;
+}
+#tools .box a:hover:before,
+#nav .box a:hover:before,
+#tools .box a:focus:before,
+#nav .box a:focus:before {
+ background: url('src/desktop/button/bButtonLeftHover.png') repeat;
+}
+#tools .box a:hover:after,
+#nav .box a:hover:after,
+#tools .box a:focus:after,
+#nav .box a:focus:after {
+ background: url('src/desktop/button/bButtonRightHover.png') repeat;
+}
+#tools .box a.active,
+#nav .box a.active {
+ background: url('src/desktop/button/bButtonMiddleActive.png') repeat;
+}
+#tools .box a.active:before,
+#nav .box a.active:before {
+ background: url('src/desktop/button/bButtonLeftActive.png') repeat;
+}
+#tools .box a.active:after,
+#nav .box a.active:after {
+ background: url('src/desktop/button/bButtonRightActive.png') repeat;
+}
+#tools .box a.square,
+#nav .box a.square {
+ position: relative;
+ padding: 0 5px;
+ margin: 5px 2px;
+ height: 32px;
+ width: 30px;
+ background: url('src/desktop/button/bLittleButton.png') no-repeat;
+ vertical-align: top;
+}
+#tools .box a.square:before,
+#nav .box a.square:before,
+#tools .box a.square:after,
+#nav .box a.square:after {
+ display: none;
+}
+#tools .box a.square:hover,
+#nav .box a.square:hover,
+#tools .box a.square:focus,
+#nav .box a.square:focus {
+ background: url('src/desktop/button/bLittleButtonHover.png') no-repeat;
+}
+#tools .box a.square.active,
+#nav .box a.square.active {
+ background: url('src/desktop/button/bLittleButtonActive-c1.png') no-repeat;
+}
+#tools .box a.square.active.flashy,
+#nav .box a.square.active.flashy {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: inset 0 0 12px #b01e2d;
+}
+#tools .box a.square img,
+#nav .box a.square img {
+ position: absolute;
+ width: 24px;
+ top: 3px;
+ left: 8px;
+}
+#tools .box a.square span.number,
+#nav .box a.square span.number {
+ position: absolute;
+ top: -5px;
+ right: -5px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ font-size: 11px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ background: #510816;
+}
+#nav .box {
+ position: absolute;
+ display: inline-block;
+ height: 46px;
+ padding: 0 3px;
+ background: url('src/desktop/nav/bNavBox.png') repeat-x;
+}
+#nav .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxLeft.png') no-repeat;
+}
+#nav .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxRight.png') no-repeat;
+}
+#nav .box.left {
+ top: 0;
+ left: 25px;
+}
+#nav .box.left-2 {
+ top: 0;
+ left: 420px;
+}
+#nav .box.left-3 {
+ top: 0;
+ left: 732px;
+}
+#nav .box.right {
+ top: 0;
+ right: 25px;
+}
+#nav .box a.square span.number {
+ bottom: -5px;
+ top: auto;
+}
+#tools .box {
+ position: absolute;
+ display: inline-block;
+ height: 40px;
+ padding: 1px 3px 0 3px;
+ background: url('src/desktop/tools/bToolBox.png') repeat-x;
+ font-size: 13px;
+}
+#tools .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxRight.png') no-repeat;
+}
+#tools .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxLeft.png') no-repeat;
+}
+#tools .box.left {
+ bottom: 0;
+ right: 340px;
+}
+#tools .box.right {
+ bottom: 0;
+ right: 25px;
+}
+#tools .box a.square img {
+ top: 4px;
+}
+#tools .box a.resource-link,
+#tools .box span.resource-link {
+ width: 110px;
+ font-size: 16px;
+}
+#tools .box a.resource-link img.icon-color,
+#tools .box span.resource-link img.icon-color {
+ position: relative;
+ display: inline-block;
+ width: 18px;
+ vertical-align: middle;
+ margin-left: 5px;
+ top: -2px;
+ padding: 1px;
+}
+#nav .overbox .overflow,
+#tools .overbox .overflow {
+ max-height: 400px;
+ overflow: auto;
+ position: relative;
+}
+#nav .overbox h2,
+#tools .overbox h2 {
+ color: white;
+ padding: 10px 15px;
+ margin: 0;
+ font-size: 14px;
+ font-weight: normal;
+ border-bottom: solid 1px #202020;
+}
+#nav .overbox .link-title,
+#tools .overbox .link-title {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ line-height: 20px;
+ font-size: 11px;
+ padding: 0 5px;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ text-decoration: none;
+ color: white;
+}
+#nav .overbox a,
+#tools .overbox a {
+ color: inherit;
+}
+#nav .overbox a.more-link,
+#tools .overbox a.more-link {
+ display: block;
+ padding: 8px;
+ font-size: 12px;
+ border-top: solid 1px #202020;
+ text-align: center;
+ text-decoration: none;
+ color: #4F4F4F;
+}
+#nav .overbox a.more-link:focus,
+#tools .overbox a.more-link:focus,
+#nav .overbox a.more-link:hover,
+#tools .overbox a.more-link:hover {
+ color: #CCC;
+}
+#nav .overbox p.info,
+#tools .overbox p.info {
+ padding: 5px 15px;
+ font-size: 12px;
+ text-align: center;
+ color: #CCC;
+}
+#nav .overbox .outside-button,
+#tools .overbox .outside-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #6e161b;
+ border: solid 1px #510816;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+#nav .overbox .outside-button:hover,
+#tools .overbox .outside-button:hover,
+#nav .overbox .outside-button:focus,
+#tools .overbox .outside-button:focus {
+ background: #510816;
+ border-color: #6e161b;
+}
+#nav .overbox .outside-button.disabled,
+#tools .overbox .outside-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+#nav .overbox input.outside-button,
+#tools .overbox input.outside-button {
+ line-height: 26px;
+}
+#nav .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+}
+#nav .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent transparent #202020 transparent;
+ top: -18px;
+ right: 30px;
+}
+#nav .overbox#change-bases {
+ top: 50px;
+ left: 10px;
+ width: 205px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#change-bases:before {
+ left: 30px;
+ right: auto;
+}
+#nav .overbox#change-bases a {
+ display: block;
+ padding: 3px 15px;
+ color: #CCC;
+ text-decoration: none;
+ font-size: 12px;
+ border-bottom: solid 1px #101010;
+}
+#nav .overbox#change-bases a:focus,
+#nav .overbox#change-bases a:hover {
+ background: #101010;
+}
+#nav .overbox#change-bases a.active {
+ background: #202020;
+}
+#nav .overbox#change-bases strong {
+ display: block;
+ color: #CCC;
+ font-size: 13px;
+}
+#nav .overbox#disconnect-box {
+ top: 50px;
+ right: 10px;
+ width: 205px;
+ padding: 8px 0;
+}
+#nav .overbox#disconnect-box hr {
+ margin: 8px 0;
+ border: none;
+ background: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#disconnect-box a {
+ display: block;
+ padding: 0 15px;
+ line-height: 25px;
+ font-size: 13px;
+ color: #CCC;
+ text-decoration: none;
+}
+#nav .overbox#disconnect-box a:hover,
+#nav .overbox#disconnect-box a:focus {
+ color: white;
+ background: #202020;
+}
+#nav .overbox#bug-tracker {
+ width: 250px;
+ top: 50px;
+ right: 98px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#bug-tracker p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 10px;
+}
+#nav .overbox#bug-tracker .option {
+ margin: 3px 10px 10px 10px;
+ display: block;
+ width: 330px;
+ padding: 5px;
+}
+#nav .overbox#bug-tracker textarea {
+ display: block;
+ margin: 0 10px 10px 10px;
+ padding: 5px;
+ width: 318px;
+ height: 200px;
+ min-width: 318px;
+ max-width: 318px;
+ border: solid 1px #202020;
+ font-family: 'Trebuchet MS', sans-serif;
+ font-size: 13px;
+}
+#nav .overbox#bug-tracker .button {
+ display: block;
+ margin: 0 10px 2px 10px;
+}
+#nav .overbox#roadmap {
+ width: 350px;
+ top: 50px;
+ right: 10px;
+}
+#nav .overbox#roadmap .overflow {
+ width: 350px;
+ padding: 8px 0;
+}
+#nav .overbox#roadmap p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 0 10px 10px 10px;
+}
+#nav .overbox#roadmap p em {
+ display: block;
+ font-size: 11px;
+ color: #4F4F4F;
+}
+#nav .overbox#roadmap hr {
+ margin: 5px 0;
+ border: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial {
+ width: 350px;
+ top: 50px;
+ right: 143px;
+ color: white;
+}
+#nav .overbox#tutorial form {
+ padding: 0 0 10px 0;
+ margin: 0;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial .overflow {
+ padding: 15px 15px 0 15px;
+}
+#nav .overbox#tutorial .overflow h3 {
+ position: relative;
+ margin: 0;
+ padding: 0 0 0 36px;
+}
+#nav .overbox#tutorial .overflow h3 .number {
+ position: absolute;
+ top: -4px;
+ left: 0;
+ display: block;
+ width: 26px;
+ line-height: 26px;
+ text-align: center;
+ background: #510816;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ margin-right: 10px;
+}
+#nav .overbox#tutorial .overflow p {
+ font-size: 12px;
+ color: #CCC;
+}
+#nav .overbox#new-notifications {
+ top: 50px;
+ left: 627px;
+ width: 300px;
+}
+#tools .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ width: 300px;
+ bottom: 45px;
+ right: 15px;
+}
+#tools .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: #202020 transparent transparent transparent;
+ bottom: -18px;
+ right: 30px;
+}
+#tools .overbox.left-pic:before {
+ left: 30px;
+ right: auto;
+}
+#tools .overbox#tools-calendar {
+ left: 25px;
+ bottom: 45px;
+ right: auto;
+}
+#tools .overbox#tools-refinery {
+ right: 401px;
+ bottom: 45px;
+}
+#tools .overbox#tools-generator {
+ right: 237px;
+ bottom: 45px;
+}
+#tools .overbox#tools-technosphere {
+ right: 193px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock1 {
+ right: 148px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock2 {
+ right: 105px;
+ bottom: 45px;
+}
+#tools .overbox#tools-credit {
+ right: 140px;
+ bottom: 45px;
+}
+#tools .overbox#tools-incoming-attack {
+ right: 230px;
+ bottom: 45px;
+}
+#tools .overbox#tools-outgoing-attack {
+ right: 185px;
+ bottom: 45px;
+}
+#subnav {
+ position: fixed;
+ top: 29px;
+ left: 2px;
+ bottom: 29px;
+ padding: 40px 0;
+ width: 60px;
+ background: url('src/desktop/subnav/middle.png') repeat-y;
+ z-index: 1000;
+}
+#subnav hr {
+ border: none;
+ margin: 20px 0;
+}
+#subnav .overflow {
+ position: relative;
+}
+#subnav .move-side-bar {
+ display: none;
+ position: absolute;
+ z-index: 5000;
+ left: 5px;
+ width: 48px;
+ height: 48px;
+ line-height: 48px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.75);
+ background-position: center;
+ background-repeat: no-repeat;
+ border-radius: 100%;
+ cursor: pointer;
+}
+#subnav .move-side-bar:hover,
+#subnav .move-side-bar:focus {
+ box-shadow: 0 0 3px white;
+}
+#subnav .move-side-bar.top {
+ bottom: auto;
+ top: 20px;
+ background-image: url('src/desktop/component/top.png');
+}
+#subnav .move-side-bar.bottom {
+ bottom: 20px;
+ top: auto;
+ background-image: url('src/desktop/component/bottom.png');
+}
+#subnav .item {
+ position: relative;
+ display: block;
+ height: 50px;
+ width: 50px;
+ margin: 0 0 10px 0;
+ padding: 8px 5px;
+ color: white;
+ text-decoration: none;
+ background: url('src/desktop/subnav/button.png') no-repeat;
+}
+#subnav .item.active {
+ background: url('src/desktop/subnav/button-active-c1.png') no-repeat;
+}
+#subnav .item.striped {
+ background: url('src/desktop/subnav/button-striped.png') no-repeat;
+}
+#subnav .item:before {
+ content: '';
+ position: absolute;
+ right: -6px;
+ bottom: 0;
+ width: 12px;
+ height: 47px;
+ background: url('src/desktop/subnav/til.png') no-repeat;
+}
+#subnav .item:hover:before {
+ background: url('src/desktop/subnav/til-hover.png') no-repeat;
+}
+#subnav .item:hover > .content {
+ display: block;
+}
+#subnav .item .picto {
+ display: block;
+ height: 30px;
+ width: 30px;
+ padding: 10px;
+}
+#subnav .item .picto img {
+ display: block;
+ height: 30px;
+ width: 30px;
+}
+#subnav .item .picto .number {
+ position: absolute;
+ bottom: -5px;
+ right: -18px;
+ display: block;
+ width: 28px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ font-size: 12px;
+ background: url('src/desktop/subnav/number.png') no-repeat;
+}
+#subnav .item .content {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 75px;
+ width: 230px;
+}
+#subnav .item .content.skin-1 span {
+ display: inline-block;
+ margin: 15px 0 15px 16px;
+ padding: 0 15px;
+ line-height: 30px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-1 span:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content {
+ display: inline-block;
+ margin: 0 0 0 16px;
+ padding: 10px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-2 .sub-content:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content hr {
+ border: none;
+ border-top: solid 1px #4F4F4F;
+ margin: 5px 0;
+}
+#subnav .item .content.skin-2 .sub-content .ship {
+ position: relative;
+}
+#subnav .item .content.skin-2 .sub-content .ship img {
+ width: 32px;
+ height: 32px;
+}
+#subnav .item .content.skin-2 .sub-content .ship img.zero {
+ opacity: .5;
+}
+#subnav .item .content.skin-2 .sub-content .ship .number {
+ position: absolute;
+ bottom: -2px;
+ right: -2px;
+ width: 18px;
+ height: 18px;
+ line-height: 18px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ text-align: center;
+ background: #b01e2d;
+}
+#alert-content {
+ display: none;
+}
+#alert {
+ position: absolute;
+ bottom: 18px;
+ left: 50px;
+ padding: 0;
+ text-align: right;
+ list-style: inset none;
+}
+#alert li {
+ position: relative;
+ display: inline-block;
+ margin: 0 0 0 5px;
+}
+#alert li img {
+ display: block;
+ height: 50px;
+ border: solid 1px #202020;
+ padding: 5px;
+ background: #0A0A0A;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.alert-bull {
+ display: block;
+ position: absolute;
+ z-index: 1200;
+ width: 200px;
+ padding: 6px 8px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.alert-bull .title {
+ display: block;
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+ border-bottom: solid 1px #4F4F4F;
+}
+.alert-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ bottom: -14px;
+ left: 24px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+#content {
+ position: absolute;
+ width: 8000px;
+ height: 100%;
+ top: 0;
+ left: 300px;
+ z-index: 200;
+}
+#content .component {
+ position: relative;
+ display: table-cell;
+ overflow: hidden;
+ width: 300px;
+ background: rgba(0, 0, 0, 0.92);
+}
+#content .component.size2 {
+ width: 600px;
+}
+#content .component.size3 {
+ width: 900px;
+}
+#content .component:nth-child(1) {
+ background: rgba(0, 0, 0, 0.6);
+}
+#content .component:nth-child(2) {
+ background: rgba(0, 0, 0, 0.75);
+}
+#content .component:nth-child(3) {
+ background: rgba(0, 0, 0, 0.85);
+}
+#content .component:nth-child(4) {
+ background: rgba(0, 0, 0, 0.9);
+}
+#content .component .head {
+ position: relative;
+ display: inline-block;
+ height: 120px;
+ width: 100%;
+ vertical-align: top;
+ color: white;
+ background: url('src/desktop/component/bHead.jpg') repeat-x center black;
+ border-bottom: solid 1px #202020;
+}
+#content .component .head h1 {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ font-size: 38px;
+ line-height: 50px;
+ height: 50px;
+ display: inline-block;
+ padding: 0 10px;
+ background: black;
+ overflow: hidden;
+}
+#content .component .fix-body {
+ position: relative;
+ overflow: auto;
+ color: white;
+ border-right: solid 1px #202020;
+}
+#content .component .fix-body .body {
+ position: relative;
+}
+.no-scrolling #content .component .fix-body {
+ overflow: hidden;
+}
+.no-scrolling #content .component .fix-body > a {
+ position: absolute;
+ width: 100%;
+ height: 40px;
+ left: 0;
+ opacity: 0;
+}
+.no-scrolling #content .component .fix-body.hover > a {
+ opacity: 1;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+.no-scrolling #content .component .fix-body .toTop {
+ top: 0;
+ background-image: url('src/desktop/component/top.png'), -webkit-gradient(linear, black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -moz-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -ms-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -o-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+}
+.no-scrolling #content .component .fix-body .toBottom {
+ bottom: 0;
+ background-image: url('src/desktop/component/bottom.png'), -webkit-gradient(linear, transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+}
+#content .component.invisible {
+ background: transparent;
+}
+#content .component.invisible .publicity {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: red;
+}
+.component .tool {
+ display: table;
+ width: 100%;
+ height: 44px;
+ margin: 0;
+ overflow: hidden;
+ background: black;
+ border-bottom: solid 1px #b01e2d;
+ color: #4F4F4F;
+}
+.component .tool > span {
+ display: table-cell;
+ width: 28px;
+ border: solid 6px transparent;
+ border-left: none;
+}
+.component .tool > span:first-child {
+ border: solid 5px transparent;
+ width: auto;
+ text-align: center;
+}
+.component .tool > span:first-child a {
+ width: auto;
+}
+.component .tool > span a {
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 0;
+ line-height: 30px;
+ width: 30px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+ text-align: center;
+}
+.component .tool > span a img {
+ width: 18px;
+ position: relative;
+ top: -4px;
+}
+.component .tool > span a.active {
+ background: #6e161b;
+ color: white;
+ border-color: #b01e2d;
+}
+.component .tool > span a.active.down {
+ box-shadow: 0 2px 0 0 #CCC;
+}
+.component .tool > span a.active.up {
+ box-shadow: 0 -2px 0 0 #CCC;
+}
+.component .tool > span a.active:hover,
+.component .tool > span a.active:focus {
+ color: #CCC;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
+}
+.component .tool > span a:hover,
+.component .tool > span a:focus,
+.component .tool > span a:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .tool.sort-button > span:first-child {
+ text-align: center;
+}
+.component h3 {
+ width: 100%;
+ margin: 0;
+ background: black;
+ text-align: center;
+ padding: 0 2px;
+ line-height: 44px;
+ font-weight: normal;
+ font-size: 14px;
+ color: #4F4F4F;
+ text-decoration: none;
+ border-bottom: solid 1px #b01e2d;
+}
+.component h4 {
+ margin: 10px 10px 0 10px;
+ font-weight: normal;
+ font-size: 18px;
+}
+.component .body p {
+ margin: 10px;
+ font-size: 13px;
+ text-align: justify;
+}
+.component .body p.info {
+ position: relative;
+ border-top: solid 1px #202020;
+ padding: 10px;
+ margin: 10px;
+ line-height: 140%;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component .body p.info a {
+ color: white;
+}
+.component .body p.info .requierement {
+ display: inline-block;
+ margin: 0 0 0 8px;
+ vertical-align: bottom;
+ height: 16px;
+}
+.component .body p.long-info {
+ padding: 10px;
+ line-height: 150%;
+ background: black;
+}
+.component .body p .alone-button {
+ display: block;
+ text-align: center;
+ color: white;
+ line-height: 40px;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #4F4F4F;
+ box-shadow: inset 0 0 2px black;
+ padding: 0 10px;
+ background: #510816;
+}
+.component .body p .alone-button:hover,
+.component .body p .alone-button:focus {
+ background: #6e161b;
+}
+.component .border-bottom {
+ border-bottom: solid 3px #b01e2d;
+}
+.component .list-type-1 {
+ margin: 10px;
+ padding: 0;
+ list-style: none;
+}
+.component .list-type-1 li {
+ position: relative;
+ padding: 5px 10px;
+ text-align: right;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: rgba(0, 0, 0, 0.8);
+ color: #989898;
+}
+.component .list-type-1 li.strong {
+ border-top: double 3px #4F4F4F;
+ background: #111111;
+ color: white;
+}
+.component .list-type-1 li.empty {
+ background: none;
+ border: none;
+ height: 50px;
+}
+.component .list-type-1 li ul li {
+ height: auto;
+}
+.component .list-type-1 .label {
+ display: block;
+ font-size: 13px;
+}
+.component .list-type-1 .label .icon-color {
+ width: 15px;
+ padding: 1px;
+}
+.component .list-type-1 .value {
+ display: inline-block;
+ font-size: 22px;
+ line-height: 30px;
+ font-weight: bold;
+}
+.component .list-type-1 .value .icon,
+.component .list-type-1 .value .icon-color {
+ height: 18px;
+ margin-left: 8px;
+ position: relative;
+ top: -3px;
+}
+.component .list-type-1 .picto {
+ position: absolute;
+ top: 7px;
+ left: 10px;
+ height: 35px;
+ width: 35px;
+ line-height: 35px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+ font-size: 16px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+}
+.component .list-type-1 .picto.color1 {
+ background: #510816;
+}
+.component .list-type-1 .picto.color2 {
+ background: #0c0d44;
+}
+.component .list-type-1 .picto.color3 {
+ background: #b17a00;
+}
+.component .list-type-1 .picto.color4 {
+ background: #310948;
+}
+.component .list-type-1 .picto.color5 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color6 {
+ background: #004948;
+}
+.component .list-type-1 .picto.color7 {
+ background: #401b13;
+}
+.component .list-type-1 .picto.color8 {
+ background: #c3590b;
+}
+.component .list-type-1 .picto.color9 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color10 {
+ background: #4d0621;
+}
+.component .list-type-1 .picto.color11 {
+ background: #10684c;
+}
+.component .list-type-1 .picto.color12 {
+ background: #b17a00;
+}
+.component .list-type-1 .hide {
+ color: #4F4F4F;
+}
+.component .list-type-1 .buttons {
+ position: absolute;
+ top: 28px;
+ left: 5px;
+}
+.component .list-type-1 .buttons a {
+ display: inline-block;
+ margin: 0 4px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-style: 14px;
+ color: white;
+ border-radius: 3px;
+ background: #6e161b;
+}
+.component .list-type-1 .progress-bar {
+ text-align: left;
+ margin-top: 5px;
+}
+.component .sub-list-type-1 {
+ display: none;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.component .sub-list-type-1 li {
+ position: relative;
+ padding: 2px 0;
+ text-align: left;
+ border: none;
+ border-top: solid 1px #0A0A0A;
+}
+.component .sub-list-type-1 .label {
+ display: inline-block;
+ width: 60%;
+}
+.component .sub-list-type-1 .label .button {
+ position: relative;
+ left: -4px;
+ margin: 0 0 0 3px;
+}
+.component .sub-list-type-1 .value {
+ text-align: right;
+ line-height: 25px;
+ font-size: 18px;
+ width: 40%;
+}
+.component .sub-list-type-1 .value .button {
+ margin: 0 2px 0 6px;
+}
+.component .sub-list-type-1 .button {
+ display: inline-block;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: normal;
+ color: white;
+ border-radius: 3px;
+ background: #b01e2d;
+}
+.component .list-type-1 form {
+ z-index: 1;
+ position: absolute;
+ display: none;
+ bottom: -40px;
+ right: 3px;
+}
+.component .list-type-1 form p {
+ position: relative;
+ background: white;
+ border-radius: 3px;
+ padding: 0;
+ margin: 0;
+ width: 200px;
+ height: 35px;
+}
+.component .list-type-1 form p:before {
+ content: '';
+ position: absolute;
+ top: -12px;
+ right: 12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+}
+.component .list-type-1 form input {
+ border: none;
+ background: none;
+ line-height: 35px;
+ height: 35px;
+ padding: 0 10px;
+}
+.component .list-type-1 form input[type='text'] {
+ width: 140px;
+}
+.component .list-type-1 form input[type='submit'] {
+ width: 40px;
+}
+.component .sub-list-type-1 form {
+ right: -6px;
+}
+/* NUMBER BOX */
+.number-box {
+ position: relative;
+ margin: 10px;
+ padding: 5px 10px;
+ background: black;
+ color: white;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ border-left: solid 10px #6e161b;
+}
+.number-box.half {
+ display: inline-block;
+ width: 254px;
+ margin-right: 0;
+ margin-bottom: 0;
+}
+.number-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.number-box.text {
+ border-left: solid 1px #0A0A0A;
+}
+.number-box.text a {
+ text-decoration: none;
+ color: white;
+}
+.number-box .label {
+ display: block;
+}
+.number-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.number-box .value .icon-color {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+.number-box .progress-bar {
+ margin: 5px 0;
+}
+.number-box .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.number-box .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #6e161b;
+}
+/* PROGRESS BAR */
+.progress-bar {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 3px;
+ background: #4F4F4F;
+}
+.progress-bar .content {
+ position: relative;
+ display: inline-block;
+ height: 3px;
+ vertical-align: top;
+ overflow: hidden;
+ max-width: 100%;
+}
+.progress-bar .content:nth-child(n) {
+ background: #b01e2d;
+}
+.progress-bar .content:nth-child(2n) {
+ background: #510816;
+}
+.progress-bar .content.color1 {
+ background: #6e161b;
+}
+.progress-bar .content.color2 {
+ background: #1f1471;
+}
+.progress-bar .content.color3 {
+ background: #dbb200;
+}
+.progress-bar .content.color4 {
+ background: #5a1072;
+}
+.progress-bar .content.color5 {
+ background: #2c7915;
+}
+.progress-bar .content.color6 {
+ background: #076b87;
+}
+.progress-bar .content.color7 {
+ background: #67331d;
+}
+.progress-bar .content.color8 {
+ background: #d87913;
+}
+.progress-bar .content.color9 {
+ background: #2c7915;
+}
+.progress-bar .content.color10 {
+ background: #760f36;
+}
+.progress-bar .content.color11 {
+ background: #219772;
+}
+.progress-bar .content.color12 {
+ background: #dbb200;
+}
+.progress-bar .step {
+ position: absolute;
+}
+.progress-bar .step .label {
+ position: absolute;
+ display: block;
+ width: 150px;
+ left: 0;
+ top: -28px;
+}
+.progress-bar .step .label.bottom {
+ top: auto;
+ bottom: -28px;
+}
+.progress-bar .step .label.right {
+ right: 0;
+ left: auto;
+ text-align: right;
+}
+.progress-bar .step:before {
+ content: '';
+ position: absolute;
+ width: 12px;
+ height: 12px;
+ background: #6e161b;
+ box-shadow: 0 0 0 3px #510816;
+ border-radius: 100%;
+ top: -5px;
+ left: -5px;
+}
+/* BONUS */
+.bonus {
+ vertical-align: top;
+ display: inline-block;
+ font-size: 55%;
+ line-height: 100%;
+ padding: 3px;
+ margin: 2px 0 0 8px;
+ border-radius: 3px;
+ font-weight: normal;
+ background: #510816;
+}
+/* HEAD */
+.component .head.skin-1 img {
+ position: absolute;
+ top: 22px;
+ left: 20px;
+ padding: 8px;
+ width: 60px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .head.skin-1 img:before {
+ content: '';
+ width: 100px;
+ height: 100px;
+}
+.component .head.skin-1 h2 {
+ position: absolute;
+ bottom: 66px;
+ left: 105px;
+ font-size: 22px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-1 em {
+ position: absolute;
+ top: 62px;
+ left: 105px;
+ font-size: 13px;
+ line-height: 16px;
+ font-style: normal;
+}
+.component .head.skin-2 h2 {
+ position: absolute;
+ display: inline-block;
+ top: 45px;
+ left: 10px;
+ font-size: 22px;
+ line-height: 30px;
+ margin: 0;
+ padding: 0 10px;
+ background: black;
+ font-weight: normal;
+}
+.component .head.skin-3 img {
+ position: absolute;
+ width: 50px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 27px;
+}
+.component .head.skin-3 img.left {
+ left: 40px;
+}
+.component .head.skin-3 img.right {
+ right: 40px;
+}
+.component .head.skin-4 img.main {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 37px;
+}
+.component .head.skin-4 h2 {
+ position: absolute;
+ top: 35px;
+ left: 60px;
+ font-size: 18px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-4 em {
+ position: absolute;
+ top: 65px;
+ left: 60px;
+ font-size: 13px;
+ line-height: 16px;
+}
+.component .head.skin-5 h2 {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ font-size: 16px;
+ font-weight: normal;
+ margin: 0;
+ padding: 0 20px;
+ background: black;
+}
+.component .head.skin-5 h2:before {
+ content: '';
+ position: absolute;
+ display: block;
+ top: 5px;
+ left: 0;
+ width: 8px;
+ height: 8px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .more-item,
+.component .more-button {
+ display: block;
+ margin: 10px 10px 5px;
+ line-height: 34px;
+ padding: 0 12px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+}
+.component .more-item:hover,
+.component .more-button:hover,
+.component .more-item:focus,
+.component .more-button:focus,
+.component .more-item:active,
+.component .more-button:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .nav-element {
+ position: relative;
+ display: block;
+ margin: 10px;
+ height: 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component .nav-element img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ height: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component .nav-element.active {
+ background: #6e161b;
+}
+.component .nav-element .active img {
+ background: black;
+}
+.component .nav-element strong {
+ position: absolute;
+ top: 5px;
+ left: 70px;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component .nav-element em {
+ position: absolute;
+ top: 30px;
+ left: 70px;
+ color: white;
+ font-weight: normal;
+ font-size: 12px;
+ font-style: normal;
+ color: #efefef;
+}
+.component hr {
+ border: none;
+ border-bottom: dashed 1px #202020;
+ margin: 0 10px;
+}
+.component .set-item {
+ margin: 10px;
+ border-bottom: solid 1px #202020;
+}
+.component .set-item a.item:hover,
+.component .set-item a.item:focus {
+ background-color: #0c0c0c;
+}
+.component .set-item .item {
+ position: relative;
+ display: block;
+ color: white;
+ height: 60px;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+}
+.component .set-item .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+}
+.component .set-item .item .left img {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left img.color1 {
+ background: #6e161b;
+}
+.component .set-item .item .left img.color2 {
+ background: #1f1471;
+}
+.component .set-item .item .left img.color3 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.color4 {
+ background: #5a1072;
+}
+.component .set-item .item .left img.color5 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color6 {
+ background: #076b87;
+}
+.component .set-item .item .left img.color7 {
+ background: #67331d;
+}
+.component .set-item .item .left img.color8 {
+ background: #d87913;
+}
+.component .set-item .item .left img.color9 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color10 {
+ background: #760f36;
+}
+.component .set-item .item .left img.color11 {
+ background: #219772;
+}
+.component .set-item .item .left img.color12 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.round-color0 {
+ box-shadow: 0 0 0 2px #CCC;
+}
+.component .set-item .item .left img.round-color1 {
+ box-shadow: 0 0 0 2px #b01e2d;
+}
+.component .set-item .item .left img.round-color2 {
+ box-shadow: 0 0 0 2px #2f23c0;
+}
+.component .set-item .item .left img.round-color3 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left img.round-color4 {
+ box-shadow: 0 0 0 2px #a935c7;
+}
+.component .set-item .item .left img.round-color5 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color6 {
+ box-shadow: 0 0 0 2px #05bed7;
+}
+.component .set-item .item .left img.round-color7 {
+ box-shadow: 0 0 0 2px #ac5832;
+}
+.component .set-item .item .left img.round-color8 {
+ box-shadow: 0 0 0 2px #f2b636;
+}
+.component .set-item .item .left img.round-color9 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color10 {
+ box-shadow: 0 0 0 2px #a92859;
+}
+.component .set-item .item .left img.round-color11 {
+ box-shadow: 0 0 0 2px #34b089;
+}
+.component .set-item .item .left img.round-color12 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left span {
+ display: block;
+ width: 30px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 15px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left span.round-color0 {
+ background: #CCC;
+}
+.component .set-item .item .left span.round-color1 {
+ background: #b01e2d;
+}
+.component .set-item .item .left span.round-color2 {
+ background: #2f23c0;
+}
+.component .set-item .item .left span.round-color3 {
+ background: #ffdb0f;
+}
+.component .set-item .item .left span.round-color4 {
+ background: #a935c7;
+}
+.component .set-item .item .left span.round-color5 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color6 {
+ background: #05bed7;
+}
+.component .set-item .item .left span.round-color7 {
+ background: #ac5832;
+}
+.component .set-item .item .left span.round-color8 {
+ background: #f2b636;
+}
+.component .set-item .item .left span.round-color9 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color10 {
+ background: #a92859;
+}
+.component .set-item .item .left span.round-color11 {
+ background: #34b089;
+}
+.component .set-item .item .left span.round-color12 {
+ background: #ffdb0f;
+}
+.component .set-item .item .center {
+ position: absolute;
+ top: 0;
+ left: 60px;
+ right: 30px;
+ bottom: 0;
+ padding: 9px 0;
+}
+.component .set-item .item .center strong {
+ display: block;
+ line-height: 22px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+}
+.component .set-item .item .center a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+}
+.component .set-item .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 29px;
+ border-left: solid 1px #202020;
+}
+.component .set-item .item .right a {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 29px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+}
+.component .set-item .item .right a:hover,
+.component .set-item .item .right a:focus,
+.component .set-item .item .right a.active {
+ background-color: #202020;
+}
+.component .set-item .item .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.component .set-item .item .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #6e161b;
+}
+.army-bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ width: 220px;
+ color: #CCC;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.army-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+ left: 18px;
+}
+.army-bull strong {
+ display: block;
+ padding-bottom: 5px;
+ margin-bottom: 5px;
+ border-bottom: solid 1px #4F4F4F;
+ font-weight: normal;
+}
+.army-bull .label {
+ display: inline-block;
+ width: 70px;
+}
+.army-bull .value {
+ display: inline-block;
+ width: 40px;
+}
+.component .build-item {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ width: 278px;
+}
+.component .build-item a {
+ color: white;
+}
+.component .build-item .name {
+ position: relative;
+ height: 40px;
+ padding: 5px 5px 5px 90px;
+}
+.component .build-item .name img {
+ z-index: 20;
+ position: absolute;
+ top: -10px;
+ left: 5px;
+ width: 60px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .build-item .name strong {
+ display: block;
+ font-size: 18px;
+}
+.component .build-item .level {
+ display: block;
+ position: absolute;
+ width: 22px;
+ line-height: 22px;
+ text-align: center;
+ font-size: 12px;
+ border-radius: 100%;
+ top: 38px;
+ left: 58px;
+ border: solid 1px white;
+ z-index: 22;
+ background: #6e161b;
+}
+.component .build-item .info {
+ display: none;
+ position: absolute;
+ width: 20px;
+ line-height: 20px;
+ text-align: center;
+ font-size: 16px;
+ text-decoration: none;
+ border-radius: 3px;
+ top: 5px;
+ right: 5px;
+ background: #6e161b;
+ color: white;
+}
+.component .build-item .name-commander {
+ margin: 10px 10px 0 10px;
+ height: 40px;
+ padding: 0 10px;
+ border: none;
+ background: white;
+ border-radius: 3px;
+ width: 240px;
+ text-align: center;
+ font-size: 16px;
+}
+.component .build-item .button {
+ display: block;
+ margin: 10px;
+ padding: 5px 10px;
+ width: 240px;
+ line-height: 20px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ background: #6e161b;
+ box-shadow: inset 0 0 2px black;
+ border: none;
+ cursor: pointer;
+ min-height: 36px;
+}
+.component .build-item .button:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #b01e2d;
+}
+.component .build-item .button.disable {
+ background: #202020;
+ cursor: default;
+}
+.component .build-item .button .icon-color {
+ width: 14px;
+}
+.component .build-item button.button {
+ width: 260px;
+}
+.component .build-item .ship-pack {
+ z-index: 10;
+ position: absolute;
+ bottom: 15px;
+ left: 15px;
+ width: 60px;
+ height: 40px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ background: white;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ border-radius: 3px;
+ box-shadow: inset 0 0 0 3px #CCC;
+}
+.component .build-item .ship-illu {
+ width: 260px;
+ margin: 5px 10px;
+ overflow: hidden;
+}
+.component .build-item .ship-illu img {
+ width: 100%;
+}
+.component .build-item.disabled {
+ opacity: .3;
+}
+.component .build-item.disabled .name img {
+ opacity: .50;
+}
+.component .build-item.disabled strong {
+ color: #4F4F4F;
+}
+.component .build-item.disabled .button.disable {
+ color: #696969;
+}
+.component .build-item.disabled .button.disable:hover {
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component .build-item.large {
+ width: 578px;
+}
+.component .build-item.large .info {
+ top: 75px;
+ right: 25px;
+}
+.component .build-item.large .button {
+ display: block;
+ top: -3px;
+ right: 0;
+ line-height: 18px;
+ width: 540px;
+ min-height: 36px;
+}
+.component .build-item.large .ship-illu {
+ width: 560px;
+ margin-top: 10px;
+}
+.component .build-item input {
+ display: block;
+ width: 243px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component .build-item select {
+ display: block;
+ width: 260px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component.panel-info .remove-info {
+ display: block;
+ position: absolute;
+ top: 2px;
+ right: 10px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ color: white;
+ border-radius: 3px;
+ background: #510816;
+}
+.component.panel-info .table {
+ margin: 10px;
+}
+.component.panel-info .table table {
+ width: 100%;
+ text-align: right;
+ border-collapse: collapse;
+ background: black;
+}
+.component.panel-info .table td {
+ border: solid 1px #202020;
+ padding: 6px 8px;
+}
+.component.panel-info .table tr.small-grey {
+ background: #0A0A0A;
+}
+.component.panel-info .table tr.active td {
+ background: #0A0A0A;
+ border-bottom: solid 1px #4F4F4F;
+}
+.component.panel-info .table .icon-color {
+ width: 12px;
+}
+.component.panel-info .illu {
+ margin: 0 10px;
+ box-shadow: inset 0 0 5px black;
+}
+.component.panel-info .skill-box {
+ position: relative;
+ margin: 0 10px;
+ padding: 5px 10px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+}
+.component.panel-info .skill-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.component.panel-info .skill-box .label {
+ display: block;
+}
+.component.panel-info .skill-box .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.panel-info .skill-box .value .icon-color {
+ width: 18px;
+}
+.component.panel-info .skill-box .progress-bar {
+ margin: 6px 0 2px 0;
+}
+.splash-screen {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 10000;
+ opacity: 0;
+ background: rgba(0, 0, 0, 0.8);
+}
+.splash-screen .modal {
+ width: 500px;
+ height: 140px;
+ position: absolute;
+ top: 80px;
+ right: 3000px;
+ background: #0A0A0A;
+ padding: 25px 175px 25px 75px;
+ color: white;
+ border-radius: 140px;
+ border: solid 1px #202020;
+}
+.splash-screen .modal h1 {
+ font-size: 36px;
+ margin: 0;
+ padding: 0 0 10px 0;
+}
+.splash-screen .modal h2 {
+ font-size: 20px;
+ margin: 0;
+ padding: 0;
+}
+.splash-screen .modal img {
+ position: absolute;
+ top: -15px;
+ right: -50px;
+ width: 200px;
+ padding: 10px;
+ background: #202020;
+ border-radius: 100%;
+ border: solid 1px #4F4F4F;
+}
+.splash-screen .modal:before {
+ content: '';
+ position: absolute;
+ top: -80px;
+ right: 20px;
+ border-color: transparent transparent #4F4F4F transparent;
+ border-width: 40px;
+ border-style: solid;
+}
+.common-link {
+ color: white;
+}
+.component .top-right-button {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ padding: 0 10px;
+ line-height: 30px;
+ color: white;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #6e161b;
+ z-index: 1;
+}
+.component .top-right-button:hover,
+.component .top-right-button:focus {
+ background: #510816;
+}
+.alert {
+ display: block;
+ margin: 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ text-decoration: none;
+ color: white;
+ background: #6e161b;
+ border-radius: 3px;
+ box-shadow: 0 0 2px black;
+}
+.common-link {
+ display: block;
+ margin: 10px;
+ color: white;
+ text-decoration: none;
+}
+.text-bloc a {
+ display: inline-block;
+ color: inherit;
+ opacity: .60;
+}
+.text-bloc a:hover,
+.text-bloc a:focus {
+ opacity: 1;
+}
+.queue {
+ margin: 10px;
+ color: white;
+}
+.queue .item {
+ position: relative;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ min-height: 60px;
+ display: block;
+}
+.queue .item.empty {
+ background: #0A0A0A;
+}
+.queue .item.empty strong {
+ font-weight: normal;
+}
+.queue .item.link {
+ min-height: 0;
+ padding: 10px;
+ color: #4F4F4F;
+ text-decoration: none;
+}
+.queue .item.link:hover,
+.queue .item.link:focus {
+ color: #CCC;
+}
+.queue .item a.button {
+ position: absolute;
+ display: block;
+ top: 2px;
+ right: 5px;
+ color: white;
+ text-decoration: none;
+}
+.queue .item a {
+ color: #CCC;
+}
+.queue .item .group-link {
+ position: absolute;
+ top: 9px;
+ right: 9px;
+}
+.queue .item .group-link a {
+ display: block;
+ width: 20px;
+ line-height: 20px;
+ margin: 0 0 5px 0;
+ border-radius: 3px;
+ color: white;
+ text-align: center;
+ text-decoration: none;
+ background: #6e161b;
+}
+.queue .item .group-link a:hover,
+.queue .item .group-link a:focus {
+ background: #b01e2d;
+}
+.queue .item .picto {
+ float: left;
+ width: 40px;
+ height: 40px;
+ margin: 5px;
+ padding: 5px;
+ background: black;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.queue .item strong {
+ display: block;
+ margin: 6px 0 2px 0;
+}
+.queue .item strong .level {
+ font-size: 11px;
+ color: #CCC;
+}
+.queue .item .big {
+ font-size: 24px;
+}
+.queue .item em {
+ display: block;
+ font-style: normal;
+ color: #AEAEAE;
+}
+.queue .item .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 5px;
+ height: 3px;
+ background: #4F4F4F;
+}
+.queue .item .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #b01e2d;
+}
+.choose-government {
+ display: block;
+ margin: 10px;
+ padding: 10px;
+ background: #0A0A0A;
+ border-radius: 3px;
+}
+.choose-government select {
+ display: block;
+ width: 100%;
+ padding: 8px;
+}
+.choose-government button {
+ display: block;
+ width: 100%;
+ margin: 10px 0 0 0;
+ padding: 0 10px;
+ line-height: 30px;
+ border: none;
+ color: white;
+ cursor: pointer;
+ background: #6e161b;
+}
+.choose-government button:hover,
+.choose-government button:focus {
+ background: #510816;
+}
+.evolution {
+ background: black;
+ margin: 10px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+}
+.evolution .header {
+ padding: 10px;
+ border-bottom: solid 1px #202020;
+ color: #EFEFEF;
+}
+.evolution .diargam {
+ padding: 10px;
+ background: #0A0A0A;
+}
+.evolution .diargam .progress-bar {
+ background: #0A0A0A !important;
+ height: 20px;
+ padding-bottom: 1px;
+}
+.evolution .diargam .progress-bar .content {
+ height: 20px;
+ line-height: 20px;
+ font-size: 12px;
+ color: white;
+ padding-left: 5px;
+}
+.evolution .diargam .progress-bar:nth-child(odd) .content {
+ background: #6e161b !important;
+}
+.centred-link {
+ display: block;
+ width: 300px;
+ text-align: center;
+ margin: 0 auto;
+ text-decoration: none;
+ padding: 6px 10px;
+ color: #EFEFEF;
+ background: #6e161b;
+ border: solid 1px #510816;
+}
+.centred-link:hover,
+.centred-link:focus {
+ background: #510816;
+ border-color: #6e161b;
+ color: white;
+}
+span.centred-link {
+ background: #202020;
+ border: solid 1px #0A0A0A;
+ color: #4F4F4F;
+}
+span.centred-link:hover,
+span.centred-link:focus {
+ background: #202020;
+ border-color: #0A0A0A;
+ color: #4F4F4F;
+}
+.component.profil .center-box {
+ margin: 20px 10px 0;
+ color: white;
+ text-align: center;
+}
+.component.profil .center-box .label {
+ display: block;
+}
+.component.profil .center-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.profil .profil-flag {
+ position: relative;
+ width: 222px;
+ height: 460px;
+ margin: 0 auto;
+}
+.component.profil .profil-flag img {
+ position: relative;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ padding: 10px;
+ border-radius: 100%;
+ margin: 20px auto;
+ box-shadow: 0 0 0 4px #6e161b, 0 0 20px black;
+ z-index: 1;
+}
+.component.profil .profil-flag.color-1 img {
+ box-shadow: 0 0 0 4px #6e161b, 0 0 20px black;
+}
+.component.profil .profil-flag.color-2 img {
+ box-shadow: 0 0 0 4px #1f1471, 0 0 20px black;
+}
+.component.profil .profil-flag.color-3 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag.color-4 img {
+ box-shadow: 0 0 0 4px #5a1072, 0 0 20px black;
+}
+.component.profil .profil-flag.color-5 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-6 img {
+ box-shadow: 0 0 0 4px #076b87, 0 0 20px black;
+}
+.component.profil .profil-flag.color-7 img {
+ box-shadow: 0 0 0 4px #67331d, 0 0 20px black;
+}
+.component.profil .profil-flag.color-8 img {
+ box-shadow: 0 0 0 4px #d87913, 0 0 20px black;
+}
+.component.profil .profil-flag.color-9 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-10 img {
+ box-shadow: 0 0 0 4px #760f36, 0 0 20px black;
+}
+.component.profil .profil-flag.color-11 img {
+ box-shadow: 0 0 0 4px #219772, 0 0 20px black;
+}
+.component.profil .profil-flag.color-12 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag:before {
+ display: block;
+ position: absolute;
+ content: '';
+ top: 218px;
+ left: 33px;
+ width: 154px;
+ height: 241px;
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.profil .profil-flag.color-1:before {
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.profil .profil-flag.color-2:before {
+ background: url('src/desktop/faction/flag/flag-2.png') no-repeat;
+}
+.component.profil .profil-flag.color-3:before {
+ background: url('src/desktop/faction/flag/flag-3.png') no-repeat;
+}
+.component.profil .profil-flag.color-4:before {
+ background: url('src/desktop/faction/flag/flag-4.png') no-repeat;
+}
+.component.profil .profil-flag.color-5:before {
+ background: url('src/desktop/faction/flag/flag-5.png') no-repeat;
+}
+.component.profil .profil-flag.color-6:before {
+ background: url('src/desktop/faction/flag/flag-6.png') no-repeat;
+}
+.component.profil .profil-flag.color-7:before {
+ background: url('src/desktop/faction/flag/flag-7.png') no-repeat;
+}
+.component.profil .profil-flag.color-8:before {
+ background: url('src/desktop/faction/flag/flag-8.png') no-repeat;
+}
+.component.profil .profil-flag.color-9:before {
+ background: url('src/desktop/faction/flag/flag-9.png') no-repeat;
+}
+.component.profil .profil-flag.color-10:before {
+ background: url('src/desktop/faction/flag/flag-10.png') no-repeat;
+}
+.component.profil .profil-flag.color-11:before {
+ background: url('src/desktop/faction/flag/flag-11.png') no-repeat;
+}
+.component.profil .profil-flag.color-12:before {
+ background: url('src/desktop/faction/flag/flag-12.png') no-repeat;
+}
+.component.profil .profil-flag .level {
+ z-index: 2;
+ display: block;
+ position: absolute;
+ top: 184px;
+ right: 2px;
+ width: 36px;
+ height: 36px;
+ text-align: center;
+ line-height: 36px;
+ background: #0A0A0A;
+ border: 3px solid #6e161b;
+ border-radius: 100%;
+}
+.component.profil .profil-flag.color-1 .level {
+ border-color: #6e161b;
+}
+.component.profil .profil-flag.color-2 .level {
+ border-color: #1f1471;
+}
+.component.profil .profil-flag.color-3 .level {
+ border-color: #dbb200;
+}
+.component.profil .profil-flag.color-4 .level {
+ border-color: #5a1072;
+}
+.component.profil .profil-flag.color-5 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-6 .level {
+ border-color: #076b87;
+}
+.component.profil .profil-flag.color-7 .level {
+ border-color: #67331d;
+}
+.component.profil .profil-flag.color-8 .level {
+ border-color: #d87913;
+}
+.component.profil .profil-flag.color-9 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-10 .level {
+ border-color: #760f36;
+}
+.component.profil .profil-flag.color-11 .level {
+ border-color: #219772;
+}
+.component.profil .profil-flag.color-12 .level {
+ border-color: #dbb200;
+}
+.component.profil .faction-flag {
+ display: block;
+ content: '';
+ width: 154px;
+ height: 241px;
+ margin: 0 auto;
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.search-player {
+ position: relative;
+ background: transparent !important;
+}
+.component.search-player .box {
+ position: absolute;
+ top: 60px;
+ left: 50px;
+ width: 440px;
+ color: white;
+}
+.component.search-player .top {
+ background: rgba(0, 0, 0, 0.4);
+ padding: 10px;
+ border-radius: 3px 3px 0 0;
+}
+.component.search-player .top label {
+ display: block;
+ font-size: 16px;
+}
+.component.search-player .top input {
+ display: block;
+ border: none;
+ height: 40px;
+ width: 400px;
+ padding: 0 10px;
+ margin: 10px 0 0 0;
+ font-size: 20px;
+ color: #202020;
+ border-radius: 3px;
+}
+.component.search-player .center {
+ background: rgba(0, 0, 0, 0.8);
+ padding: 10px 25px 10px 10px;
+ min-height: 140px;
+ border-radius: 0 0 3px 3px;
+}
+.component.search-player .center .avatar {
+ float: left;
+ position: relative;
+ left: -20px;
+ width: 120px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: #0A0A0A;
+}
+.component.search-player .center .right {
+ margin-left: 140px;
+}
+.component.search-player .center h1 {
+ margin: 10px 0 0 0;
+ padding: 0;
+}
+.component.search-player .center hr {
+ margin: 10px 0;
+ border-color: #4F4F4F;
+}
+.component.search-player .center p {
+ margin: 5px 0;
+ padding: 0;
+}
+.component.search-player .center p span {
+ display: inline-block;
+ background: red;
+ line-height: 28px;
+ padding: 0 10px;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ border-right: none;
+}
+.component.search-player .center p span:first-child {
+ border-radius: 3px 0 0 3px;
+}
+.component.search-player .center p span:last-child {
+ border-radius: 0 3px 3px 0;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+}
+.component.search-player.color1 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component.search-player.color2 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component.search-player.color3 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.search-player.color4 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component.search-player.color5 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color6 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component.search-player.color7 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component.search-player.color8 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component.search-player.color9 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color10 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.component.search-player.color11 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.component.search-player.color12 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.new-message p.input {
+ position: relative;
+ background: white;
+ padding: 10px;
+ border-radius: 3px;
+}
+.component.new-message p.input:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ height: 0;
+ top: -12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+ left: 20px;
+}
+.component.new-message label {
+ display: block;
+ font-size: 13px;
+}
+.component.new-message .input-text input {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.new-message .input-area textarea {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+ max-width: 100%;
+ min-width: 100%;
+ height: 200px;
+}
+.component.new-message button {
+ display: inline-block;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 15px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #b01e2d;
+}
+.component.new-message button:hover,
+.component.new-message button:focus {
+ background: #510816;
+}
+.notif {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border-top: solid 1px #4F4F4F;
+ border-right: solid 1px #202020;
+ border-left: solid 1px #202020;
+}
+.notif h4 {
+ position: relative;
+ overflow: hidden;
+ margin: 0;
+ padding: 0 10px;
+ font-size: 14px;
+ line-height: 30px;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+ font-weight: normal;
+ cursor: pointer;
+ color: white;
+}
+.notif.unreaded h4:before {
+ position: absolute;
+ content: '';
+ width: 40px;
+ height: 40px;
+ background: white;
+ top: -5px;
+ right: -15px;
+ background: #b01e2d;
+ -webkit-transform: rotate(100deg);
+ -moz-transform: rotate(100deg);
+ -ms-transform: rotate(100deg);
+ -o-transform: rotate(100deg);
+ transform: rotate(100deg);
+}
+.notif .content {
+ display: none;
+ padding: 6px 8px;
+ line-height: 140%;
+ text-align: justify;
+ color: #efefef;
+}
+.notif .content p {
+ margin: 0;
+}
+.notif .content hr {
+ border: none;
+ background: none;
+ border-bottom: dashed 1px #202020;
+ margin: 5px 0;
+}
+.notif .content a {
+ color: white;
+}
+.notif .content .box-resource {
+ position: relative;
+ display: block;
+ margin: 5px 0;
+ padding: 5px 5px 5px 40px;
+}
+.notif .content .box-resource img {
+ position: absolute;
+ top: 6px;
+ left: 0;
+ border: solid 4px #4f4f4f;
+ border-radius: 100%;
+ border-color: #6e161b;
+}
+.notif .content .box-resource .label {
+ display: block;
+ font-size: 12px;
+}
+.notif .content .box-resource .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+.notif .footer {
+ display: none;
+ margin: 0;
+ padding: 0 10px;
+ line-height: 18px;
+ padding: 5px 5px;
+ border-top: solid 1px #202020;
+ font-style: italic;
+ text-align: right;
+ color: #CCC;
+}
+.notif .footer a {
+ color: #CCC;
+}
+.notif.open .content {
+ display: block;
+}
+.notif.open .footer {
+ display: block;
+}
+.component.rc .rc {
+ position: relative;
+ margin: 20px 10px 20px 30px;
+ border-left: solid 1px #CCC;
+ padding: 0 10px;
+ height: 380px;
+ color: #CCC;
+}
+.component.rc .rc.no-tax {
+ margin: 20px 10px 20px 30px;
+ border-left: dashed 1px #4F4F4F;
+ padding: 0 10px;
+ color: #CCC;
+}
+.component.rc .rc a,
+.component.rc .rc strong {
+ color: white;
+}
+.component.rc .rc .icon-color {
+ width: 20px;
+}
+.component.rc .rc .base {
+ position: relative;
+ padding: 15px 0 15px 40px;
+ height: 50px;
+}
+.component.rc .rc .base:last-child {
+ position: absolute;
+ bottom: 0px;
+}
+.component.rc .rc .place {
+ position: absolute;
+ top: 0px;
+ left: -50px;
+ width: 78px;
+ height: 78px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component.rc .rc .general {
+ list-style: none inset;
+ margin: 10px 0;
+ padding: 0;
+}
+.component.rc .rc .general li {
+ margin: 10px 0;
+ list-style-type: none;
+}
+.component.rc .rc .general li strong {
+ display: block;
+ font-size: 20px;
+ font-weight: bold;
+}
+.component .situation-content {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 500px;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component .situation-content .line-help {
+ position: absolute;
+ display: block;
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ text-align: center;
+ border-radius: 100%;
+ background: #510816;
+}
+.component .situation-content .line-help.line-1 {
+ top: 55px;
+ left: 190px;
+}
+.component .situation-content .line-help.line-2 {
+ top: 145px;
+ left: 406px;
+}
+.component .situation-content .toolbar {
+ position: absolute;
+ top: 30px;
+ right: 30px;
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
+ border-radius: 3px;
+ background: #6e161b;
+ z-index: 1;
+}
+.component .situation-content .toolbar a,
+.component .situation-content .toolbar span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 15px;
+ border-right: solid 1px black;
+ text-decoration: none;
+ color: white;
+}
+.component .situation-content .toolbar a img,
+.component .situation-content .toolbar span img {
+ position: relative;
+ top: -2px;
+ vertical-align: middle;
+ height: 18px;
+ width: 18px;
+}
+.component .situation-content .toolbar a:hover,
+.component .situation-content .toolbar a:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar form {
+ display: inline-block;
+}
+.component .situation-content .toolbar input {
+ height: 32px;
+ border: none;
+ background: none;
+ color: white;
+ padding: 0 15px;
+ font-size: inherit;
+}
+.component .situation-content .toolbar input:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar input.button {
+ background: url('src/desktop/common/edit.png') no-repeat center;
+}
+.component .situation-content .toolbar input.button:focus {
+ background: url('src/desktop/common/edit.png') no-repeat center rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .info {
+ position: absolute;
+ display: block;
+ width: 200px;
+ font-size: 12px;
+ color: #efefef;
+ line-height: 18px;
+}
+.component .situation-content .info strong {
+ color: white;
+ font-size: 14px;
+}
+.component .situation-content .info a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4f4f4f;
+}
+.component .situation-content .info a:hover,
+.component .situation-content .info a:focus {
+ border-color: #CCC;
+}
+.component .situation-content .commander {
+ position: absolute;
+ display: block;
+ text-decoration: none;
+ z-index: 1;
+}
+.component .situation-content .commander.empty {
+ color: #CCC;
+}
+.component .situation-content .commander.position-1-1 {
+ top: 135px;
+ left: 127px;
+}
+.component .situation-content .commander.position-1-2 {
+ top: 272px;
+ left: 100px;
+}
+.component .situation-content .commander.position-1-3 {
+ top: 415px;
+ left: 127px;
+}
+.component .situation-content .commander.position-2-1 {
+ top: 215px;
+ left: 352px;
+}
+.component .situation-content .commander.position-2-2 {
+ top: 272px;
+ left: 345px;
+}
+.component .situation-content .commander.position-2-3 {
+ top: 330px;
+ left: 352px;
+}
+.component .situation-content .commander.position-3 {
+ top: 355px;
+ left: 577px;
+}
+.component .situation-content .commander img {
+ width: 40px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+.component .situation-content .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component .situation-content .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #6e161b;
+}
+.component .situation-content .commander .info {
+ top: 8px;
+ left: 65px;
+ width: 160px;
+}
+.component .situation-content .commander .link {
+ display: none;
+ position: absolute;
+ top: 14px;
+ left: -16px;
+ width: 24px;
+ height: 24px;
+ font-size: 20px;
+ font-weight: bold;
+ text-decoration: none;
+ border-radius: 100%;
+ text-align: center;
+ z-index: 1;
+ border: solid 1px white;
+}
+.component .situation-content .commander .link.to-left {
+ background: url('src/desktop/mover/to-left.png') no-repeat center black;
+}
+.component .situation-content .commander .link.to-right {
+ background: url('src/desktop/mover/to-right.png') no-repeat center black;
+}
+.component .situation-content .commander:hover > .link {
+ display: block;
+}
+.component .situation-content .stellar {
+ position: absolute;
+ display: block;
+ top: 180px;
+ left: 560px;
+}
+.component .situation-content .stellar img {
+ width: 220px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .situation-content .stellar .info {
+ font-size: 12px;
+ border-left: solid 1px #202020;
+}
+.component .situation-content .stellar .info.top {
+ bottom: 215px;
+ left: 50px;
+ padding: 0 0 30px 10px;
+}
+.component .situation-content .stellar .info.top strong {
+ font-size: 20px;
+}
+.component .situation-content .stellar .info.bottom {
+ top: 225px;
+ left: 160px;
+ padding: 10px 0 0 10px;
+}
+.component .situation-content .stellar .info.middle {
+ top: 20px;
+ left: 182px;
+ padding: 10px 0 0 50px;
+ border: none;
+ border-top: solid 1px #202020;
+}
+.component .situation-content .attack-link {
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ text-align: center;
+}
+.component .situation-content .attack-link a {
+ display: inline-block;
+ line-height: 40px;
+ padding: 0 25px;
+ border-radius: 3px 3px 0 0;
+ background: #202020;
+ color: white;
+ text-decoration: none;
+ font-size: 16px;
+}
+.component .situation-content .attack-link a:hover,
+.component .situation-content .attack-link a:focus {
+ box-shadow: 0 0 5px 3px black;
+}
+.component .situation-content.color0 .line-help {
+ background: #202020;
+}
+.component .situation-content.color0 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #202020;
+}
+.component .situation-content.color0 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #202020;
+}
+.component .situation-content.color0 .attack-link a {
+ background: #202020;
+}
+.component .situation-content.color1 .line-help {
+ background: #510816;
+}
+.component .situation-content.color1 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component .situation-content.color1 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #6e161b;
+}
+.component .situation-content.color1 .attack-link a {
+ background: #6e161b;
+}
+.component .situation-content.color2 .line-help {
+ background: #0c0d44;
+}
+.component .situation-content.color2 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component .situation-content.color2 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #1f1471;
+}
+.component .situation-content.color2 .attack-link a {
+ background: #1f1471;
+}
+.component .situation-content.color3 .line-help {
+ background: #b17a00;
+}
+.component .situation-content.color3 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .situation-content.color3 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #dbb200;
+}
+.component .situation-content.color3 .attack-link a {
+ background: #dbb200;
+}
+.component .situation-content.color4 .line-help {
+ background: #310948;
+}
+.component .situation-content.color4 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component .situation-content.color4 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #5a1072;
+}
+.component .situation-content.color4 .attack-link a {
+ background: #5a1072;
+}
+.component .situation-content.color5 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color5 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color5 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color5 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-content.color6 .line-help {
+ background: #004948;
+}
+.component .situation-content.color6 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component .situation-content.color6 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #076b87;
+}
+.component .situation-content.color6 .attack-link a {
+ background: #076b87;
+}
+.component .situation-content.color7 .line-help {
+ background: #401b13;
+}
+.component .situation-content.color7 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component .situation-content.color7 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #67331d;
+}
+.component .situation-content.color7 .attack-link a {
+ background: #67331d;
+}
+.component .situation-content.color8 .line-help {
+ background: #c3590b;
+}
+.component .situation-content.color8 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component .situation-content.color8 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #d87913;
+}
+.component .situation-content.color8 .attack-link a {
+ background: #d87913;
+}
+.component .situation-content.color9 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color9 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color9 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color9 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-info {
+ display: table;
+ width: 100%;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: black;
+}
+.component .situation-info .item {
+ display: table-cell;
+ padding: 10px;
+ border-right: solid 1px #202020;
+}
+.component .situation-info .item .value {
+ font-size: 26px;
+ font-weight: bold;
+ display: block;
+}
+.component .build-item.base-type .desc {
+ margin: 10px 0 0 0;
+ padding: 15px;
+ font-size: 13px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+}
+.component .build-item.base-type .list-choice {
+ position: relative;
+ height: 140px;
+ background: url('src/desktop/base/type-base.png') no-repeat center;
+ margin: 0;
+ border-bottom: solid 1px #202020;
+}
+.component .build-item.base-type .list-choice button {
+ position: absolute;
+ padding: 0;
+ border: none;
+ background: transparent;
+ cursor: pointer;
+}
+.component .build-item.base-type .list-choice button.item-1 {
+ top: 35px;
+ left: 5px;
+}
+.component .build-item.base-type .list-choice button.item-2 {
+ top: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-3 {
+ bottom: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-4 {
+ top: 35px;
+ right: 5px;
+}
+.component .build-item.base-type .list-choice button img {
+ display: block;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.color1 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.color2 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.color3 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.color4 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.color5 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color6 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.color7 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.color8 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.color9 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color10 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.color11 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.color12 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .build-item.base-type .desc-choice {
+ display: none;
+}
+.component .build-item.base-type .desc-choice h4 {
+ border-bottom: solid 1px #202020;
+ padding: 0 0 5px 0;
+}
+.component .build-item.base-type .desc-choice p {
+ text-align: left;
+ color: #CCC !important;
+}
+.component .build-item.base-type .desc-choice p strong {
+ display: block;
+ color: white;
+}
+.component .build-item.base-type .desc-choice p strong.short {
+ display: inline-block;
+ width: 100px;
+}
+.component.list-fleet .set-fleet {
+ position: relative;
+ margin: 10px;
+ padding: 0 0 0 70px;
+ min-height: 80px;
+}
+.component.list-fleet .set-fleet img.place {
+ position: absolute;
+ top: -5px;
+ left: -20px;
+ width: 80px;
+ background: #0A0A0A;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet h2 {
+ padding: 10px 0;
+ margin: 0;
+}
+.component.list-fleet .set-fleet h2 a {
+ font-size: 13px;
+ color: white;
+ font-weight: normal;
+ text-decoration: none;
+}
+.component.list-fleet .set-fleet .item {
+ position: relative;
+ height: 60px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-bottom: none;
+ width: 777px;
+}
+.component.list-fleet .set-fleet .item:last-child {
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item a {
+ display: inline-block;
+ text-decoration: none;
+ color: #CCC;
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .left .top {
+ position: absolute;
+ left: 60px;
+ display: block;
+ width: 500px;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .left .status {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .right .top {
+ position: absolute;
+ right: 60px;
+ display: block;
+ width: 200px;
+ text-align: right;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .right .cover {
+ width: 50px;
+ margin: 5px;
+ padding: 0;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .center {
+ position: absolute;
+ top: 41px;
+ left: 70px;
+ right: 70px;
+}
+.component.list-fleet .set-fleet .item .center .ship {
+ position: absolute;
+ top: -10px;
+ left: -11px;
+ right: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship {
+ display: block;
+ width: 100%;
+ background: #4F4F4F;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ position: relative;
+ display: block;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship {
+ top: -11px;
+ right: -11px;
+ left: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar span {
+ position: absolute;
+ top: 4px;
+ right: 15px;
+ font-size: 10px;
+}
+.component.list-fleet .set-fleet .item.color1 .status {
+ background: #6e161b;
+}
+.component.list-fleet .set-fleet .item.color2 .status {
+ background: #1f1471;
+}
+.component.list-fleet .set-fleet .item.color3 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color4 .status {
+ background: #5a1072;
+}
+.component.list-fleet .set-fleet .item.color5 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color6 .status {
+ background: #076b87;
+}
+.component.list-fleet .set-fleet .item.color7 .status {
+ background: #67331d;
+}
+.component.list-fleet .set-fleet .item.color8 .status {
+ background: #d87913;
+}
+.component.list-fleet .set-fleet .item.color9 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color10 .status {
+ background: #760f36;
+}
+.component.list-fleet .set-fleet .item.color11 .status {
+ background: #219772;
+}
+.component.list-fleet .set-fleet .item.color12 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar {
+ background: #4F4F4F;
+}
+.component.list-fleet .set-fleet .item .show-commander {
+ position: absolute;
+ top: -1px;
+ right: -30px;
+ width: 28px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .show-commander:hover,
+.component.list-fleet .set-fleet .item .show-commander:focus,
+.component.list-fleet .set-fleet .item .show-commander.active {
+ background-color: #202020;
+}
+.component.table-fleet table {
+ margin: 10px;
+ width: 880px;
+ border-collapse: collapse;
+}
+.component.table-fleet table tr:nth-child(odd) {
+ background: black;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:nth-child(even) {
+ background: #0A0A0A;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:first-child {
+ background: transparent;
+}
+.component.table-fleet table th,
+.component.table-fleet table td {
+ height: 40px;
+ width: 40px;
+ text-align: center;
+}
+.component.table-fleet table td span.zero-value {
+ color: #4F4F4F;
+}
+.component.table-fleet table .base {
+ width: 100px;
+ text-align: left;
+ padding: 0 20px;
+}
+.component.table-fleet table .base a {
+ border: none;
+}
+.component.table-fleet table .base strong {
+ display: block;
+ font-size: 16px;
+}
+.component.table-fleet table .large {
+ width: auto;
+ text-align: left;
+ padding: 0 10px;
+}
+.component.table-fleet table .sep {
+ border-left: solid 1px #6e161b;
+}
+.component.table-fleet table a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4F4F4F;
+ display: inline-block;
+}
+.component.table-fleet table th {
+ position: relative;
+ height: 70px;
+}
+.component.table-fleet table th span {
+ position: absolute;
+ bottom: 32px;
+ left: -10px;
+ display: block;
+ text-align: left;
+ width: 60px;
+ -ms-transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.component.commander-fleet .fleet {
+ vertical-align: top;
+ display: block;
+ text-align: center;
+}
+.component.commander-fleet .list-ship {
+ vertical-align: top;
+ display: inline-block;
+ width: 148px;
+}
+.component.commander-fleet .list-ship:first-child {
+ border-right: dashed 1px #4F4F4F;
+}
+.component.commander-fleet .list-ship a {
+ display: block;
+ position: relative;
+ margin: 6px;
+ height: 40px;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ border-radius: 3px;
+}
+.component.commander-fleet .list-ship a.empty {
+ opacity: 0.4;
+}
+.component.commander-fleet .list-ship img {
+ position: absolute;
+ display: inline-block;
+ width: 40px;
+}
+.component.commander-fleet .list-ship .text {
+ position: absolute;
+ left: 45px;
+ display: inline-block;
+ width: 88px;
+ color: white;
+}
+.component.commander-fleet .list-ship .text .quantity {
+ display: block;
+ font-weight: bold;
+ font-size: 18px;
+}
+.component.commander-fleet .army {
+ border-collapse: collapse;
+ width: 560px;
+ margin: 20px;
+}
+.component.commander-fleet .army td {
+ width: 65px;
+ padding: 5px;
+ border-right: dashed 1px #4F4F4F;
+ vertical-align: center;
+}
+.component.commander-fleet .army td:first-child {
+ width: auto;
+ vertical-align: top;
+ text-align: right;
+ padding: 0 20px;
+ font-size: 12px;
+}
+.component.commander-fleet .army tr:first-child td {
+ text-align: center;
+ padding: 10px 5px;
+ font-size: 18px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block {
+ display: block;
+ width: 54px;
+ height: 54px;
+ margin: 0 0 5px 0;
+ padding: 5px;
+ vertical-align: top;
+ border-radius: 5px;
+ background: #0A0A0A;
+ text-align: right;
+ border: solid 1px #202020;
+ color: #4F4F4F;
+}
+.component.commander-fleet .army .block.empty {
+ background: black;
+ border: solid 1px #0A0A0A;
+}
+.component.commander-fleet .army .block strong {
+ display: block;
+ font-size: 15px;
+ height: 38px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block em {
+ display: block;
+ padding: 2px;
+ font-size: 11px;
+ background: black;
+ text-align: center;
+ border-radius: 3px;
+}
+.component.commander-fleet .army .block.squadron {
+ border: solid 1px #4F4F4F;
+ color: white;
+ cursor: pointer;
+ background: #6e161b;
+}
+.component.commander-fleet .army .block.squadron.full0 {
+ background: url('src/desktop/squadron/squadron0.png') no-repeat 4px 2px #6e161b;
+}
+.component.commander-fleet .army .block.squadron.full1 {
+ background: url('src/desktop/squadron/squadron1.png') no-repeat 4px 2px #6e161b;
+}
+.component.commander-fleet .army .block.squadron.full2 {
+ background: url('src/desktop/squadron/squadron2.png') no-repeat 4px 2px #6e161b;
+}
+.component.commander-fleet .army .block.squadron.full3 {
+ background: url('src/desktop/squadron/squadron3.png') no-repeat 4px 2px #6e161b;
+}
+.component.commander-fleet .army .block.squadron.active {
+ box-shadow: inset 0 0 6px black,
+ 0 0 2px 0 white;
+ border: dashed 1px white;
+}
+.component.report .commander {
+ position: relative;
+ display: block;
+ margin: 10px;
+ padding: 8px 0 8px 72px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component.report .commander img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component.report .commander strong {
+ display: block;
+ padding: 0 0 8px 0;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component.report .commander em {
+ display: block;
+ line-height: 20px;
+ color: white;
+ font-style: normal;
+ color: #efefef;
+}
+.component.report .commander em .bonus {
+ font-size: 90%;
+ margin: 2px 0 0 2px;
+ padding: 3px 6px;
+}
+.component.report .dammage {
+ margin: 10px;
+ background: black;
+}
+.component.report .dammage table {
+ width: 100%;
+ border-collapse: collapse;
+ border-left: solid 1px #202020;
+ border-right: solid 1px #202020;
+}
+.component.report .dammage td {
+ border-color: #202020;
+ border-width: 1px;
+ border-style: solid dashed;
+ padding: 4px;
+ vertical-align: center;
+ text-align: center;
+ color: #CCC;
+ width: 28px;
+ height: 22px;
+}
+.component.report .dammage td:first-child {
+ text-align: left;
+ padding: 4px 8px;
+ width: auto;
+}
+.component.report .dammage td span {
+ display: inline-block;
+ background: red;
+ line-height: 22px;
+ width: 22px;
+ border-radius: 3px;
+ color: white;
+ background: #510816;
+}
+.component.topic .message {
+ position: relative;
+ padding: 0 0 0 80px;
+ margin: 10px;
+ min-height: 70px;
+}
+.component.topic .message .avatar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 56px;
+ padding: 6px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.topic .message .content {
+ position: relative;
+ background: black;
+ border: solid 1px #202020;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component.topic .message .content:before {
+ position: absolute;
+ content: '';
+ top: 25px;
+ left: -18px;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent #202020 transparent transparent;
+}
+.component.topic .message .content .text {
+ margin: 0;
+ padding: 10px 10px 12px 10px;
+ border-bottom: solid 1px #0A0A0A;
+ color: #efefef;
+}
+.component.topic .message .content .text a,
+.component.topic .message .content .text strong {
+ color: white;
+}
+.component.topic .message .content .text a.color1 {
+ color: #b01e2d;
+}
+.component.topic .message .content .text a.color2 {
+ color: #2f23c0;
+}
+.component.topic .message .content .text a.color3 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text a.color4 {
+ color: #a935c7;
+}
+.component.topic .message .content .text a.color5 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color6 {
+ color: #05bed7;
+}
+.component.topic .message .content .text a.color7 {
+ color: #ac5832;
+}
+.component.topic .message .content .text a.color8 {
+ color: #f2b636;
+}
+.component.topic .message .content .text a.color9 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color10 {
+ color: #a92859;
+}
+.component.topic .message .content .text a.color11 {
+ color: #34b089;
+}
+.component.topic .message .content .text a.color12 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text .icon-color {
+ width: 15px;
+}
+.component.topic .message .content .footer {
+ margin: 0;
+ padding: 6px 10px;
+ font-size: 12px;
+ color: #CCC;
+}
+.component.topic .message .content .footer a {
+ color: #CCC;
+}
+.component.topic .message.write .content:before {
+ left: -17px;
+ top: 11px;
+ border-color: transparent white transparent transparent;
+}
+.component.topic .message.write .content textarea {
+ border: none;
+ padding: 5px;
+ width: 487px;
+ height: 120px;
+ max-width: 487px;
+ min-width: 487px;
+ min-height: 50px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content input {
+ margin: 6px;
+ font-family: inherit;
+}
+.component.topic .message.write .content .title {
+ border: none;
+ margin: 0;
+ padding: 5px;
+ width: 487px;
+ height: 30px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content button {
+ margin: 6px;
+ font-family: inherit;
+ background: #6e161b;
+ border: none;
+ padding: 4px 8px;
+ color: white;
+ cursor: pointer;
+}
+.component.topic .message.write .content button:hover,
+.component.topic .message.write .content button:focus {
+ background: #510816;
+}
+.component.topic .system-message {
+ position: relative;
+ padding: 0 0 0 90px;
+ margin: 10px;
+}
+.component.topic .system-message:before {
+ content: '';
+ position: absolute;
+ top: 10px;
+ left: 0;
+ height: 1px;
+ width: 70px;
+ background: #4F4F4F;
+}
+.conv-item {
+ position: relative;
+ display: block;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+ height: 59px;
+ padding: 5px 5px 5px 70px;
+ margin: 0 10px;
+ color: white;
+ text-decoration: none;
+ overflow: hidden;
+}
+.conv-item .cover {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+ padding: 5px;
+}
+.conv-item .cover .picture {
+ width: 52px;
+ height: 52px;
+ background: #202020;
+ border-radius: 100%;
+ padding: 4px;
+}
+.conv-item .cover .picture.color0 {
+ box-shadow: 0 0 0 2px #4F4F4F;
+}
+.conv-item .cover .picture.color1 {
+ box-shadow: 0 0 0 2px #6e161b;
+}
+.conv-item .cover .picture.color2 {
+ box-shadow: 0 0 0 2px #1f1471;
+}
+.conv-item .cover .picture.color3 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .picture.color4 {
+ box-shadow: 0 0 0 2px #5a1072;
+}
+.conv-item .cover .picture.color5 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color6 {
+ box-shadow: 0 0 0 2px #076b87;
+}
+.conv-item .cover .picture.color7 {
+ box-shadow: 0 0 0 2px #67331d;
+}
+.conv-item .cover .picture.color8 {
+ box-shadow: 0 0 0 2px #d87913;
+}
+.conv-item .cover .picture.color9 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color10 {
+ box-shadow: 0 0 0 2px #760f36;
+}
+.conv-item .cover .picture.color11 {
+ box-shadow: 0 0 0 2px #219772;
+}
+.conv-item .cover .picture.color12 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .number,
+.conv-item .cover .new-message {
+ position: absolute;
+ width: 22px;
+ height: 22px;
+ border-radius: 100%;
+ background: #0A0A0A;
+ bottom: 5px;
+ right: 5px;
+ border: solid 1px #4F4F4F;
+ text-align: center;
+ line-height: 22px;
+ font-size: 11px;
+}
+.conv-item .cover .new-message {
+ left: 5px;
+ top: 5px;
+}
+.conv-item .cover .new-message img {
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin: 2px;
+}
+.conv-item .data {
+ line-height: 20px;
+}
+.conv-item:last-child {
+ border: solid 1px #202020;
+}
+.conv-item:hover,
+.conv-item:focus {
+ background: #0C0C0C;
+}
+.component.player .player {
+ position: relative;
+ display: inline-block;
+ margin: 10px 0 0 10px;
+ width: 211px;
+ height: 58px;
+ padding: 5px 5px 5px 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+ text-decoration: none;
+}
+.component.player .player a {
+ color: #ccc;
+ text-decoration: none;
+ border-bottom: solid 1px #202020;
+}
+.component.player .player a:hover,
+.component.player .player a:focus {
+ border-color: #4f4f4f;
+}
+.component.player .player img.picto {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 50px;
+ padding: 4px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.player .player .icon,
+.component.player .player .icon-color {
+ height: 16px;
+ padding: 1px;
+}
+.component.player .player span,
+.component.player .player strong {
+ display: block;
+ line-height: 20px;
+}
+.component.player .player strong {
+ font-size: 18px;
+}
+.component.player .player .online,
+.component.player .player .inactive {
+ position: absolute;
+ width: 18px;
+ height: 18px;
+ background: white;
+ top: 5px;
+ right: 5px;
+ border-radius: 100%;
+ background: #4F4F4F;
+}
+.component.player .player .online {
+ background: #b01e2d;
+}
+.component.player .player.faction {
+ border-left: solid 1px #0A0A0A !important;
+ width: 202px;
+}
+.component.player .player.faction img {
+ top: 0;
+ left: 10px;
+ padding: 0;
+ border: none;
+ border-radius: 0;
+ background: transparent;
+}
+.component.player.rank .player {
+ border-left: solid 10px #4F4F4F;
+ width: 190px;
+}
+.component.player.rank .player.color1 {
+ border-left-color: #b01e2d;
+}
+.component.player.rank .player.color2 {
+ border-left-color: #2f23c0;
+}
+.component.player.rank .player.color3 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player.color4 {
+ border-left-color: #a935c7;
+}
+.component.player.rank .player.color5 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color6 {
+ border-left-color: #05bed7;
+}
+.component.player.rank .player.color7 {
+ border-left-color: #ac5832;
+}
+.component.player.rank .player.color8 {
+ border-left-color: #f2b636;
+}
+.component.player.rank .player.color9 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color10 {
+ border-left-color: #a92859;
+}
+.component.player.rank .player.color11 {
+ border-left-color: #34b089;
+}
+.component.player.rank .player.color12 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player .title,
+.component.player.rank .player .points {
+ color: #BBB;
+}
+.component.player.rank .player .position {
+ display: block;
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ line-height: 38px;
+ width: 38px;
+ border: solid 1px #202020;
+ text-align: center;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance {
+ display: block;
+ position: absolute;
+ top: 5px;
+ right: -4px;
+ line-height: 26px;
+ width: 26px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ text-align: center;
+ font-size: 11px;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance.lower {
+ bottom: 5px;
+ top: auto;
+}
+.component.player.rank .player.active .position {
+ background: white;
+ border: solid 1px white;
+ color: #202020;
+}
+.component.player.size2 .player {
+ width: 208px;
+}
+.component.player.size1 .player {
+ width: 202px;
+}
+.component.transaction .transaction {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 10px;
+}
+.component.transaction .transaction .right-link {
+ position: absolute;
+ top: 2px;
+ right: 5px;
+ display: block;
+ color: #FFF;
+ text-decoration: none;
+}
+.component.transaction .transaction .product {
+ position: relative;
+ height: 70px;
+ padding: 5px 10px 5px 55px;
+ cursor: pointer;
+}
+.component.transaction .transaction .product .picto {
+ position: absolute;
+ top: 5px;
+ left: -20px;
+ width: 60px;
+ height: 60px;
+ padding: 4px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+}
+.component.transaction .transaction .product .rate {
+ position: absolute;
+ bottom: 5px;
+ right: 8px;
+}
+.component.transaction .transaction .product .offer {
+ overflow: hidden;
+ height: 32px;
+}
+.component.transaction .transaction .product .for {
+ position: relative;
+ border-top: solid 1px #202020;
+ margin: 8px 0 6px 0;
+ color: #4F4F4F;
+}
+.component.transaction .transaction .product .for span {
+ display: block;
+ position: absolute;
+ top: -10px;
+ left: 10px;
+ background: #0A0A0A;
+ padding: 0 10px;
+ font-size: 12px;
+}
+.component.transaction .transaction .product .price {
+ font-size: 19px;
+ font-weight: bold;
+}
+.component.transaction .transaction .product .price .icon-color {
+ width: 14px;
+ position: relative;
+ top: -2px;
+ padding: 1px;
+}
+.component.transaction .transaction.resources .product .offer {
+ font-size: 28px;
+ font-weight: bold;
+ line-height: 30px;
+}
+.component.transaction .transaction.resources .product .offer .icon-color {
+ width: 20px;
+ position: relative;
+ top: -5px;
+}
+.component.transaction .transaction.commander .product .offer strong,
+.component.transaction .transaction.ship .product .offer strong {
+ display: block;
+ font-size: 14px;
+}
+.component.transaction .transaction.commander .product .offer em,
+.component.transaction .transaction.ship .product .offer em {
+ display: block;
+ font-size: 11px;
+}
+.component.transaction .transaction .hidden {
+ display: none;
+}
+.component.transaction .transaction .info {
+ position: relative;
+ border-top: solid 1px #202020;
+ height: 88px;
+ background: black;
+}
+.component.transaction .transaction .info p {
+ font-size: 11px;
+ margin: 5px 8px;
+}
+.component.transaction .transaction .info .seller {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+}
+.component.transaction .transaction .info .seller a {
+ font-weight: bold;
+ color: white;
+}
+.component.transaction .transaction .info .seller .color1 {
+ color: #b01e2d;
+}
+.component.transaction .transaction .info .seller .color2 {
+ color: #2f23c0;
+}
+.component.transaction .transaction .info .seller .color3 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .seller .color4 {
+ color: #a935c7;
+}
+.component.transaction .transaction .info .seller .color5 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color6 {
+ color: #05bed7;
+}
+.component.transaction .transaction .info .seller .color7 {
+ color: #ac5832;
+}
+.component.transaction .transaction .info .seller .color8 {
+ color: #f2b636;
+}
+.component.transaction .transaction .info .seller .color9 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color10 {
+ color: #a92859;
+}
+.component.transaction .transaction .info .seller .color11 {
+ color: #34b089;
+}
+.component.transaction .transaction .info .seller .color12 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .price-detail {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+ right: 0;
+}
+.component.transaction .transaction .info .price-detail p {
+ text-align: right;
+}
+.component.transaction .transaction .info .price-detail p .icon-color {
+ width: 10px;
+ padding: 1px;
+}
+.component.transaction .transaction .info .price-detail p span {
+ color: #4F4F4F;
+}
+.component.transaction .transaction .button {
+ border-top: solid 1px #202020;
+ padding: 5px;
+}
+.component.transaction .transaction .button a,
+.component.transaction .transaction .button span {
+ display: block;
+ padding: 5px 10px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ line-height: 20px;
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component.transaction .transaction .button a {
+ background: #6e161b;
+}
+.component.transaction .transaction .button a:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #b01e2d;
+}
+.component.transaction .transaction .button span {
+ background: #202020;
+ cursor: default;
+}
+.component.transaction .transaction .button .icon-color {
+ width: 14px;
+}
+.component.transaction .transaction .shipping {
+ position: relative;
+ background: black;
+ height: 30px;
+}
+.component.transaction .transaction .shipping .ships {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+}
+.component.transaction .transaction .shipping .ships .icon-color {
+ position: relative;
+ width: 16px;
+ margin-left: 5px;
+ top: -5px;
+}
+.component.transaction .transaction .shipping .time {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 12px;
+}
+.component.transaction .transaction .shipping .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 0 60px;
+ height: 3px;
+ top: 13px;
+ background: #4F4F4F;
+}
+.component.transaction .transaction .shipping .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #b01e2d;
+}
+.component .build-item.disable .button span {
+ color: #696969;
+}
+.component.transaction .new-transaction {
+ width: 279px;
+ position: absolute;
+ background: black;
+ z-index: 1;
+ padding: 10px;
+ border-bottom: solid 1px #b01e2d;
+}
+.component.transaction .new-transaction label {
+ position: relative;
+ display: block;
+ padding: 5px 0;
+}
+.component.transaction .new-transaction label input {
+ display: block;
+ padding: 5px 10px;
+ margin: 5px 0 0 0;
+ width: 259px;
+ border: none;
+}
+.component.transaction .new-transaction.resources label input {
+ font-size: 16px;
+ color: #202020;
+ font-weight: bold;
+}
+.component.transaction .new-transaction .indicator {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 15px;
+}
+.component.transaction .new-transaction .indicator span {
+ position: absolute;
+ display: inline-block;
+ padding: 1px 6px;
+ font-size: 12px;
+ color: white;
+ border-radius: 3px;
+ top: -5px;
+ background: #510816;
+}
+.component.transaction .new-transaction .indicator span.min-price {
+ left: 5px;
+}
+.component.transaction .new-transaction .indicator span.max-price {
+ right: 5px;
+}
+.component.market-sell .body {
+ padding: 10px 0;
+}
+.component.market-sell .label-box {
+ position: relative;
+ padding: 0 10px;
+ margin: 10px 0;
+}
+.component.market-sell .label-box .label {
+ display: inline-block;
+ width: 100px;
+ line-height: 30px;
+}
+.component.market-sell .label-box .value {
+ display: inline-block;
+ width: 147px;
+ padding: 0 5px;
+ border: none;
+ line-height: 30px;
+ border-radius: 3px;
+ font-size: 16px;
+}
+.component.market-sell .label-box input.value {
+ height: 30px;
+ background: white;
+}
+.component.market-sell .label-box .icon-color {
+ position: absolute;
+ top: 4px;
+ right: 16px;
+ width: 18px;
+}
+.component.market-sell .queue {
+ margin: 0 10px;
+ cursor: pointer;
+}
+.component.market-sell .sell-form {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 0 10px 10px 10px;
+}
+.component.market-sell .sell-form input[type='submit'] {
+ display: block;
+ width: 100%;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 10px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #b01e2d;
+}
+.component.market-sell .sell-form input[type='submit']:hover {
+ background: #510816;
+}
+.component.market-sell .sell-form input[disabled='disabled'] {
+ background: #202020 !important;
+}
+.wysiwyg {
+ display: block;
+ position: relative;
+}
+.wysiwyg .toolbar {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 5px;
+}
+.wysiwyg .toolbar button {
+ display: inline-block;
+ height: 26px;
+ line-height: 26px;
+ padding: 0 4px !important;
+ margin: 0 4px 0 0 !important;
+ background: #6e161b;
+ color: white;
+ border-radius: 3px;
+ overflow: hidden;
+ vertical-align: top;
+}
+.wysiwyg .modal {
+ position: absolute;
+ top: 40px;
+ left: 10px;
+ right: 10px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ box-shadow: 0 0 15px black;
+}
+.wysiwyg .modal .header {
+ position: relative;
+}
+.wysiwyg .modal .header h2 {
+ margin: 0;
+ padding: 0;
+ line-height: 36px;
+ padding: 0 10px;
+ font-size: 16px;
+ font-weight: normal;
+}
+.wysiwyg .modal .header .right {
+ position: absolute;
+ top: 5px;
+ right: 10px;
+ width: 300px;
+ text-align: right;
+}
+.wysiwyg .modal .header .right button {
+ display: inline-block;
+ width: 26px !important;
+ height: 26px !important;
+ line-height: 26px !important<;
+ font-size: 14px;
+ padding: 0 !important;
+ margin: 0 0 0 5px !important;
+}
+.wysiwyg .modal input {
+ width: 435px;
+ border: none;
+ height: 30px;
+ margin: 0 10px 10px 10px !important;
+ padding: 0 10px !important;
+}
+.wysiwyg textarea {
+ padding-top: 40px !important;
+}
+.input-area .wysiwyg .toolbar {
+ padding: 0;
+}
+.component.params .checkbox {
+ display: block;
+ position: relative;
+ padding: 10px 10px 10px 40px;
+ margin: 10px;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component.params .checkbox input {
+ position: absolute;
+ top: 8px;
+ left: 10px;
+}
+#map {
+ position: absolute;
+ z-index: 100;
+ background: url('src/desktop/map/common/map.jpg') repeat black;
+ padding: 0;
+ top: 0;
+ left: 0;
+}
+#map #sectors {
+ z-index: 300;
+}
+#map #spying {
+ z-index: 400;
+}
+#map #own-base {
+ z-index: 500;
+}
+#map #commercial-routes {
+ z-index: 600;
+}
+#map #fleet-movements {
+ z-index: 700;
+}
+#map #attacks {
+ z-index: 800;
+}
+#map #systems {
+ z-index: 900;
+}
+#map #map-info {
+ z-index: 910;
+}
+#map > div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+#map #sectors polygon {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 4 4;
+ opacity: 0.15;
+}
+#map #sectors .ally1 {
+ fill: #6e161b;
+}
+#map #sectors .ally2 {
+ fill: #1f1471;
+}
+#map #sectors .ally3 {
+ fill: #dbb200;
+}
+#map #sectors .ally4 {
+ fill: #5a1072;
+}
+#map #sectors .ally5 {
+ fill: #2c7915;
+}
+#map #sectors .ally6 {
+ fill: #076b87;
+}
+#map #sectors .ally7 {
+ fill: #67331d;
+}
+#map #sectors .ally8 {
+ fill: #d87913;
+}
+#map #sectors .ally9 {
+ fill: #2c7915;
+}
+#map #sectors .ally10 {
+ fill: #760f36;
+}
+#map #sectors .ally11 {
+ fill: #219772;
+}
+#map #sectors .ally12 {
+ fill: #dbb200;
+}
+#map #spying circle {
+ opacity: 0.08;
+ stroke: white;
+}
+#map #own-base circle {
+ opacity: 0.1;
+ fill: white;
+}
+#map #commercial-routes line {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 20 5 5 5 5 10;
+}
+#map #commercial-routes line.standBy {
+ stroke: rgba(255, 255, 255, 0.3);
+}
+#map #fleet-movements line {
+ stroke-width: 1px;
+}
+#map #fleet-movements line.back {
+ stroke-dasharray: 15 5;
+}
+#map #attacks line {
+ stroke-width: 1px;
+}
+#map #attacks line.color1 {
+ stroke: #b01e2d;
+}
+#map #attacks line.color2 {
+ stroke: #2f23c0;
+}
+#map #attacks line.color3 {
+ stroke: #ffdb0f;
+}
+#map #attacks line.color4 {
+ stroke: #a935c7;
+}
+#map #attacks line.color5 {
+ stroke: #57c632;
+}
+#map #attacks line.color6 {
+ stroke: #05bed7;
+}
+#map #attacks line.color7 {
+ stroke: #ac5832;
+}
+#map #attacks line.color8 {
+ stroke: #f2b636;
+}
+#map #attacks line.color9 {
+ stroke: #57c632;
+}
+#map #attacks line.color10 {
+ stroke: #a92859;
+}
+#map #attacks line.color11 {
+ stroke: #34b089;
+}
+#map #attacks line.color12 {
+ stroke: #ffdb0f;
+}
+#map #attacks circle.color1 {
+ fill: #b01e2d;
+}
+#map #attacks circle.color2 {
+ fill: #2f23c0;
+}
+#map #attacks circle.color3 {
+ fill: #ffdb0f;
+}
+#map #attacks circle.color4 {
+ fill: #a935c7;
+}
+#map #attacks circle.color5 {
+ fill: #57c632;
+}
+#map #attacks circle.color6 {
+ fill: #05bed7;
+}
+#map #attacks circle.color7 {
+ fill: #ac5832;
+}
+#map #attacks circle.color8 {
+ fill: #f2b636;
+}
+#map #attacks circle.color9 {
+ fill: #57c632;
+}
+#map #attacks circle.color10 {
+ fill: #a92859;
+}
+#map #attacks circle.color11 {
+ fill: #34b089;
+}
+#map #attacks circle.color12 {
+ fill: #ffdb0f;
+}
+#map #systems a {
+ display: block;
+ position: absolute;
+ border-radius: 100%;
+}
+#map #systems a.active {
+ background: black;
+ box-shadow: 0 0 0 1px black,
+ 0 0 0 3px white,
+ 0 0 10px 8px black;
+}
+#map #systems a img {
+ display: block;
+ width: 20px;
+ height: 20px;
+ border: none;
+ border-radius: 100%;
+ -moz-border-radius: 100%;
+ -webkit-border-radius: 100%;
+ -ms-border-radius: 100%;
+ -o-border-radius: 100%;
+}
+#map #systems a img.own {
+ background: white;
+}
+#map #systems .sector-number {
+ position: absolute;
+ display: block;
+ font-size: 22px;
+ line-height: 40px;
+ width: 40px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 0 5px #0A0A0A, 0 0 0 6px #4F4F4F;
+ background: #202020;
+ color: white;
+ font-weight: bold;
+ cursor: pointer;
+}
+#map #systems .sector-number.color1 {
+ background: #6e161b;
+}
+#map #systems .sector-number.color2 {
+ background: #1f1471;
+}
+#map #systems .sector-number.color3 {
+ background: #dbb200;
+}
+#map #systems .sector-number.color4 {
+ background: #5a1072;
+}
+#map #systems .sector-number.color5 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color6 {
+ background: #076b87;
+}
+#map #systems .sector-number.color7 {
+ background: #67331d;
+}
+#map #systems .sector-number.color8 {
+ background: #d87913;
+}
+#map #systems .sector-number.color9 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color10 {
+ background: #760f36;
+}
+#map #systems .sector-number.color11 {
+ background: #219772;
+}
+#map #systems .sector-number.color12 {
+ background: #dbb200;
+}
+#map #systems .sector-info {
+ display: none;
+ position: absolute;
+ color: white;
+ background: black;
+ background: rgba(0, 0, 0, 0.9);
+ padding: 8px 16px;
+ border-radius: 3px;
+}
+#map #systems .sector-info:before {
+ content: '';
+ position: absolute;
+ left: -20px;
+ top: 20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent black transparent transparent;
+ border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
+}
+#map #systems .sector-info h2 {
+ position: relative;
+ font-size: 40px;
+ font-weight: bold;
+ line-height: 40px;
+ text-shadow: 0 0 5px black;
+ margin: 0;
+ padding: 0;
+}
+#map #systems .sector-info p {
+ font-size: 13px;
+ margin: 6px 0 0 0;
+ padding: 0;
+ font-weight: bold;
+ font-variant: small-caps;
+}
+#map #systems .sector-info p a {
+ position: static;
+ display: inline-block;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ margin: 0 5px 0 0;
+}
+#map #systems .sector-info.color1 p a {
+ background: #6e161b;
+}
+#map #systems .sector-info.color2 p a {
+ background: #1f1471;
+}
+#map #systems .sector-info.color3 p a {
+ background: #dbb200;
+}
+#map #systems .sector-info.color4 p a {
+ background: #5a1072;
+}
+#map #systems .sector-info.color5 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color6 p a {
+ background: #076b87;
+}
+#map #systems .sector-info.color7 p a {
+ background: #67331d;
+}
+#map #systems .sector-info.color8 p a {
+ background: #d87913;
+}
+#map #systems .sector-info.color9 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color10 p a {
+ background: #760f36;
+}
+#map #systems .sector-info.color11 p a {
+ background: #219772;
+}
+#map #systems .sector-info.color12 p a {
+ background: #dbb200;
+}
+#map #map-info {
+ display: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ bottom: auto;
+ height: auto;
+ width: auto;
+ margin: 40px 60px 0 0;
+ color: white;
+ text-align: right;
+}
+#map #map-info h2 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 38px;
+ line-height: 60px;
+}
+#map #map-info h3 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 40px;
+}
+#map #map-info ul {
+ margin: 10px 0;
+ padding: 0;
+ list-style: none;
+}
+#map #map-info ul li {
+ position: relative;
+ margin: 0;
+ padding: 0 40px 0 0;
+ line-height: 20px;
+ height: 20px;
+ font-style: italic;
+ color: #CCC;
+ font-size: 13px;
+}
+#map #map-info ul li img {
+ position: absolute;
+ right: 10px;
+ top: 0px;
+}
+#map #spying circle {
+ fill: #6e161b;
+}
+#map #fleet-movements line {
+ stroke: #b01e2d;
+}
+#map #fleet-movements circle {
+ fill: #b01e2d;
+}
+#map-option {
+ z-index: 1000;
+ position: absolute;
+ display: inline-block;
+ height: 32px;
+ padding: 3px 0;
+ background: url('src/desktop/map/bOption.png') repeat-x;
+ top: 30px;
+ right: 20px;
+}
+#map-option:before {
+ content: '';
+ position: absolute;
+ display: block;
+ left: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bLeftOption.png');
+}
+#map-option:after {
+ content: '';
+ position: absolute;
+ display: block;
+ right: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bRightOption.png');
+}
+#map-option a {
+ position: relative;
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ margin: 1px 0 1px 1px;
+ background: #0A0A0A;
+}
+#map-option a.active {
+ background: #004948;
+}
+#map-option a img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 22px;
+}
+.color1 #map-option a.active {
+ background: #510816;
+}
+.color2 #map-option a.active {
+ background: #0c0d44;
+}
+.color3 #map-option a.active {
+ background: #b17a00;
+}
+.color4 #map-option a.active {
+ background: #310948;
+}
+.color5 #map-option a.active {
+ background: #24500a;
+}
+.color6 #map-option a.active {
+ background: #004948;
+}
+.color7 #map-option a.active {
+ background: #401b13;
+}
+.color8 #map-option a.active {
+ background: #c3590b;
+}
+.color9 #map-option a.active {
+ background: #24500a;
+}
+.color10 #map-option a.active {
+ background: #4d0621;
+}
+.color11 #map-option a.active {
+ background: #10684c;
+}
+.color12 #map-option a.active {
+ background: #b17a00;
+}
+#map-content {
+ z-index: 1000;
+ position: absolute;
+ top: 80px;
+ right: 20px;
+ display: block;
+}
+#map-content .mini-map {
+ position: relative;
+ width: 300px;
+ height: 300px;
+ overflow: hidden;
+ border: solid 1px #202020;
+ background: url('src/desktop/map/common/galaxy.jpg') no-repeat #0A0A0A;
+}
+#map-content .mini-map polygon {
+ stroke: white;
+ stroke-width: .5px;
+ opacity: 0.3;
+}
+#map-content .mini-map polygon:focus,
+#map-content .mini-map polygon:hover {
+ opacity: 0.1;
+ cursor: pointer;
+}
+#map-content .mini-map polygon.ally0 {
+ fill: #202020;
+}
+#map-content .mini-map polygon.ally1 {
+ fill: #6e161b;
+}
+#map-content .mini-map polygon.ally2 {
+ fill: #1f1471;
+}
+#map-content .mini-map polygon.ally3 {
+ fill: #dbb200;
+}
+#map-content .mini-map polygon.ally4 {
+ fill: #5a1072;
+}
+#map-content .mini-map polygon.ally5 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally6 {
+ fill: #076b87;
+}
+#map-content .mini-map polygon.ally7 {
+ fill: #67331d;
+}
+#map-content .mini-map polygon.ally8 {
+ fill: #d87913;
+}
+#map-content .mini-map polygon.ally9 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally10 {
+ fill: #760f36;
+}
+#map-content .mini-map polygon.ally11 {
+ fill: #219772;
+}
+#map-content .mini-map polygon.ally12 {
+ fill: #dbb200;
+}
+#map-content .mini-map .number {
+ position: absolute;
+ z-index: 600;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .sectors {
+ z-index: 500;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases {
+ z-index: 400;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases circle {
+ fill: rgba(255, 255, 255, 0.2);
+ stroke: white;
+}
+#map-content .mini-map .viewport {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: rgba(255, 255, 255, 0.1);
+ border: solid 1px white;
+ border-radius: 3px;
+}
+#map-content .mini-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 11px;
+}
+.map-movers {
+ display: none;
+ position: absolute;
+ z-index: 900;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+#coord-box {
+ z-index: 1000;
+ position: absolute;
+ bottom: 20px;
+ right: 20px;
+ width: 80px;
+ padding: 5px 10px;
+ background: rgba(0, 0, 0, 0.8);
+ color: white;
+ font-size: 20px;
+ text-align: center;
+}
+.tactical-map {
+ margin: 10px;
+ position: relative;
+ background: url('src/desktop/map/common/galaxy-large.jpg') repeat #0A0A0A;
+}
+.tactical-map polygon {
+ stroke: white;
+ stroke-width: .30px;
+ opacity: 0.15;
+}
+.tactical-map polygon.enabled {
+ position: relative;
+ stroke-width: 2px;
+ opacity: 0.80;
+ z-index: 1;
+}
+.tactical-map polygon.enabled.ally1 {
+ stroke: #510816;
+}
+.tactical-map polygon.enabled.ally2 {
+ stroke: #0c0d44;
+}
+.tactical-map polygon.enabled.ally3 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.enabled.ally4 {
+ stroke: #310948;
+}
+.tactical-map polygon.enabled.ally5 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally6 {
+ stroke: #004948;
+}
+.tactical-map polygon.enabled.ally7 {
+ stroke: #401b13;
+}
+.tactical-map polygon.enabled.ally8 {
+ stroke: #c3590b;
+}
+.tactical-map polygon.enabled.ally9 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally10 {
+ stroke: #4d0621;
+}
+.tactical-map polygon.enabled.ally11 {
+ stroke: #10684c;
+}
+.tactical-map polygon.enabled.ally12 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.ally0 {
+ fill: #202020;
+}
+.tactical-map polygon.ally1 {
+ fill: #6e161b;
+}
+.tactical-map polygon.ally2 {
+ fill: #1f1471;
+}
+.tactical-map polygon.ally3 {
+ fill: #dbb200;
+}
+.tactical-map polygon.ally4 {
+ fill: #5a1072;
+}
+.tactical-map polygon.ally5 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally6 {
+ fill: #076b87;
+}
+.tactical-map polygon.ally7 {
+ fill: #67331d;
+}
+.tactical-map polygon.ally8 {
+ fill: #d87913;
+}
+.tactical-map polygon.ally9 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally10 {
+ fill: #760f36;
+}
+.tactical-map polygon.ally11 {
+ fill: #219772;
+}
+.tactical-map polygon.ally12 {
+ fill: #dbb200;
+}
+.tactical-map .number {
+ position: absolute;
+ z-index: 800;
+ top: 0;
+ left: 0;
+}
+.tactical-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 12px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 1px white;
+}
+.tactical-map .number span.ally0 {
+ background: #0A0A0A;
+}
+.tactical-map .number span.ally1 {
+ background: #510816;
+}
+.tactical-map .number span.ally2 {
+ background: #0c0d44;
+}
+.tactical-map .number span.ally3 {
+ background: #b17a00;
+}
+.tactical-map .number span.ally4 {
+ background: #310948;
+}
+.tactical-map .number span.ally5 {
+ background: #24500a;
+}
+.tactical-map .number span.ally6 {
+ background: #004948;
+}
+.tactical-map .number span.ally7 {
+ background: #401b13;
+}
+.tactical-map .number span.ally8 {
+ background: #c3590b;
+}
+.tactical-map .number span.ally9 {
+ background: #24500a;
+}
+.tactical-map .number span.ally10 {
+ background: #4d0621;
+}
+.tactical-map .number span.ally11 {
+ background: #10684c;
+}
+.tactical-map .number span.ally12 {
+ background: #b17a00;
+}
+.tactical-map .number span.active {
+ background: white;
+ color: black;
+ box-shadow: 0 0 10px black;
+}
+.tactical-map.reactive polygon.enabled:hover,
+.tactical-map.reactive polygon.enabled.active {
+ cursor: pointer;
+}
+.tactical-map.reactive polygon.enabled:hover.ally1,
+.tactical-map.reactive polygon.enabled.active.ally1 {
+ fill: #510816;
+}
+.tactical-map.reactive polygon.enabled:hover.ally2,
+.tactical-map.reactive polygon.enabled.active.ally2 {
+ fill: #0c0d44;
+}
+.tactical-map.reactive polygon.enabled:hover.ally3,
+.tactical-map.reactive polygon.enabled.active.ally3 {
+ fill: #b17a00;
+}
+.tactical-map.reactive polygon.enabled:hover.ally4,
+.tactical-map.reactive polygon.enabled.active.ally4 {
+ fill: #310948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally5,
+.tactical-map.reactive polygon.enabled.active.ally5 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally6,
+.tactical-map.reactive polygon.enabled.active.ally6 {
+ fill: #004948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally7,
+.tactical-map.reactive polygon.enabled.active.ally7 {
+ fill: #401b13;
+}
+.tactical-map.reactive polygon.enabled:hover.ally8,
+.tactical-map.reactive polygon.enabled.active.ally8 {
+ fill: #c3590b;
+}
+.tactical-map.reactive polygon.enabled:hover.ally9,
+.tactical-map.reactive polygon.enabled.active.ally9 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally10,
+.tactical-map.reactive polygon.enabled.active.ally10 {
+ fill: #4d0621;
+}
+.tactical-map.reactive polygon.enabled:hover.ally11,
+.tactical-map.reactive polygon.enabled.active.ally11 {
+ fill: #10684c;
+}
+.tactical-map.reactive polygon.enabled:hover.ally12,
+.tactical-map.reactive polygon.enabled.active.ally12 {
+ fill: #b17a00;
+}
+#action-box {
+ display: block;
+ z-index: 1100;
+ position: absolute;
+ width: 100%;
+ height: 300px;
+ bottom: -300px;
+ left: 0;
+ border-top: solid 1px #0A0A0A;
+ background: black;
+ box-shadow: 0 0 15px black;
+}
+#action-box .header {
+ position: relative;
+ background: black;
+ border-bottom: solid 1px #202020;
+ height: 36px;
+ color: #EFEFEF;
+}
+#action-box .header ul {
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .header ul li {
+ display: inline-block;
+ line-height: 36px;
+ padding: 0 10px;
+ color: #CCC;
+ border-right: solid 1px #202020;
+}
+#action-box .header ul li a {
+ display: inline-block;
+ line-height: 24px;
+ margin: 3px 0;
+ padding: 0 6px;
+ text-decoration: none;
+ color: #CCC;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-right: none;
+ color: #8F8F8F;
+}
+#action-box .header ul li a:first-child {
+ border-radius: 3px 0 0 3px;
+}
+#action-box .header ul li a:last-child {
+ border-right: solid 1px #202020;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .header ul li a:hover,
+#action-box .header ul li a:focus {
+ background: #202020;
+ color: white;
+}
+#action-box .header ul li a.active {
+ color: white;
+ position: relative;
+ z-index: 1;
+ background: #510816;
+}
+#action-box .header ul li img {
+ position: relative;
+ top: 5px;
+ width: 20px;
+ border-radius: 100%;
+}
+#action-box .header .button {
+ position: absolute;
+ top: 7px;
+ right: 10px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ background: #202020;
+ border-radius: 3px;
+ text-decoration: none;
+ text-transform: uppercase;
+ color: white;
+}
+#action-box .header .button:focus,
+#action-box .header .button:hover {
+ background: #4F4F4F;
+}
+#action-box .body {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ height: 263px;
+ background: url('src/desktop/map/common/bLine.jpg') repeat-x center #080808;
+}
+#action-box .actbox-movers {
+ position: absolute;
+ display: block;
+ width: 60px;
+ height: 263px;
+ z-index: 1103;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#action-box .actbox-movers:hover,
+#action-box .actbox-movers:focus {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+#action-box .actbox-movers:active {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+#action-box .actbox-movers#actboxToLeft {
+ background: url('src/desktop/mover/left.png') no-repeat center;
+}
+#action-box .actbox-movers#actboxToRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center;
+}
+#action-box .body .system {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 263px;
+ width: 3000px;
+}
+#action-box .body .system ul {
+ display: inline-block;
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .body .system ul li {
+ display: inline-block;
+}
+#action-box .body .system ul li.place a,
+#action-box .body .system ul li.action {
+ width: 100px;
+ height: 260px;
+ border-top: solid 3px white;
+ position: relative;
+}
+#action-box .body .system ul li.place.color1 a,
+#action-box .body .system ul li.action.color1 {
+ border-top-color: #6e161b;
+}
+#action-box .body .system ul li.place.color2 a,
+#action-box .body .system ul li.action.color2 {
+ border-top-color: #1f1471;
+}
+#action-box .body .system ul li.place.color3 a,
+#action-box .body .system ul li.action.color3 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.place.color4 a,
+#action-box .body .system ul li.action.color4 {
+ border-top-color: #5a1072;
+}
+#action-box .body .system ul li.place.color5 a,
+#action-box .body .system ul li.action.color5 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color6 a,
+#action-box .body .system ul li.action.color6 {
+ border-top-color: #076b87;
+}
+#action-box .body .system ul li.place.color7 a,
+#action-box .body .system ul li.action.color7 {
+ border-top-color: #67331d;
+}
+#action-box .body .system ul li.place.color8 a,
+#action-box .body .system ul li.action.color8 {
+ border-top-color: #d87913;
+}
+#action-box .body .system ul li.place.color9 a,
+#action-box .body .system ul li.action.color9 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color10 a,
+#action-box .body .system ul li.action.color10 {
+ border-top-color: #760f36;
+}
+#action-box .body .system ul li.place.color11 a,
+#action-box .body .system ul li.action.color11 {
+ border-top-color: #219772;
+}
+#action-box .body .system ul li.place.color12 a,
+#action-box .body .system ul li.action.color12 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.star {
+ width: 300px;
+ height: 263px;
+ border-left: solid 1px #0F0F0F;
+ background: url('src/desktop/map/systems/default.png') no-repeat center center;
+}
+#action-box .body .system ul li.place a {
+ display: block;
+ border-left: solid 1px #0F0F0F;
+ text-align: center;
+}
+#action-box .body .system ul li.place a strong {
+ position: absolute;
+ bottom: 8px;
+ left: 10px;
+ font-size: 18px;
+ font-weight: bold;
+ color: white;
+}
+#action-box .body .system ul li.place a .land {
+ position: absolute;
+ z-index: 1102;
+ top: 88px;
+ left: 10px;
+ width: 80px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.place.active a .land {
+ box-shadow: 0 0 0 1px #202020;
+ background: #080808;
+}
+#action-box .body .system ul li.place a .avatar {
+ position: absolute;
+ z-index: 1101;
+ top: 10px;
+ left: 20px;
+ padding: 7px;
+ border: solid 1px #0F0F0F;
+ background: black;
+ width: 47px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action {
+ width: 0px;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .content {
+ position: absolute;
+ top: 9px;
+ left: 12px;
+ height: 240px;
+ width: 545px;
+ background: #111111;
+ border: solid 1px #202020;
+ box-shadow: inset 0 0 5px black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .content:before {
+ content: '';
+ position: absolute;
+ top: 107px;
+ left: -24px;
+ border-width: 12px;
+ border-style: solid;
+ border-color: transparent #202020 transparent transparent;
+}
+#action-box .body .system ul li.action .content .column {
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ height: 240px;
+ border-right: solid 1px #202020;
+ color: white;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link {
+ position: absolute;
+ top: 6px;
+ right: 8px;
+ opacity: .5;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link:hover,
+#action-box .body .system ul li.action .content .column .last-spy-link:focus {
+ opacity: 1;
+}
+#action-box .body .system ul li.action .content .column.info {
+ width: 199px;
+}
+#action-box .body .system ul li.action .content .column.act {
+ width: 345px;
+ border-right: none;
+}
+#action-box .body .system ul li.action .content .column p {
+ margin: 2px 10px;
+}
+#action-box .body .system ul li.action .content .column a {
+ color: white;
+}
+#action-box .body .system ul li.action .content .column hr {
+ margin: 8px 10px;
+ border: none;
+ background: none;
+ border-bottom: solid 1px #202020;
+}
+#action-box .body .system ul li.action .content .column strong {
+ line-height: 30px;
+}
+#action-box .body .system ul li.action .content .column.info strong {
+ line-height: 28px;
+ font-size: 18px;
+}
+#action-box .body .system ul li.action .content .column .label {
+ display: inline-block;
+ width: 78px;
+ font-size: 12px;
+}
+#action-box .body .system ul li.action .content .column .value {
+ display: inline-block;
+ width: 100px;
+ text-align: left;
+}
+#action-box .body .system ul li.action .content .column .value .icon,
+#action-box .body .system ul li.action .content .column .value .icon-color {
+ width: 18px;
+ height: 18px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .content .column.act .top .grey {
+ opacity: .4;
+}
+#action-box .body .system ul li.action .content .column.act .top img {
+ width: 45px;
+ padding: 8px;
+ margin: 0 4px 2px 0;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action .content .column .top,
+#action-box .body .system ul li.action .content .column .bottom {
+ padding: 5px;
+}
+#action-box .body .system ul li.action .box {
+ display: none;
+ position: absolute;
+ left: 10px;
+ right: 10px;
+ bottom: 10px;
+ top: 80px;
+ background: black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .box:nth-child(1) {
+ display: block;
+}
+#action-box .body .system ul li.action .box:before {
+ content: '';
+ position: absolute;
+ top: -20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent transparent black transparent;
+}
+#action-box .body .system ul li.action .box:nth-child(1):before {
+ left: 15px;
+}
+#action-box .body .system ul li.action .box:nth-child(2):before {
+ left: 84px;
+}
+#action-box .body .system ul li.action .box:nth-child(3):before {
+ left: 152px;
+}
+#action-box .body .system ul li.action .box:nth-child(4):before {
+ left: 218px;
+}
+#action-box .body .system ul li.action .box:nth-child(5):before {
+ left: 284px;
+}
+#action-box .body .system ul li.action .box h2 {
+ margin: 0;
+ padding: 0 11px;
+ line-height: 35px;
+ font-size: 15px;
+}
+#action-box .body .system ul li.action .box .box-content {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 0 0 3px 3px;
+ padding: 8px 10px;
+ background: #080808;
+ border: solid 1px black;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item {
+ display: none;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button {
+ display: inline-block;
+ width: 100px;
+ text-decoration: none;
+ margin: 8px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .picto {
+ float: left;
+ width: 30px;
+ height: 30px;
+ margin: 0 5px 0 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button span {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form {
+ margin-top: 10px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form input {
+ width: 187px;
+ padding: 7px;
+ border: none;
+ background: white;
+ border-radius: 3px 0 0 3px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button {
+ width: 100px;
+ padding: 6px 6px;
+ border: none;
+ color: white;
+ background: #6e161b;
+ cursor: pointer;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button:hover,
+#action-box .body .system ul li.action .box .box-content .spy-form button:focus {
+ background: #510816;
+}
+#action-box .body .system ul li.action .box .box-content .label-box {
+ display: inline-block;
+ width: 50%;
+ margin: 5px 0;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .key {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .val {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+#action-box .body .system ul li.action .box .box-content .rc {
+ margin: 5px 0 0 0;
+ padding: 10px 10px 0 50px;
+ border-top: solid 1px #202020;
+}
+#action-box .body .system ul li.action .box .box-content .rc .planet {
+ position: absolute;
+ top: -25px;
+ left: -25px;
+ width: 76px;
+ height: 76px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+#action-box .body .system ul li.action .box .box-content .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .button {
+ display: inline-block;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ line-height: 26px;
+ margin: 5px 0 0 0;
+ padding: 0 8px;
+ text-align: center;
+ text-decoration: none;
+}
+#action-box .body .system ul li.action .box .box-content a.button {
+ background: #6e161b;
+ border: #510816;
+}
+#action-box .body .system ul li.action .box .box-content a.button:hover,
+#action-box .body .system ul li.action .box .box-content a.button:focus {
+ background: #510816;
+}
+.component.admin table {
+ margin: 10px;
+ border-collapse: collapse;
+ width: 877px;
+}
+.component.admin table tr {
+ border-bottom: solid 1px #202020;
+}
+.component.admin table td {
+ padding: 5px 10px;
+ vertical-align: top;
+}
+.component.admin table .button {
+ display: inline-block;
+ padding: 0 5px;
+ line-height: 25px;
+ min-width: 15px;
+ text-align: center;
+ color: white;
+ border-radius: 3px;
+ background: #4F4F4F;
+ text-decoration: none;
+}
+.component.admin table td:nth-child(1) {
+ width: 50px;
+}
+.component.admin table td:nth-child(2) {
+ width: 100px;
+}
+.component.admin table td:nth-child(3) {
+ width: auto;
+}
+.component.admin table td:nth-child(4) {
+ width: 80px;
+}
+.on-off-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #6e161b;
+ border: solid 1px #510816;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+.on-off-button:hover,
+.on-off-button:focus {
+ background: #510816;
+ border-color: #6e161b;
+}
+.on-off-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+.inscription {
+ /* SUBNAV */
+ /* ALLY */
+}
+.inscription #nav .box.left span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 10px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 80px;
+ text-align: center;
+ color: #4f4f4f;
+ text-decoration: none;
+ font-variant: small-caps;
+}
+.inscription #nav .box.left span.active {
+ color: white;
+}
+.inscription #nav .box.right {
+ display: none;
+}
+.inscription #inscription-subnav {
+ position: fixed;
+ top: 45px;
+ left: 0;
+ width: 210px;
+ margin: 0 20px 0 60px;
+ z-index: 500;
+}
+.inscription #inscription-subnav .bind {
+ height: 15px;
+ background: url('src/desktop/inscriptionSubnav/bBind.png') no-repeat center;
+}
+.inscription #inscription-subnav .head {
+ position: relative;
+ height: 214px;
+ background: url('src/desktop/inscriptionSubnav/bHead.png') no-repeat center;
+}
+.inscription #inscription-subnav .head h2 {
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ top: 5px;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 24px;
+ width: 210px;
+ overflow: hidden;
+ text-align: center;
+ color: white;
+}
+.inscription #inscription-subnav .head img {
+ position: absolute;
+ top: 43px;
+ left: 28px;
+ width: 125px;
+ height: 125px;
+ background: #0A0A0A;
+}
+.inscription #inscription-subnav .head .level {
+ position: absolute;
+ display: block;
+ bottom: 15px;
+ left: 0;
+ width: 100%;
+ font-size: 20px;
+ line-height: 41px;
+ color: white;
+ text-align: center;
+ background: url('src/desktop/inscriptionSubnav/bLevel.png') no-repeat center;
+}
+.inscription #inscription-subnav .head .experience {
+ position: absolute;
+ display: inline-block;
+ top: 50px;
+ right: 32px;
+ width: 21px;
+ height: 112px;
+}
+.inscription #inscription-subnav .head .experience .value {
+ position: absolute;
+ display: block;
+ width: 100%;
+ bottom: 0;
+ border-radius: 3px;
+}
+.inscription #inscription-subnav .foot {
+ height: 290px;
+}
+.inscription #movers .toLeft {
+ left: 0 !important;
+}
+.inscription .component.inscription img.color1 {
+ background: #6e161b !important;
+}
+.inscription .component.inscription img.color2 {
+ background: #1f1471 !important;
+}
+.inscription .component.inscription img.color3 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription img.color4 {
+ background: #5a1072 !important;
+}
+.inscription .component.inscription img.color5 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color6 {
+ background: #076b87 !important;
+}
+.inscription .component.inscription img.color7 {
+ background: #67331d !important;
+}
+.inscription .component.inscription img.color8 {
+ background: #d87913 !important;
+}
+.inscription .component.inscription img.color9 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color10 {
+ background: #760f36 !important;
+}
+.inscription .component.inscription img.color11 {
+ background: #219772 !important;
+}
+.inscription .component.inscription img.color12 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription .chooseLink {
+ display: block;
+ margin: 10px;
+ padding: 10px 60px 10px 20px;
+ background: url('src/desktop/mover/right.png') no-repeat 235px center #CCC;
+ text-decoration: none;
+ color: white;
+ text-shadow: 0 0 2px black;
+ border: solid 1px #202020;
+ cursor: pointer;
+ -webkit-transition: all linear 200ms;
+ -moz-transition: all linear 200ms;
+ -ms-transition: all linear 200ms;
+ -o-transition: all linear 200ms;
+ transition: all linear 200ms;
+}
+.inscription .component.inscription .chooseLink:focus,
+.inscription .component.inscription .chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+.inscription .component.inscription button.chooseLink {
+ width: 277px;
+ text-align: left;
+}
+.inscription .component.inscription.color1 .chooseLink {
+ background-color: #6e161b;
+}
+.inscription .component.inscription.color2 .chooseLink {
+ background-color: #1f1471;
+}
+.inscription .component.inscription.color3 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color4 .chooseLink {
+ background-color: #5a1072;
+}
+.inscription .component.inscription.color5 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color6 .chooseLink {
+ background-color: #076b87;
+}
+.inscription .component.inscription.color7 .chooseLink {
+ background-color: #67331d;
+}
+.inscription .component.inscription.color8 .chooseLink {
+ background-color: #d87913;
+}
+.inscription .component.inscription.color9 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color10 .chooseLink {
+ background-color: #760f36;
+}
+.inscription .component.inscription.color11 .chooseLink {
+ background-color: #219772;
+}
+.inscription .component.inscription.color12 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color1 .chooseLink:hover,
+.inscription .component.inscription.color1 .chooseLink:focus {
+ background-color: #510816;
+}
+.inscription .component.inscription.color2 .chooseLink:hover,
+.inscription .component.inscription.color2 .chooseLink:focus {
+ background-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .chooseLink:hover,
+.inscription .component.inscription.color3 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription.color4 .chooseLink:hover,
+.inscription .component.inscription.color4 .chooseLink:focus {
+ background-color: #310948;
+}
+.inscription .component.inscription.color5 .chooseLink:hover,
+.inscription .component.inscription.color5 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color6 .chooseLink:hover,
+.inscription .component.inscription.color6 .chooseLink:focus {
+ background-color: #004948;
+}
+.inscription .component.inscription.color7 .chooseLink:hover,
+.inscription .component.inscription.color7 .chooseLink:focus {
+ background-color: #401b13;
+}
+.inscription .component.inscription.color8 .chooseLink:hover,
+.inscription .component.inscription.color8 .chooseLink:focus {
+ background-color: #c3590b;
+}
+.inscription .component.inscription.color9 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color10 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #4d0621;
+}
+.inscription .component.inscription.color11 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #10684c;
+}
+.inscription .component.inscription.color12 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription .chooseLink strong {
+ display: block;
+ font-size: 15px;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+}
+.inscription .component.inscription .chooseLink em {
+ font-style: normal;
+}
+.inscription .component.inscription span.chooseLink {
+ background: #202020 !important;
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+ cursor: auto;
+ padding: 10px;
+}
+.inscription .component.inscription span.chooseLink:focus,
+.inscription .component.inscription span.chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+}
+.inscription .component.inscription blockquote {
+ line-height: 200%;
+}
+.inscription .component.inscription #pseudo,
+.inscription .component.inscription #base {
+ position: relative;
+ width: 100%;
+ border: none;
+ padding: 12px 0;
+ margin: 0;
+ text-align: center;
+ font-size: 26px;
+ font-weight: bold;
+ background: white;
+ border-radius: 3px;
+}
+.inscription .component.inscription.color1 #pseudo {
+ color: #510816;
+}
+.inscription .component.inscription.color2 #pseudo {
+ color: #0c0d44;
+}
+.inscription .component.inscription.color3 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription.color4 #pseudo {
+ color: #310948;
+}
+.inscription .component.inscription.color5 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color6 #pseudo {
+ color: #004948;
+}
+.inscription .component.inscription.color7 #pseudo {
+ color: #401b13;
+}
+.inscription .component.inscription.color8 #pseudo {
+ color: #c3590b;
+}
+.inscription .component.inscription.color9 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color10 #pseudo {
+ color: #4d0621;
+}
+.inscription .component.inscription.color11 #pseudo {
+ color: #10684c;
+}
+.inscription .component.inscription.color12 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription .avatars {
+ padding: 5px;
+ text-align: center;
+}
+.inscription .component.inscription .avatar {
+ position: relative;
+ display: inline-block;
+ margin: 0 5px;
+ padding: 5px;
+ background: #202020;
+ border: solid 5px #0A0A0A;
+ border-radius: 100%;
+}
+.inscription .component.inscription .avatar input {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+.inscription .component.inscription .avatar img {
+ display: block;
+ width: 117px;
+ cursor: pointer;
+ border-radius: 100%;
+}
+.inscription .component.inscription.color1 .avatar:hover {
+ border-color: #510816;
+}
+.inscription .component.inscription.color2 .avatar:hover {
+ border-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color4 .avatar:hover {
+ border-color: #310948;
+}
+.inscription .component.inscription.color5 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color6 .avatar:hover {
+ border-color: #004948;
+}
+.inscription .component.inscription.color7 .avatar:hover {
+ border-color: #401b13;
+}
+.inscription .component.inscription.color8 .avatar:hover {
+ border-color: #c3590b;
+}
+.inscription .component.inscription.color9 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color10 .avatar:hover {
+ border-color: #4d0621;
+}
+.inscription .component.inscription.color11 .avatar:hover {
+ border-color: #10684c;
+}
+.inscription .component.inscription.color12 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color1 .avatar.active {
+ border-color: #b01e2d;
+}
+.inscription .component.inscription.color2 .avatar.active {
+ border-color: #2f23c0;
+}
+.inscription .component.inscription.color3 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription .component.inscription.color4 .avatar.active {
+ border-color: #a935c7;
+}
+.inscription .component.inscription.color5 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color6 .avatar.active {
+ border-color: #05bed7;
+}
+.inscription .component.inscription.color7 .avatar.active {
+ border-color: #ac5832;
+}
+.inscription .component.inscription.color8 .avatar.active {
+ border-color: #f2b636;
+}
+.inscription .component.inscription.color9 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color10 .avatar.active {
+ border-color: #a92859;
+}
+.inscription .component.inscription.color11 .avatar.active {
+ border-color: #34b089;
+}
+.inscription .component.inscription.color12 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription #alert {
+ bottom: -12px;
+ z-index: 10000;
+}
+.inscription .build-item {
+ min-height: 60px;
+}
+.inscription .build-item .name {
+ padding-top: 2px !important;
+}
+.inscription .build-item .name strong {
+ font-size: 16px !important;
+}
+.inscription .build-item .name em {
+ font-size: 12px !important;
+}
+.color0 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor0.png') no-repeat top left;
+}
+.color1 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor1.png') no-repeat top left;
+}
+.color2 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor2.png') no-repeat top left;
+}
+.color3 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor3.png') no-repeat top left;
+}
+.color4 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor4.png') no-repeat top left;
+}
+.color5 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor5.png') no-repeat top left;
+}
+.color6 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor6.png') no-repeat top left;
+}
+.color7 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor7.png') no-repeat top left;
+}
+.color8 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor8.png') no-repeat top left;
+}
+.color9 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor9.png') no-repeat top left;
+}
+.color10 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor10.png') no-repeat top left;
+}
+.color11 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor11.png') no-repeat top left;
+}
+.color12 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor12.png') no-repeat top left;
+}
+/* AUTOCOMPLETE MODULE */
+.ac_results {
+ width: 100%;
+ padding: 0px;
+ border: 1px solid #4F4F4F;
+ background-color: white;
+ overflow: hidden;
+ z-index: 99999;
+ box-shadow: 0 0 6px black;
+ border-radius: 3px;
+}
+.ac_results ul {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style-position: outside;
+ list-style: none;
+}
+.ac_results ul li {
+ padding: 4px 8px;
+ margin: 0px;
+ cursor: default;
+ display: block;
+ border-bottom: solid 1px #CCC;
+ overflow: hidden;
+}
+.ac_results ul li:last-child {
+ border: none;
+}
+.ac_results .img {
+ float: left;
+ width: 36px;
+ background: #202020;
+ border-radius: 3px;
+ margin: 0 8px 0 0;
+}
+.ac_results .value-1,
+.ac_results .value-2 {
+ display: block;
+ line-height: 18px;
+}
+.ac_results .value-1 {
+ font-weight: bold;
+}
+.ac_loading {
+ background: white url('src/desktop/module/indicator.gif') right center no-repeat;
+}
+.ac_over {
+ background: #efefef;
+}
+.ac_results .ac_over strong {
+ color: black;
+}
+.ac_results .ac_over img {
+ background: white;
+}
diff --git a/public/css/main.desktop.v3.color10.css b/public/css/main.desktop.v3.color10.css
index 662ef7aac..2f0d39d68 100644
--- a/public/css/main.desktop.v3.color10.css
+++ b/public/css/main.desktop.v3.color10.css
@@ -1 +1,6737 @@
-html{height:100%}body{margin:0;padding:0;font-family:Roboto,'Trebuchet MS',Arial,sans-serif;font-size:13px}.bull{display:none;position:absolute;z-index:1200;padding:4px 8px;max-width:280px;color:#fff;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px}.bull.top:before{bottom:-14px;border-color:#4F4F4F transparent transparent transparent}.bull.bottom:before{top:-14px;border-color:transparent transparent #4F4F4F transparent}.bull.left:before{right:9pt}.bull.right:before{left:9pt}body{width:100%;height:100%;overflow:hidden;background:#000}#nav,#tools{position:fixed;width:100%;height:26px;background:url(src/desktop/tools/bTools.png) repeat-x #000;box-shadow:0 0 10px #000;z-index:1000;border-color:#a92859}#nav{top:0;left:0;background:url(src/desktop/nav/bNav.png) repeat-x #000;border-bottom:solid 3px #000}#tools{bottom:0;left:0;background:url(src/desktop/tools/bTools.png) repeat-x #000;border-top:solid 3px #000}#container{position:absolute;top:29px;left:0;margin:0;padding:0;width:100%;background:#000;overflow:hidden;z-index:0;background:url(src/desktop/global/background.jpg) repeat-x #000}.icon,.icon-color{display:inline-block;vertical-align:bottom;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.icon-color{background:#a92859!important}#background-paralax{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat bottom left transparent;z-index:100;background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.profil{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.message{background-image:url(src/desktop/screen/message.jpg)}#background-paralax.fleet{background-image:url(src/desktop/screen/fleet.jpg)}#background-paralax.financial{background-image:url(src/desktop/screen/financial.jpg)}#background-paralax.technology{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.rank{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.params{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.bases{background-image:url(src/desktop/screen/base.jpg)}#movers a{position:absolute;width:60px;height:100%;z-index:400;background:red;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#movers a:focus,#movers a:hover{background-color:rgba(255,255,255,.08)}#movers a:active{background-color:rgba(255,255,255,.2)}#movers .toLeft{top:0;left:60px;background:url(src/desktop/mover/left.png) no-repeat center transparent}#movers .toRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center transparent}.component.financial table{border-collapse:collapse;width:100%}.component.financial td{vertical-align:top;width:50%}.component.uni .build-item{height:60px;margin:20px}.component.techno .build-item .name strong{font-size:1pc}.component.school .build-item .name strong{font-size:18px}.component.generator table{width:100%;border-collapse:collapse}.component.dock1 table{width:100%;border-collapse:collapse}.component.space .fix-body{background:url(src/desktop/base/situation.jpg) no-repeat top left #000}.component.memorial blockquote{font-size:22px;margin:30px 15px 0 30px;line-height:160%;font-weight:700;text-align:center}.component .info-building{margin:10px;padding:0;font-size:13px;border-top:solid 1px #4F4F4F}.component .info-building h4{margin:10px}.component .info-building p{font-size:13px}#nav .box a,#nav .box>span,#tools .box a,#tools .box>span{position:relative;display:inline-block;line-height:2pc;padding:0 25px;margin:5px 2px;font-size:14px;width:150px;color:#fff;text-decoration:none;font-variant:small-caps;background:url(src/desktop/button/bButtonMiddle.png) repeat-x}#nav .box a:before,#nav .box>span:before,#tools .box a:before,#tools .box>span:before{content:'';position:absolute;top:0;left:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonLeft.png) no-repeat}#nav .box a:after,#nav .box>span:after,#tools .box a:after,#tools .box>span:after{content:'';position:absolute;top:0;right:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonRight.png) no-repeat}#nav .box a.current-base,#tools .box a.current-base{margin-left:56px}#nav .box a.current-base img,#tools .box a.current-base img{position:absolute;top:-1pc;left:-54px;background:#000;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:solid 2px #4F4F4F;width:60px}#nav .box a:focus:before,#nav .box a:hover:before,#tools .box a:focus:before,#tools .box a:hover:before{background:url(src/desktop/button/bButtonLeftHover.png) repeat}#nav .box a:focus:after,#nav .box a:hover:after,#tools .box a:focus:after,#tools .box a:hover:after{background:url(src/desktop/button/bButtonRightHover.png) repeat}#nav .box a.active,#tools .box a.active{background:url(src/desktop/button/bButtonMiddleActive.png) repeat}#nav .box a.active:before,#tools .box a.active:before{background:url(src/desktop/button/bButtonLeftActive.png) repeat}#nav .box a.active:after,#tools .box a.active:after{background:url(src/desktop/button/bButtonRightActive.png) repeat}#nav .box a.square,#tools .box a.square{position:relative;padding:0 5px;margin:5px 2px;height:2pc;width:30px;background:url(src/desktop/button/bLittleButton.png) no-repeat;vertical-align:top}#nav .box a.square:after,#nav .box a.square:before,#tools .box a.square:after,#tools .box a.square:before{display:none}#nav .box a.square:focus,#nav .box a.square:hover,#tools .box a.square:focus,#tools .box a.square:hover{background:url(src/desktop/button/bLittleButtonHover.png) no-repeat}#nav .box a.square.active,#tools .box a.square.active{background:url(src/desktop/button/bLittleButtonActive-c10.png) no-repeat}#nav .box a.square.active.flashy,#tools .box a.square.active.flashy{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 9pt #a92859}#nav .box a.square img,#tools .box a.square img{position:absolute;width:24px;top:3px;left:8px}#nav .box a.square span.number,#tools .box a.square span.number{position:absolute;top:-5px;right:-5px;width:18px;line-height:18px;text-align:center;font-size:11px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#4d0621}#nav .box{position:absolute;display:inline-block;height:46px;padding:0 3px;background:url(src/desktop/nav/bNavBox.png) repeat-x}#nav .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxLeft.png) no-repeat}#nav .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxRight.png) no-repeat}#nav .box.left{top:0;left:25px}#nav .box.left-2{top:0;left:420px}#nav .box.left-3{top:0;left:732px}#nav .box.right{top:0;right:25px}#nav .box a.square span.number{bottom:-5px;top:auto}#tools .box{position:absolute;display:inline-block;height:40px;padding:1px 3px 0 3px;background:url(src/desktop/tools/bToolBox.png) repeat-x;font-size:13px}#tools .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxRight.png) no-repeat}#tools .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxLeft.png) no-repeat}#tools .box.left{bottom:0;right:340px}#tools .box.right{bottom:0;right:25px}#tools .box a.square img{top:4px}#tools .box a.resource-link,#tools .box span.resource-link{width:110px;font-size:1pc}#tools .box a.resource-link img.icon-color,#tools .box span.resource-link img.icon-color{position:relative;display:inline-block;width:18px;vertical-align:middle;margin-left:5px;top:-2px;padding:1px}#nav .overbox .overflow,#tools .overbox .overflow{max-height:25pc;overflow:auto;position:relative}#nav .overbox h2,#tools .overbox h2{color:#fff;padding:10px 15px;margin:0;font-size:14px;font-weight:400;border-bottom:solid 1px #202020}#nav .overbox .link-title,#tools .overbox .link-title{position:absolute;top:10px;right:10px;line-height:20px;font-size:11px;padding:0 5px;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-decoration:none;color:#fff}#nav .overbox a,#tools .overbox a{color:inherit}#nav .overbox a.more-link,#tools .overbox a.more-link{display:block;padding:8px;font-size:9pt;border-top:solid 1px #202020;text-align:center;text-decoration:none;color:#4F4F4F}#nav .overbox a.more-link:focus,#nav .overbox a.more-link:hover,#tools .overbox a.more-link:focus,#tools .overbox a.more-link:hover{color:#CCC}#nav .overbox p.info,#tools .overbox p.info{padding:5px 15px;font-size:9pt;text-align:center;color:#CCC}#nav .overbox .outside-button,#tools .overbox .outside-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#760f36;border:solid 1px #4d0621;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}#nav .overbox .outside-button:focus,#nav .overbox .outside-button:hover,#tools .overbox .outside-button:focus,#tools .overbox .outside-button:hover{background:#4d0621;border-color:#760f36}#nav .overbox .outside-button.disabled,#tools .overbox .outside-button.disabled{background:#202020;border-color:#4F4F4F}#nav .overbox input.outside-button,#tools .overbox input.outside-button{line-height:26px}#nav .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}#nav .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:transparent transparent #202020 transparent;top:-18px;right:30px}#nav .overbox#change-bases{top:50px;left:10px;width:205px;padding:0 0 8px 0}#nav .overbox#change-bases:before{left:30px;right:auto}#nav .overbox#change-bases a{display:block;padding:3px 15px;color:#CCC;text-decoration:none;font-size:9pt;border-bottom:solid 1px #101010}#nav .overbox#change-bases a:focus,#nav .overbox#change-bases a:hover{background:#101010}#nav .overbox#change-bases a.active{background:#202020}#nav .overbox#change-bases strong{display:block;color:#CCC;font-size:13px}#nav .overbox#disconnect-box{top:50px;right:10px;width:205px;padding:8px 0}#nav .overbox#disconnect-box hr{margin:8px 0;border:none;background:0 0;border-top:solid 1px #202020}#nav .overbox#disconnect-box a{display:block;padding:0 15px;line-height:25px;font-size:13px;color:#CCC;text-decoration:none}#nav .overbox#disconnect-box a:focus,#nav .overbox#disconnect-box a:hover{color:#fff;background:#202020}#nav .overbox#bug-tracker{width:250px;top:50px;right:98px;padding:0 0 8px 0}#nav .overbox#bug-tracker p{color:#CCC;font-size:9pt;margin:10px}#nav .overbox#bug-tracker .option{margin:3px 10px 10px 10px;display:block;width:330px;padding:5px}#nav .overbox#bug-tracker textarea{display:block;margin:0 10px 10px 10px;padding:5px;width:318px;height:200px;min-width:318px;max-width:318px;border:solid 1px #202020;font-family:'Trebuchet MS',sans-serif;font-size:13px}#nav .overbox#bug-tracker .button{display:block;margin:0 10px 2px 10px}#nav .overbox#roadmap{width:350px;top:50px;right:10px}#nav .overbox#roadmap .overflow{width:350px;padding:8px 0}#nav .overbox#roadmap p{color:#CCC;font-size:9pt;margin:0 10px 10px 10px}#nav .overbox#roadmap p em{display:block;font-size:11px;color:#4F4F4F}#nav .overbox#roadmap hr{margin:5px 0;border:none;border-top:solid 1px #202020}#nav .overbox#tutorial{width:350px;top:50px;right:143px;color:#fff}#nav .overbox#tutorial form{padding:0 0 10px 0;margin:0;border-top:solid 1px #202020}#nav .overbox#tutorial .overflow{padding:15px 15px 0 15px}#nav .overbox#tutorial .overflow h3{position:relative;margin:0;padding:0 0 0 36px}#nav .overbox#tutorial .overflow h3 .number{position:absolute;top:-4px;left:0;display:block;width:26px;line-height:26px;text-align:center;background:#4d0621;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;margin-right:10px}#nav .overbox#tutorial .overflow p{font-size:9pt;color:#CCC}#nav .overbox#new-notifications{top:50px;left:627px;width:300px}#tools .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:300px;bottom:45px;right:15px}#tools .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:#202020 transparent transparent transparent;bottom:-18px;right:30px}#tools .overbox.left-pic:before{left:30px;right:auto}#tools .overbox#tools-calendar{left:25px;bottom:45px;right:auto}#tools .overbox#tools-refinery{right:401px;bottom:45px}#tools .overbox#tools-generator{right:237px;bottom:45px}#tools .overbox#tools-technosphere{right:193px;bottom:45px}#tools .overbox#tools-dock1{right:148px;bottom:45px}#tools .overbox#tools-dock2{right:105px;bottom:45px}#tools .overbox#tools-credit{right:140px;bottom:45px}#tools .overbox#tools-incoming-attack{right:230px;bottom:45px}#tools .overbox#tools-outgoing-attack{right:185px;bottom:45px}#subnav{position:fixed;top:29px;left:2px;bottom:29px;padding:40px 0;width:60px;background:url(src/desktop/subnav/middle.png) repeat-y;z-index:1000}#subnav hr{border:none;margin:20px 0}#subnav .overflow{position:relative}#subnav .move-side-bar{display:none;position:absolute;z-index:5000;left:5px;width:3pc;height:3pc;line-height:3pc;border:none;background-color:rgba(0,0,0,.75);background-position:center;background-repeat:no-repeat;border-radius:100%;cursor:pointer}#subnav .move-side-bar:focus,#subnav .move-side-bar:hover{box-shadow:0 0 3px #fff}#subnav .move-side-bar.top{bottom:auto;top:20px;background-image:url(src/desktop/component/top.png)}#subnav .move-side-bar.bottom{bottom:20px;top:auto;background-image:url(src/desktop/component/bottom.png)}#subnav .item{position:relative;display:block;height:50px;width:50px;margin:0 0 10px 0;padding:8px 5px;color:#fff;text-decoration:none;background:url(src/desktop/subnav/button.png) no-repeat}#subnav .item.active{background:url(src/desktop/subnav/button-active-c10.png) no-repeat}#subnav .item.striped{background:url(src/desktop/subnav/button-striped.png) no-repeat}#subnav .item:before{content:'';position:absolute;right:-6px;bottom:0;width:9pt;height:47px;background:url(src/desktop/subnav/til.png) no-repeat}#subnav .item:hover:before{background:url(src/desktop/subnav/til-hover.png) no-repeat}#subnav .item:hover>.content{display:block}#subnav .item .picto{display:block;height:30px;width:30px;padding:10px}#subnav .item .picto img{display:block;height:30px;width:30px}#subnav .item .picto .number{position:absolute;bottom:-5px;right:-18px;display:block;width:28px;height:28px;line-height:28px;text-align:center;font-size:9pt;background:url(src/desktop/subnav/number.png) no-repeat}#subnav .item .content{display:none;position:absolute;top:0;left:75px;width:230px}#subnav .item .content.skin-1 span{display:inline-block;margin:15px 0 15px 1pc;padding:0 15px;line-height:30px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-1 span:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content{display:inline-block;margin:0 0 0 1pc;padding:10px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-2 .sub-content:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content hr{border:none;border-top:solid 1px #4F4F4F;margin:5px 0}#subnav .item .content.skin-2 .sub-content .ship{position:relative}#subnav .item .content.skin-2 .sub-content .ship img{width:2pc;height:2pc}#subnav .item .content.skin-2 .sub-content .ship img.zero{opacity:.5}#subnav .item .content.skin-2 .sub-content .ship .number{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;line-height:18px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;text-align:center;background:#a92859}#alert-content{display:none}#alert{position:absolute;bottom:18px;left:50px;padding:0;text-align:right;list-style:inset none}#alert li{position:relative;display:inline-block;margin:0 0 0 5px}#alert li img{display:block;height:50px;border:solid 1px #202020;padding:5px;background:#0A0A0A;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.alert-bull{display:block;position:absolute;z-index:1200;width:200px;padding:6px 8px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.alert-bull .title{display:block;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:solid 1px #4F4F4F}.alert-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;bottom:-14px;left:24px;border-color:#4F4F4F transparent transparent transparent}#content{position:absolute;width:500pc;height:100%;top:0;left:300px;z-index:200}#content .component{position:relative;display:table-cell;overflow:hidden;width:300px;background:rgba(0,0,0,.92)}#content .component.size2{width:600px}#content .component.size3{width:900px}#content .component:nth-child(1){background:rgba(0,0,0,.6)}#content .component:nth-child(2){background:rgba(0,0,0,.75)}#content .component:nth-child(3){background:rgba(0,0,0,.85)}#content .component:nth-child(4){background:rgba(0,0,0,.9)}#content .component .head{position:relative;display:inline-block;height:90pt;width:100%;vertical-align:top;color:#fff;background:url(src/desktop/component/bHead.jpg) repeat-x center #000;border-bottom:solid 1px #202020}#content .component .head h1{position:absolute;top:10px;left:10px;font-size:38px;line-height:50px;height:50px;display:inline-block;padding:0 10px;background:#000;overflow:hidden}#content .component .fix-body{position:relative;overflow:auto;color:#fff;border-right:solid 1px #202020}#content .component .fix-body .body{position:relative}.no-scrolling #content .component .fix-body{overflow:hidden}.no-scrolling #content .component .fix-body>a{position:absolute;width:100%;height:40px;left:0;opacity:0}.no-scrolling #content .component .fix-body.hover>a{opacity:1;background-position:center;background-repeat:no-repeat}.no-scrolling #content .component .fix-body .toTop{top:0;background-image:url(src/desktop/component/top.png),-webkit-gradient(linear,#000,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-moz-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-ms-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-o-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),linear-gradient(black,rgba(0,0,0,.8),transparent)}.no-scrolling #content .component .fix-body .toBottom{bottom:0;background-image:url(src/desktop/component/bottom.png),-webkit-gradient(linear,transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-moz-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-ms-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-o-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),linear-gradient(transparent,rgba(0,0,0,.8),#000)}#content .component.invisible{background:0 0}#content .component.invisible .publicity{position:absolute;bottom:0;left:0;right:0;background:red}.component .tool{display:table;width:100%;height:44px;margin:0;overflow:hidden;background:#000;border-bottom:solid 1px #a92859;color:#4F4F4F}.component .tool>span{display:table-cell;width:28px;border:solid 6px transparent;border-left:none}.component .tool>span:first-child{border:solid 5px transparent;width:auto;text-align:center}.component .tool>span:first-child a{width:auto}.component .tool>span a{position:relative;display:block;margin:0;padding:0;line-height:30px;width:30px;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px;text-align:center}.component .tool>span a img{width:18px;position:relative;top:-4px}.component .tool>span a.active{background:#760f36;color:#fff;border-color:#a92859}.component .tool>span a.active.down{box-shadow:0 2px 0 0 #CCC}.component .tool>span a.active.up{box-shadow:0 -2px 0 0 #ccc}.component .tool>span a.active:focus,.component .tool>span a.active:hover{color:#CCC;box-shadow:inset 0 0 5px rgba(0,0,0,.5)}.component .tool>span a:active,.component .tool>span a:focus,.component .tool>span a:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .tool.sort-button>span:first-child{text-align:center}.component h3{width:100%;margin:0;background:#000;text-align:center;padding:0 2px;line-height:44px;font-weight:400;font-size:14px;color:#4F4F4F;text-decoration:none;border-bottom:solid 1px #a92859}.component h4{margin:10px 10px 0 10px;font-weight:400;font-size:18px}.component .body p{margin:10px;font-size:13px;text-align:justify}.component .body p.info{position:relative;border-top:solid 1px #202020;padding:10px;margin:10px;line-height:140%;background:rgba(0,0,0,.8)}.component .body p.info a{color:#fff}.component .body p.info .requierement{display:inline-block;margin:0 0 0 8px;vertical-align:bottom;height:1pc}.component .body p.long-info{padding:10px;line-height:150%;background:#000}.component .body p .alone-button{display:block;text-align:center;color:#fff;line-height:40px;border-radius:3px;text-decoration:none;background:#4F4F4F;box-shadow:inset 0 0 2px #000;padding:0 10px;background:#4d0621}.component .body p .alone-button:focus,.component .body p .alone-button:hover{background:#760f36}.component .border-bottom{border-bottom:solid 3px #a92859}.component .list-type-1{margin:10px;padding:0;list-style:none}.component .list-type-1 li{position:relative;padding:5px 10px;text-align:right;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:rgba(0,0,0,.8);color:#989898}.component .list-type-1 li.strong{border-top:double 3px #4F4F4F;background:#111;color:#fff}.component .list-type-1 li.empty{background:0 0;border:none;height:50px}.component .list-type-1 li ul li{height:auto}.component .list-type-1 .label{display:block;font-size:13px}.component .list-type-1 .label .icon-color{width:15px;padding:1px}.component .list-type-1 .value{display:inline-block;font-size:22px;line-height:30px;font-weight:700}.component .list-type-1 .value .icon,.component .list-type-1 .value .icon-color{height:18px;margin-left:8px;position:relative;top:-3px}.component .list-type-1 .picto{position:absolute;top:7px;left:10px;height:35px;width:35px;line-height:35px;padding:5px;border-radius:100%;background:#202020;font-size:1pc;text-align:center;color:#fff;text-decoration:none}.component .list-type-1 .picto.color1{background:#510816}.component .list-type-1 .picto.color2{background:#0c0d44}.component .list-type-1 .picto.color3{background:#b17a00}.component .list-type-1 .picto.color4{background:#310948}.component .list-type-1 .picto.color5{background:#24500a}.component .list-type-1 .picto.color6{background:#004948}.component .list-type-1 .picto.color7{background:#401b13}.component .list-type-1 .picto.color8{background:#c3590b}.component .list-type-1 .picto.color9{background:#24500a}.component .list-type-1 .picto.color10{background:#4d0621}.component .list-type-1 .picto.color11{background:#10684c}.component .list-type-1 .picto.color12{background:#b17a00}.component .list-type-1 .hide{color:#4F4F4F}.component .list-type-1 .buttons{position:absolute;top:28px;left:5px}.component .list-type-1 .buttons a{display:inline-block;margin:0 4px;width:18px;line-height:18px;text-align:center;text-decoration:none;font-style:14px;color:#fff;border-radius:3px;background:#760f36}.component .list-type-1 .progress-bar{text-align:left;margin-top:5px}.component .sub-list-type-1{display:none;margin:0;padding:0;list-style:none}.component .sub-list-type-1 li{position:relative;padding:2px 0;text-align:left;border:none;border-top:solid 1px #0A0A0A}.component .sub-list-type-1 .label{display:inline-block;width:60%}.component .sub-list-type-1 .label .button{position:relative;left:-4px;margin:0 0 0 3px}.component .sub-list-type-1 .value{text-align:right;line-height:25px;font-size:18px;width:40%}.component .sub-list-type-1 .value .button{margin:0 2px 0 6px}.component .sub-list-type-1 .button{display:inline-block;width:18px;line-height:18px;text-align:center;text-decoration:none;font-size:14px;font-weight:400;color:#fff;border-radius:3px;background:#a92859}.component .list-type-1 form{z-index:1;position:absolute;display:none;bottom:-40px;right:3px}.component .list-type-1 form p{position:relative;background:#fff;border-radius:3px;padding:0;margin:0;width:200px;height:35px}.component .list-type-1 form p:before{content:'';position:absolute;top:-9pt;right:9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent}.component .list-type-1 form input{border:none;background:0 0;line-height:35px;height:35px;padding:0 10px}.component .list-type-1 form input[type=text]{width:140px}.component .list-type-1 form input[type=submit]{width:40px}.component .sub-list-type-1 form{right:-6px}.number-box{position:relative;margin:10px;padding:5px 10px;background:#000;color:#fff;border:solid 1px #0A0A0A;border-top:solid 1px #202020;border-left:solid 10px #760f36}.number-box.half{display:inline-block;width:254px;margin-right:0;margin-bottom:0}.number-box.grey{border-left:solid 10px #4F4F4F!important}.number-box.text{border-left:solid 1px #0A0A0A}.number-box.text a{text-decoration:none;color:#fff}.number-box .label{display:block}.number-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.number-box .value .icon-color{width:20px;height:20px;vertical-align:middle}.number-box .progress-bar{margin:5px 0}.number-box .group-link{position:absolute;top:5px;right:5px}.number-box .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#760f36}.progress-bar{position:relative;display:block;width:100%;height:3px;background:#4F4F4F}.progress-bar .content{position:relative;display:inline-block;height:3px;vertical-align:top;overflow:hidden;max-width:100%}.progress-bar .content:nth-child(n){background:#a92859}.progress-bar .content:nth-child(2n){background:#4d0621}.progress-bar .content.color1{background:#6e161b}.progress-bar .content.color2{background:#1f1471}.progress-bar .content.color3{background:#dbb200}.progress-bar .content.color4{background:#5a1072}.progress-bar .content.color5{background:#2c7915}.progress-bar .content.color6{background:#076b87}.progress-bar .content.color7{background:#67331d}.progress-bar .content.color8{background:#d87913}.progress-bar .content.color9{background:#2c7915}.progress-bar .content.color10{background:#760f36}.progress-bar .content.color11{background:#219772}.progress-bar .content.color12{background:#dbb200}.progress-bar .step{position:absolute}.progress-bar .step .label{position:absolute;display:block;width:150px;left:0;top:-28px}.progress-bar .step .label.bottom{top:auto;bottom:-28px}.progress-bar .step .label.right{right:0;left:auto;text-align:right}.progress-bar .step:before{content:'';position:absolute;width:9pt;height:9pt;background:#760f36;box-shadow:0 0 0 3px #4d0621;border-radius:100%;top:-5px;left:-5px}.bonus{vertical-align:top;display:inline-block;font-size:55%;line-height:100%;padding:3px;margin:2px 0 0 8px;border-radius:3px;font-weight:400;background:#4d0621}.component .head.skin-1 img{position:absolute;top:22px;left:20px;padding:8px;width:60px;border:solid 1px #202020;border-radius:100%;background:#000}.component .head.skin-1 img:before{content:'';width:75pt;height:75pt}.component .head.skin-1 h2{position:absolute;bottom:66px;left:105px;font-size:22px;line-height:22px;margin:0;padding:0}.component .head.skin-1 em{position:absolute;top:62px;left:105px;font-size:13px;line-height:1pc;font-style:normal}.component .head.skin-2 h2{position:absolute;display:inline-block;top:45px;left:10px;font-size:22px;line-height:30px;margin:0;padding:0 10px;background:#000;font-weight:400}.component .head.skin-3 img{position:absolute;width:50px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:27px}.component .head.skin-3 img.left{left:40px}.component .head.skin-3 img.right{right:40px}.component .head.skin-4 img.main{position:absolute;width:30px;height:30px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:37px}.component .head.skin-4 h2{position:absolute;top:35px;left:60px;font-size:18px;line-height:22px;margin:0;padding:0}.component .head.skin-4 em{position:absolute;top:65px;left:60px;font-size:13px;line-height:1pc}.component .head.skin-5 h2{position:absolute;top:50px;left:10px;font-size:1pc;font-weight:400;margin:0;padding:0 20px;background:#000}.component .head.skin-5 h2:before{content:'';position:absolute;display:block;top:5px;left:0;width:8px;height:8px;border:solid 1px #202020;background:#000;border-radius:100%}.component .more-button,.component .more-item{display:block;margin:10px 10px 5px;line-height:34px;padding:0 9pt;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px}.component .more-button:active,.component .more-button:focus,.component .more-button:hover,.component .more-item:active,.component .more-item:focus,.component .more-item:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .nav-element{position:relative;display:block;margin:10px;height:70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component .nav-element img{position:absolute;top:5px;left:5px;padding:8px;height:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component .nav-element.active{background:#760f36}.component .nav-element .active img{background:#000}.component .nav-element strong{position:absolute;top:5px;left:70px;color:#fff;font-weight:700;font-size:17px}.component .nav-element em{position:absolute;top:30px;left:70px;color:#fff;font-weight:400;font-size:9pt;font-style:normal;color:#efefef}.component hr{border:none;border-bottom:dashed 1px #202020;margin:0 10px}.component .set-item{margin:10px;border-bottom:solid 1px #202020}.component .set-item a.item:focus,.component .set-item a.item:hover{background-color:#0c0c0c}.component .set-item .item{position:relative;display:block;color:#fff;height:60px;border:solid 1px #202020;border-bottom:none;background:#0A0A0A}.component .set-item .item .left{position:absolute;top:0;left:0;bottom:0;width:60px}.component .set-item .item .left img{width:30px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left img.color1{background:#6e161b}.component .set-item .item .left img.color2{background:#1f1471}.component .set-item .item .left img.color3{background:#dbb200}.component .set-item .item .left img.color4{background:#5a1072}.component .set-item .item .left img.color5{background:#2c7915}.component .set-item .item .left img.color6{background:#076b87}.component .set-item .item .left img.color7{background:#67331d}.component .set-item .item .left img.color8{background:#d87913}.component .set-item .item .left img.color9{background:#2c7915}.component .set-item .item .left img.color10{background:#760f36}.component .set-item .item .left img.color11{background:#219772}.component .set-item .item .left img.color12{background:#dbb200}.component .set-item .item .left img.round-color0{box-shadow:0 0 0 2px #CCC}.component .set-item .item .left img.round-color1{box-shadow:0 0 0 2px #b01e2d}.component .set-item .item .left img.round-color2{box-shadow:0 0 0 2px #2f23c0}.component .set-item .item .left img.round-color3{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left img.round-color4{box-shadow:0 0 0 2px #a935c7}.component .set-item .item .left img.round-color5{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color6{box-shadow:0 0 0 2px #05bed7}.component .set-item .item .left img.round-color7{box-shadow:0 0 0 2px #ac5832}.component .set-item .item .left img.round-color8{box-shadow:0 0 0 2px #f2b636}.component .set-item .item .left img.round-color9{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color10{box-shadow:0 0 0 2px #a92859}.component .set-item .item .left img.round-color11{box-shadow:0 0 0 2px #34b089}.component .set-item .item .left img.round-color12{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left span{display:block;width:30px;line-height:30px;text-align:center;font-size:15px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left span.round-color0{background:#CCC}.component .set-item .item .left span.round-color1{background:#b01e2d}.component .set-item .item .left span.round-color2{background:#2f23c0}.component .set-item .item .left span.round-color3{background:#ffdb0f}.component .set-item .item .left span.round-color4{background:#a935c7}.component .set-item .item .left span.round-color5{background:#57c632}.component .set-item .item .left span.round-color6{background:#05bed7}.component .set-item .item .left span.round-color7{background:#ac5832}.component .set-item .item .left span.round-color8{background:#f2b636}.component .set-item .item .left span.round-color9{background:#57c632}.component .set-item .item .left span.round-color10{background:#a92859}.component .set-item .item .left span.round-color11{background:#34b089}.component .set-item .item .left span.round-color12{background:#ffdb0f}.component .set-item .item .center{position:absolute;top:0;left:60px;right:30px;bottom:0;padding:9px 0}.component .set-item .item .center strong{display:block;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component .set-item .item .center a{color:#fff;text-decoration:none;border-bottom:solid 1px rgba(255,255,255,.25)}.component .set-item .item .right{position:absolute;top:0;right:0;bottom:0;width:29px;border-left:solid 1px #202020}.component .set-item .item .right a{position:absolute;top:0;left:0;width:29px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a}.component .set-item .item .right a.active,.component .set-item .item .right a:focus,.component .set-item .item .right a:hover{background-color:#202020}.component .set-item .item .group-link{position:absolute;top:5px;right:5px}.component .set-item .item .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#760f36}.army-bull{display:none;position:absolute;z-index:1200;padding:4px 8px;width:220px;color:#CCC;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.army-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;top:-14px;border-color:transparent transparent #4F4F4F transparent;left:18px}.army-bull strong{display:block;padding-bottom:5px;margin-bottom:5px;border-bottom:solid 1px #4F4F4F;font-weight:400}.army-bull .label{display:inline-block;width:70px}.army-bull .value{display:inline-block;width:40px}.component .build-item{position:relative;margin:10px;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;width:278px}.component .build-item a{color:#fff}.component .build-item .name{position:relative;height:40px;padding:5px 5px 5px 90px}.component .build-item .name img{z-index:20;position:absolute;top:-10px;left:5px;width:60px;padding:8px;border:solid 1px #202020;border-radius:100%;background:#000}.component .build-item .name strong{display:block;font-size:18px}.component .build-item .level{display:block;position:absolute;width:22px;line-height:22px;text-align:center;font-size:9pt;border-radius:100%;top:38px;left:58px;border:solid 1px #fff;z-index:22;background:#760f36}.component .build-item .info{display:none;position:absolute;width:20px;line-height:20px;text-align:center;font-size:1pc;text-decoration:none;border-radius:3px;top:5px;right:5px;background:#760f36;color:#fff}.component .build-item .name-commander{margin:10px 10px 0 10px;height:40px;padding:0 10px;border:none;background:#fff;border-radius:3px;width:15pc;text-align:center;font-size:1pc}.component .build-item .button{display:block;margin:10px;padding:5px 10px;width:15pc;line-height:20px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;background:#760f36;box-shadow:inset 0 0 2px #000;border:none;cursor:pointer;min-height:36px}.component .build-item .button:hover{box-shadow:inset 0 0 6px #000;background:#a92859}.component .build-item .button.disable{background:#202020;cursor:default}.component .build-item .button .icon-color{width:14px}.component .build-item button.button{width:260px}.component .build-item .ship-pack{z-index:10;position:absolute;bottom:15px;left:15px;width:60px;height:40px;padding:0;margin:0;border:none;background:#fff;text-align:center;font-size:24px;font-weight:700;border-radius:3px;box-shadow:inset 0 0 0 3px #CCC}.component .build-item .ship-illu{width:260px;margin:5px 10px;overflow:hidden}.component .build-item .ship-illu img{width:100%}.component .build-item.disabled{opacity:.3}.component .build-item.disabled .name img{opacity:.5}.component .build-item.disabled strong{color:#4F4F4F}.component .build-item.disabled .button.disable{color:#696969}.component .build-item.disabled .button.disable:hover{background:#202020;box-shadow:inset 0 0 2px #000}.component .build-item.large{width:578px}.component .build-item.large .info{top:75px;right:25px}.component .build-item.large .button{display:block;top:-3px;right:0;line-height:18px;width:540px;min-height:36px}.component .build-item.large .ship-illu{width:35pc;margin-top:10px}.component .build-item input{display:block;width:243px;margin:10px;padding:8px;border:none}.component .build-item select{display:block;width:260px;margin:10px;padding:8px;border:none}.component.panel-info .remove-info{display:block;position:absolute;top:2px;right:10px;line-height:20px;width:20px;text-align:center;text-decoration:none;color:#fff;border-radius:3px;background:#4d0621}.component.panel-info .table{margin:10px}.component.panel-info .table table{width:100%;text-align:right;border-collapse:collapse;background:#000}.component.panel-info .table td{border:solid 1px #202020;padding:6px 8px}.component.panel-info .table tr.small-grey{background:#0A0A0A}.component.panel-info .table tr.active td{background:#0A0A0A;border-bottom:solid 1px #4F4F4F}.component.panel-info .table .icon-color{width:9pt}.component.panel-info .illu{margin:0 10px;box-shadow:inset 0 0 5px #000}.component.panel-info .skill-box{position:relative;margin:0 10px;padding:5px 10px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000}.component.panel-info .skill-box.grey{border-left:solid 10px #4F4F4F!important}.component.panel-info .skill-box .label{display:block}.component.panel-info .skill-box .value{display:block;font-size:18px;font-weight:700;margin:4px 0 0 0}.component.panel-info .skill-box .value .icon-color{width:18px}.component.panel-info .skill-box .progress-bar{margin:6px 0 2px 0}.splash-screen{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;background:rgba(0,0,0,.8)}.splash-screen .modal{width:500px;height:140px;position:absolute;top:5pc;right:3000px;background:#0A0A0A;padding:25px 175px 25px 75px;color:#fff;border-radius:140px;border:solid 1px #202020}.splash-screen .modal h1{font-size:36px;margin:0;padding:0 0 10px 0}.splash-screen .modal h2{font-size:20px;margin:0;padding:0}.splash-screen .modal img{position:absolute;top:-15px;right:-50px;width:200px;padding:10px;background:#202020;border-radius:100%;border:solid 1px #4F4F4F}.splash-screen .modal:before{content:'';position:absolute;top:-5pc;right:20px;border-color:transparent transparent #4F4F4F transparent;border-width:40px;border-style:solid}.common-link{color:#fff}.component .top-right-button{display:block;position:absolute;top:0;right:10px;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;text-decoration:none;background:#760f36;z-index:1}.component .top-right-button:focus,.component .top-right-button:hover{background:#4d0621}.alert{display:block;margin:10px;line-height:30px;padding:0 10px;text-decoration:none;color:#fff;background:#760f36;border-radius:3px;box-shadow:0 0 2px #000}.common-link{display:block;margin:10px;color:#fff;text-decoration:none}.text-bloc a{display:inline-block;color:inherit;opacity:.6}.text-bloc a:focus,.text-bloc a:hover{opacity:1}.queue{margin:10px;color:#fff}.queue .item{position:relative;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;min-height:60px;display:block}.queue .item.empty{background:#0A0A0A}.queue .item.empty strong{font-weight:400}.queue .item.link{min-height:0;padding:10px;color:#4F4F4F;text-decoration:none}.queue .item.link:focus,.queue .item.link:hover{color:#CCC}.queue .item a.button{position:absolute;display:block;top:2px;right:5px;color:#fff;text-decoration:none}.queue .item a{color:#CCC}.queue .item .group-link{position:absolute;top:9px;right:9px}.queue .item .group-link a{display:block;width:20px;line-height:20px;margin:0 0 5px 0;border-radius:3px;color:#fff;text-align:center;text-decoration:none;background:#760f36}.queue .item .group-link a:focus,.queue .item .group-link a:hover{background:#a92859}.queue .item .picto{float:left;width:40px;height:40px;margin:5px;padding:5px;background:#000;border-radius:100%;border:solid 1px #202020}.queue .item strong{display:block;margin:6px 0 2px 0}.queue .item strong .level{font-size:11px;color:#CCC}.queue .item .big{font-size:24px}.queue .item em{display:block;font-style:normal;color:#AEAEAE}.queue .item .progress-container{position:relative;display:block;clear:both;margin:5px;height:3px;background:#4F4F4F}.queue .item .progress-bar{position:absolute;display:block;height:100%;background:#a92859}.choose-government{display:block;margin:10px;padding:10px;background:#0A0A0A;border-radius:3px}.choose-government select{display:block;width:100%;padding:8px}.choose-government button{display:block;width:100%;margin:10px 0 0 0;padding:0 10px;line-height:30px;border:none;color:#fff;cursor:pointer;background:#760f36}.choose-government button:focus,.choose-government button:hover{background:#4d0621}.evolution{background:#000;margin:10px;border-top:solid 1px #202020;border-bottom:solid 1px #202020}.evolution .header{padding:10px;border-bottom:solid 1px #202020;color:#EFEFEF}.evolution .diargam{padding:10px;background:#0A0A0A}.evolution .diargam .progress-bar{background:#0A0A0A!important;height:20px;padding-bottom:1px}.evolution .diargam .progress-bar .content{height:20px;line-height:20px;font-size:9pt;color:#fff;padding-left:5px}.evolution .diargam .progress-bar:nth-child(odd) .content{background:#760f36!important}.centred-link{display:block;width:300px;text-align:center;margin:0 auto;text-decoration:none;padding:6px 10px;color:#EFEFEF;background:#760f36;border:solid 1px #4d0621}.centred-link:focus,.centred-link:hover{background:#4d0621;border-color:#760f36;color:#fff}span.centred-link{background:#202020;border:solid 1px #0A0A0A;color:#4F4F4F}span.centred-link:focus,span.centred-link:hover{background:#202020;border-color:#0A0A0A;color:#4F4F4F}.component.profil .center-box{margin:20px 10px 0;color:#fff;text-align:center}.component.profil .center-box .label{display:block}.component.profil .center-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.component.profil .profil-flag{position:relative;width:222px;height:460px;margin:0 auto}.component.profil .profil-flag img{position:relative;background:#0A0A0A;border:solid 1px #202020;padding:10px;border-radius:100%;margin:20px auto;box-shadow:0 0 0 4px #760f36,0 0 20px #000;z-index:1}.component.profil .profil-flag.color-1 img{box-shadow:0 0 0 4px #6e161b,0 0 20px #000}.component.profil .profil-flag.color-2 img{box-shadow:0 0 0 4px #1f1471,0 0 20px #000}.component.profil .profil-flag.color-3 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag.color-4 img{box-shadow:0 0 0 4px #5a1072,0 0 20px #000}.component.profil .profil-flag.color-5 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-6 img{box-shadow:0 0 0 4px #076b87,0 0 20px #000}.component.profil .profil-flag.color-7 img{box-shadow:0 0 0 4px #67331d,0 0 20px #000}.component.profil .profil-flag.color-8 img{box-shadow:0 0 0 4px #d87913,0 0 20px #000}.component.profil .profil-flag.color-9 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-10 img{box-shadow:0 0 0 4px #760f36,0 0 20px #000}.component.profil .profil-flag.color-11 img{box-shadow:0 0 0 4px #219772,0 0 20px #000}.component.profil .profil-flag.color-12 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag:before{display:block;position:absolute;content:'';top:218px;left:33px;width:154px;height:241px;background:url(src/desktop/faction/flag/flag-10.png) no-repeat}.component.profil .profil-flag.color-1:before{background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.profil .profil-flag.color-2:before{background:url(src/desktop/faction/flag/flag-2.png) no-repeat}.component.profil .profil-flag.color-3:before{background:url(src/desktop/faction/flag/flag-3.png) no-repeat}.component.profil .profil-flag.color-4:before{background:url(src/desktop/faction/flag/flag-4.png) no-repeat}.component.profil .profil-flag.color-5:before{background:url(src/desktop/faction/flag/flag-5.png) no-repeat}.component.profil .profil-flag.color-6:before{background:url(src/desktop/faction/flag/flag-6.png) no-repeat}.component.profil .profil-flag.color-7:before{background:url(src/desktop/faction/flag/flag-7.png) no-repeat}.component.profil .profil-flag.color-8:before{background:url(src/desktop/faction/flag/flag-8.png) no-repeat}.component.profil .profil-flag.color-9:before{background:url(src/desktop/faction/flag/flag-9.png) no-repeat}.component.profil .profil-flag.color-10:before{background:url(src/desktop/faction/flag/flag-10.png) no-repeat}.component.profil .profil-flag.color-11:before{background:url(src/desktop/faction/flag/flag-11.png) no-repeat}.component.profil .profil-flag.color-12:before{background:url(src/desktop/faction/flag/flag-12.png) no-repeat}.component.profil .profil-flag .level{z-index:2;display:block;position:absolute;top:184px;right:2px;width:36px;height:36px;text-align:center;line-height:36px;background:#0A0A0A;border:3px solid #760f36;border-radius:100%}.component.profil .profil-flag.color-1 .level{border-color:#6e161b}.component.profil .profil-flag.color-2 .level{border-color:#1f1471}.component.profil .profil-flag.color-3 .level{border-color:#dbb200}.component.profil .profil-flag.color-4 .level{border-color:#5a1072}.component.profil .profil-flag.color-5 .level{border-color:#2c7915}.component.profil .profil-flag.color-6 .level{border-color:#076b87}.component.profil .profil-flag.color-7 .level{border-color:#67331d}.component.profil .profil-flag.color-8 .level{border-color:#d87913}.component.profil .profil-flag.color-9 .level{border-color:#2c7915}.component.profil .profil-flag.color-10 .level{border-color:#760f36}.component.profil .profil-flag.color-11 .level{border-color:#219772}.component.profil .profil-flag.color-12 .level{border-color:#dbb200}.component.profil .faction-flag{display:block;content:'';width:154px;height:241px;margin:0 auto;background:url(src/desktop/faction/flag/flag-10.png) no-repeat}.component.search-player{position:relative;background:0 0!important}.component.search-player .box{position:absolute;top:60px;left:50px;width:440px;color:#fff}.component.search-player .top{background:rgba(0,0,0,.4);padding:10px;border-radius:3px 3px 0 0}.component.search-player .top label{display:block;font-size:1pc}.component.search-player .top input{display:block;border:none;height:40px;width:25pc;padding:0 10px;margin:10px 0 0 0;font-size:20px;color:#202020;border-radius:3px}.component.search-player .center{background:rgba(0,0,0,.8);padding:10px 25px 10px 10px;min-height:140px;border-radius:0 0 3px 3px}.component.search-player .center .avatar{float:left;position:relative;left:-20px;width:90pt;padding:8px;border:solid 1px #202020;border-radius:100%;background:#0A0A0A}.component.search-player .center .right{margin-left:140px}.component.search-player .center h1{margin:10px 0 0 0;padding:0}.component.search-player .center hr{margin:10px 0;border-color:#4F4F4F}.component.search-player .center p{margin:5px 0;padding:0}.component.search-player .center p span{display:inline-block;background:red;line-height:28px;padding:0 10px;border:solid 1px rgba(255,255,255,.5);border-right:none}.component.search-player .center p span:first-child{border-radius:3px 0 0 3px}.component.search-player .center p span:last-child{border-radius:0 3px 3px 0;border:solid 1px rgba(255,255,255,.5)}.component.search-player.color1 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component.search-player.color2 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component.search-player.color3 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.search-player.color4 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component.search-player.color5 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color6 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component.search-player.color7 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component.search-player.color8 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component.search-player.color9 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color10 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.component.search-player.color11 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.component.search-player.color12 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.new-message p.input{position:relative;background:#fff;padding:10px;border-radius:3px}.component.new-message p.input:before{content:'';position:absolute;width:0;height:0;top:-9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent;left:20px}.component.new-message label{display:block;font-size:13px}.component.new-message .input-text input{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px}.component.new-message .input-area textarea{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px;max-width:100%;min-width:100%;height:200px}.component.new-message button{display:inline-block;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 15px;color:#fff;cursor:pointer;overflow:hidden;background:#a92859}.component.new-message button:focus,.component.new-message button:hover{background:#4d0621}.notif{position:relative;margin:10px;background:#000;border-top:solid 1px #4F4F4F;border-right:solid 1px #202020;border-left:solid 1px #202020}.notif h4{position:relative;overflow:hidden;margin:0;padding:0 10px;font-size:14px;line-height:30px;border-bottom:solid 1px #202020;background:#0A0A0A;font-weight:400;cursor:pointer;color:#fff}.notif.unreaded h4:before{position:absolute;content:'';width:40px;height:40px;background:#fff;top:-5px;right:-15px;background:#a92859;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}.notif .content{display:none;padding:6px 8px;line-height:140%;text-align:justify;color:#efefef}.notif .content p{margin:0}.notif .content hr{border:none;background:0 0;border-bottom:dashed 1px #202020;margin:5px 0}.notif .content a{color:#fff}.notif .content .box-resource{position:relative;display:block;margin:5px 0;padding:5px 5px 5px 40px}.notif .content .box-resource img{position:absolute;top:6px;left:0;border:solid 4px #4f4f4f;border-radius:100%;border-color:#760f36}.notif .content .box-resource .label{display:block;font-size:9pt}.notif .content .box-resource .value{display:block;font-size:18px;font-weight:700}.notif .footer{display:none;margin:0;padding:0 10px;line-height:18px;padding:5px 5px;border-top:solid 1px #202020;font-style:italic;text-align:right;color:#CCC}.notif .footer a{color:#CCC}.notif.open .content{display:block}.notif.open .footer{display:block}.component.rc .rc{position:relative;margin:20px 10px 20px 30px;border-left:solid 1px #CCC;padding:0 10px;height:380px;color:#CCC}.component.rc .rc.no-tax{margin:20px 10px 20px 30px;border-left:dashed 1px #4F4F4F;padding:0 10px;color:#CCC}.component.rc .rc a,.component.rc .rc strong{color:#fff}.component.rc .rc .icon-color{width:20px}.component.rc .rc .base{position:relative;padding:15px 0 15px 40px;height:50px}.component.rc .rc .base:last-child{position:absolute;bottom:0}.component.rc .rc .place{position:absolute;top:0;left:-50px;width:78px;height:78px;border:solid 1px #202020;background:#000;border-radius:100%}.component.rc .rc .general{list-style:none inset;margin:10px 0;padding:0}.component.rc .rc .general li{margin:10px 0;list-style-type:none}.component.rc .rc .general li strong{display:block;font-size:20px;font-weight:700}.component .situation-content{position:relative;display:block;width:100%;height:500px;border-bottom:solid 1px #0A0A0A}.component .situation-content .line-help{position:absolute;display:block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:100%;background:#4d0621}.component .situation-content .line-help.line-1{top:55px;left:190px}.component .situation-content .line-help.line-2{top:145px;left:406px}.component .situation-content .toolbar{position:absolute;top:30px;right:30px;box-shadow:0 0 0 4px rgba(255,255,255,.1);border-radius:3px;background:#760f36;z-index:1}.component .situation-content .toolbar a,.component .situation-content .toolbar span{display:inline-block;line-height:2pc;padding:0 15px;border-right:solid 1px #000;text-decoration:none;color:#fff}.component .situation-content .toolbar a img,.component .situation-content .toolbar span img{position:relative;top:-2px;vertical-align:middle;height:18px;width:18px}.component .situation-content .toolbar a:focus,.component .situation-content .toolbar a:hover{background:rgba(0,0,0,.25)}.component .situation-content .toolbar form{display:inline-block}.component .situation-content .toolbar input{height:2pc;border:none;background:0 0;color:#fff;padding:0 15px;font-size:inherit}.component .situation-content .toolbar input:focus{background:rgba(0,0,0,.25)}.component .situation-content .toolbar input.button{background:url(src/desktop/common/edit.png) no-repeat center}.component .situation-content .toolbar input.button:focus{background:url(src/desktop/common/edit.png) no-repeat center rgba(0,0,0,.25)}.component .situation-content .info{position:absolute;display:block;width:200px;font-size:9pt;color:#efefef;line-height:18px}.component .situation-content .info strong{color:#fff;font-size:14px}.component .situation-content .info a{color:#fff;text-decoration:none;border-bottom:solid 1px #4f4f4f}.component .situation-content .info a:focus,.component .situation-content .info a:hover{border-color:#CCC}.component .situation-content .commander{position:absolute;display:block;text-decoration:none;z-index:1}.component .situation-content .commander.empty{color:#CCC}.component .situation-content .commander.position-1-1{top:135px;left:127px}.component .situation-content .commander.position-1-2{top:17pc;left:75pt}.component .situation-content .commander.position-1-3{top:415px;left:127px}.component .situation-content .commander.position-2-1{top:215px;left:22pc}.component .situation-content .commander.position-2-2{top:17pc;left:345px}.component .situation-content .commander.position-2-3{top:330px;left:22pc}.component .situation-content .commander.position-3{top:355px;left:577px}.component .situation-content .commander img{width:40px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}.component .situation-content .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.component .situation-content .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #760f36}.component .situation-content .commander .info{top:8px;left:65px;width:10pc}.component .situation-content .commander .link{display:none;position:absolute;top:14px;left:-1pc;width:24px;height:24px;font-size:20px;font-weight:700;text-decoration:none;border-radius:100%;text-align:center;z-index:1;border:solid 1px #fff}.component .situation-content .commander .link.to-left{background:url(src/desktop/mover/to-left.png) no-repeat center #000}.component .situation-content .commander .link.to-right{background:url(src/desktop/mover/to-right.png) no-repeat center #000}.component .situation-content .commander:hover>.link{display:block}.component .situation-content .stellar{position:absolute;display:block;top:180px;left:35pc}.component .situation-content .stellar img{width:220px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%}.component .situation-content .stellar .info{font-size:9pt;border-left:solid 1px #202020}.component .situation-content .stellar .info.top{bottom:215px;left:50px;padding:0 0 30px 10px}.component .situation-content .stellar .info.top strong{font-size:20px}.component .situation-content .stellar .info.bottom{top:225px;left:10pc;padding:10px 0 0 10px}.component .situation-content .stellar .info.middle{top:20px;left:182px;padding:10px 0 0 50px;border:none;border-top:solid 1px #202020}.component .situation-content .attack-link{position:absolute;bottom:-1px;left:0;right:0;text-align:center}.component .situation-content .attack-link a{display:inline-block;line-height:40px;padding:0 25px;border-radius:3px 3px 0 0;background:#202020;color:#fff;text-decoration:none;font-size:1pc}.component .situation-content .attack-link a:focus,.component .situation-content .attack-link a:hover{box-shadow:0 0 5px 3px #000}.component .situation-content.color0 .line-help{background:#202020}.component .situation-content.color0 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #202020}.component .situation-content.color0 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #202020}.component .situation-content.color0 .attack-link a{background:#202020}.component .situation-content.color1 .line-help{background:#510816}.component .situation-content.color1 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component .situation-content.color1 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #6e161b}.component .situation-content.color1 .attack-link a{background:#6e161b}.component .situation-content.color2 .line-help{background:#0c0d44}.component .situation-content.color2 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component .situation-content.color2 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #1f1471}.component .situation-content.color2 .attack-link a{background:#1f1471}.component .situation-content.color3 .line-help{background:#b17a00}.component .situation-content.color3 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .situation-content.color3 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #dbb200}.component .situation-content.color3 .attack-link a{background:#dbb200}.component .situation-content.color4 .line-help{background:#310948}.component .situation-content.color4 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component .situation-content.color4 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #5a1072}.component .situation-content.color4 .attack-link a{background:#5a1072}.component .situation-content.color5 .line-help{background:#24500a}.component .situation-content.color5 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color5 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color5 .attack-link a{background:#2c7915}.component .situation-content.color6 .line-help{background:#004948}.component .situation-content.color6 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component .situation-content.color6 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #076b87}.component .situation-content.color6 .attack-link a{background:#076b87}.component .situation-content.color7 .line-help{background:#401b13}.component .situation-content.color7 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component .situation-content.color7 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #67331d}.component .situation-content.color7 .attack-link a{background:#67331d}.component .situation-content.color8 .line-help{background:#c3590b}.component .situation-content.color8 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component .situation-content.color8 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #d87913}.component .situation-content.color8 .attack-link a{background:#d87913}.component .situation-content.color9 .line-help{background:#24500a}.component .situation-content.color9 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color9 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color9 .attack-link a{background:#2c7915}.component .situation-info{display:table;width:100%;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#000}.component .situation-info .item{display:table-cell;padding:10px;border-right:solid 1px #202020}.component .situation-info .item .value{font-size:26px;font-weight:700;display:block}.component .build-item.base-type .desc{margin:10px 0 0 0;padding:15px;font-size:13px;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#0A0A0A}.component .build-item.base-type .list-choice{position:relative;height:140px;background:url(src/desktop/base/type-base.png) no-repeat center;margin:0;border-bottom:solid 1px #202020}.component .build-item.base-type .list-choice button{position:absolute;padding:0;border:none;background:0 0;cursor:pointer}.component .build-item.base-type .list-choice button.item-1{top:35px;left:5px}.component .build-item.base-type .list-choice button.item-2{top:5px;left:107px}.component .build-item.base-type .list-choice button.item-3{bottom:5px;left:107px}.component .build-item.base-type .list-choice button.item-4{top:35px;right:5px}.component .build-item.base-type .list-choice button img{display:block;padding:8px;width:40px;border:solid 1px #202020;border-radius:100%;background:#000}.color1 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.color2 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.color3 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.color4 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.color5 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color6 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.color7 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.color8 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.color9 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color10 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.color11 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.color12 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .build-item.base-type .desc-choice{display:none}.component .build-item.base-type .desc-choice h4{border-bottom:solid 1px #202020;padding:0 0 5px 0}.component .build-item.base-type .desc-choice p{text-align:left;color:#CCC!important}.component .build-item.base-type .desc-choice p strong{display:block;color:#fff}.component .build-item.base-type .desc-choice p strong.short{display:inline-block;width:75pt}.component.list-fleet .set-fleet{position:relative;margin:10px;padding:0 0 0 70px;min-height:5pc}.component.list-fleet .set-fleet img.place{position:absolute;top:-5px;left:-20px;width:5pc;background:#0A0A0A;border-radius:100%;border:solid 1px #202020}.component.list-fleet .set-fleet h2{padding:10px 0;margin:0}.component.list-fleet .set-fleet h2 a{font-size:13px;color:#fff;font-weight:400;text-decoration:none}.component.list-fleet .set-fleet .item{position:relative;height:60px;background:#0A0A0A;border:solid 1px #202020;border-bottom:none;width:777px}.component.list-fleet .set-fleet .item:last-child{border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item a{display:inline-block;text-decoration:none;color:#CCC;border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item .left{position:absolute;top:0;left:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .left .top{position:absolute;left:60px;display:block;width:500px;top:10px}.component.list-fleet .set-fleet .item .left .status{width:30px;margin:10px;padding:5px;border-radius:100%}.component.list-fleet .set-fleet .item .right{position:absolute;top:0;right:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .right .top{position:absolute;right:60px;display:block;width:200px;text-align:right;top:10px}.component.list-fleet .set-fleet .item .right .cover{width:50px;margin:5px;padding:0;border-radius:100%}.component.list-fleet .set-fleet .item .center{position:absolute;top:41px;left:70px;right:70px}.component.list-fleet .set-fleet .item .center .ship{position:absolute;top:-10px;left:-11px;right:auto}.component.list-fleet .set-fleet .item .center .progress-ship{display:block;width:100%;background:#4F4F4F;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar{position:relative;display:block;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship{top:-11px;right:-11px;left:auto}.component.list-fleet .set-fleet .item .center .progress-ship .bar span{position:absolute;top:4px;right:15px;font-size:10px}.component.list-fleet .set-fleet .item.color1 .status{background:#6e161b}.component.list-fleet .set-fleet .item.color2 .status{background:#1f1471}.component.list-fleet .set-fleet .item.color3 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color4 .status{background:#5a1072}.component.list-fleet .set-fleet .item.color5 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color6 .status{background:#076b87}.component.list-fleet .set-fleet .item.color7 .status{background:#67331d}.component.list-fleet .set-fleet .item.color8 .status{background:#d87913}.component.list-fleet .set-fleet .item.color9 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color10 .status{background:#760f36}.component.list-fleet .set-fleet .item.color11 .status{background:#219772}.component.list-fleet .set-fleet .item.color12 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item .center .progress-ship .bar{background:#a92859}.component.list-fleet .set-fleet .item .center.reversed .progress-ship{background:#a92859}.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar{background:#4F4F4F}.component.list-fleet .set-fleet .item .show-commander{position:absolute;top:-1px;right:-30px;width:28px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a;border:solid 1px #202020}.component.list-fleet .set-fleet .item .show-commander.active,.component.list-fleet .set-fleet .item .show-commander:focus,.component.list-fleet .set-fleet .item .show-commander:hover{background-color:#202020}.component.table-fleet table{margin:10px;width:55pc;border-collapse:collapse}.component.table-fleet table tr:nth-child(odd){background:#000;border-bottom:solid 1px #202020}.component.table-fleet table tr:nth-child(even){background:#0A0A0A;border-bottom:solid 1px #202020}.component.table-fleet table tr:first-child{background:0 0}.component.table-fleet table td,.component.table-fleet table th{height:40px;width:40px;text-align:center}.component.table-fleet table td span.zero-value{color:#4F4F4F}.component.table-fleet table .base{width:75pt;text-align:left;padding:0 20px}.component.table-fleet table .base a{border:none}.component.table-fleet table .base strong{display:block;font-size:1pc}.component.table-fleet table .large{width:auto;text-align:left;padding:0 10px}.component.table-fleet table .sep{border-left:solid 1px #760f36}.component.table-fleet table a{color:#fff;text-decoration:none;border-bottom:solid 1px #4F4F4F;display:inline-block}.component.table-fleet table th{position:relative;height:70px}.component.table-fleet table th span{position:absolute;bottom:2pc;left:-10px;display:block;text-align:left;width:60px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.component.commander-fleet .fleet{vertical-align:top;display:block;text-align:center}.component.commander-fleet .list-ship{vertical-align:top;display:inline-block;width:148px}.component.commander-fleet .list-ship:first-child{border-right:dashed 1px #4F4F4F}.component.commander-fleet .list-ship a{display:block;position:relative;margin:6px;height:40px;background:#202020;border:solid 1px #4F4F4F;border-radius:3px}.component.commander-fleet .list-ship a.empty{opacity:.4}.component.commander-fleet .list-ship img{position:absolute;display:inline-block;width:40px}.component.commander-fleet .list-ship .text{position:absolute;left:45px;display:inline-block;width:88px;color:#fff}.component.commander-fleet .list-ship .text .quantity{display:block;font-weight:700;font-size:18px}.component.commander-fleet .army{border-collapse:collapse;width:35pc;margin:20px}.component.commander-fleet .army td{width:65px;padding:5px;border-right:dashed 1px #4F4F4F;vertical-align:center}.component.commander-fleet .army td:first-child{width:auto;vertical-align:top;text-align:right;padding:0 20px;font-size:9pt}.component.commander-fleet .army tr:first-child td{text-align:center;padding:10px 5px;font-size:18px;font-weight:700}.component.commander-fleet .army .block{display:block;width:54px;height:54px;margin:0 0 5px 0;padding:5px;vertical-align:top;border-radius:5px;background:#0A0A0A;text-align:right;border:solid 1px #202020;color:#4F4F4F}.component.commander-fleet .army .block.empty{background:#000;border:solid 1px #0A0A0A}.component.commander-fleet .army .block strong{display:block;font-size:15px;height:38px;font-weight:700}.component.commander-fleet .army .block em{display:block;padding:2px;font-size:11px;background:#000;text-align:center;border-radius:3px}.component.commander-fleet .army .block.squadron{border:solid 1px #4F4F4F;color:#fff;cursor:pointer;background:#760f36}.component.commander-fleet .army .block.squadron.full0{background:url(src/desktop/squadron/squadron0.png) no-repeat 4px 2px #760f36}.component.commander-fleet .army .block.squadron.full1{background:url(src/desktop/squadron/squadron1.png) no-repeat 4px 2px #760f36}.component.commander-fleet .army .block.squadron.full2{background:url(src/desktop/squadron/squadron2.png) no-repeat 4px 2px #760f36}.component.commander-fleet .army .block.squadron.full3{background:url(src/desktop/squadron/squadron3.png) no-repeat 4px 2px #760f36}.component.commander-fleet .army .block.squadron.active{box-shadow:inset 0 0 6px #000,0 0 2px 0 #fff;border:dashed 1px #fff}.component.report .commander{position:relative;display:block;margin:10px;padding:8px 0 8px 72px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component.report .commander img{position:absolute;top:5px;left:5px;padding:8px;width:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component.report .commander strong{display:block;padding:0 0 8px 0;color:#fff;font-weight:700;font-size:17px}.component.report .commander em{display:block;line-height:20px;color:#fff;font-style:normal;color:#efefef}.component.report .commander em .bonus{font-size:90%;margin:2px 0 0 2px;padding:3px 6px}.component.report .dammage{margin:10px;background:#000}.component.report .dammage table{width:100%;border-collapse:collapse;border-left:solid 1px #202020;border-right:solid 1px #202020}.component.report .dammage td{border-color:#202020;border-width:1px;border-style:solid dashed;padding:4px;vertical-align:center;text-align:center;color:#CCC;width:28px;height:22px}.component.report .dammage td:first-child{text-align:left;padding:4px 8px;width:auto}.component.report .dammage td span{display:inline-block;background:red;line-height:22px;width:22px;border-radius:3px;color:#fff;background:#4d0621}.component.topic .message{position:relative;padding:0 0 0 5pc;margin:10px;min-height:70px}.component.topic .message .avatar{position:absolute;top:0;left:0;width:56px;padding:6px;border:solid 1px #202020;border-radius:100%;background:#000}.component.topic .message .content{position:relative;background:#000;border:solid 1px #202020;border-bottom:solid 1px #0A0A0A}.component.topic .message .content:before{position:absolute;content:'';top:25px;left:-18px;border-style:solid;border-width:9px;border-color:transparent #202020 transparent transparent}.component.topic .message .content .text{margin:0;padding:10px 10px 9pt 10px;border-bottom:solid 1px #0A0A0A;color:#efefef}.component.topic .message .content .text a,.component.topic .message .content .text strong{color:#fff}.component.topic .message .content .text a.color1{color:#b01e2d}.component.topic .message .content .text a.color2{color:#2f23c0}.component.topic .message .content .text a.color3{color:#ffdb0f}.component.topic .message .content .text a.color4{color:#a935c7}.component.topic .message .content .text a.color5{color:#57c632}.component.topic .message .content .text a.color6{color:#05bed7}.component.topic .message .content .text a.color7{color:#ac5832}.component.topic .message .content .text a.color8{color:#f2b636}.component.topic .message .content .text a.color9{color:#57c632}.component.topic .message .content .text a.color10{color:#a92859}.component.topic .message .content .text a.color11{color:#34b089}.component.topic .message .content .text a.color12{color:#ffdb0f}.component.topic .message .content .text .icon-color{width:15px}.component.topic .message .content .footer{margin:0;padding:6px 10px;font-size:9pt;color:#CCC}.component.topic .message .content .footer a{color:#CCC}.component.topic .message.write .content:before{left:-17px;top:11px;border-color:transparent #fff transparent transparent}.component.topic .message.write .content textarea{border:none;padding:5px;width:487px;height:90pt;max-width:487px;min-width:487px;min-height:50px;font-family:inherit;font-size:13px}.component.topic .message.write .content input{margin:6px;font-family:inherit}.component.topic .message.write .content .title{border:none;margin:0;padding:5px;width:487px;height:30px;font-family:inherit;font-size:13px}.component.topic .message.write .content button{margin:6px;font-family:inherit;background:#760f36;border:none;padding:4px 8px;color:#fff;cursor:pointer}.component.topic .message.write .content button:focus,.component.topic .message.write .content button:hover{background:#4d0621}.component.topic .system-message{position:relative;padding:0 0 0 90px;margin:10px}.component.topic .system-message:before{content:'';position:absolute;top:10px;left:0;height:1px;width:70px;background:#4F4F4F}.conv-item{position:relative;display:block;border:solid 1px #202020;border-bottom:none;background:#0A0A0A;height:59px;padding:5px 5px 5px 70px;margin:0 10px;color:#fff;text-decoration:none;overflow:hidden}.conv-item .cover{position:absolute;display:block;top:0;left:0;bottom:0;width:60px;padding:5px}.conv-item .cover .picture{width:52px;height:52px;background:#202020;border-radius:100%;padding:4px}.conv-item .cover .picture.color0{box-shadow:0 0 0 2px #4F4F4F}.conv-item .cover .picture.color1{box-shadow:0 0 0 2px #6e161b}.conv-item .cover .picture.color2{box-shadow:0 0 0 2px #1f1471}.conv-item .cover .picture.color3{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .picture.color4{box-shadow:0 0 0 2px #5a1072}.conv-item .cover .picture.color5{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color6{box-shadow:0 0 0 2px #076b87}.conv-item .cover .picture.color7{box-shadow:0 0 0 2px #67331d}.conv-item .cover .picture.color8{box-shadow:0 0 0 2px #d87913}.conv-item .cover .picture.color9{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color10{box-shadow:0 0 0 2px #760f36}.conv-item .cover .picture.color11{box-shadow:0 0 0 2px #219772}.conv-item .cover .picture.color12{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .new-message,.conv-item .cover .number{position:absolute;width:22px;height:22px;border-radius:100%;background:#0A0A0A;bottom:5px;right:5px;border:solid 1px #4F4F4F;text-align:center;line-height:22px;font-size:11px}.conv-item .cover .new-message{left:5px;top:5px}.conv-item .cover .new-message img{display:block;width:18px;height:18px;margin:2px}.conv-item .data{line-height:20px}.conv-item:last-child{border:solid 1px #202020}.conv-item:focus,.conv-item:hover{background:#0C0C0C}.component.player .player{position:relative;display:inline-block;margin:10px 0 0 10px;width:211px;height:58px;padding:5px 5px 5px 70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff;text-decoration:none}.component.player .player a{color:#ccc;text-decoration:none;border-bottom:solid 1px #202020}.component.player .player a:focus,.component.player .player a:hover{border-color:#4f4f4f}.component.player .player img.picto{position:absolute;top:5px;left:5px;width:50px;padding:4px;border:solid 1px #202020;border-radius:100%;background:#000}.component.player .player .icon,.component.player .player .icon-color{height:1pc;padding:1px}.component.player .player span,.component.player .player strong{display:block;line-height:20px}.component.player .player strong{font-size:18px}.component.player .player .inactive,.component.player .player .online{position:absolute;width:18px;height:18px;background:#fff;top:5px;right:5px;border-radius:100%;background:#4F4F4F}.component.player .player .online{background:#a92859}.component.player .player.faction{border-left:solid 1px #0A0A0A!important;width:202px}.component.player .player.faction img{top:0;left:10px;padding:0;border:none;border-radius:0;background:0 0}.component.player.rank .player{border-left:solid 10px #4F4F4F;width:190px}.component.player.rank .player.color1{border-left-color:#b01e2d}.component.player.rank .player.color2{border-left-color:#2f23c0}.component.player.rank .player.color3{border-left-color:#ffdb0f}.component.player.rank .player.color4{border-left-color:#a935c7}.component.player.rank .player.color5{border-left-color:#57c632}.component.player.rank .player.color6{border-left-color:#05bed7}.component.player.rank .player.color7{border-left-color:#ac5832}.component.player.rank .player.color8{border-left-color:#f2b636}.component.player.rank .player.color9{border-left-color:#57c632}.component.player.rank .player.color10{border-left-color:#a92859}.component.player.rank .player.color11{border-left-color:#34b089}.component.player.rank .player.color12{border-left-color:#ffdb0f}.component.player.rank .player .points,.component.player.rank .player .title{color:#BBB}.component.player.rank .player .position{display:block;position:absolute;top:14px;right:14px;line-height:38px;width:38px;border:solid 1px #202020;text-align:center;border-radius:100%}.component.player.rank .player .variance{display:block;position:absolute;top:5px;right:-4px;line-height:26px;width:26px;border:solid 1px #202020;background:#0A0A0A;text-align:center;font-size:11px;border-radius:100%}.component.player.rank .player .variance.lower{bottom:5px;top:auto}.component.player.rank .player.active .position{background:#fff;border:solid 1px #fff;color:#202020}.component.player.size2 .player{width:13pc}.component.player.size1 .player{width:202px}.component.transaction .transaction{background:#0A0A0A;border:solid 1px #202020;margin:10px}.component.transaction .transaction .right-link{position:absolute;top:2px;right:5px;display:block;color:#FFF;text-decoration:none}.component.transaction .transaction .product{position:relative;height:70px;padding:5px 10px 5px 55px;cursor:pointer}.component.transaction .transaction .product .picto{position:absolute;top:5px;left:-20px;width:60px;height:60px;padding:4px;background:#000;border:solid 1px #202020;border-radius:100%}.component.transaction .transaction .product .rate{position:absolute;bottom:5px;right:8px}.component.transaction .transaction .product .offer{overflow:hidden;height:2pc}.component.transaction .transaction .product .for{position:relative;border-top:solid 1px #202020;margin:8px 0 6px 0;color:#4F4F4F}.component.transaction .transaction .product .for span{display:block;position:absolute;top:-10px;left:10px;background:#0A0A0A;padding:0 10px;font-size:9pt}.component.transaction .transaction .product .price{font-size:19px;font-weight:700}.component.transaction .transaction .product .price .icon-color{width:14px;position:relative;top:-2px;padding:1px}.component.transaction .transaction.resources .product .offer{font-size:28px;font-weight:700;line-height:30px}.component.transaction .transaction.resources .product .offer .icon-color{width:20px;position:relative;top:-5px}.component.transaction .transaction.commander .product .offer strong,.component.transaction .transaction.ship .product .offer strong{display:block;font-size:14px}.component.transaction .transaction.commander .product .offer em,.component.transaction .transaction.ship .product .offer em{display:block;font-size:11px}.component.transaction .transaction .hidden{display:none}.component.transaction .transaction .info{position:relative;border-top:solid 1px #202020;height:88px;background:#000}.component.transaction .transaction .info p{font-size:11px;margin:5px 8px}.component.transaction .transaction .info .seller{position:absolute;top:0;width:50%;bottom:0}.component.transaction .transaction .info .seller a{font-weight:700;color:#fff}.component.transaction .transaction .info .seller .color1{color:#b01e2d}.component.transaction .transaction .info .seller .color2{color:#2f23c0}.component.transaction .transaction .info .seller .color3{color:#ffdb0f}.component.transaction .transaction .info .seller .color4{color:#a935c7}.component.transaction .transaction .info .seller .color5{color:#57c632}.component.transaction .transaction .info .seller .color6{color:#05bed7}.component.transaction .transaction .info .seller .color7{color:#ac5832}.component.transaction .transaction .info .seller .color8{color:#f2b636}.component.transaction .transaction .info .seller .color9{color:#57c632}.component.transaction .transaction .info .seller .color10{color:#a92859}.component.transaction .transaction .info .seller .color11{color:#34b089}.component.transaction .transaction .info .seller .color12{color:#ffdb0f}.component.transaction .transaction .info .price-detail{position:absolute;top:0;width:50%;bottom:0;right:0}.component.transaction .transaction .info .price-detail p{text-align:right}.component.transaction .transaction .info .price-detail p .icon-color{width:10px;padding:1px}.component.transaction .transaction .info .price-detail p span{color:#4F4F4F}.component.transaction .transaction .button{border-top:solid 1px #202020;padding:5px}.component.transaction .transaction .button a,.component.transaction .transaction .button span{display:block;padding:5px 10px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;line-height:20px;background:#202020;box-shadow:inset 0 0 2px #000}.component.transaction .transaction .button a{background:#760f36}.component.transaction .transaction .button a:hover{box-shadow:inset 0 0 6px #000;background:#a92859}.component.transaction .transaction .button span{background:#202020;cursor:default}.component.transaction .transaction .button .icon-color{width:14px}.component.transaction .transaction .shipping{position:relative;background:#000;height:30px}.component.transaction .transaction .shipping .ships{position:absolute;top:0;left:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center}.component.transaction .transaction .shipping .ships .icon-color{position:relative;width:1pc;margin-left:5px;top:-5px}.component.transaction .transaction .shipping .time{position:absolute;top:0;right:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center;font-size:9pt}.component.transaction .transaction .shipping .progress-container{position:relative;display:block;clear:both;margin:0 60px;height:3px;top:13px;background:#4F4F4F}.component.transaction .transaction .shipping .progress-bar{position:absolute;display:block;height:100%;background:#a92859}.component .build-item.disable .button span{color:#696969}.component.transaction .new-transaction{width:279px;position:absolute;background:#000;z-index:1;padding:10px;border-bottom:solid 1px #a92859}.component.transaction .new-transaction label{position:relative;display:block;padding:5px 0}.component.transaction .new-transaction label input{display:block;padding:5px 10px;margin:5px 0 0 0;width:259px;border:none}.component.transaction .new-transaction.resources label input{font-size:1pc;color:#202020;font-weight:700}.component.transaction .new-transaction .indicator{position:relative;display:block;width:100%;height:15px}.component.transaction .new-transaction .indicator span{position:absolute;display:inline-block;padding:1px 6px;font-size:9pt;color:#fff;border-radius:3px;top:-5px;background:#4d0621}.component.transaction .new-transaction .indicator span.min-price{left:5px}.component.transaction .new-transaction .indicator span.max-price{right:5px}.component.market-sell .body{padding:10px 0}.component.market-sell .label-box{position:relative;padding:0 10px;margin:10px 0}.component.market-sell .label-box .label{display:inline-block;width:75pt;line-height:30px}.component.market-sell .label-box .value{display:inline-block;width:147px;padding:0 5px;border:none;line-height:30px;border-radius:3px;font-size:1pc}.component.market-sell .label-box input.value{height:30px;background:#fff}.component.market-sell .label-box .icon-color{position:absolute;top:4px;right:1pc;width:18px}.component.market-sell .queue{margin:0 10px;cursor:pointer}.component.market-sell .sell-form{background:#0A0A0A;border:solid 1px #202020;margin:0 10px 10px 10px}.component.market-sell .sell-form input[type=submit]{display:block;width:100%;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 10px;color:#fff;cursor:pointer;overflow:hidden;background:#a92859}.component.market-sell .sell-form input[type=submit]:hover{background:#4d0621}.component.market-sell .sell-form input[disabled=disabled]{background:#202020!important}.wysiwyg{display:block;position:relative}.wysiwyg .toolbar{display:block;position:absolute;top:0;left:0;right:0;padding:5px}.wysiwyg .toolbar button{display:inline-block;height:26px;line-height:26px;padding:0 4px!important;margin:0 4px 0 0!important;background:#760f36;color:#fff;border-radius:3px;overflow:hidden;vertical-align:top}.wysiwyg .modal{position:absolute;top:40px;left:10px;right:10px;background:#0A0A0A;border:solid 1px #202020;box-shadow:0 0 15px #000}.wysiwyg .modal .header{position:relative}.wysiwyg .modal .header h2{margin:0;padding:0;line-height:36px;padding:0 10px;font-size:1pc;font-weight:400}.wysiwyg .modal .header .right{position:absolute;top:5px;right:10px;width:300px;text-align:right}.wysiwyg .modal .header .right button{display:inline-block;width:26px!important;height:26px!important;line-height:26px !important<;font-size:14px;padding:0!important;margin:0 0 0 5px!important}.wysiwyg .modal input{width:435px;border:none;height:30px;margin:0 10px 10px 10px!important;padding:0 10px!important}.wysiwyg textarea{padding-top:40px!important}.input-area .wysiwyg .toolbar{padding:0}.component.params .checkbox{display:block;position:relative;padding:10px 10px 10px 40px;margin:10px;background:rgba(0,0,0,.8)}.component.params .checkbox input{position:absolute;top:8px;left:10px}#map{position:absolute;z-index:100;background:url(src/desktop/map/common/map.jpg) repeat #000;padding:0;top:0;left:0}#map #sectors{z-index:300}#map #spying{z-index:400}#map #own-base{z-index:500}#map #commercial-routes{z-index:600}#map #fleet-movements{z-index:700}#map #attacks{z-index:800}#map #systems{z-index:900}#map #map-info{z-index:910}#map>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#map #sectors polygon{stroke:#fff;stroke-width:1px;stroke-dasharray:4 4;opacity:.15}#map #sectors .ally1{fill:#6e161b}#map #sectors .ally2{fill:#1f1471}#map #sectors .ally3{fill:#dbb200}#map #sectors .ally4{fill:#5a1072}#map #sectors .ally5{fill:#2c7915}#map #sectors .ally6{fill:#076b87}#map #sectors .ally7{fill:#67331d}#map #sectors .ally8{fill:#d87913}#map #sectors .ally9{fill:#2c7915}#map #sectors .ally10{fill:#760f36}#map #sectors .ally11{fill:#219772}#map #sectors .ally12{fill:#dbb200}#map #spying circle{opacity:.08;stroke:#fff}#map #own-base circle{opacity:.1;fill:#fff}#map #commercial-routes line{stroke:#fff;stroke-width:1px;stroke-dasharray:20 5 5 5 5 10}#map #commercial-routes line.standBy{stroke:rgba(255,255,255,.3)}#map #fleet-movements line{stroke-width:1px}#map #fleet-movements line.back{stroke-dasharray:15 5}#map #attacks line{stroke-width:1px}#map #attacks line.color1{stroke:#b01e2d}#map #attacks line.color2{stroke:#2f23c0}#map #attacks line.color3{stroke:#ffdb0f}#map #attacks line.color4{stroke:#a935c7}#map #attacks line.color5{stroke:#57c632}#map #attacks line.color6{stroke:#05bed7}#map #attacks line.color7{stroke:#ac5832}#map #attacks line.color8{stroke:#f2b636}#map #attacks line.color9{stroke:#57c632}#map #attacks line.color10{stroke:#a92859}#map #attacks line.color11{stroke:#34b089}#map #attacks line.color12{stroke:#ffdb0f}#map #attacks circle.color1{fill:#b01e2d}#map #attacks circle.color2{fill:#2f23c0}#map #attacks circle.color3{fill:#ffdb0f}#map #attacks circle.color4{fill:#a935c7}#map #attacks circle.color5{fill:#57c632}#map #attacks circle.color6{fill:#05bed7}#map #attacks circle.color7{fill:#ac5832}#map #attacks circle.color8{fill:#f2b636}#map #attacks circle.color9{fill:#57c632}#map #attacks circle.color10{fill:#a92859}#map #attacks circle.color11{fill:#34b089}#map #attacks circle.color12{fill:#ffdb0f}#map #systems a{display:block;position:absolute;border-radius:100%}#map #systems a.active{background:#000;box-shadow:0 0 0 1px #000,0 0 0 3px #fff,0 0 10px 8px #000}#map #systems a img{display:block;width:20px;height:20px;border:none;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}#map #systems a img.own{background:#fff}#map #systems .sector-number{position:absolute;display:block;font-size:22px;line-height:40px;width:40px;text-align:center;border-radius:100%;box-shadow:0 0 0 5px #0A0A0A,0 0 0 6px #4F4F4F;background:#202020;color:#fff;font-weight:700;cursor:pointer}#map #systems .sector-number.color1{background:#6e161b}#map #systems .sector-number.color2{background:#1f1471}#map #systems .sector-number.color3{background:#dbb200}#map #systems .sector-number.color4{background:#5a1072}#map #systems .sector-number.color5{background:#2c7915}#map #systems .sector-number.color6{background:#076b87}#map #systems .sector-number.color7{background:#67331d}#map #systems .sector-number.color8{background:#d87913}#map #systems .sector-number.color9{background:#2c7915}#map #systems .sector-number.color10{background:#760f36}#map #systems .sector-number.color11{background:#219772}#map #systems .sector-number.color12{background:#dbb200}#map #systems .sector-info{display:none;position:absolute;color:#fff;background:#000;background:rgba(0,0,0,.9);padding:8px 1pc;border-radius:3px}#map #systems .sector-info:before{content:'';position:absolute;left:-20px;top:20px;border-style:solid;border-width:10px;border-color:transparent #000 transparent transparent;border-color:transparent rgba(0,0,0,.9) transparent transparent}#map #systems .sector-info h2{position:relative;font-size:40px;font-weight:700;line-height:40px;text-shadow:0 0 5px #000;margin:0;padding:0}#map #systems .sector-info p{font-size:13px;margin:6px 0 0 0;padding:0;font-weight:700;font-variant:small-caps}#map #systems .sector-info p a{position:static;display:inline-block;color:#fff;background:#202020;border-radius:3px;line-height:20px;width:20px;text-align:center;text-decoration:none;border:solid 1px rgba(255,255,255,.5);margin:0 5px 0 0}#map #systems .sector-info.color1 p a{background:#6e161b}#map #systems .sector-info.color2 p a{background:#1f1471}#map #systems .sector-info.color3 p a{background:#dbb200}#map #systems .sector-info.color4 p a{background:#5a1072}#map #systems .sector-info.color5 p a{background:#2c7915}#map #systems .sector-info.color6 p a{background:#076b87}#map #systems .sector-info.color7 p a{background:#67331d}#map #systems .sector-info.color8 p a{background:#d87913}#map #systems .sector-info.color9 p a{background:#2c7915}#map #systems .sector-info.color10 p a{background:#760f36}#map #systems .sector-info.color11 p a{background:#219772}#map #systems .sector-info.color12 p a{background:#dbb200}#map #map-info{display:none;position:absolute;top:0;right:0;left:auto;bottom:auto;height:auto;width:auto;margin:40px 60px 0 0;color:#fff;text-align:right}#map #map-info h2{margin:0;padding:0 20px;font-size:38px;line-height:60px}#map #map-info h3{margin:0;padding:0 20px;font-size:1pc;font-weight:400;line-height:40px}#map #map-info ul{margin:10px 0;padding:0;list-style:none}#map #map-info ul li{position:relative;margin:0;padding:0 40px 0 0;line-height:20px;height:20px;font-style:italic;color:#CCC;font-size:13px}#map #map-info ul li img{position:absolute;right:10px;top:0}#map #spying circle{fill:#760f36}#map #fleet-movements line{stroke:#a92859}#map #fleet-movements circle{fill:#a92859}#map-option{z-index:1000;position:absolute;display:inline-block;height:2pc;padding:3px 0;background:url(src/desktop/map/bOption.png) repeat-x;top:30px;right:20px}#map-option:before{content:'';position:absolute;display:block;left:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bLeftOption.png)}#map-option:after{content:'';position:absolute;display:block;right:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bRightOption.png)}#map-option a{position:relative;display:inline-block;height:30px;width:30px;margin:1px 0 1px 1px;background:#0A0A0A}#map-option a.active{background:#004948}#map-option a img{position:absolute;top:5px;left:5px;width:22px}.color1 #map-option a.active{background:#510816}.color2 #map-option a.active{background:#0c0d44}.color3 #map-option a.active{background:#b17a00}.color4 #map-option a.active{background:#310948}.color5 #map-option a.active{background:#24500a}.color6 #map-option a.active{background:#004948}.color7 #map-option a.active{background:#401b13}.color8 #map-option a.active{background:#c3590b}.color9 #map-option a.active{background:#24500a}.color10 #map-option a.active{background:#4d0621}.color11 #map-option a.active{background:#10684c}.color12 #map-option a.active{background:#b17a00}#map-content{z-index:1000;position:absolute;top:5pc;right:20px;display:block}#map-content .mini-map{position:relative;width:300px;height:300px;overflow:hidden;border:solid 1px #202020;background:url(src/desktop/map/common/galaxy.jpg) no-repeat #0a0a0a}#map-content .mini-map polygon{stroke:#fff;stroke-width:.5px;opacity:.3}#map-content .mini-map polygon:focus,#map-content .mini-map polygon:hover{opacity:.1;cursor:pointer}#map-content .mini-map polygon.ally0{fill:#202020}#map-content .mini-map polygon.ally1{fill:#6e161b}#map-content .mini-map polygon.ally2{fill:#1f1471}#map-content .mini-map polygon.ally3{fill:#dbb200}#map-content .mini-map polygon.ally4{fill:#5a1072}#map-content .mini-map polygon.ally5{fill:#2c7915}#map-content .mini-map polygon.ally6{fill:#076b87}#map-content .mini-map polygon.ally7{fill:#67331d}#map-content .mini-map polygon.ally8{fill:#d87913}#map-content .mini-map polygon.ally9{fill:#2c7915}#map-content .mini-map polygon.ally10{fill:#760f36}#map-content .mini-map polygon.ally11{fill:#219772}#map-content .mini-map polygon.ally12{fill:#dbb200}#map-content .mini-map .number{position:absolute;z-index:600;top:0;left:0}#map-content .mini-map .sectors{z-index:500;position:absolute;top:0;left:0}#map-content .mini-map .bases{z-index:400;position:absolute;top:0;left:0}#map-content .mini-map .bases circle{fill:rgba(255,255,255,.2);stroke:#fff}#map-content .mini-map .viewport{position:absolute;top:0;left:0;background:rgba(255,255,255,.1);border:solid 1px #fff;border-radius:3px}#map-content .mini-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:11px}.map-movers{display:none;position:absolute;z-index:900;background-repeat:no-repeat;background-position:center}#coord-box{z-index:1000;position:absolute;bottom:20px;right:20px;width:5pc;padding:5px 10px;background:rgba(0,0,0,.8);color:#fff;font-size:20px;text-align:center}.tactical-map{margin:10px;position:relative;background:url(src/desktop/map/common/galaxy-large.jpg) repeat #0a0a0a}.tactical-map polygon{stroke:#fff;stroke-width:.3px;opacity:.15}.tactical-map polygon.enabled{position:relative;stroke-width:2px;opacity:.8;z-index:1}.tactical-map polygon.enabled.ally1{stroke:#510816}.tactical-map polygon.enabled.ally2{stroke:#0c0d44}.tactical-map polygon.enabled.ally3{stroke:#b17a00}.tactical-map polygon.enabled.ally4{stroke:#310948}.tactical-map polygon.enabled.ally5{stroke:#24500a}.tactical-map polygon.enabled.ally6{stroke:#004948}.tactical-map polygon.enabled.ally7{stroke:#401b13}.tactical-map polygon.enabled.ally8{stroke:#c3590b}.tactical-map polygon.enabled.ally9{stroke:#24500a}.tactical-map polygon.enabled.ally10{stroke:#4d0621}.tactical-map polygon.enabled.ally11{stroke:#10684c}.tactical-map polygon.enabled.ally12{stroke:#b17a00}.tactical-map polygon.ally0{fill:#202020}.tactical-map polygon.ally1{fill:#6e161b}.tactical-map polygon.ally2{fill:#1f1471}.tactical-map polygon.ally3{fill:#dbb200}.tactical-map polygon.ally4{fill:#5a1072}.tactical-map polygon.ally5{fill:#2c7915}.tactical-map polygon.ally6{fill:#076b87}.tactical-map polygon.ally7{fill:#67331d}.tactical-map polygon.ally8{fill:#d87913}.tactical-map polygon.ally9{fill:#2c7915}.tactical-map polygon.ally10{fill:#760f36}.tactical-map polygon.ally11{fill:#219772}.tactical-map polygon.ally12{fill:#dbb200}.tactical-map .number{position:absolute;z-index:800;top:0;left:0}.tactical-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:9pt;line-height:22px;width:22px;text-align:center;border-radius:100%;box-shadow:0 0 1px #fff}.tactical-map .number span.ally0{background:#0A0A0A}.tactical-map .number span.ally1{background:#510816}.tactical-map .number span.ally2{background:#0c0d44}.tactical-map .number span.ally3{background:#b17a00}.tactical-map .number span.ally4{background:#310948}.tactical-map .number span.ally5{background:#24500a}.tactical-map .number span.ally6{background:#004948}.tactical-map .number span.ally7{background:#401b13}.tactical-map .number span.ally8{background:#c3590b}.tactical-map .number span.ally9{background:#24500a}.tactical-map .number span.ally10{background:#4d0621}.tactical-map .number span.ally11{background:#10684c}.tactical-map .number span.ally12{background:#b17a00}.tactical-map .number span.active{background:#fff;color:#000;box-shadow:0 0 10px #000}.tactical-map.reactive polygon.enabled.active,.tactical-map.reactive polygon.enabled:hover{cursor:pointer}.tactical-map.reactive polygon.enabled.active.ally1,.tactical-map.reactive polygon.enabled:hover.ally1{fill:#510816}.tactical-map.reactive polygon.enabled.active.ally2,.tactical-map.reactive polygon.enabled:hover.ally2{fill:#0c0d44}.tactical-map.reactive polygon.enabled.active.ally3,.tactical-map.reactive polygon.enabled:hover.ally3{fill:#b17a00}.tactical-map.reactive polygon.enabled.active.ally4,.tactical-map.reactive polygon.enabled:hover.ally4{fill:#310948}.tactical-map.reactive polygon.enabled.active.ally5,.tactical-map.reactive polygon.enabled:hover.ally5{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally6,.tactical-map.reactive polygon.enabled:hover.ally6{fill:#004948}.tactical-map.reactive polygon.enabled.active.ally7,.tactical-map.reactive polygon.enabled:hover.ally7{fill:#401b13}.tactical-map.reactive polygon.enabled.active.ally8,.tactical-map.reactive polygon.enabled:hover.ally8{fill:#c3590b}.tactical-map.reactive polygon.enabled.active.ally9,.tactical-map.reactive polygon.enabled:hover.ally9{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally10,.tactical-map.reactive polygon.enabled:hover.ally10{fill:#4d0621}.tactical-map.reactive polygon.enabled.active.ally11,.tactical-map.reactive polygon.enabled:hover.ally11{fill:#10684c}.tactical-map.reactive polygon.enabled.active.ally12,.tactical-map.reactive polygon.enabled:hover.ally12{fill:#b17a00}#action-box{display:block;z-index:1100;position:absolute;width:100%;height:300px;bottom:-300px;left:0;border-top:solid 1px #0A0A0A;background:#000;box-shadow:0 0 15px #000}#action-box .header{position:relative;background:#000;border-bottom:solid 1px #202020;height:36px;color:#EFEFEF}#action-box .header ul{list-style:none inset;margin:0;padding:0}#action-box .header ul li{display:inline-block;line-height:36px;padding:0 10px;color:#CCC;border-right:solid 1px #202020}#action-box .header ul li a{display:inline-block;line-height:24px;margin:3px 0;padding:0 6px;text-decoration:none;color:#CCC;background:#0A0A0A;border:solid 1px #202020;border-right:none;color:#8F8F8F}#action-box .header ul li a:first-child{border-radius:3px 0 0 3px}#action-box .header ul li a:last-child{border-right:solid 1px #202020;border-radius:0 3px 3px 0}#action-box .header ul li a:focus,#action-box .header ul li a:hover{background:#202020;color:#fff}#action-box .header ul li a.active{color:#fff;position:relative;z-index:1;background:#4d0621}#action-box .header ul li img{position:relative;top:5px;width:20px;border-radius:100%}#action-box .header .button{position:absolute;top:7px;right:10px;line-height:22px;width:22px;text-align:center;background:#202020;border-radius:3px;text-decoration:none;text-transform:uppercase;color:#fff}#action-box .header .button:focus,#action-box .header .button:hover{background:#4F4F4F}#action-box .body{position:relative;overflow:hidden;width:100%;height:263px;background:url(src/desktop/map/common/bLine.jpg) repeat-x center #080808}#action-box .actbox-movers{position:absolute;display:block;width:60px;height:263px;z-index:1103;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#action-box .actbox-movers:focus,#action-box .actbox-movers:hover{background-color:rgba(255,255,255,.05)}#action-box .actbox-movers:active{background-color:rgba(255,255,255,.15)}#action-box .actbox-movers#actboxToLeft{background:url(src/desktop/mover/left.png) no-repeat center}#action-box .actbox-movers#actboxToRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center}#action-box .body .system{position:absolute;top:0;left:0;height:263px;width:3000px}#action-box .body .system ul{display:inline-block;list-style:none inset;margin:0;padding:0}#action-box .body .system ul li{display:inline-block}#action-box .body .system ul li.action,#action-box .body .system ul li.place a{width:75pt;height:260px;border-top:solid 3px #fff;position:relative}#action-box .body .system ul li.action.color1,#action-box .body .system ul li.place.color1 a{border-top-color:#6e161b}#action-box .body .system ul li.action.color2,#action-box .body .system ul li.place.color2 a{border-top-color:#1f1471}#action-box .body .system ul li.action.color3,#action-box .body .system ul li.place.color3 a{border-top-color:#dbb200}#action-box .body .system ul li.action.color4,#action-box .body .system ul li.place.color4 a{border-top-color:#5a1072}#action-box .body .system ul li.action.color5,#action-box .body .system ul li.place.color5 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color6,#action-box .body .system ul li.place.color6 a{border-top-color:#076b87}#action-box .body .system ul li.action.color7,#action-box .body .system ul li.place.color7 a{border-top-color:#67331d}#action-box .body .system ul li.action.color8,#action-box .body .system ul li.place.color8 a{border-top-color:#d87913}#action-box .body .system ul li.action.color9,#action-box .body .system ul li.place.color9 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color10,#action-box .body .system ul li.place.color10 a{border-top-color:#760f36}#action-box .body .system ul li.action.color11,#action-box .body .system ul li.place.color11 a{border-top-color:#219772}#action-box .body .system ul li.action.color12,#action-box .body .system ul li.place.color12 a{border-top-color:#dbb200}#action-box .body .system ul li.star{width:300px;height:263px;border-left:solid 1px #0F0F0F;background:url(src/desktop/map/systems/default.png) no-repeat center center}#action-box .body .system ul li.place a{display:block;border-left:solid 1px #0F0F0F;text-align:center}#action-box .body .system ul li.place a strong{position:absolute;bottom:8px;left:10px;font-size:18px;font-weight:700;color:#fff}#action-box .body .system ul li.place a .land{position:absolute;z-index:1102;top:88px;left:10px;width:5pc;border-radius:100%}#action-box .body .system ul li.place.active a .land{box-shadow:0 0 0 1px #202020;background:#080808}#action-box .body .system ul li.place a .avatar{position:absolute;z-index:1101;top:10px;left:20px;padding:7px;border:solid 1px #0F0F0F;background:#000;width:47px;border-radius:100%}#action-box .body .system ul li.action{width:0;overflow:hidden}#action-box .body .system ul li.action .content{position:absolute;top:9px;left:9pt;height:15pc;width:545px;background:#111;border:solid 1px #202020;box-shadow:inset 0 0 5px #000;border-radius:3px}#action-box .body .system ul li.action .content:before{content:'';position:absolute;top:107px;left:-24px;border-width:9pt;border-style:solid;border-color:transparent #202020 transparent transparent}#action-box .body .system ul li.action .content .column{position:relative;display:inline-block;vertical-align:top;height:15pc;border-right:solid 1px #202020;color:#fff}#action-box .body .system ul li.action .content .column .last-spy-link{position:absolute;top:6px;right:8px;opacity:.5;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}#action-box .body .system ul li.action .content .column .last-spy-link:focus,#action-box .body .system ul li.action .content .column .last-spy-link:hover{opacity:1}#action-box .body .system ul li.action .content .column.info{width:199px}#action-box .body .system ul li.action .content .column.act{width:345px;border-right:none}#action-box .body .system ul li.action .content .column p{margin:2px 10px}#action-box .body .system ul li.action .content .column a{color:#fff}#action-box .body .system ul li.action .content .column hr{margin:8px 10px;border:none;background:0 0;border-bottom:solid 1px #202020}#action-box .body .system ul li.action .content .column strong{line-height:30px}#action-box .body .system ul li.action .content .column.info strong{line-height:28px;font-size:18px}#action-box .body .system ul li.action .content .column .label{display:inline-block;width:78px;font-size:9pt}#action-box .body .system ul li.action .content .column .value{display:inline-block;width:75pt;text-align:left}#action-box .body .system ul li.action .content .column .value .icon,#action-box .body .system ul li.action .content .column .value .icon-color{width:18px;height:18px;padding:1px}#action-box .body .system ul li.action .content .column.act .top .grey{opacity:.4}#action-box .body .system ul li.action .content .column.act .top img{width:45px;padding:8px;margin:0 4px 2px 0;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}#action-box .body .system ul li.action .content .column .bottom,#action-box .body .system ul li.action .content .column .top{padding:5px}#action-box .body .system ul li.action .box{display:none;position:absolute;left:10px;right:10px;bottom:10px;top:5pc;background:#000;border-radius:3px}#action-box .body .system ul li.action .box:nth-child(1){display:block}#action-box .body .system ul li.action .box:before{content:'';position:absolute;top:-20px;border-style:solid;border-width:10px;border-color:transparent transparent #000 transparent}#action-box .body .system ul li.action .box:nth-child(1):before{left:15px}#action-box .body .system ul li.action .box:nth-child(2):before{left:84px}#action-box .body .system ul li.action .box:nth-child(3):before{left:152px}#action-box .body .system ul li.action .box:nth-child(4):before{left:218px}#action-box .body .system ul li.action .box:nth-child(5):before{left:284px}#action-box .body .system ul li.action .box h2{margin:0;padding:0 11px;line-height:35px;font-size:15px}#action-box .body .system ul li.action .box .box-content{position:absolute;top:35px;left:0;right:0;bottom:0;border-radius:0 0 3px 3px;padding:8px 10px;background:#080808;border:solid 1px #000;overflow:hidden}#action-box .body .system ul li.action .box .box-content .commander-tile .item{display:none}#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander{display:block}#action-box .body .system ul li.action .box .box-content .spy-button{display:inline-block;width:75pt;text-decoration:none;margin:8px 0}#action-box .body .system ul li.action .box .box-content .spy-button .picto{float:left;width:30px;height:30px;margin:0 5px 0 0}#action-box .body .system ul li.action .box .box-content .spy-button span{display:block}#action-box .body .system ul li.action .box .box-content .spy-button .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .spy-form{margin-top:10px}#action-box .body .system ul li.action .box .box-content .spy-form input{width:187px;padding:7px;border:none;background:#fff;border-radius:3px 0 0 3px}#action-box .body .system ul li.action .box .box-content .spy-form button{width:75pt;padding:6px 6px;border:none;color:#fff;background:#760f36;cursor:pointer;border-radius:0 3px 3px 0}#action-box .body .system ul li.action .box .box-content .spy-form button:focus,#action-box .body .system ul li.action .box .box-content .spy-form button:hover{background:#4d0621}#action-box .body .system ul li.action .box .box-content .label-box{display:inline-block;width:50%;margin:5px 0}#action-box .body .system ul li.action .box .box-content .label-box .key{display:block}#action-box .body .system ul li.action .box .box-content .label-box .val{display:block;font-size:18px;font-weight:700}#action-box .body .system ul li.action .box .box-content .rc{margin:5px 0 0 0;padding:10px 10px 0 50px;border-top:solid 1px #202020}#action-box .body .system ul li.action .box .box-content .rc .planet{position:absolute;top:-25px;left:-25px;width:76px;height:76px;border:solid 1px #202020;border-radius:100%;background:#000}#action-box .body .system ul li.action .box .box-content .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .button{display:inline-block;background:#202020;border:solid 1px #4F4F4F;line-height:26px;margin:5px 0 0 0;padding:0 8px;text-align:center;text-decoration:none}#action-box .body .system ul li.action .box .box-content a.button{background:#760f36;border:#4d0621}#action-box .body .system ul li.action .box .box-content a.button:focus,#action-box .body .system ul li.action .box .box-content a.button:hover{background:#4d0621}.component.admin table{margin:10px;border-collapse:collapse;width:877px}.component.admin table tr{border-bottom:solid 1px #202020}.component.admin table td{padding:5px 10px;vertical-align:top}.component.admin table .button{display:inline-block;padding:0 5px;line-height:25px;min-width:15px;text-align:center;color:#fff;border-radius:3px;background:#4F4F4F;text-decoration:none}.component.admin table td:nth-child(1){width:50px}.component.admin table td:nth-child(2){width:75pt}.component.admin table td:nth-child(3){width:auto}.component.admin table td:nth-child(4){width:5pc}.on-off-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#760f36;border:solid 1px #4d0621;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}.on-off-button:focus,.on-off-button:hover{background:#4d0621;border-color:#760f36}.on-off-button.disabled{background:#202020;border-color:#4F4F4F}.inscription #nav .box.left span{display:inline-block;line-height:2pc;padding:0 10px;margin:5px 2px;font-size:14px;width:5pc;text-align:center;color:#4f4f4f;text-decoration:none;font-variant:small-caps}.inscription #nav .box.left span.active{color:#fff}.inscription #nav .box.right{display:none}.inscription #inscription-subnav{position:fixed;top:45px;left:0;width:210px;margin:0 20px 0 60px;z-index:500}.inscription #inscription-subnav .bind{height:15px;background:url(src/desktop/inscriptionSubnav/bBind.png) no-repeat center}.inscription #inscription-subnav .head{position:relative;height:214px;background:url(src/desktop/inscriptionSubnav/bHead.png) no-repeat center}.inscription #inscription-subnav .head h2{position:absolute;margin:0;padding:0;top:5px;font-weight:700;font-size:1pc;line-height:24px;width:210px;overflow:hidden;text-align:center;color:#fff}.inscription #inscription-subnav .head img{position:absolute;top:43px;left:28px;width:125px;height:125px;background:#0A0A0A}.inscription #inscription-subnav .head .level{position:absolute;display:block;bottom:15px;left:0;width:100%;font-size:20px;line-height:41px;color:#fff;text-align:center;background:url(src/desktop/inscriptionSubnav/bLevel.png) no-repeat center}.inscription #inscription-subnav .head .experience{position:absolute;display:inline-block;top:50px;right:2pc;width:21px;height:7pc}.inscription #inscription-subnav .head .experience .value{position:absolute;display:block;width:100%;bottom:0;border-radius:3px}.inscription #inscription-subnav .foot{height:290px}.inscription #movers .toLeft{left:0!important}.inscription .component.inscription img.color1{background:#6e161b!important}.inscription .component.inscription img.color2{background:#1f1471!important}.inscription .component.inscription img.color3{background:#dbb200!important}.inscription .component.inscription img.color4{background:#5a1072!important}.inscription .component.inscription img.color5{background:#2c7915!important}.inscription .component.inscription img.color6{background:#076b87!important}.inscription .component.inscription img.color7{background:#67331d!important}.inscription .component.inscription img.color8{background:#d87913!important}.inscription .component.inscription img.color9{background:#2c7915!important}.inscription .component.inscription img.color10{background:#760f36!important}.inscription .component.inscription img.color11{background:#219772!important}.inscription .component.inscription img.color12{background:#dbb200!important}.inscription .component.inscription .chooseLink{display:block;margin:10px;padding:10px 60px 10px 20px;background:url(src/desktop/mover/right.png) no-repeat 235px center #ccc;text-decoration:none;color:#fff;text-shadow:0 0 2px #000;border:solid 1px #202020;cursor:pointer;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s}.inscription .component.inscription .chooseLink:focus,.inscription .component.inscription .chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.inscription .component.inscription button.chooseLink{width:277px;text-align:left}.inscription .component.inscription.color1 .chooseLink{background-color:#6e161b}.inscription .component.inscription.color2 .chooseLink{background-color:#1f1471}.inscription .component.inscription.color3 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color4 .chooseLink{background-color:#5a1072}.inscription .component.inscription.color5 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color6 .chooseLink{background-color:#076b87}.inscription .component.inscription.color7 .chooseLink{background-color:#67331d}.inscription .component.inscription.color8 .chooseLink{background-color:#d87913}.inscription .component.inscription.color9 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color10 .chooseLink{background-color:#760f36}.inscription .component.inscription.color11 .chooseLink{background-color:#219772}.inscription .component.inscription.color12 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color1 .chooseLink:focus,.inscription .component.inscription.color1 .chooseLink:hover{background-color:#510816}.inscription .component.inscription.color2 .chooseLink:focus,.inscription .component.inscription.color2 .chooseLink:hover{background-color:#0c0d44}.inscription .component.inscription.color3 .chooseLink:focus,.inscription .component.inscription.color3 .chooseLink:hover{background-color:#b17a00}.inscription .component.inscription.color4 .chooseLink:focus,.inscription .component.inscription.color4 .chooseLink:hover{background-color:#310948}.inscription .component.inscription.color5 .chooseLink:focus,.inscription .component.inscription.color5 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color6 .chooseLink:focus,.inscription .component.inscription.color6 .chooseLink:hover{background-color:#004948}.inscription .component.inscription.color7 .chooseLink:focus,.inscription .component.inscription.color7 .chooseLink:hover{background-color:#401b13}.inscription .component.inscription.color8 .chooseLink:focus,.inscription .component.inscription.color8 .chooseLink:hover{background-color:#c3590b}.inscription .component.inscription.color9 .chooseLink:focus,.inscription .component.inscription.color9 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color10 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#4d0621}.inscription .component.inscription.color11 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#10684c}.inscription .component.inscription.color12 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#b17a00}.inscription .component.inscription .chooseLink strong{display:block;font-size:15px;border-bottom:solid 1px rgba(255,255,255,.25);padding:0 0 5px 0;margin:0 0 5px 0}.inscription .component.inscription .chooseLink em{font-style:normal}.inscription .component.inscription span.chooseLink{background:#202020!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25);cursor:auto;padding:10px}.inscription .component.inscription span.chooseLink:focus,.inscription .component.inscription span.chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}.inscription .component.inscription blockquote{line-height:200%}.inscription .component.inscription #base,.inscription .component.inscription #pseudo{position:relative;width:100%;border:none;padding:9pt 0;margin:0;text-align:center;font-size:26px;font-weight:700;background:#fff;border-radius:3px}.inscription .component.inscription.color1 #pseudo{color:#510816}.inscription .component.inscription.color2 #pseudo{color:#0c0d44}.inscription .component.inscription.color3 #pseudo{color:#b17a00}.inscription .component.inscription.color4 #pseudo{color:#310948}.inscription .component.inscription.color5 #pseudo{color:#24500a}.inscription .component.inscription.color6 #pseudo{color:#004948}.inscription .component.inscription.color7 #pseudo{color:#401b13}.inscription .component.inscription.color8 #pseudo{color:#c3590b}.inscription .component.inscription.color9 #pseudo{color:#24500a}.inscription .component.inscription.color10 #pseudo{color:#4d0621}.inscription .component.inscription.color11 #pseudo{color:#10684c}.inscription .component.inscription.color12 #pseudo{color:#b17a00}.inscription .component.inscription .avatars{padding:5px;text-align:center}.inscription .component.inscription .avatar{position:relative;display:inline-block;margin:0 5px;padding:5px;background:#202020;border:solid 5px #0A0A0A;border-radius:100%}.inscription .component.inscription .avatar input{position:absolute;top:10px;left:10px}.inscription .component.inscription .avatar img{display:block;width:117px;cursor:pointer;border-radius:100%}.inscription .component.inscription.color1 .avatar:hover{border-color:#510816}.inscription .component.inscription.color2 .avatar:hover{border-color:#0c0d44}.inscription .component.inscription.color3 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color4 .avatar:hover{border-color:#310948}.inscription .component.inscription.color5 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color6 .avatar:hover{border-color:#004948}.inscription .component.inscription.color7 .avatar:hover{border-color:#401b13}.inscription .component.inscription.color8 .avatar:hover{border-color:#c3590b}.inscription .component.inscription.color9 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color10 .avatar:hover{border-color:#4d0621}.inscription .component.inscription.color11 .avatar:hover{border-color:#10684c}.inscription .component.inscription.color12 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color1 .avatar.active{border-color:#b01e2d}.inscription .component.inscription.color2 .avatar.active{border-color:#2f23c0}.inscription .component.inscription.color3 .avatar.active{border-color:#ffdb0f}.inscription .component.inscription.color4 .avatar.active{border-color:#a935c7}.inscription .component.inscription.color5 .avatar.active{border-color:#57c632}.inscription .component.inscription.color6 .avatar.active{border-color:#05bed7}.inscription .component.inscription.color7 .avatar.active{border-color:#ac5832}.inscription .component.inscription.color8 .avatar.active{border-color:#f2b636}.inscription .component.inscription.color9 .avatar.active{border-color:#57c632}.inscription .component.inscription.color10 .avatar.active{border-color:#a92859}.inscription .component.inscription.color11 .avatar.active{border-color:#34b089}.inscription .component.inscription.color12 .avatar.active{border-color:#ffdb0f}.inscription #alert{bottom:-9pt;z-index:10000}.inscription .build-item{min-height:60px}.inscription .build-item .name{padding-top:2px!important}.inscription .build-item .name strong{font-size:1pc!important}.inscription .build-item .name em{font-size:9pt!important}.color0 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor0.png) no-repeat top left}.color1 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor1.png) no-repeat top left}.color2 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor2.png) no-repeat top left}.color3 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor3.png) no-repeat top left}.color4 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor4.png) no-repeat top left}.color5 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor5.png) no-repeat top left}.color6 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor6.png) no-repeat top left}.color7 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor7.png) no-repeat top left}.color8 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor8.png) no-repeat top left}.color9 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor9.png) no-repeat top left}.color10 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor10.png) no-repeat top left}.color11 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor11.png) no-repeat top left}.color12 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor12.png) no-repeat top left}.ac_results{width:100%;padding:0;border:1px solid #4F4F4F;background-color:#fff;overflow:hidden;z-index:99999;box-shadow:0 0 6px #000;border-radius:3px}.ac_results ul{width:100%;padding:0;margin:0;list-style-position:outside;list-style:none}.ac_results ul li{padding:4px 8px;margin:0;cursor:default;display:block;border-bottom:solid 1px #CCC;overflow:hidden}.ac_results ul li:last-child{border:none}.ac_results .img{float:left;width:36px;background:#202020;border-radius:3px;margin:0 8px 0 0}.ac_results .value-1,.ac_results .value-2{display:block;line-height:18px}.ac_results .value-1{font-weight:700}.ac_loading{background:#fff url(src/desktop/module/indicator.gif) right center no-repeat}.ac_over{background:#efefef}.ac_results .ac_over strong{color:#000}.ac_results .ac_over img{background:#fff}
\ No newline at end of file
+html {
+ height: 100%;
+}
+body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Roboto', 'Trebuchet MS', 'Arial', sans-serif;
+ font-size: 13px;
+}
+.bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ max-width: 280px;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+}
+.bull.top:before {
+ bottom: -14px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+.bull.bottom:before {
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+}
+.bull.left:before {
+ right: 12px;
+}
+.bull.right:before {
+ left: 12px;
+}
+body {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: black;
+}
+#nav,
+#tools {
+ position: fixed;
+ width: 100%;
+ height: 26px;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ box-shadow: 0 0 10px black;
+ z-index: 1000;
+ border-color: #a92859;
+}
+#nav {
+ top: 0;
+ left: 0;
+ background: url('src/desktop/nav/bNav.png') repeat-x black;
+ border-bottom: solid 3px black;
+}
+#tools {
+ bottom: 0;
+ left: 0;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ border-top: solid 3px black;
+}
+#container {
+ position: absolute;
+ top: 29px;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ background: black;
+ overflow: hidden;
+ z-index: 0;
+ background: url('src/desktop/global/background.jpg') repeat-x black;
+}
+.icon,
+.icon-color {
+ display: inline-block;
+ vertical-align: bottom;
+ padding: 2px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.icon-color {
+ background: #a92859 !important;
+}
+#background-paralax {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: no-repeat bottom left transparent;
+ z-index: 100;
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.profil {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.message {
+ background-image: url('src/desktop/screen/message.jpg');
+}
+#background-paralax.fleet {
+ background-image: url('src/desktop/screen/fleet.jpg');
+}
+#background-paralax.financial {
+ background-image: url('src/desktop/screen/financial.jpg');
+}
+#background-paralax.technology {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.rank {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.params {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.bases {
+ background-image: url('src/desktop/screen/base.jpg');
+}
+#movers a {
+ position: absolute;
+ width: 60px;
+ height: 100%;
+ z-index: 400;
+ background: red;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#movers a:hover,
+#movers a:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+#movers a:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+#movers .toLeft {
+ top: 0;
+ left: 60px;
+ background: url('src/desktop/mover/left.png') no-repeat center transparent;
+}
+#movers .toRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center transparent;
+}
+/* finance */
+.component.financial table {
+ border-collapse: collapse;
+ width: 100%;
+}
+.component.financial td {
+ vertical-align: top;
+ width: 50%;
+}
+/* uni */
+.component.uni .build-item {
+ height: 60px;
+ margin: 20px;
+}
+/* techno */
+.component.techno .build-item .name strong {
+ font-size: 16px;
+}
+/* school */
+.component.school .build-item .name strong {
+ font-size: 18px;
+}
+/* generator */
+.component.generator table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* dock1 */
+.component.dock1 table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* situation */
+.component.space .fix-body {
+ background: url('src/desktop/base/situation.jpg') no-repeat top left black;
+}
+/* memorial */
+.component.memorial blockquote {
+ font-size: 22px;
+ margin: 30px 15px 0 30px;
+ line-height: 160%;
+ font-weight: bold;
+ text-align: center;
+}
+.component .info-building {
+ margin: 10px;
+ padding: 0;
+ font-size: 13px;
+ border-top: solid 1px #4F4F4F;
+}
+.component .info-building h4 {
+ margin: 10px;
+}
+.component .info-building p {
+ font-size: 13px;
+}
+#tools .box a,
+#nav .box a,
+#tools .box > span,
+#nav .box > span {
+ position: relative;
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 25px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 150px;
+ color: white;
+ text-decoration: none;
+ font-variant: small-caps;
+ background: url('src/desktop/button/bButtonMiddle.png') repeat-x;
+}
+#tools .box a:before,
+#nav .box a:before,
+#tools .box > span:before,
+#nav .box > span:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonLeft.png') no-repeat;
+}
+#tools .box a:after,
+#nav .box a:after,
+#tools .box > span:after,
+#nav .box > span:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonRight.png') no-repeat;
+}
+#tools .box a.current-base,
+#nav .box a.current-base {
+ margin-left: 56px;
+}
+#tools .box a.current-base img,
+#nav .box a.current-base img {
+ position: absolute;
+ top: -16px;
+ left: -54px;
+ background: black;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ border: solid 2px #4F4F4F;
+ width: 60px;
+}
+#tools .box a:hover:before,
+#nav .box a:hover:before,
+#tools .box a:focus:before,
+#nav .box a:focus:before {
+ background: url('src/desktop/button/bButtonLeftHover.png') repeat;
+}
+#tools .box a:hover:after,
+#nav .box a:hover:after,
+#tools .box a:focus:after,
+#nav .box a:focus:after {
+ background: url('src/desktop/button/bButtonRightHover.png') repeat;
+}
+#tools .box a.active,
+#nav .box a.active {
+ background: url('src/desktop/button/bButtonMiddleActive.png') repeat;
+}
+#tools .box a.active:before,
+#nav .box a.active:before {
+ background: url('src/desktop/button/bButtonLeftActive.png') repeat;
+}
+#tools .box a.active:after,
+#nav .box a.active:after {
+ background: url('src/desktop/button/bButtonRightActive.png') repeat;
+}
+#tools .box a.square,
+#nav .box a.square {
+ position: relative;
+ padding: 0 5px;
+ margin: 5px 2px;
+ height: 32px;
+ width: 30px;
+ background: url('src/desktop/button/bLittleButton.png') no-repeat;
+ vertical-align: top;
+}
+#tools .box a.square:before,
+#nav .box a.square:before,
+#tools .box a.square:after,
+#nav .box a.square:after {
+ display: none;
+}
+#tools .box a.square:hover,
+#nav .box a.square:hover,
+#tools .box a.square:focus,
+#nav .box a.square:focus {
+ background: url('src/desktop/button/bLittleButtonHover.png') no-repeat;
+}
+#tools .box a.square.active,
+#nav .box a.square.active {
+ background: url('src/desktop/button/bLittleButtonActive-c10.png') no-repeat;
+}
+#tools .box a.square.active.flashy,
+#nav .box a.square.active.flashy {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: inset 0 0 12px #a92859;
+}
+#tools .box a.square img,
+#nav .box a.square img {
+ position: absolute;
+ width: 24px;
+ top: 3px;
+ left: 8px;
+}
+#tools .box a.square span.number,
+#nav .box a.square span.number {
+ position: absolute;
+ top: -5px;
+ right: -5px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ font-size: 11px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ background: #4d0621;
+}
+#nav .box {
+ position: absolute;
+ display: inline-block;
+ height: 46px;
+ padding: 0 3px;
+ background: url('src/desktop/nav/bNavBox.png') repeat-x;
+}
+#nav .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxLeft.png') no-repeat;
+}
+#nav .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxRight.png') no-repeat;
+}
+#nav .box.left {
+ top: 0;
+ left: 25px;
+}
+#nav .box.left-2 {
+ top: 0;
+ left: 420px;
+}
+#nav .box.left-3 {
+ top: 0;
+ left: 732px;
+}
+#nav .box.right {
+ top: 0;
+ right: 25px;
+}
+#nav .box a.square span.number {
+ bottom: -5px;
+ top: auto;
+}
+#tools .box {
+ position: absolute;
+ display: inline-block;
+ height: 40px;
+ padding: 1px 3px 0 3px;
+ background: url('src/desktop/tools/bToolBox.png') repeat-x;
+ font-size: 13px;
+}
+#tools .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxRight.png') no-repeat;
+}
+#tools .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxLeft.png') no-repeat;
+}
+#tools .box.left {
+ bottom: 0;
+ right: 340px;
+}
+#tools .box.right {
+ bottom: 0;
+ right: 25px;
+}
+#tools .box a.square img {
+ top: 4px;
+}
+#tools .box a.resource-link,
+#tools .box span.resource-link {
+ width: 110px;
+ font-size: 16px;
+}
+#tools .box a.resource-link img.icon-color,
+#tools .box span.resource-link img.icon-color {
+ position: relative;
+ display: inline-block;
+ width: 18px;
+ vertical-align: middle;
+ margin-left: 5px;
+ top: -2px;
+ padding: 1px;
+}
+#nav .overbox .overflow,
+#tools .overbox .overflow {
+ max-height: 400px;
+ overflow: auto;
+ position: relative;
+}
+#nav .overbox h2,
+#tools .overbox h2 {
+ color: white;
+ padding: 10px 15px;
+ margin: 0;
+ font-size: 14px;
+ font-weight: normal;
+ border-bottom: solid 1px #202020;
+}
+#nav .overbox .link-title,
+#tools .overbox .link-title {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ line-height: 20px;
+ font-size: 11px;
+ padding: 0 5px;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ text-decoration: none;
+ color: white;
+}
+#nav .overbox a,
+#tools .overbox a {
+ color: inherit;
+}
+#nav .overbox a.more-link,
+#tools .overbox a.more-link {
+ display: block;
+ padding: 8px;
+ font-size: 12px;
+ border-top: solid 1px #202020;
+ text-align: center;
+ text-decoration: none;
+ color: #4F4F4F;
+}
+#nav .overbox a.more-link:focus,
+#tools .overbox a.more-link:focus,
+#nav .overbox a.more-link:hover,
+#tools .overbox a.more-link:hover {
+ color: #CCC;
+}
+#nav .overbox p.info,
+#tools .overbox p.info {
+ padding: 5px 15px;
+ font-size: 12px;
+ text-align: center;
+ color: #CCC;
+}
+#nav .overbox .outside-button,
+#tools .overbox .outside-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #760f36;
+ border: solid 1px #4d0621;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+#nav .overbox .outside-button:hover,
+#tools .overbox .outside-button:hover,
+#nav .overbox .outside-button:focus,
+#tools .overbox .outside-button:focus {
+ background: #4d0621;
+ border-color: #760f36;
+}
+#nav .overbox .outside-button.disabled,
+#tools .overbox .outside-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+#nav .overbox input.outside-button,
+#tools .overbox input.outside-button {
+ line-height: 26px;
+}
+#nav .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+}
+#nav .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent transparent #202020 transparent;
+ top: -18px;
+ right: 30px;
+}
+#nav .overbox#change-bases {
+ top: 50px;
+ left: 10px;
+ width: 205px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#change-bases:before {
+ left: 30px;
+ right: auto;
+}
+#nav .overbox#change-bases a {
+ display: block;
+ padding: 3px 15px;
+ color: #CCC;
+ text-decoration: none;
+ font-size: 12px;
+ border-bottom: solid 1px #101010;
+}
+#nav .overbox#change-bases a:focus,
+#nav .overbox#change-bases a:hover {
+ background: #101010;
+}
+#nav .overbox#change-bases a.active {
+ background: #202020;
+}
+#nav .overbox#change-bases strong {
+ display: block;
+ color: #CCC;
+ font-size: 13px;
+}
+#nav .overbox#disconnect-box {
+ top: 50px;
+ right: 10px;
+ width: 205px;
+ padding: 8px 0;
+}
+#nav .overbox#disconnect-box hr {
+ margin: 8px 0;
+ border: none;
+ background: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#disconnect-box a {
+ display: block;
+ padding: 0 15px;
+ line-height: 25px;
+ font-size: 13px;
+ color: #CCC;
+ text-decoration: none;
+}
+#nav .overbox#disconnect-box a:hover,
+#nav .overbox#disconnect-box a:focus {
+ color: white;
+ background: #202020;
+}
+#nav .overbox#bug-tracker {
+ width: 250px;
+ top: 50px;
+ right: 98px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#bug-tracker p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 10px;
+}
+#nav .overbox#bug-tracker .option {
+ margin: 3px 10px 10px 10px;
+ display: block;
+ width: 330px;
+ padding: 5px;
+}
+#nav .overbox#bug-tracker textarea {
+ display: block;
+ margin: 0 10px 10px 10px;
+ padding: 5px;
+ width: 318px;
+ height: 200px;
+ min-width: 318px;
+ max-width: 318px;
+ border: solid 1px #202020;
+ font-family: 'Trebuchet MS', sans-serif;
+ font-size: 13px;
+}
+#nav .overbox#bug-tracker .button {
+ display: block;
+ margin: 0 10px 2px 10px;
+}
+#nav .overbox#roadmap {
+ width: 350px;
+ top: 50px;
+ right: 10px;
+}
+#nav .overbox#roadmap .overflow {
+ width: 350px;
+ padding: 8px 0;
+}
+#nav .overbox#roadmap p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 0 10px 10px 10px;
+}
+#nav .overbox#roadmap p em {
+ display: block;
+ font-size: 11px;
+ color: #4F4F4F;
+}
+#nav .overbox#roadmap hr {
+ margin: 5px 0;
+ border: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial {
+ width: 350px;
+ top: 50px;
+ right: 143px;
+ color: white;
+}
+#nav .overbox#tutorial form {
+ padding: 0 0 10px 0;
+ margin: 0;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial .overflow {
+ padding: 15px 15px 0 15px;
+}
+#nav .overbox#tutorial .overflow h3 {
+ position: relative;
+ margin: 0;
+ padding: 0 0 0 36px;
+}
+#nav .overbox#tutorial .overflow h3 .number {
+ position: absolute;
+ top: -4px;
+ left: 0;
+ display: block;
+ width: 26px;
+ line-height: 26px;
+ text-align: center;
+ background: #4d0621;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ margin-right: 10px;
+}
+#nav .overbox#tutorial .overflow p {
+ font-size: 12px;
+ color: #CCC;
+}
+#nav .overbox#new-notifications {
+ top: 50px;
+ left: 627px;
+ width: 300px;
+}
+#tools .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ width: 300px;
+ bottom: 45px;
+ right: 15px;
+}
+#tools .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: #202020 transparent transparent transparent;
+ bottom: -18px;
+ right: 30px;
+}
+#tools .overbox.left-pic:before {
+ left: 30px;
+ right: auto;
+}
+#tools .overbox#tools-calendar {
+ left: 25px;
+ bottom: 45px;
+ right: auto;
+}
+#tools .overbox#tools-refinery {
+ right: 401px;
+ bottom: 45px;
+}
+#tools .overbox#tools-generator {
+ right: 237px;
+ bottom: 45px;
+}
+#tools .overbox#tools-technosphere {
+ right: 193px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock1 {
+ right: 148px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock2 {
+ right: 105px;
+ bottom: 45px;
+}
+#tools .overbox#tools-credit {
+ right: 140px;
+ bottom: 45px;
+}
+#tools .overbox#tools-incoming-attack {
+ right: 230px;
+ bottom: 45px;
+}
+#tools .overbox#tools-outgoing-attack {
+ right: 185px;
+ bottom: 45px;
+}
+#subnav {
+ position: fixed;
+ top: 29px;
+ left: 2px;
+ bottom: 29px;
+ padding: 40px 0;
+ width: 60px;
+ background: url('src/desktop/subnav/middle.png') repeat-y;
+ z-index: 1000;
+}
+#subnav hr {
+ border: none;
+ margin: 20px 0;
+}
+#subnav .overflow {
+ position: relative;
+}
+#subnav .move-side-bar {
+ display: none;
+ position: absolute;
+ z-index: 5000;
+ left: 5px;
+ width: 48px;
+ height: 48px;
+ line-height: 48px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.75);
+ background-position: center;
+ background-repeat: no-repeat;
+ border-radius: 100%;
+ cursor: pointer;
+}
+#subnav .move-side-bar:hover,
+#subnav .move-side-bar:focus {
+ box-shadow: 0 0 3px white;
+}
+#subnav .move-side-bar.top {
+ bottom: auto;
+ top: 20px;
+ background-image: url('src/desktop/component/top.png');
+}
+#subnav .move-side-bar.bottom {
+ bottom: 20px;
+ top: auto;
+ background-image: url('src/desktop/component/bottom.png');
+}
+#subnav .item {
+ position: relative;
+ display: block;
+ height: 50px;
+ width: 50px;
+ margin: 0 0 10px 0;
+ padding: 8px 5px;
+ color: white;
+ text-decoration: none;
+ background: url('src/desktop/subnav/button.png') no-repeat;
+}
+#subnav .item.active {
+ background: url('src/desktop/subnav/button-active-c10.png') no-repeat;
+}
+#subnav .item.striped {
+ background: url('src/desktop/subnav/button-striped.png') no-repeat;
+}
+#subnav .item:before {
+ content: '';
+ position: absolute;
+ right: -6px;
+ bottom: 0;
+ width: 12px;
+ height: 47px;
+ background: url('src/desktop/subnav/til.png') no-repeat;
+}
+#subnav .item:hover:before {
+ background: url('src/desktop/subnav/til-hover.png') no-repeat;
+}
+#subnav .item:hover > .content {
+ display: block;
+}
+#subnav .item .picto {
+ display: block;
+ height: 30px;
+ width: 30px;
+ padding: 10px;
+}
+#subnav .item .picto img {
+ display: block;
+ height: 30px;
+ width: 30px;
+}
+#subnav .item .picto .number {
+ position: absolute;
+ bottom: -5px;
+ right: -18px;
+ display: block;
+ width: 28px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ font-size: 12px;
+ background: url('src/desktop/subnav/number.png') no-repeat;
+}
+#subnav .item .content {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 75px;
+ width: 230px;
+}
+#subnav .item .content.skin-1 span {
+ display: inline-block;
+ margin: 15px 0 15px 16px;
+ padding: 0 15px;
+ line-height: 30px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-1 span:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content {
+ display: inline-block;
+ margin: 0 0 0 16px;
+ padding: 10px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-2 .sub-content:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content hr {
+ border: none;
+ border-top: solid 1px #4F4F4F;
+ margin: 5px 0;
+}
+#subnav .item .content.skin-2 .sub-content .ship {
+ position: relative;
+}
+#subnav .item .content.skin-2 .sub-content .ship img {
+ width: 32px;
+ height: 32px;
+}
+#subnav .item .content.skin-2 .sub-content .ship img.zero {
+ opacity: .5;
+}
+#subnav .item .content.skin-2 .sub-content .ship .number {
+ position: absolute;
+ bottom: -2px;
+ right: -2px;
+ width: 18px;
+ height: 18px;
+ line-height: 18px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ text-align: center;
+ background: #a92859;
+}
+#alert-content {
+ display: none;
+}
+#alert {
+ position: absolute;
+ bottom: 18px;
+ left: 50px;
+ padding: 0;
+ text-align: right;
+ list-style: inset none;
+}
+#alert li {
+ position: relative;
+ display: inline-block;
+ margin: 0 0 0 5px;
+}
+#alert li img {
+ display: block;
+ height: 50px;
+ border: solid 1px #202020;
+ padding: 5px;
+ background: #0A0A0A;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.alert-bull {
+ display: block;
+ position: absolute;
+ z-index: 1200;
+ width: 200px;
+ padding: 6px 8px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.alert-bull .title {
+ display: block;
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+ border-bottom: solid 1px #4F4F4F;
+}
+.alert-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ bottom: -14px;
+ left: 24px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+#content {
+ position: absolute;
+ width: 8000px;
+ height: 100%;
+ top: 0;
+ left: 300px;
+ z-index: 200;
+}
+#content .component {
+ position: relative;
+ display: table-cell;
+ overflow: hidden;
+ width: 300px;
+ background: rgba(0, 0, 0, 0.92);
+}
+#content .component.size2 {
+ width: 600px;
+}
+#content .component.size3 {
+ width: 900px;
+}
+#content .component:nth-child(1) {
+ background: rgba(0, 0, 0, 0.6);
+}
+#content .component:nth-child(2) {
+ background: rgba(0, 0, 0, 0.75);
+}
+#content .component:nth-child(3) {
+ background: rgba(0, 0, 0, 0.85);
+}
+#content .component:nth-child(4) {
+ background: rgba(0, 0, 0, 0.9);
+}
+#content .component .head {
+ position: relative;
+ display: inline-block;
+ height: 120px;
+ width: 100%;
+ vertical-align: top;
+ color: white;
+ background: url('src/desktop/component/bHead.jpg') repeat-x center black;
+ border-bottom: solid 1px #202020;
+}
+#content .component .head h1 {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ font-size: 38px;
+ line-height: 50px;
+ height: 50px;
+ display: inline-block;
+ padding: 0 10px;
+ background: black;
+ overflow: hidden;
+}
+#content .component .fix-body {
+ position: relative;
+ overflow: auto;
+ color: white;
+ border-right: solid 1px #202020;
+}
+#content .component .fix-body .body {
+ position: relative;
+}
+.no-scrolling #content .component .fix-body {
+ overflow: hidden;
+}
+.no-scrolling #content .component .fix-body > a {
+ position: absolute;
+ width: 100%;
+ height: 40px;
+ left: 0;
+ opacity: 0;
+}
+.no-scrolling #content .component .fix-body.hover > a {
+ opacity: 1;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+.no-scrolling #content .component .fix-body .toTop {
+ top: 0;
+ background-image: url('src/desktop/component/top.png'), -webkit-gradient(linear, black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -moz-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -ms-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -o-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+}
+.no-scrolling #content .component .fix-body .toBottom {
+ bottom: 0;
+ background-image: url('src/desktop/component/bottom.png'), -webkit-gradient(linear, transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+}
+#content .component.invisible {
+ background: transparent;
+}
+#content .component.invisible .publicity {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: red;
+}
+.component .tool {
+ display: table;
+ width: 100%;
+ height: 44px;
+ margin: 0;
+ overflow: hidden;
+ background: black;
+ border-bottom: solid 1px #a92859;
+ color: #4F4F4F;
+}
+.component .tool > span {
+ display: table-cell;
+ width: 28px;
+ border: solid 6px transparent;
+ border-left: none;
+}
+.component .tool > span:first-child {
+ border: solid 5px transparent;
+ width: auto;
+ text-align: center;
+}
+.component .tool > span:first-child a {
+ width: auto;
+}
+.component .tool > span a {
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 0;
+ line-height: 30px;
+ width: 30px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+ text-align: center;
+}
+.component .tool > span a img {
+ width: 18px;
+ position: relative;
+ top: -4px;
+}
+.component .tool > span a.active {
+ background: #760f36;
+ color: white;
+ border-color: #a92859;
+}
+.component .tool > span a.active.down {
+ box-shadow: 0 2px 0 0 #CCC;
+}
+.component .tool > span a.active.up {
+ box-shadow: 0 -2px 0 0 #CCC;
+}
+.component .tool > span a.active:hover,
+.component .tool > span a.active:focus {
+ color: #CCC;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
+}
+.component .tool > span a:hover,
+.component .tool > span a:focus,
+.component .tool > span a:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .tool.sort-button > span:first-child {
+ text-align: center;
+}
+.component h3 {
+ width: 100%;
+ margin: 0;
+ background: black;
+ text-align: center;
+ padding: 0 2px;
+ line-height: 44px;
+ font-weight: normal;
+ font-size: 14px;
+ color: #4F4F4F;
+ text-decoration: none;
+ border-bottom: solid 1px #a92859;
+}
+.component h4 {
+ margin: 10px 10px 0 10px;
+ font-weight: normal;
+ font-size: 18px;
+}
+.component .body p {
+ margin: 10px;
+ font-size: 13px;
+ text-align: justify;
+}
+.component .body p.info {
+ position: relative;
+ border-top: solid 1px #202020;
+ padding: 10px;
+ margin: 10px;
+ line-height: 140%;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component .body p.info a {
+ color: white;
+}
+.component .body p.info .requierement {
+ display: inline-block;
+ margin: 0 0 0 8px;
+ vertical-align: bottom;
+ height: 16px;
+}
+.component .body p.long-info {
+ padding: 10px;
+ line-height: 150%;
+ background: black;
+}
+.component .body p .alone-button {
+ display: block;
+ text-align: center;
+ color: white;
+ line-height: 40px;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #4F4F4F;
+ box-shadow: inset 0 0 2px black;
+ padding: 0 10px;
+ background: #4d0621;
+}
+.component .body p .alone-button:hover,
+.component .body p .alone-button:focus {
+ background: #760f36;
+}
+.component .border-bottom {
+ border-bottom: solid 3px #a92859;
+}
+.component .list-type-1 {
+ margin: 10px;
+ padding: 0;
+ list-style: none;
+}
+.component .list-type-1 li {
+ position: relative;
+ padding: 5px 10px;
+ text-align: right;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: rgba(0, 0, 0, 0.8);
+ color: #989898;
+}
+.component .list-type-1 li.strong {
+ border-top: double 3px #4F4F4F;
+ background: #111111;
+ color: white;
+}
+.component .list-type-1 li.empty {
+ background: none;
+ border: none;
+ height: 50px;
+}
+.component .list-type-1 li ul li {
+ height: auto;
+}
+.component .list-type-1 .label {
+ display: block;
+ font-size: 13px;
+}
+.component .list-type-1 .label .icon-color {
+ width: 15px;
+ padding: 1px;
+}
+.component .list-type-1 .value {
+ display: inline-block;
+ font-size: 22px;
+ line-height: 30px;
+ font-weight: bold;
+}
+.component .list-type-1 .value .icon,
+.component .list-type-1 .value .icon-color {
+ height: 18px;
+ margin-left: 8px;
+ position: relative;
+ top: -3px;
+}
+.component .list-type-1 .picto {
+ position: absolute;
+ top: 7px;
+ left: 10px;
+ height: 35px;
+ width: 35px;
+ line-height: 35px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+ font-size: 16px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+}
+.component .list-type-1 .picto.color1 {
+ background: #510816;
+}
+.component .list-type-1 .picto.color2 {
+ background: #0c0d44;
+}
+.component .list-type-1 .picto.color3 {
+ background: #b17a00;
+}
+.component .list-type-1 .picto.color4 {
+ background: #310948;
+}
+.component .list-type-1 .picto.color5 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color6 {
+ background: #004948;
+}
+.component .list-type-1 .picto.color7 {
+ background: #401b13;
+}
+.component .list-type-1 .picto.color8 {
+ background: #c3590b;
+}
+.component .list-type-1 .picto.color9 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color10 {
+ background: #4d0621;
+}
+.component .list-type-1 .picto.color11 {
+ background: #10684c;
+}
+.component .list-type-1 .picto.color12 {
+ background: #b17a00;
+}
+.component .list-type-1 .hide {
+ color: #4F4F4F;
+}
+.component .list-type-1 .buttons {
+ position: absolute;
+ top: 28px;
+ left: 5px;
+}
+.component .list-type-1 .buttons a {
+ display: inline-block;
+ margin: 0 4px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-style: 14px;
+ color: white;
+ border-radius: 3px;
+ background: #760f36;
+}
+.component .list-type-1 .progress-bar {
+ text-align: left;
+ margin-top: 5px;
+}
+.component .sub-list-type-1 {
+ display: none;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.component .sub-list-type-1 li {
+ position: relative;
+ padding: 2px 0;
+ text-align: left;
+ border: none;
+ border-top: solid 1px #0A0A0A;
+}
+.component .sub-list-type-1 .label {
+ display: inline-block;
+ width: 60%;
+}
+.component .sub-list-type-1 .label .button {
+ position: relative;
+ left: -4px;
+ margin: 0 0 0 3px;
+}
+.component .sub-list-type-1 .value {
+ text-align: right;
+ line-height: 25px;
+ font-size: 18px;
+ width: 40%;
+}
+.component .sub-list-type-1 .value .button {
+ margin: 0 2px 0 6px;
+}
+.component .sub-list-type-1 .button {
+ display: inline-block;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: normal;
+ color: white;
+ border-radius: 3px;
+ background: #a92859;
+}
+.component .list-type-1 form {
+ z-index: 1;
+ position: absolute;
+ display: none;
+ bottom: -40px;
+ right: 3px;
+}
+.component .list-type-1 form p {
+ position: relative;
+ background: white;
+ border-radius: 3px;
+ padding: 0;
+ margin: 0;
+ width: 200px;
+ height: 35px;
+}
+.component .list-type-1 form p:before {
+ content: '';
+ position: absolute;
+ top: -12px;
+ right: 12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+}
+.component .list-type-1 form input {
+ border: none;
+ background: none;
+ line-height: 35px;
+ height: 35px;
+ padding: 0 10px;
+}
+.component .list-type-1 form input[type='text'] {
+ width: 140px;
+}
+.component .list-type-1 form input[type='submit'] {
+ width: 40px;
+}
+.component .sub-list-type-1 form {
+ right: -6px;
+}
+/* NUMBER BOX */
+.number-box {
+ position: relative;
+ margin: 10px;
+ padding: 5px 10px;
+ background: black;
+ color: white;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ border-left: solid 10px #760f36;
+}
+.number-box.half {
+ display: inline-block;
+ width: 254px;
+ margin-right: 0;
+ margin-bottom: 0;
+}
+.number-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.number-box.text {
+ border-left: solid 1px #0A0A0A;
+}
+.number-box.text a {
+ text-decoration: none;
+ color: white;
+}
+.number-box .label {
+ display: block;
+}
+.number-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.number-box .value .icon-color {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+.number-box .progress-bar {
+ margin: 5px 0;
+}
+.number-box .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.number-box .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #760f36;
+}
+/* PROGRESS BAR */
+.progress-bar {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 3px;
+ background: #4F4F4F;
+}
+.progress-bar .content {
+ position: relative;
+ display: inline-block;
+ height: 3px;
+ vertical-align: top;
+ overflow: hidden;
+ max-width: 100%;
+}
+.progress-bar .content:nth-child(n) {
+ background: #a92859;
+}
+.progress-bar .content:nth-child(2n) {
+ background: #4d0621;
+}
+.progress-bar .content.color1 {
+ background: #6e161b;
+}
+.progress-bar .content.color2 {
+ background: #1f1471;
+}
+.progress-bar .content.color3 {
+ background: #dbb200;
+}
+.progress-bar .content.color4 {
+ background: #5a1072;
+}
+.progress-bar .content.color5 {
+ background: #2c7915;
+}
+.progress-bar .content.color6 {
+ background: #076b87;
+}
+.progress-bar .content.color7 {
+ background: #67331d;
+}
+.progress-bar .content.color8 {
+ background: #d87913;
+}
+.progress-bar .content.color9 {
+ background: #2c7915;
+}
+.progress-bar .content.color10 {
+ background: #760f36;
+}
+.progress-bar .content.color11 {
+ background: #219772;
+}
+.progress-bar .content.color12 {
+ background: #dbb200;
+}
+.progress-bar .step {
+ position: absolute;
+}
+.progress-bar .step .label {
+ position: absolute;
+ display: block;
+ width: 150px;
+ left: 0;
+ top: -28px;
+}
+.progress-bar .step .label.bottom {
+ top: auto;
+ bottom: -28px;
+}
+.progress-bar .step .label.right {
+ right: 0;
+ left: auto;
+ text-align: right;
+}
+.progress-bar .step:before {
+ content: '';
+ position: absolute;
+ width: 12px;
+ height: 12px;
+ background: #760f36;
+ box-shadow: 0 0 0 3px #4d0621;
+ border-radius: 100%;
+ top: -5px;
+ left: -5px;
+}
+/* BONUS */
+.bonus {
+ vertical-align: top;
+ display: inline-block;
+ font-size: 55%;
+ line-height: 100%;
+ padding: 3px;
+ margin: 2px 0 0 8px;
+ border-radius: 3px;
+ font-weight: normal;
+ background: #4d0621;
+}
+/* HEAD */
+.component .head.skin-1 img {
+ position: absolute;
+ top: 22px;
+ left: 20px;
+ padding: 8px;
+ width: 60px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .head.skin-1 img:before {
+ content: '';
+ width: 100px;
+ height: 100px;
+}
+.component .head.skin-1 h2 {
+ position: absolute;
+ bottom: 66px;
+ left: 105px;
+ font-size: 22px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-1 em {
+ position: absolute;
+ top: 62px;
+ left: 105px;
+ font-size: 13px;
+ line-height: 16px;
+ font-style: normal;
+}
+.component .head.skin-2 h2 {
+ position: absolute;
+ display: inline-block;
+ top: 45px;
+ left: 10px;
+ font-size: 22px;
+ line-height: 30px;
+ margin: 0;
+ padding: 0 10px;
+ background: black;
+ font-weight: normal;
+}
+.component .head.skin-3 img {
+ position: absolute;
+ width: 50px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 27px;
+}
+.component .head.skin-3 img.left {
+ left: 40px;
+}
+.component .head.skin-3 img.right {
+ right: 40px;
+}
+.component .head.skin-4 img.main {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 37px;
+}
+.component .head.skin-4 h2 {
+ position: absolute;
+ top: 35px;
+ left: 60px;
+ font-size: 18px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-4 em {
+ position: absolute;
+ top: 65px;
+ left: 60px;
+ font-size: 13px;
+ line-height: 16px;
+}
+.component .head.skin-5 h2 {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ font-size: 16px;
+ font-weight: normal;
+ margin: 0;
+ padding: 0 20px;
+ background: black;
+}
+.component .head.skin-5 h2:before {
+ content: '';
+ position: absolute;
+ display: block;
+ top: 5px;
+ left: 0;
+ width: 8px;
+ height: 8px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .more-item,
+.component .more-button {
+ display: block;
+ margin: 10px 10px 5px;
+ line-height: 34px;
+ padding: 0 12px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+}
+.component .more-item:hover,
+.component .more-button:hover,
+.component .more-item:focus,
+.component .more-button:focus,
+.component .more-item:active,
+.component .more-button:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .nav-element {
+ position: relative;
+ display: block;
+ margin: 10px;
+ height: 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component .nav-element img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ height: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component .nav-element.active {
+ background: #760f36;
+}
+.component .nav-element .active img {
+ background: black;
+}
+.component .nav-element strong {
+ position: absolute;
+ top: 5px;
+ left: 70px;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component .nav-element em {
+ position: absolute;
+ top: 30px;
+ left: 70px;
+ color: white;
+ font-weight: normal;
+ font-size: 12px;
+ font-style: normal;
+ color: #efefef;
+}
+.component hr {
+ border: none;
+ border-bottom: dashed 1px #202020;
+ margin: 0 10px;
+}
+.component .set-item {
+ margin: 10px;
+ border-bottom: solid 1px #202020;
+}
+.component .set-item a.item:hover,
+.component .set-item a.item:focus {
+ background-color: #0c0c0c;
+}
+.component .set-item .item {
+ position: relative;
+ display: block;
+ color: white;
+ height: 60px;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+}
+.component .set-item .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+}
+.component .set-item .item .left img {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left img.color1 {
+ background: #6e161b;
+}
+.component .set-item .item .left img.color2 {
+ background: #1f1471;
+}
+.component .set-item .item .left img.color3 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.color4 {
+ background: #5a1072;
+}
+.component .set-item .item .left img.color5 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color6 {
+ background: #076b87;
+}
+.component .set-item .item .left img.color7 {
+ background: #67331d;
+}
+.component .set-item .item .left img.color8 {
+ background: #d87913;
+}
+.component .set-item .item .left img.color9 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color10 {
+ background: #760f36;
+}
+.component .set-item .item .left img.color11 {
+ background: #219772;
+}
+.component .set-item .item .left img.color12 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.round-color0 {
+ box-shadow: 0 0 0 2px #CCC;
+}
+.component .set-item .item .left img.round-color1 {
+ box-shadow: 0 0 0 2px #b01e2d;
+}
+.component .set-item .item .left img.round-color2 {
+ box-shadow: 0 0 0 2px #2f23c0;
+}
+.component .set-item .item .left img.round-color3 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left img.round-color4 {
+ box-shadow: 0 0 0 2px #a935c7;
+}
+.component .set-item .item .left img.round-color5 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color6 {
+ box-shadow: 0 0 0 2px #05bed7;
+}
+.component .set-item .item .left img.round-color7 {
+ box-shadow: 0 0 0 2px #ac5832;
+}
+.component .set-item .item .left img.round-color8 {
+ box-shadow: 0 0 0 2px #f2b636;
+}
+.component .set-item .item .left img.round-color9 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color10 {
+ box-shadow: 0 0 0 2px #a92859;
+}
+.component .set-item .item .left img.round-color11 {
+ box-shadow: 0 0 0 2px #34b089;
+}
+.component .set-item .item .left img.round-color12 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left span {
+ display: block;
+ width: 30px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 15px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left span.round-color0 {
+ background: #CCC;
+}
+.component .set-item .item .left span.round-color1 {
+ background: #b01e2d;
+}
+.component .set-item .item .left span.round-color2 {
+ background: #2f23c0;
+}
+.component .set-item .item .left span.round-color3 {
+ background: #ffdb0f;
+}
+.component .set-item .item .left span.round-color4 {
+ background: #a935c7;
+}
+.component .set-item .item .left span.round-color5 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color6 {
+ background: #05bed7;
+}
+.component .set-item .item .left span.round-color7 {
+ background: #ac5832;
+}
+.component .set-item .item .left span.round-color8 {
+ background: #f2b636;
+}
+.component .set-item .item .left span.round-color9 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color10 {
+ background: #a92859;
+}
+.component .set-item .item .left span.round-color11 {
+ background: #34b089;
+}
+.component .set-item .item .left span.round-color12 {
+ background: #ffdb0f;
+}
+.component .set-item .item .center {
+ position: absolute;
+ top: 0;
+ left: 60px;
+ right: 30px;
+ bottom: 0;
+ padding: 9px 0;
+}
+.component .set-item .item .center strong {
+ display: block;
+ line-height: 22px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+}
+.component .set-item .item .center a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+}
+.component .set-item .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 29px;
+ border-left: solid 1px #202020;
+}
+.component .set-item .item .right a {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 29px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+}
+.component .set-item .item .right a:hover,
+.component .set-item .item .right a:focus,
+.component .set-item .item .right a.active {
+ background-color: #202020;
+}
+.component .set-item .item .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.component .set-item .item .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #760f36;
+}
+.army-bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ width: 220px;
+ color: #CCC;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.army-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+ left: 18px;
+}
+.army-bull strong {
+ display: block;
+ padding-bottom: 5px;
+ margin-bottom: 5px;
+ border-bottom: solid 1px #4F4F4F;
+ font-weight: normal;
+}
+.army-bull .label {
+ display: inline-block;
+ width: 70px;
+}
+.army-bull .value {
+ display: inline-block;
+ width: 40px;
+}
+.component .build-item {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ width: 278px;
+}
+.component .build-item a {
+ color: white;
+}
+.component .build-item .name {
+ position: relative;
+ height: 40px;
+ padding: 5px 5px 5px 90px;
+}
+.component .build-item .name img {
+ z-index: 20;
+ position: absolute;
+ top: -10px;
+ left: 5px;
+ width: 60px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .build-item .name strong {
+ display: block;
+ font-size: 18px;
+}
+.component .build-item .level {
+ display: block;
+ position: absolute;
+ width: 22px;
+ line-height: 22px;
+ text-align: center;
+ font-size: 12px;
+ border-radius: 100%;
+ top: 38px;
+ left: 58px;
+ border: solid 1px white;
+ z-index: 22;
+ background: #760f36;
+}
+.component .build-item .info {
+ display: none;
+ position: absolute;
+ width: 20px;
+ line-height: 20px;
+ text-align: center;
+ font-size: 16px;
+ text-decoration: none;
+ border-radius: 3px;
+ top: 5px;
+ right: 5px;
+ background: #760f36;
+ color: white;
+}
+.component .build-item .name-commander {
+ margin: 10px 10px 0 10px;
+ height: 40px;
+ padding: 0 10px;
+ border: none;
+ background: white;
+ border-radius: 3px;
+ width: 240px;
+ text-align: center;
+ font-size: 16px;
+}
+.component .build-item .button {
+ display: block;
+ margin: 10px;
+ padding: 5px 10px;
+ width: 240px;
+ line-height: 20px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ background: #760f36;
+ box-shadow: inset 0 0 2px black;
+ border: none;
+ cursor: pointer;
+ min-height: 36px;
+}
+.component .build-item .button:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #a92859;
+}
+.component .build-item .button.disable {
+ background: #202020;
+ cursor: default;
+}
+.component .build-item .button .icon-color {
+ width: 14px;
+}
+.component .build-item button.button {
+ width: 260px;
+}
+.component .build-item .ship-pack {
+ z-index: 10;
+ position: absolute;
+ bottom: 15px;
+ left: 15px;
+ width: 60px;
+ height: 40px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ background: white;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ border-radius: 3px;
+ box-shadow: inset 0 0 0 3px #CCC;
+}
+.component .build-item .ship-illu {
+ width: 260px;
+ margin: 5px 10px;
+ overflow: hidden;
+}
+.component .build-item .ship-illu img {
+ width: 100%;
+}
+.component .build-item.disabled {
+ opacity: .3;
+}
+.component .build-item.disabled .name img {
+ opacity: .50;
+}
+.component .build-item.disabled strong {
+ color: #4F4F4F;
+}
+.component .build-item.disabled .button.disable {
+ color: #696969;
+}
+.component .build-item.disabled .button.disable:hover {
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component .build-item.large {
+ width: 578px;
+}
+.component .build-item.large .info {
+ top: 75px;
+ right: 25px;
+}
+.component .build-item.large .button {
+ display: block;
+ top: -3px;
+ right: 0;
+ line-height: 18px;
+ width: 540px;
+ min-height: 36px;
+}
+.component .build-item.large .ship-illu {
+ width: 560px;
+ margin-top: 10px;
+}
+.component .build-item input {
+ display: block;
+ width: 243px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component .build-item select {
+ display: block;
+ width: 260px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component.panel-info .remove-info {
+ display: block;
+ position: absolute;
+ top: 2px;
+ right: 10px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ color: white;
+ border-radius: 3px;
+ background: #4d0621;
+}
+.component.panel-info .table {
+ margin: 10px;
+}
+.component.panel-info .table table {
+ width: 100%;
+ text-align: right;
+ border-collapse: collapse;
+ background: black;
+}
+.component.panel-info .table td {
+ border: solid 1px #202020;
+ padding: 6px 8px;
+}
+.component.panel-info .table tr.small-grey {
+ background: #0A0A0A;
+}
+.component.panel-info .table tr.active td {
+ background: #0A0A0A;
+ border-bottom: solid 1px #4F4F4F;
+}
+.component.panel-info .table .icon-color {
+ width: 12px;
+}
+.component.panel-info .illu {
+ margin: 0 10px;
+ box-shadow: inset 0 0 5px black;
+}
+.component.panel-info .skill-box {
+ position: relative;
+ margin: 0 10px;
+ padding: 5px 10px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+}
+.component.panel-info .skill-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.component.panel-info .skill-box .label {
+ display: block;
+}
+.component.panel-info .skill-box .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.panel-info .skill-box .value .icon-color {
+ width: 18px;
+}
+.component.panel-info .skill-box .progress-bar {
+ margin: 6px 0 2px 0;
+}
+.splash-screen {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 10000;
+ opacity: 0;
+ background: rgba(0, 0, 0, 0.8);
+}
+.splash-screen .modal {
+ width: 500px;
+ height: 140px;
+ position: absolute;
+ top: 80px;
+ right: 3000px;
+ background: #0A0A0A;
+ padding: 25px 175px 25px 75px;
+ color: white;
+ border-radius: 140px;
+ border: solid 1px #202020;
+}
+.splash-screen .modal h1 {
+ font-size: 36px;
+ margin: 0;
+ padding: 0 0 10px 0;
+}
+.splash-screen .modal h2 {
+ font-size: 20px;
+ margin: 0;
+ padding: 0;
+}
+.splash-screen .modal img {
+ position: absolute;
+ top: -15px;
+ right: -50px;
+ width: 200px;
+ padding: 10px;
+ background: #202020;
+ border-radius: 100%;
+ border: solid 1px #4F4F4F;
+}
+.splash-screen .modal:before {
+ content: '';
+ position: absolute;
+ top: -80px;
+ right: 20px;
+ border-color: transparent transparent #4F4F4F transparent;
+ border-width: 40px;
+ border-style: solid;
+}
+.common-link {
+ color: white;
+}
+.component .top-right-button {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ padding: 0 10px;
+ line-height: 30px;
+ color: white;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #760f36;
+ z-index: 1;
+}
+.component .top-right-button:hover,
+.component .top-right-button:focus {
+ background: #4d0621;
+}
+.alert {
+ display: block;
+ margin: 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ text-decoration: none;
+ color: white;
+ background: #760f36;
+ border-radius: 3px;
+ box-shadow: 0 0 2px black;
+}
+.common-link {
+ display: block;
+ margin: 10px;
+ color: white;
+ text-decoration: none;
+}
+.text-bloc a {
+ display: inline-block;
+ color: inherit;
+ opacity: .60;
+}
+.text-bloc a:hover,
+.text-bloc a:focus {
+ opacity: 1;
+}
+.queue {
+ margin: 10px;
+ color: white;
+}
+.queue .item {
+ position: relative;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ min-height: 60px;
+ display: block;
+}
+.queue .item.empty {
+ background: #0A0A0A;
+}
+.queue .item.empty strong {
+ font-weight: normal;
+}
+.queue .item.link {
+ min-height: 0;
+ padding: 10px;
+ color: #4F4F4F;
+ text-decoration: none;
+}
+.queue .item.link:hover,
+.queue .item.link:focus {
+ color: #CCC;
+}
+.queue .item a.button {
+ position: absolute;
+ display: block;
+ top: 2px;
+ right: 5px;
+ color: white;
+ text-decoration: none;
+}
+.queue .item a {
+ color: #CCC;
+}
+.queue .item .group-link {
+ position: absolute;
+ top: 9px;
+ right: 9px;
+}
+.queue .item .group-link a {
+ display: block;
+ width: 20px;
+ line-height: 20px;
+ margin: 0 0 5px 0;
+ border-radius: 3px;
+ color: white;
+ text-align: center;
+ text-decoration: none;
+ background: #760f36;
+}
+.queue .item .group-link a:hover,
+.queue .item .group-link a:focus {
+ background: #a92859;
+}
+.queue .item .picto {
+ float: left;
+ width: 40px;
+ height: 40px;
+ margin: 5px;
+ padding: 5px;
+ background: black;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.queue .item strong {
+ display: block;
+ margin: 6px 0 2px 0;
+}
+.queue .item strong .level {
+ font-size: 11px;
+ color: #CCC;
+}
+.queue .item .big {
+ font-size: 24px;
+}
+.queue .item em {
+ display: block;
+ font-style: normal;
+ color: #AEAEAE;
+}
+.queue .item .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 5px;
+ height: 3px;
+ background: #4F4F4F;
+}
+.queue .item .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #a92859;
+}
+.choose-government {
+ display: block;
+ margin: 10px;
+ padding: 10px;
+ background: #0A0A0A;
+ border-radius: 3px;
+}
+.choose-government select {
+ display: block;
+ width: 100%;
+ padding: 8px;
+}
+.choose-government button {
+ display: block;
+ width: 100%;
+ margin: 10px 0 0 0;
+ padding: 0 10px;
+ line-height: 30px;
+ border: none;
+ color: white;
+ cursor: pointer;
+ background: #760f36;
+}
+.choose-government button:hover,
+.choose-government button:focus {
+ background: #4d0621;
+}
+.evolution {
+ background: black;
+ margin: 10px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+}
+.evolution .header {
+ padding: 10px;
+ border-bottom: solid 1px #202020;
+ color: #EFEFEF;
+}
+.evolution .diargam {
+ padding: 10px;
+ background: #0A0A0A;
+}
+.evolution .diargam .progress-bar {
+ background: #0A0A0A !important;
+ height: 20px;
+ padding-bottom: 1px;
+}
+.evolution .diargam .progress-bar .content {
+ height: 20px;
+ line-height: 20px;
+ font-size: 12px;
+ color: white;
+ padding-left: 5px;
+}
+.evolution .diargam .progress-bar:nth-child(odd) .content {
+ background: #760f36 !important;
+}
+.centred-link {
+ display: block;
+ width: 300px;
+ text-align: center;
+ margin: 0 auto;
+ text-decoration: none;
+ padding: 6px 10px;
+ color: #EFEFEF;
+ background: #760f36;
+ border: solid 1px #4d0621;
+}
+.centred-link:hover,
+.centred-link:focus {
+ background: #4d0621;
+ border-color: #760f36;
+ color: white;
+}
+span.centred-link {
+ background: #202020;
+ border: solid 1px #0A0A0A;
+ color: #4F4F4F;
+}
+span.centred-link:hover,
+span.centred-link:focus {
+ background: #202020;
+ border-color: #0A0A0A;
+ color: #4F4F4F;
+}
+.component.profil .center-box {
+ margin: 20px 10px 0;
+ color: white;
+ text-align: center;
+}
+.component.profil .center-box .label {
+ display: block;
+}
+.component.profil .center-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.profil .profil-flag {
+ position: relative;
+ width: 222px;
+ height: 460px;
+ margin: 0 auto;
+}
+.component.profil .profil-flag img {
+ position: relative;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ padding: 10px;
+ border-radius: 100%;
+ margin: 20px auto;
+ box-shadow: 0 0 0 4px #760f36, 0 0 20px black;
+ z-index: 1;
+}
+.component.profil .profil-flag.color-1 img {
+ box-shadow: 0 0 0 4px #6e161b, 0 0 20px black;
+}
+.component.profil .profil-flag.color-2 img {
+ box-shadow: 0 0 0 4px #1f1471, 0 0 20px black;
+}
+.component.profil .profil-flag.color-3 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag.color-4 img {
+ box-shadow: 0 0 0 4px #5a1072, 0 0 20px black;
+}
+.component.profil .profil-flag.color-5 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-6 img {
+ box-shadow: 0 0 0 4px #076b87, 0 0 20px black;
+}
+.component.profil .profil-flag.color-7 img {
+ box-shadow: 0 0 0 4px #67331d, 0 0 20px black;
+}
+.component.profil .profil-flag.color-8 img {
+ box-shadow: 0 0 0 4px #d87913, 0 0 20px black;
+}
+.component.profil .profil-flag.color-9 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-10 img {
+ box-shadow: 0 0 0 4px #760f36, 0 0 20px black;
+}
+.component.profil .profil-flag.color-11 img {
+ box-shadow: 0 0 0 4px #219772, 0 0 20px black;
+}
+.component.profil .profil-flag.color-12 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag:before {
+ display: block;
+ position: absolute;
+ content: '';
+ top: 218px;
+ left: 33px;
+ width: 154px;
+ height: 241px;
+ background: url('src/desktop/faction/flag/flag-10.png') no-repeat;
+}
+.component.profil .profil-flag.color-1:before {
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.profil .profil-flag.color-2:before {
+ background: url('src/desktop/faction/flag/flag-2.png') no-repeat;
+}
+.component.profil .profil-flag.color-3:before {
+ background: url('src/desktop/faction/flag/flag-3.png') no-repeat;
+}
+.component.profil .profil-flag.color-4:before {
+ background: url('src/desktop/faction/flag/flag-4.png') no-repeat;
+}
+.component.profil .profil-flag.color-5:before {
+ background: url('src/desktop/faction/flag/flag-5.png') no-repeat;
+}
+.component.profil .profil-flag.color-6:before {
+ background: url('src/desktop/faction/flag/flag-6.png') no-repeat;
+}
+.component.profil .profil-flag.color-7:before {
+ background: url('src/desktop/faction/flag/flag-7.png') no-repeat;
+}
+.component.profil .profil-flag.color-8:before {
+ background: url('src/desktop/faction/flag/flag-8.png') no-repeat;
+}
+.component.profil .profil-flag.color-9:before {
+ background: url('src/desktop/faction/flag/flag-9.png') no-repeat;
+}
+.component.profil .profil-flag.color-10:before {
+ background: url('src/desktop/faction/flag/flag-10.png') no-repeat;
+}
+.component.profil .profil-flag.color-11:before {
+ background: url('src/desktop/faction/flag/flag-11.png') no-repeat;
+}
+.component.profil .profil-flag.color-12:before {
+ background: url('src/desktop/faction/flag/flag-12.png') no-repeat;
+}
+.component.profil .profil-flag .level {
+ z-index: 2;
+ display: block;
+ position: absolute;
+ top: 184px;
+ right: 2px;
+ width: 36px;
+ height: 36px;
+ text-align: center;
+ line-height: 36px;
+ background: #0A0A0A;
+ border: 3px solid #760f36;
+ border-radius: 100%;
+}
+.component.profil .profil-flag.color-1 .level {
+ border-color: #6e161b;
+}
+.component.profil .profil-flag.color-2 .level {
+ border-color: #1f1471;
+}
+.component.profil .profil-flag.color-3 .level {
+ border-color: #dbb200;
+}
+.component.profil .profil-flag.color-4 .level {
+ border-color: #5a1072;
+}
+.component.profil .profil-flag.color-5 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-6 .level {
+ border-color: #076b87;
+}
+.component.profil .profil-flag.color-7 .level {
+ border-color: #67331d;
+}
+.component.profil .profil-flag.color-8 .level {
+ border-color: #d87913;
+}
+.component.profil .profil-flag.color-9 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-10 .level {
+ border-color: #760f36;
+}
+.component.profil .profil-flag.color-11 .level {
+ border-color: #219772;
+}
+.component.profil .profil-flag.color-12 .level {
+ border-color: #dbb200;
+}
+.component.profil .faction-flag {
+ display: block;
+ content: '';
+ width: 154px;
+ height: 241px;
+ margin: 0 auto;
+ background: url('src/desktop/faction/flag/flag-10.png') no-repeat;
+}
+.component.search-player {
+ position: relative;
+ background: transparent !important;
+}
+.component.search-player .box {
+ position: absolute;
+ top: 60px;
+ left: 50px;
+ width: 440px;
+ color: white;
+}
+.component.search-player .top {
+ background: rgba(0, 0, 0, 0.4);
+ padding: 10px;
+ border-radius: 3px 3px 0 0;
+}
+.component.search-player .top label {
+ display: block;
+ font-size: 16px;
+}
+.component.search-player .top input {
+ display: block;
+ border: none;
+ height: 40px;
+ width: 400px;
+ padding: 0 10px;
+ margin: 10px 0 0 0;
+ font-size: 20px;
+ color: #202020;
+ border-radius: 3px;
+}
+.component.search-player .center {
+ background: rgba(0, 0, 0, 0.8);
+ padding: 10px 25px 10px 10px;
+ min-height: 140px;
+ border-radius: 0 0 3px 3px;
+}
+.component.search-player .center .avatar {
+ float: left;
+ position: relative;
+ left: -20px;
+ width: 120px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: #0A0A0A;
+}
+.component.search-player .center .right {
+ margin-left: 140px;
+}
+.component.search-player .center h1 {
+ margin: 10px 0 0 0;
+ padding: 0;
+}
+.component.search-player .center hr {
+ margin: 10px 0;
+ border-color: #4F4F4F;
+}
+.component.search-player .center p {
+ margin: 5px 0;
+ padding: 0;
+}
+.component.search-player .center p span {
+ display: inline-block;
+ background: red;
+ line-height: 28px;
+ padding: 0 10px;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ border-right: none;
+}
+.component.search-player .center p span:first-child {
+ border-radius: 3px 0 0 3px;
+}
+.component.search-player .center p span:last-child {
+ border-radius: 0 3px 3px 0;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+}
+.component.search-player.color1 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component.search-player.color2 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component.search-player.color3 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.search-player.color4 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component.search-player.color5 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color6 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component.search-player.color7 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component.search-player.color8 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component.search-player.color9 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color10 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.component.search-player.color11 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.component.search-player.color12 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.new-message p.input {
+ position: relative;
+ background: white;
+ padding: 10px;
+ border-radius: 3px;
+}
+.component.new-message p.input:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ height: 0;
+ top: -12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+ left: 20px;
+}
+.component.new-message label {
+ display: block;
+ font-size: 13px;
+}
+.component.new-message .input-text input {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.new-message .input-area textarea {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+ max-width: 100%;
+ min-width: 100%;
+ height: 200px;
+}
+.component.new-message button {
+ display: inline-block;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 15px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #a92859;
+}
+.component.new-message button:hover,
+.component.new-message button:focus {
+ background: #4d0621;
+}
+.notif {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border-top: solid 1px #4F4F4F;
+ border-right: solid 1px #202020;
+ border-left: solid 1px #202020;
+}
+.notif h4 {
+ position: relative;
+ overflow: hidden;
+ margin: 0;
+ padding: 0 10px;
+ font-size: 14px;
+ line-height: 30px;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+ font-weight: normal;
+ cursor: pointer;
+ color: white;
+}
+.notif.unreaded h4:before {
+ position: absolute;
+ content: '';
+ width: 40px;
+ height: 40px;
+ background: white;
+ top: -5px;
+ right: -15px;
+ background: #a92859;
+ -webkit-transform: rotate(100deg);
+ -moz-transform: rotate(100deg);
+ -ms-transform: rotate(100deg);
+ -o-transform: rotate(100deg);
+ transform: rotate(100deg);
+}
+.notif .content {
+ display: none;
+ padding: 6px 8px;
+ line-height: 140%;
+ text-align: justify;
+ color: #efefef;
+}
+.notif .content p {
+ margin: 0;
+}
+.notif .content hr {
+ border: none;
+ background: none;
+ border-bottom: dashed 1px #202020;
+ margin: 5px 0;
+}
+.notif .content a {
+ color: white;
+}
+.notif .content .box-resource {
+ position: relative;
+ display: block;
+ margin: 5px 0;
+ padding: 5px 5px 5px 40px;
+}
+.notif .content .box-resource img {
+ position: absolute;
+ top: 6px;
+ left: 0;
+ border: solid 4px #4f4f4f;
+ border-radius: 100%;
+ border-color: #760f36;
+}
+.notif .content .box-resource .label {
+ display: block;
+ font-size: 12px;
+}
+.notif .content .box-resource .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+.notif .footer {
+ display: none;
+ margin: 0;
+ padding: 0 10px;
+ line-height: 18px;
+ padding: 5px 5px;
+ border-top: solid 1px #202020;
+ font-style: italic;
+ text-align: right;
+ color: #CCC;
+}
+.notif .footer a {
+ color: #CCC;
+}
+.notif.open .content {
+ display: block;
+}
+.notif.open .footer {
+ display: block;
+}
+.component.rc .rc {
+ position: relative;
+ margin: 20px 10px 20px 30px;
+ border-left: solid 1px #CCC;
+ padding: 0 10px;
+ height: 380px;
+ color: #CCC;
+}
+.component.rc .rc.no-tax {
+ margin: 20px 10px 20px 30px;
+ border-left: dashed 1px #4F4F4F;
+ padding: 0 10px;
+ color: #CCC;
+}
+.component.rc .rc a,
+.component.rc .rc strong {
+ color: white;
+}
+.component.rc .rc .icon-color {
+ width: 20px;
+}
+.component.rc .rc .base {
+ position: relative;
+ padding: 15px 0 15px 40px;
+ height: 50px;
+}
+.component.rc .rc .base:last-child {
+ position: absolute;
+ bottom: 0px;
+}
+.component.rc .rc .place {
+ position: absolute;
+ top: 0px;
+ left: -50px;
+ width: 78px;
+ height: 78px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component.rc .rc .general {
+ list-style: none inset;
+ margin: 10px 0;
+ padding: 0;
+}
+.component.rc .rc .general li {
+ margin: 10px 0;
+ list-style-type: none;
+}
+.component.rc .rc .general li strong {
+ display: block;
+ font-size: 20px;
+ font-weight: bold;
+}
+.component .situation-content {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 500px;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component .situation-content .line-help {
+ position: absolute;
+ display: block;
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ text-align: center;
+ border-radius: 100%;
+ background: #4d0621;
+}
+.component .situation-content .line-help.line-1 {
+ top: 55px;
+ left: 190px;
+}
+.component .situation-content .line-help.line-2 {
+ top: 145px;
+ left: 406px;
+}
+.component .situation-content .toolbar {
+ position: absolute;
+ top: 30px;
+ right: 30px;
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
+ border-radius: 3px;
+ background: #760f36;
+ z-index: 1;
+}
+.component .situation-content .toolbar a,
+.component .situation-content .toolbar span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 15px;
+ border-right: solid 1px black;
+ text-decoration: none;
+ color: white;
+}
+.component .situation-content .toolbar a img,
+.component .situation-content .toolbar span img {
+ position: relative;
+ top: -2px;
+ vertical-align: middle;
+ height: 18px;
+ width: 18px;
+}
+.component .situation-content .toolbar a:hover,
+.component .situation-content .toolbar a:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar form {
+ display: inline-block;
+}
+.component .situation-content .toolbar input {
+ height: 32px;
+ border: none;
+ background: none;
+ color: white;
+ padding: 0 15px;
+ font-size: inherit;
+}
+.component .situation-content .toolbar input:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar input.button {
+ background: url('src/desktop/common/edit.png') no-repeat center;
+}
+.component .situation-content .toolbar input.button:focus {
+ background: url('src/desktop/common/edit.png') no-repeat center rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .info {
+ position: absolute;
+ display: block;
+ width: 200px;
+ font-size: 12px;
+ color: #efefef;
+ line-height: 18px;
+}
+.component .situation-content .info strong {
+ color: white;
+ font-size: 14px;
+}
+.component .situation-content .info a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4f4f4f;
+}
+.component .situation-content .info a:hover,
+.component .situation-content .info a:focus {
+ border-color: #CCC;
+}
+.component .situation-content .commander {
+ position: absolute;
+ display: block;
+ text-decoration: none;
+ z-index: 1;
+}
+.component .situation-content .commander.empty {
+ color: #CCC;
+}
+.component .situation-content .commander.position-1-1 {
+ top: 135px;
+ left: 127px;
+}
+.component .situation-content .commander.position-1-2 {
+ top: 272px;
+ left: 100px;
+}
+.component .situation-content .commander.position-1-3 {
+ top: 415px;
+ left: 127px;
+}
+.component .situation-content .commander.position-2-1 {
+ top: 215px;
+ left: 352px;
+}
+.component .situation-content .commander.position-2-2 {
+ top: 272px;
+ left: 345px;
+}
+.component .situation-content .commander.position-2-3 {
+ top: 330px;
+ left: 352px;
+}
+.component .situation-content .commander.position-3 {
+ top: 355px;
+ left: 577px;
+}
+.component .situation-content .commander img {
+ width: 40px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+.component .situation-content .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.component .situation-content .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #760f36;
+}
+.component .situation-content .commander .info {
+ top: 8px;
+ left: 65px;
+ width: 160px;
+}
+.component .situation-content .commander .link {
+ display: none;
+ position: absolute;
+ top: 14px;
+ left: -16px;
+ width: 24px;
+ height: 24px;
+ font-size: 20px;
+ font-weight: bold;
+ text-decoration: none;
+ border-radius: 100%;
+ text-align: center;
+ z-index: 1;
+ border: solid 1px white;
+}
+.component .situation-content .commander .link.to-left {
+ background: url('src/desktop/mover/to-left.png') no-repeat center black;
+}
+.component .situation-content .commander .link.to-right {
+ background: url('src/desktop/mover/to-right.png') no-repeat center black;
+}
+.component .situation-content .commander:hover > .link {
+ display: block;
+}
+.component .situation-content .stellar {
+ position: absolute;
+ display: block;
+ top: 180px;
+ left: 560px;
+}
+.component .situation-content .stellar img {
+ width: 220px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .situation-content .stellar .info {
+ font-size: 12px;
+ border-left: solid 1px #202020;
+}
+.component .situation-content .stellar .info.top {
+ bottom: 215px;
+ left: 50px;
+ padding: 0 0 30px 10px;
+}
+.component .situation-content .stellar .info.top strong {
+ font-size: 20px;
+}
+.component .situation-content .stellar .info.bottom {
+ top: 225px;
+ left: 160px;
+ padding: 10px 0 0 10px;
+}
+.component .situation-content .stellar .info.middle {
+ top: 20px;
+ left: 182px;
+ padding: 10px 0 0 50px;
+ border: none;
+ border-top: solid 1px #202020;
+}
+.component .situation-content .attack-link {
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ text-align: center;
+}
+.component .situation-content .attack-link a {
+ display: inline-block;
+ line-height: 40px;
+ padding: 0 25px;
+ border-radius: 3px 3px 0 0;
+ background: #202020;
+ color: white;
+ text-decoration: none;
+ font-size: 16px;
+}
+.component .situation-content .attack-link a:hover,
+.component .situation-content .attack-link a:focus {
+ box-shadow: 0 0 5px 3px black;
+}
+.component .situation-content.color0 .line-help {
+ background: #202020;
+}
+.component .situation-content.color0 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #202020;
+}
+.component .situation-content.color0 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #202020;
+}
+.component .situation-content.color0 .attack-link a {
+ background: #202020;
+}
+.component .situation-content.color1 .line-help {
+ background: #510816;
+}
+.component .situation-content.color1 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component .situation-content.color1 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #6e161b;
+}
+.component .situation-content.color1 .attack-link a {
+ background: #6e161b;
+}
+.component .situation-content.color2 .line-help {
+ background: #0c0d44;
+}
+.component .situation-content.color2 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component .situation-content.color2 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #1f1471;
+}
+.component .situation-content.color2 .attack-link a {
+ background: #1f1471;
+}
+.component .situation-content.color3 .line-help {
+ background: #b17a00;
+}
+.component .situation-content.color3 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .situation-content.color3 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #dbb200;
+}
+.component .situation-content.color3 .attack-link a {
+ background: #dbb200;
+}
+.component .situation-content.color4 .line-help {
+ background: #310948;
+}
+.component .situation-content.color4 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component .situation-content.color4 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #5a1072;
+}
+.component .situation-content.color4 .attack-link a {
+ background: #5a1072;
+}
+.component .situation-content.color5 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color5 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color5 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color5 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-content.color6 .line-help {
+ background: #004948;
+}
+.component .situation-content.color6 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component .situation-content.color6 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #076b87;
+}
+.component .situation-content.color6 .attack-link a {
+ background: #076b87;
+}
+.component .situation-content.color7 .line-help {
+ background: #401b13;
+}
+.component .situation-content.color7 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component .situation-content.color7 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #67331d;
+}
+.component .situation-content.color7 .attack-link a {
+ background: #67331d;
+}
+.component .situation-content.color8 .line-help {
+ background: #c3590b;
+}
+.component .situation-content.color8 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component .situation-content.color8 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #d87913;
+}
+.component .situation-content.color8 .attack-link a {
+ background: #d87913;
+}
+.component .situation-content.color9 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color9 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color9 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color9 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-info {
+ display: table;
+ width: 100%;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: black;
+}
+.component .situation-info .item {
+ display: table-cell;
+ padding: 10px;
+ border-right: solid 1px #202020;
+}
+.component .situation-info .item .value {
+ font-size: 26px;
+ font-weight: bold;
+ display: block;
+}
+.component .build-item.base-type .desc {
+ margin: 10px 0 0 0;
+ padding: 15px;
+ font-size: 13px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+}
+.component .build-item.base-type .list-choice {
+ position: relative;
+ height: 140px;
+ background: url('src/desktop/base/type-base.png') no-repeat center;
+ margin: 0;
+ border-bottom: solid 1px #202020;
+}
+.component .build-item.base-type .list-choice button {
+ position: absolute;
+ padding: 0;
+ border: none;
+ background: transparent;
+ cursor: pointer;
+}
+.component .build-item.base-type .list-choice button.item-1 {
+ top: 35px;
+ left: 5px;
+}
+.component .build-item.base-type .list-choice button.item-2 {
+ top: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-3 {
+ bottom: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-4 {
+ top: 35px;
+ right: 5px;
+}
+.component .build-item.base-type .list-choice button img {
+ display: block;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.color1 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.color2 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.color3 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.color4 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.color5 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color6 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.color7 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.color8 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.color9 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color10 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.color11 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.color12 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .build-item.base-type .desc-choice {
+ display: none;
+}
+.component .build-item.base-type .desc-choice h4 {
+ border-bottom: solid 1px #202020;
+ padding: 0 0 5px 0;
+}
+.component .build-item.base-type .desc-choice p {
+ text-align: left;
+ color: #CCC !important;
+}
+.component .build-item.base-type .desc-choice p strong {
+ display: block;
+ color: white;
+}
+.component .build-item.base-type .desc-choice p strong.short {
+ display: inline-block;
+ width: 100px;
+}
+.component.list-fleet .set-fleet {
+ position: relative;
+ margin: 10px;
+ padding: 0 0 0 70px;
+ min-height: 80px;
+}
+.component.list-fleet .set-fleet img.place {
+ position: absolute;
+ top: -5px;
+ left: -20px;
+ width: 80px;
+ background: #0A0A0A;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet h2 {
+ padding: 10px 0;
+ margin: 0;
+}
+.component.list-fleet .set-fleet h2 a {
+ font-size: 13px;
+ color: white;
+ font-weight: normal;
+ text-decoration: none;
+}
+.component.list-fleet .set-fleet .item {
+ position: relative;
+ height: 60px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-bottom: none;
+ width: 777px;
+}
+.component.list-fleet .set-fleet .item:last-child {
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item a {
+ display: inline-block;
+ text-decoration: none;
+ color: #CCC;
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .left .top {
+ position: absolute;
+ left: 60px;
+ display: block;
+ width: 500px;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .left .status {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .right .top {
+ position: absolute;
+ right: 60px;
+ display: block;
+ width: 200px;
+ text-align: right;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .right .cover {
+ width: 50px;
+ margin: 5px;
+ padding: 0;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .center {
+ position: absolute;
+ top: 41px;
+ left: 70px;
+ right: 70px;
+}
+.component.list-fleet .set-fleet .item .center .ship {
+ position: absolute;
+ top: -10px;
+ left: -11px;
+ right: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship {
+ display: block;
+ width: 100%;
+ background: #4F4F4F;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ position: relative;
+ display: block;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship {
+ top: -11px;
+ right: -11px;
+ left: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar span {
+ position: absolute;
+ top: 4px;
+ right: 15px;
+ font-size: 10px;
+}
+.component.list-fleet .set-fleet .item.color1 .status {
+ background: #6e161b;
+}
+.component.list-fleet .set-fleet .item.color2 .status {
+ background: #1f1471;
+}
+.component.list-fleet .set-fleet .item.color3 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color4 .status {
+ background: #5a1072;
+}
+.component.list-fleet .set-fleet .item.color5 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color6 .status {
+ background: #076b87;
+}
+.component.list-fleet .set-fleet .item.color7 .status {
+ background: #67331d;
+}
+.component.list-fleet .set-fleet .item.color8 .status {
+ background: #d87913;
+}
+.component.list-fleet .set-fleet .item.color9 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color10 .status {
+ background: #760f36;
+}
+.component.list-fleet .set-fleet .item.color11 .status {
+ background: #219772;
+}
+.component.list-fleet .set-fleet .item.color12 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar {
+ background: #4F4F4F;
+}
+.component.list-fleet .set-fleet .item .show-commander {
+ position: absolute;
+ top: -1px;
+ right: -30px;
+ width: 28px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .show-commander:hover,
+.component.list-fleet .set-fleet .item .show-commander:focus,
+.component.list-fleet .set-fleet .item .show-commander.active {
+ background-color: #202020;
+}
+.component.table-fleet table {
+ margin: 10px;
+ width: 880px;
+ border-collapse: collapse;
+}
+.component.table-fleet table tr:nth-child(odd) {
+ background: black;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:nth-child(even) {
+ background: #0A0A0A;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:first-child {
+ background: transparent;
+}
+.component.table-fleet table th,
+.component.table-fleet table td {
+ height: 40px;
+ width: 40px;
+ text-align: center;
+}
+.component.table-fleet table td span.zero-value {
+ color: #4F4F4F;
+}
+.component.table-fleet table .base {
+ width: 100px;
+ text-align: left;
+ padding: 0 20px;
+}
+.component.table-fleet table .base a {
+ border: none;
+}
+.component.table-fleet table .base strong {
+ display: block;
+ font-size: 16px;
+}
+.component.table-fleet table .large {
+ width: auto;
+ text-align: left;
+ padding: 0 10px;
+}
+.component.table-fleet table .sep {
+ border-left: solid 1px #760f36;
+}
+.component.table-fleet table a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4F4F4F;
+ display: inline-block;
+}
+.component.table-fleet table th {
+ position: relative;
+ height: 70px;
+}
+.component.table-fleet table th span {
+ position: absolute;
+ bottom: 32px;
+ left: -10px;
+ display: block;
+ text-align: left;
+ width: 60px;
+ -ms-transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.component.commander-fleet .fleet {
+ vertical-align: top;
+ display: block;
+ text-align: center;
+}
+.component.commander-fleet .list-ship {
+ vertical-align: top;
+ display: inline-block;
+ width: 148px;
+}
+.component.commander-fleet .list-ship:first-child {
+ border-right: dashed 1px #4F4F4F;
+}
+.component.commander-fleet .list-ship a {
+ display: block;
+ position: relative;
+ margin: 6px;
+ height: 40px;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ border-radius: 3px;
+}
+.component.commander-fleet .list-ship a.empty {
+ opacity: 0.4;
+}
+.component.commander-fleet .list-ship img {
+ position: absolute;
+ display: inline-block;
+ width: 40px;
+}
+.component.commander-fleet .list-ship .text {
+ position: absolute;
+ left: 45px;
+ display: inline-block;
+ width: 88px;
+ color: white;
+}
+.component.commander-fleet .list-ship .text .quantity {
+ display: block;
+ font-weight: bold;
+ font-size: 18px;
+}
+.component.commander-fleet .army {
+ border-collapse: collapse;
+ width: 560px;
+ margin: 20px;
+}
+.component.commander-fleet .army td {
+ width: 65px;
+ padding: 5px;
+ border-right: dashed 1px #4F4F4F;
+ vertical-align: center;
+}
+.component.commander-fleet .army td:first-child {
+ width: auto;
+ vertical-align: top;
+ text-align: right;
+ padding: 0 20px;
+ font-size: 12px;
+}
+.component.commander-fleet .army tr:first-child td {
+ text-align: center;
+ padding: 10px 5px;
+ font-size: 18px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block {
+ display: block;
+ width: 54px;
+ height: 54px;
+ margin: 0 0 5px 0;
+ padding: 5px;
+ vertical-align: top;
+ border-radius: 5px;
+ background: #0A0A0A;
+ text-align: right;
+ border: solid 1px #202020;
+ color: #4F4F4F;
+}
+.component.commander-fleet .army .block.empty {
+ background: black;
+ border: solid 1px #0A0A0A;
+}
+.component.commander-fleet .army .block strong {
+ display: block;
+ font-size: 15px;
+ height: 38px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block em {
+ display: block;
+ padding: 2px;
+ font-size: 11px;
+ background: black;
+ text-align: center;
+ border-radius: 3px;
+}
+.component.commander-fleet .army .block.squadron {
+ border: solid 1px #4F4F4F;
+ color: white;
+ cursor: pointer;
+ background: #760f36;
+}
+.component.commander-fleet .army .block.squadron.full0 {
+ background: url('src/desktop/squadron/squadron0.png') no-repeat 4px 2px #760f36;
+}
+.component.commander-fleet .army .block.squadron.full1 {
+ background: url('src/desktop/squadron/squadron1.png') no-repeat 4px 2px #760f36;
+}
+.component.commander-fleet .army .block.squadron.full2 {
+ background: url('src/desktop/squadron/squadron2.png') no-repeat 4px 2px #760f36;
+}
+.component.commander-fleet .army .block.squadron.full3 {
+ background: url('src/desktop/squadron/squadron3.png') no-repeat 4px 2px #760f36;
+}
+.component.commander-fleet .army .block.squadron.active {
+ box-shadow: inset 0 0 6px black,
+ 0 0 2px 0 white;
+ border: dashed 1px white;
+}
+.component.report .commander {
+ position: relative;
+ display: block;
+ margin: 10px;
+ padding: 8px 0 8px 72px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component.report .commander img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component.report .commander strong {
+ display: block;
+ padding: 0 0 8px 0;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component.report .commander em {
+ display: block;
+ line-height: 20px;
+ color: white;
+ font-style: normal;
+ color: #efefef;
+}
+.component.report .commander em .bonus {
+ font-size: 90%;
+ margin: 2px 0 0 2px;
+ padding: 3px 6px;
+}
+.component.report .dammage {
+ margin: 10px;
+ background: black;
+}
+.component.report .dammage table {
+ width: 100%;
+ border-collapse: collapse;
+ border-left: solid 1px #202020;
+ border-right: solid 1px #202020;
+}
+.component.report .dammage td {
+ border-color: #202020;
+ border-width: 1px;
+ border-style: solid dashed;
+ padding: 4px;
+ vertical-align: center;
+ text-align: center;
+ color: #CCC;
+ width: 28px;
+ height: 22px;
+}
+.component.report .dammage td:first-child {
+ text-align: left;
+ padding: 4px 8px;
+ width: auto;
+}
+.component.report .dammage td span {
+ display: inline-block;
+ background: red;
+ line-height: 22px;
+ width: 22px;
+ border-radius: 3px;
+ color: white;
+ background: #4d0621;
+}
+.component.topic .message {
+ position: relative;
+ padding: 0 0 0 80px;
+ margin: 10px;
+ min-height: 70px;
+}
+.component.topic .message .avatar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 56px;
+ padding: 6px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.topic .message .content {
+ position: relative;
+ background: black;
+ border: solid 1px #202020;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component.topic .message .content:before {
+ position: absolute;
+ content: '';
+ top: 25px;
+ left: -18px;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent #202020 transparent transparent;
+}
+.component.topic .message .content .text {
+ margin: 0;
+ padding: 10px 10px 12px 10px;
+ border-bottom: solid 1px #0A0A0A;
+ color: #efefef;
+}
+.component.topic .message .content .text a,
+.component.topic .message .content .text strong {
+ color: white;
+}
+.component.topic .message .content .text a.color1 {
+ color: #b01e2d;
+}
+.component.topic .message .content .text a.color2 {
+ color: #2f23c0;
+}
+.component.topic .message .content .text a.color3 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text a.color4 {
+ color: #a935c7;
+}
+.component.topic .message .content .text a.color5 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color6 {
+ color: #05bed7;
+}
+.component.topic .message .content .text a.color7 {
+ color: #ac5832;
+}
+.component.topic .message .content .text a.color8 {
+ color: #f2b636;
+}
+.component.topic .message .content .text a.color9 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color10 {
+ color: #a92859;
+}
+.component.topic .message .content .text a.color11 {
+ color: #34b089;
+}
+.component.topic .message .content .text a.color12 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text .icon-color {
+ width: 15px;
+}
+.component.topic .message .content .footer {
+ margin: 0;
+ padding: 6px 10px;
+ font-size: 12px;
+ color: #CCC;
+}
+.component.topic .message .content .footer a {
+ color: #CCC;
+}
+.component.topic .message.write .content:before {
+ left: -17px;
+ top: 11px;
+ border-color: transparent white transparent transparent;
+}
+.component.topic .message.write .content textarea {
+ border: none;
+ padding: 5px;
+ width: 487px;
+ height: 120px;
+ max-width: 487px;
+ min-width: 487px;
+ min-height: 50px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content input {
+ margin: 6px;
+ font-family: inherit;
+}
+.component.topic .message.write .content .title {
+ border: none;
+ margin: 0;
+ padding: 5px;
+ width: 487px;
+ height: 30px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content button {
+ margin: 6px;
+ font-family: inherit;
+ background: #760f36;
+ border: none;
+ padding: 4px 8px;
+ color: white;
+ cursor: pointer;
+}
+.component.topic .message.write .content button:hover,
+.component.topic .message.write .content button:focus {
+ background: #4d0621;
+}
+.component.topic .system-message {
+ position: relative;
+ padding: 0 0 0 90px;
+ margin: 10px;
+}
+.component.topic .system-message:before {
+ content: '';
+ position: absolute;
+ top: 10px;
+ left: 0;
+ height: 1px;
+ width: 70px;
+ background: #4F4F4F;
+}
+.conv-item {
+ position: relative;
+ display: block;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+ height: 59px;
+ padding: 5px 5px 5px 70px;
+ margin: 0 10px;
+ color: white;
+ text-decoration: none;
+ overflow: hidden;
+}
+.conv-item .cover {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+ padding: 5px;
+}
+.conv-item .cover .picture {
+ width: 52px;
+ height: 52px;
+ background: #202020;
+ border-radius: 100%;
+ padding: 4px;
+}
+.conv-item .cover .picture.color0 {
+ box-shadow: 0 0 0 2px #4F4F4F;
+}
+.conv-item .cover .picture.color1 {
+ box-shadow: 0 0 0 2px #6e161b;
+}
+.conv-item .cover .picture.color2 {
+ box-shadow: 0 0 0 2px #1f1471;
+}
+.conv-item .cover .picture.color3 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .picture.color4 {
+ box-shadow: 0 0 0 2px #5a1072;
+}
+.conv-item .cover .picture.color5 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color6 {
+ box-shadow: 0 0 0 2px #076b87;
+}
+.conv-item .cover .picture.color7 {
+ box-shadow: 0 0 0 2px #67331d;
+}
+.conv-item .cover .picture.color8 {
+ box-shadow: 0 0 0 2px #d87913;
+}
+.conv-item .cover .picture.color9 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color10 {
+ box-shadow: 0 0 0 2px #760f36;
+}
+.conv-item .cover .picture.color11 {
+ box-shadow: 0 0 0 2px #219772;
+}
+.conv-item .cover .picture.color12 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .number,
+.conv-item .cover .new-message {
+ position: absolute;
+ width: 22px;
+ height: 22px;
+ border-radius: 100%;
+ background: #0A0A0A;
+ bottom: 5px;
+ right: 5px;
+ border: solid 1px #4F4F4F;
+ text-align: center;
+ line-height: 22px;
+ font-size: 11px;
+}
+.conv-item .cover .new-message {
+ left: 5px;
+ top: 5px;
+}
+.conv-item .cover .new-message img {
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin: 2px;
+}
+.conv-item .data {
+ line-height: 20px;
+}
+.conv-item:last-child {
+ border: solid 1px #202020;
+}
+.conv-item:hover,
+.conv-item:focus {
+ background: #0C0C0C;
+}
+.component.player .player {
+ position: relative;
+ display: inline-block;
+ margin: 10px 0 0 10px;
+ width: 211px;
+ height: 58px;
+ padding: 5px 5px 5px 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+ text-decoration: none;
+}
+.component.player .player a {
+ color: #ccc;
+ text-decoration: none;
+ border-bottom: solid 1px #202020;
+}
+.component.player .player a:hover,
+.component.player .player a:focus {
+ border-color: #4f4f4f;
+}
+.component.player .player img.picto {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 50px;
+ padding: 4px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.player .player .icon,
+.component.player .player .icon-color {
+ height: 16px;
+ padding: 1px;
+}
+.component.player .player span,
+.component.player .player strong {
+ display: block;
+ line-height: 20px;
+}
+.component.player .player strong {
+ font-size: 18px;
+}
+.component.player .player .online,
+.component.player .player .inactive {
+ position: absolute;
+ width: 18px;
+ height: 18px;
+ background: white;
+ top: 5px;
+ right: 5px;
+ border-radius: 100%;
+ background: #4F4F4F;
+}
+.component.player .player .online {
+ background: #a92859;
+}
+.component.player .player.faction {
+ border-left: solid 1px #0A0A0A !important;
+ width: 202px;
+}
+.component.player .player.faction img {
+ top: 0;
+ left: 10px;
+ padding: 0;
+ border: none;
+ border-radius: 0;
+ background: transparent;
+}
+.component.player.rank .player {
+ border-left: solid 10px #4F4F4F;
+ width: 190px;
+}
+.component.player.rank .player.color1 {
+ border-left-color: #b01e2d;
+}
+.component.player.rank .player.color2 {
+ border-left-color: #2f23c0;
+}
+.component.player.rank .player.color3 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player.color4 {
+ border-left-color: #a935c7;
+}
+.component.player.rank .player.color5 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color6 {
+ border-left-color: #05bed7;
+}
+.component.player.rank .player.color7 {
+ border-left-color: #ac5832;
+}
+.component.player.rank .player.color8 {
+ border-left-color: #f2b636;
+}
+.component.player.rank .player.color9 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color10 {
+ border-left-color: #a92859;
+}
+.component.player.rank .player.color11 {
+ border-left-color: #34b089;
+}
+.component.player.rank .player.color12 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player .title,
+.component.player.rank .player .points {
+ color: #BBB;
+}
+.component.player.rank .player .position {
+ display: block;
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ line-height: 38px;
+ width: 38px;
+ border: solid 1px #202020;
+ text-align: center;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance {
+ display: block;
+ position: absolute;
+ top: 5px;
+ right: -4px;
+ line-height: 26px;
+ width: 26px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ text-align: center;
+ font-size: 11px;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance.lower {
+ bottom: 5px;
+ top: auto;
+}
+.component.player.rank .player.active .position {
+ background: white;
+ border: solid 1px white;
+ color: #202020;
+}
+.component.player.size2 .player {
+ width: 208px;
+}
+.component.player.size1 .player {
+ width: 202px;
+}
+.component.transaction .transaction {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 10px;
+}
+.component.transaction .transaction .right-link {
+ position: absolute;
+ top: 2px;
+ right: 5px;
+ display: block;
+ color: #FFF;
+ text-decoration: none;
+}
+.component.transaction .transaction .product {
+ position: relative;
+ height: 70px;
+ padding: 5px 10px 5px 55px;
+ cursor: pointer;
+}
+.component.transaction .transaction .product .picto {
+ position: absolute;
+ top: 5px;
+ left: -20px;
+ width: 60px;
+ height: 60px;
+ padding: 4px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+}
+.component.transaction .transaction .product .rate {
+ position: absolute;
+ bottom: 5px;
+ right: 8px;
+}
+.component.transaction .transaction .product .offer {
+ overflow: hidden;
+ height: 32px;
+}
+.component.transaction .transaction .product .for {
+ position: relative;
+ border-top: solid 1px #202020;
+ margin: 8px 0 6px 0;
+ color: #4F4F4F;
+}
+.component.transaction .transaction .product .for span {
+ display: block;
+ position: absolute;
+ top: -10px;
+ left: 10px;
+ background: #0A0A0A;
+ padding: 0 10px;
+ font-size: 12px;
+}
+.component.transaction .transaction .product .price {
+ font-size: 19px;
+ font-weight: bold;
+}
+.component.transaction .transaction .product .price .icon-color {
+ width: 14px;
+ position: relative;
+ top: -2px;
+ padding: 1px;
+}
+.component.transaction .transaction.resources .product .offer {
+ font-size: 28px;
+ font-weight: bold;
+ line-height: 30px;
+}
+.component.transaction .transaction.resources .product .offer .icon-color {
+ width: 20px;
+ position: relative;
+ top: -5px;
+}
+.component.transaction .transaction.commander .product .offer strong,
+.component.transaction .transaction.ship .product .offer strong {
+ display: block;
+ font-size: 14px;
+}
+.component.transaction .transaction.commander .product .offer em,
+.component.transaction .transaction.ship .product .offer em {
+ display: block;
+ font-size: 11px;
+}
+.component.transaction .transaction .hidden {
+ display: none;
+}
+.component.transaction .transaction .info {
+ position: relative;
+ border-top: solid 1px #202020;
+ height: 88px;
+ background: black;
+}
+.component.transaction .transaction .info p {
+ font-size: 11px;
+ margin: 5px 8px;
+}
+.component.transaction .transaction .info .seller {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+}
+.component.transaction .transaction .info .seller a {
+ font-weight: bold;
+ color: white;
+}
+.component.transaction .transaction .info .seller .color1 {
+ color: #b01e2d;
+}
+.component.transaction .transaction .info .seller .color2 {
+ color: #2f23c0;
+}
+.component.transaction .transaction .info .seller .color3 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .seller .color4 {
+ color: #a935c7;
+}
+.component.transaction .transaction .info .seller .color5 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color6 {
+ color: #05bed7;
+}
+.component.transaction .transaction .info .seller .color7 {
+ color: #ac5832;
+}
+.component.transaction .transaction .info .seller .color8 {
+ color: #f2b636;
+}
+.component.transaction .transaction .info .seller .color9 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color10 {
+ color: #a92859;
+}
+.component.transaction .transaction .info .seller .color11 {
+ color: #34b089;
+}
+.component.transaction .transaction .info .seller .color12 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .price-detail {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+ right: 0;
+}
+.component.transaction .transaction .info .price-detail p {
+ text-align: right;
+}
+.component.transaction .transaction .info .price-detail p .icon-color {
+ width: 10px;
+ padding: 1px;
+}
+.component.transaction .transaction .info .price-detail p span {
+ color: #4F4F4F;
+}
+.component.transaction .transaction .button {
+ border-top: solid 1px #202020;
+ padding: 5px;
+}
+.component.transaction .transaction .button a,
+.component.transaction .transaction .button span {
+ display: block;
+ padding: 5px 10px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ line-height: 20px;
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component.transaction .transaction .button a {
+ background: #760f36;
+}
+.component.transaction .transaction .button a:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #a92859;
+}
+.component.transaction .transaction .button span {
+ background: #202020;
+ cursor: default;
+}
+.component.transaction .transaction .button .icon-color {
+ width: 14px;
+}
+.component.transaction .transaction .shipping {
+ position: relative;
+ background: black;
+ height: 30px;
+}
+.component.transaction .transaction .shipping .ships {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+}
+.component.transaction .transaction .shipping .ships .icon-color {
+ position: relative;
+ width: 16px;
+ margin-left: 5px;
+ top: -5px;
+}
+.component.transaction .transaction .shipping .time {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 12px;
+}
+.component.transaction .transaction .shipping .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 0 60px;
+ height: 3px;
+ top: 13px;
+ background: #4F4F4F;
+}
+.component.transaction .transaction .shipping .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #a92859;
+}
+.component .build-item.disable .button span {
+ color: #696969;
+}
+.component.transaction .new-transaction {
+ width: 279px;
+ position: absolute;
+ background: black;
+ z-index: 1;
+ padding: 10px;
+ border-bottom: solid 1px #a92859;
+}
+.component.transaction .new-transaction label {
+ position: relative;
+ display: block;
+ padding: 5px 0;
+}
+.component.transaction .new-transaction label input {
+ display: block;
+ padding: 5px 10px;
+ margin: 5px 0 0 0;
+ width: 259px;
+ border: none;
+}
+.component.transaction .new-transaction.resources label input {
+ font-size: 16px;
+ color: #202020;
+ font-weight: bold;
+}
+.component.transaction .new-transaction .indicator {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 15px;
+}
+.component.transaction .new-transaction .indicator span {
+ position: absolute;
+ display: inline-block;
+ padding: 1px 6px;
+ font-size: 12px;
+ color: white;
+ border-radius: 3px;
+ top: -5px;
+ background: #4d0621;
+}
+.component.transaction .new-transaction .indicator span.min-price {
+ left: 5px;
+}
+.component.transaction .new-transaction .indicator span.max-price {
+ right: 5px;
+}
+.component.market-sell .body {
+ padding: 10px 0;
+}
+.component.market-sell .label-box {
+ position: relative;
+ padding: 0 10px;
+ margin: 10px 0;
+}
+.component.market-sell .label-box .label {
+ display: inline-block;
+ width: 100px;
+ line-height: 30px;
+}
+.component.market-sell .label-box .value {
+ display: inline-block;
+ width: 147px;
+ padding: 0 5px;
+ border: none;
+ line-height: 30px;
+ border-radius: 3px;
+ font-size: 16px;
+}
+.component.market-sell .label-box input.value {
+ height: 30px;
+ background: white;
+}
+.component.market-sell .label-box .icon-color {
+ position: absolute;
+ top: 4px;
+ right: 16px;
+ width: 18px;
+}
+.component.market-sell .queue {
+ margin: 0 10px;
+ cursor: pointer;
+}
+.component.market-sell .sell-form {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 0 10px 10px 10px;
+}
+.component.market-sell .sell-form input[type='submit'] {
+ display: block;
+ width: 100%;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 10px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #a92859;
+}
+.component.market-sell .sell-form input[type='submit']:hover {
+ background: #4d0621;
+}
+.component.market-sell .sell-form input[disabled='disabled'] {
+ background: #202020 !important;
+}
+.wysiwyg {
+ display: block;
+ position: relative;
+}
+.wysiwyg .toolbar {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 5px;
+}
+.wysiwyg .toolbar button {
+ display: inline-block;
+ height: 26px;
+ line-height: 26px;
+ padding: 0 4px !important;
+ margin: 0 4px 0 0 !important;
+ background: #760f36;
+ color: white;
+ border-radius: 3px;
+ overflow: hidden;
+ vertical-align: top;
+}
+.wysiwyg .modal {
+ position: absolute;
+ top: 40px;
+ left: 10px;
+ right: 10px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ box-shadow: 0 0 15px black;
+}
+.wysiwyg .modal .header {
+ position: relative;
+}
+.wysiwyg .modal .header h2 {
+ margin: 0;
+ padding: 0;
+ line-height: 36px;
+ padding: 0 10px;
+ font-size: 16px;
+ font-weight: normal;
+}
+.wysiwyg .modal .header .right {
+ position: absolute;
+ top: 5px;
+ right: 10px;
+ width: 300px;
+ text-align: right;
+}
+.wysiwyg .modal .header .right button {
+ display: inline-block;
+ width: 26px !important;
+ height: 26px !important;
+ line-height: 26px !important<;
+ font-size: 14px;
+ padding: 0 !important;
+ margin: 0 0 0 5px !important;
+}
+.wysiwyg .modal input {
+ width: 435px;
+ border: none;
+ height: 30px;
+ margin: 0 10px 10px 10px !important;
+ padding: 0 10px !important;
+}
+.wysiwyg textarea {
+ padding-top: 40px !important;
+}
+.input-area .wysiwyg .toolbar {
+ padding: 0;
+}
+.component.params .checkbox {
+ display: block;
+ position: relative;
+ padding: 10px 10px 10px 40px;
+ margin: 10px;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component.params .checkbox input {
+ position: absolute;
+ top: 8px;
+ left: 10px;
+}
+#map {
+ position: absolute;
+ z-index: 100;
+ background: url('src/desktop/map/common/map.jpg') repeat black;
+ padding: 0;
+ top: 0;
+ left: 0;
+}
+#map #sectors {
+ z-index: 300;
+}
+#map #spying {
+ z-index: 400;
+}
+#map #own-base {
+ z-index: 500;
+}
+#map #commercial-routes {
+ z-index: 600;
+}
+#map #fleet-movements {
+ z-index: 700;
+}
+#map #attacks {
+ z-index: 800;
+}
+#map #systems {
+ z-index: 900;
+}
+#map #map-info {
+ z-index: 910;
+}
+#map > div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+#map #sectors polygon {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 4 4;
+ opacity: 0.15;
+}
+#map #sectors .ally1 {
+ fill: #6e161b;
+}
+#map #sectors .ally2 {
+ fill: #1f1471;
+}
+#map #sectors .ally3 {
+ fill: #dbb200;
+}
+#map #sectors .ally4 {
+ fill: #5a1072;
+}
+#map #sectors .ally5 {
+ fill: #2c7915;
+}
+#map #sectors .ally6 {
+ fill: #076b87;
+}
+#map #sectors .ally7 {
+ fill: #67331d;
+}
+#map #sectors .ally8 {
+ fill: #d87913;
+}
+#map #sectors .ally9 {
+ fill: #2c7915;
+}
+#map #sectors .ally10 {
+ fill: #760f36;
+}
+#map #sectors .ally11 {
+ fill: #219772;
+}
+#map #sectors .ally12 {
+ fill: #dbb200;
+}
+#map #spying circle {
+ opacity: 0.08;
+ stroke: white;
+}
+#map #own-base circle {
+ opacity: 0.1;
+ fill: white;
+}
+#map #commercial-routes line {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 20 5 5 5 5 10;
+}
+#map #commercial-routes line.standBy {
+ stroke: rgba(255, 255, 255, 0.3);
+}
+#map #fleet-movements line {
+ stroke-width: 1px;
+}
+#map #fleet-movements line.back {
+ stroke-dasharray: 15 5;
+}
+#map #attacks line {
+ stroke-width: 1px;
+}
+#map #attacks line.color1 {
+ stroke: #b01e2d;
+}
+#map #attacks line.color2 {
+ stroke: #2f23c0;
+}
+#map #attacks line.color3 {
+ stroke: #ffdb0f;
+}
+#map #attacks line.color4 {
+ stroke: #a935c7;
+}
+#map #attacks line.color5 {
+ stroke: #57c632;
+}
+#map #attacks line.color6 {
+ stroke: #05bed7;
+}
+#map #attacks line.color7 {
+ stroke: #ac5832;
+}
+#map #attacks line.color8 {
+ stroke: #f2b636;
+}
+#map #attacks line.color9 {
+ stroke: #57c632;
+}
+#map #attacks line.color10 {
+ stroke: #a92859;
+}
+#map #attacks line.color11 {
+ stroke: #34b089;
+}
+#map #attacks line.color12 {
+ stroke: #ffdb0f;
+}
+#map #attacks circle.color1 {
+ fill: #b01e2d;
+}
+#map #attacks circle.color2 {
+ fill: #2f23c0;
+}
+#map #attacks circle.color3 {
+ fill: #ffdb0f;
+}
+#map #attacks circle.color4 {
+ fill: #a935c7;
+}
+#map #attacks circle.color5 {
+ fill: #57c632;
+}
+#map #attacks circle.color6 {
+ fill: #05bed7;
+}
+#map #attacks circle.color7 {
+ fill: #ac5832;
+}
+#map #attacks circle.color8 {
+ fill: #f2b636;
+}
+#map #attacks circle.color9 {
+ fill: #57c632;
+}
+#map #attacks circle.color10 {
+ fill: #a92859;
+}
+#map #attacks circle.color11 {
+ fill: #34b089;
+}
+#map #attacks circle.color12 {
+ fill: #ffdb0f;
+}
+#map #systems a {
+ display: block;
+ position: absolute;
+ border-radius: 100%;
+}
+#map #systems a.active {
+ background: black;
+ box-shadow: 0 0 0 1px black,
+ 0 0 0 3px white,
+ 0 0 10px 8px black;
+}
+#map #systems a img {
+ display: block;
+ width: 20px;
+ height: 20px;
+ border: none;
+ border-radius: 100%;
+ -moz-border-radius: 100%;
+ -webkit-border-radius: 100%;
+ -ms-border-radius: 100%;
+ -o-border-radius: 100%;
+}
+#map #systems a img.own {
+ background: white;
+}
+#map #systems .sector-number {
+ position: absolute;
+ display: block;
+ font-size: 22px;
+ line-height: 40px;
+ width: 40px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 0 5px #0A0A0A, 0 0 0 6px #4F4F4F;
+ background: #202020;
+ color: white;
+ font-weight: bold;
+ cursor: pointer;
+}
+#map #systems .sector-number.color1 {
+ background: #6e161b;
+}
+#map #systems .sector-number.color2 {
+ background: #1f1471;
+}
+#map #systems .sector-number.color3 {
+ background: #dbb200;
+}
+#map #systems .sector-number.color4 {
+ background: #5a1072;
+}
+#map #systems .sector-number.color5 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color6 {
+ background: #076b87;
+}
+#map #systems .sector-number.color7 {
+ background: #67331d;
+}
+#map #systems .sector-number.color8 {
+ background: #d87913;
+}
+#map #systems .sector-number.color9 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color10 {
+ background: #760f36;
+}
+#map #systems .sector-number.color11 {
+ background: #219772;
+}
+#map #systems .sector-number.color12 {
+ background: #dbb200;
+}
+#map #systems .sector-info {
+ display: none;
+ position: absolute;
+ color: white;
+ background: black;
+ background: rgba(0, 0, 0, 0.9);
+ padding: 8px 16px;
+ border-radius: 3px;
+}
+#map #systems .sector-info:before {
+ content: '';
+ position: absolute;
+ left: -20px;
+ top: 20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent black transparent transparent;
+ border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
+}
+#map #systems .sector-info h2 {
+ position: relative;
+ font-size: 40px;
+ font-weight: bold;
+ line-height: 40px;
+ text-shadow: 0 0 5px black;
+ margin: 0;
+ padding: 0;
+}
+#map #systems .sector-info p {
+ font-size: 13px;
+ margin: 6px 0 0 0;
+ padding: 0;
+ font-weight: bold;
+ font-variant: small-caps;
+}
+#map #systems .sector-info p a {
+ position: static;
+ display: inline-block;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ margin: 0 5px 0 0;
+}
+#map #systems .sector-info.color1 p a {
+ background: #6e161b;
+}
+#map #systems .sector-info.color2 p a {
+ background: #1f1471;
+}
+#map #systems .sector-info.color3 p a {
+ background: #dbb200;
+}
+#map #systems .sector-info.color4 p a {
+ background: #5a1072;
+}
+#map #systems .sector-info.color5 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color6 p a {
+ background: #076b87;
+}
+#map #systems .sector-info.color7 p a {
+ background: #67331d;
+}
+#map #systems .sector-info.color8 p a {
+ background: #d87913;
+}
+#map #systems .sector-info.color9 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color10 p a {
+ background: #760f36;
+}
+#map #systems .sector-info.color11 p a {
+ background: #219772;
+}
+#map #systems .sector-info.color12 p a {
+ background: #dbb200;
+}
+#map #map-info {
+ display: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ bottom: auto;
+ height: auto;
+ width: auto;
+ margin: 40px 60px 0 0;
+ color: white;
+ text-align: right;
+}
+#map #map-info h2 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 38px;
+ line-height: 60px;
+}
+#map #map-info h3 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 40px;
+}
+#map #map-info ul {
+ margin: 10px 0;
+ padding: 0;
+ list-style: none;
+}
+#map #map-info ul li {
+ position: relative;
+ margin: 0;
+ padding: 0 40px 0 0;
+ line-height: 20px;
+ height: 20px;
+ font-style: italic;
+ color: #CCC;
+ font-size: 13px;
+}
+#map #map-info ul li img {
+ position: absolute;
+ right: 10px;
+ top: 0px;
+}
+#map #spying circle {
+ fill: #760f36;
+}
+#map #fleet-movements line {
+ stroke: #a92859;
+}
+#map #fleet-movements circle {
+ fill: #a92859;
+}
+#map-option {
+ z-index: 1000;
+ position: absolute;
+ display: inline-block;
+ height: 32px;
+ padding: 3px 0;
+ background: url('src/desktop/map/bOption.png') repeat-x;
+ top: 30px;
+ right: 20px;
+}
+#map-option:before {
+ content: '';
+ position: absolute;
+ display: block;
+ left: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bLeftOption.png');
+}
+#map-option:after {
+ content: '';
+ position: absolute;
+ display: block;
+ right: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bRightOption.png');
+}
+#map-option a {
+ position: relative;
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ margin: 1px 0 1px 1px;
+ background: #0A0A0A;
+}
+#map-option a.active {
+ background: #004948;
+}
+#map-option a img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 22px;
+}
+.color1 #map-option a.active {
+ background: #510816;
+}
+.color2 #map-option a.active {
+ background: #0c0d44;
+}
+.color3 #map-option a.active {
+ background: #b17a00;
+}
+.color4 #map-option a.active {
+ background: #310948;
+}
+.color5 #map-option a.active {
+ background: #24500a;
+}
+.color6 #map-option a.active {
+ background: #004948;
+}
+.color7 #map-option a.active {
+ background: #401b13;
+}
+.color8 #map-option a.active {
+ background: #c3590b;
+}
+.color9 #map-option a.active {
+ background: #24500a;
+}
+.color10 #map-option a.active {
+ background: #4d0621;
+}
+.color11 #map-option a.active {
+ background: #10684c;
+}
+.color12 #map-option a.active {
+ background: #b17a00;
+}
+#map-content {
+ z-index: 1000;
+ position: absolute;
+ top: 80px;
+ right: 20px;
+ display: block;
+}
+#map-content .mini-map {
+ position: relative;
+ width: 300px;
+ height: 300px;
+ overflow: hidden;
+ border: solid 1px #202020;
+ background: url('src/desktop/map/common/galaxy.jpg') no-repeat #0A0A0A;
+}
+#map-content .mini-map polygon {
+ stroke: white;
+ stroke-width: .5px;
+ opacity: 0.3;
+}
+#map-content .mini-map polygon:focus,
+#map-content .mini-map polygon:hover {
+ opacity: 0.1;
+ cursor: pointer;
+}
+#map-content .mini-map polygon.ally0 {
+ fill: #202020;
+}
+#map-content .mini-map polygon.ally1 {
+ fill: #6e161b;
+}
+#map-content .mini-map polygon.ally2 {
+ fill: #1f1471;
+}
+#map-content .mini-map polygon.ally3 {
+ fill: #dbb200;
+}
+#map-content .mini-map polygon.ally4 {
+ fill: #5a1072;
+}
+#map-content .mini-map polygon.ally5 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally6 {
+ fill: #076b87;
+}
+#map-content .mini-map polygon.ally7 {
+ fill: #67331d;
+}
+#map-content .mini-map polygon.ally8 {
+ fill: #d87913;
+}
+#map-content .mini-map polygon.ally9 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally10 {
+ fill: #760f36;
+}
+#map-content .mini-map polygon.ally11 {
+ fill: #219772;
+}
+#map-content .mini-map polygon.ally12 {
+ fill: #dbb200;
+}
+#map-content .mini-map .number {
+ position: absolute;
+ z-index: 600;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .sectors {
+ z-index: 500;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases {
+ z-index: 400;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases circle {
+ fill: rgba(255, 255, 255, 0.2);
+ stroke: white;
+}
+#map-content .mini-map .viewport {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: rgba(255, 255, 255, 0.1);
+ border: solid 1px white;
+ border-radius: 3px;
+}
+#map-content .mini-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 11px;
+}
+.map-movers {
+ display: none;
+ position: absolute;
+ z-index: 900;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+#coord-box {
+ z-index: 1000;
+ position: absolute;
+ bottom: 20px;
+ right: 20px;
+ width: 80px;
+ padding: 5px 10px;
+ background: rgba(0, 0, 0, 0.8);
+ color: white;
+ font-size: 20px;
+ text-align: center;
+}
+.tactical-map {
+ margin: 10px;
+ position: relative;
+ background: url('src/desktop/map/common/galaxy-large.jpg') repeat #0A0A0A;
+}
+.tactical-map polygon {
+ stroke: white;
+ stroke-width: .30px;
+ opacity: 0.15;
+}
+.tactical-map polygon.enabled {
+ position: relative;
+ stroke-width: 2px;
+ opacity: 0.80;
+ z-index: 1;
+}
+.tactical-map polygon.enabled.ally1 {
+ stroke: #510816;
+}
+.tactical-map polygon.enabled.ally2 {
+ stroke: #0c0d44;
+}
+.tactical-map polygon.enabled.ally3 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.enabled.ally4 {
+ stroke: #310948;
+}
+.tactical-map polygon.enabled.ally5 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally6 {
+ stroke: #004948;
+}
+.tactical-map polygon.enabled.ally7 {
+ stroke: #401b13;
+}
+.tactical-map polygon.enabled.ally8 {
+ stroke: #c3590b;
+}
+.tactical-map polygon.enabled.ally9 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally10 {
+ stroke: #4d0621;
+}
+.tactical-map polygon.enabled.ally11 {
+ stroke: #10684c;
+}
+.tactical-map polygon.enabled.ally12 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.ally0 {
+ fill: #202020;
+}
+.tactical-map polygon.ally1 {
+ fill: #6e161b;
+}
+.tactical-map polygon.ally2 {
+ fill: #1f1471;
+}
+.tactical-map polygon.ally3 {
+ fill: #dbb200;
+}
+.tactical-map polygon.ally4 {
+ fill: #5a1072;
+}
+.tactical-map polygon.ally5 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally6 {
+ fill: #076b87;
+}
+.tactical-map polygon.ally7 {
+ fill: #67331d;
+}
+.tactical-map polygon.ally8 {
+ fill: #d87913;
+}
+.tactical-map polygon.ally9 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally10 {
+ fill: #760f36;
+}
+.tactical-map polygon.ally11 {
+ fill: #219772;
+}
+.tactical-map polygon.ally12 {
+ fill: #dbb200;
+}
+.tactical-map .number {
+ position: absolute;
+ z-index: 800;
+ top: 0;
+ left: 0;
+}
+.tactical-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 12px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 1px white;
+}
+.tactical-map .number span.ally0 {
+ background: #0A0A0A;
+}
+.tactical-map .number span.ally1 {
+ background: #510816;
+}
+.tactical-map .number span.ally2 {
+ background: #0c0d44;
+}
+.tactical-map .number span.ally3 {
+ background: #b17a00;
+}
+.tactical-map .number span.ally4 {
+ background: #310948;
+}
+.tactical-map .number span.ally5 {
+ background: #24500a;
+}
+.tactical-map .number span.ally6 {
+ background: #004948;
+}
+.tactical-map .number span.ally7 {
+ background: #401b13;
+}
+.tactical-map .number span.ally8 {
+ background: #c3590b;
+}
+.tactical-map .number span.ally9 {
+ background: #24500a;
+}
+.tactical-map .number span.ally10 {
+ background: #4d0621;
+}
+.tactical-map .number span.ally11 {
+ background: #10684c;
+}
+.tactical-map .number span.ally12 {
+ background: #b17a00;
+}
+.tactical-map .number span.active {
+ background: white;
+ color: black;
+ box-shadow: 0 0 10px black;
+}
+.tactical-map.reactive polygon.enabled:hover,
+.tactical-map.reactive polygon.enabled.active {
+ cursor: pointer;
+}
+.tactical-map.reactive polygon.enabled:hover.ally1,
+.tactical-map.reactive polygon.enabled.active.ally1 {
+ fill: #510816;
+}
+.tactical-map.reactive polygon.enabled:hover.ally2,
+.tactical-map.reactive polygon.enabled.active.ally2 {
+ fill: #0c0d44;
+}
+.tactical-map.reactive polygon.enabled:hover.ally3,
+.tactical-map.reactive polygon.enabled.active.ally3 {
+ fill: #b17a00;
+}
+.tactical-map.reactive polygon.enabled:hover.ally4,
+.tactical-map.reactive polygon.enabled.active.ally4 {
+ fill: #310948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally5,
+.tactical-map.reactive polygon.enabled.active.ally5 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally6,
+.tactical-map.reactive polygon.enabled.active.ally6 {
+ fill: #004948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally7,
+.tactical-map.reactive polygon.enabled.active.ally7 {
+ fill: #401b13;
+}
+.tactical-map.reactive polygon.enabled:hover.ally8,
+.tactical-map.reactive polygon.enabled.active.ally8 {
+ fill: #c3590b;
+}
+.tactical-map.reactive polygon.enabled:hover.ally9,
+.tactical-map.reactive polygon.enabled.active.ally9 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally10,
+.tactical-map.reactive polygon.enabled.active.ally10 {
+ fill: #4d0621;
+}
+.tactical-map.reactive polygon.enabled:hover.ally11,
+.tactical-map.reactive polygon.enabled.active.ally11 {
+ fill: #10684c;
+}
+.tactical-map.reactive polygon.enabled:hover.ally12,
+.tactical-map.reactive polygon.enabled.active.ally12 {
+ fill: #b17a00;
+}
+#action-box {
+ display: block;
+ z-index: 1100;
+ position: absolute;
+ width: 100%;
+ height: 300px;
+ bottom: -300px;
+ left: 0;
+ border-top: solid 1px #0A0A0A;
+ background: black;
+ box-shadow: 0 0 15px black;
+}
+#action-box .header {
+ position: relative;
+ background: black;
+ border-bottom: solid 1px #202020;
+ height: 36px;
+ color: #EFEFEF;
+}
+#action-box .header ul {
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .header ul li {
+ display: inline-block;
+ line-height: 36px;
+ padding: 0 10px;
+ color: #CCC;
+ border-right: solid 1px #202020;
+}
+#action-box .header ul li a {
+ display: inline-block;
+ line-height: 24px;
+ margin: 3px 0;
+ padding: 0 6px;
+ text-decoration: none;
+ color: #CCC;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-right: none;
+ color: #8F8F8F;
+}
+#action-box .header ul li a:first-child {
+ border-radius: 3px 0 0 3px;
+}
+#action-box .header ul li a:last-child {
+ border-right: solid 1px #202020;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .header ul li a:hover,
+#action-box .header ul li a:focus {
+ background: #202020;
+ color: white;
+}
+#action-box .header ul li a.active {
+ color: white;
+ position: relative;
+ z-index: 1;
+ background: #4d0621;
+}
+#action-box .header ul li img {
+ position: relative;
+ top: 5px;
+ width: 20px;
+ border-radius: 100%;
+}
+#action-box .header .button {
+ position: absolute;
+ top: 7px;
+ right: 10px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ background: #202020;
+ border-radius: 3px;
+ text-decoration: none;
+ text-transform: uppercase;
+ color: white;
+}
+#action-box .header .button:focus,
+#action-box .header .button:hover {
+ background: #4F4F4F;
+}
+#action-box .body {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ height: 263px;
+ background: url('src/desktop/map/common/bLine.jpg') repeat-x center #080808;
+}
+#action-box .actbox-movers {
+ position: absolute;
+ display: block;
+ width: 60px;
+ height: 263px;
+ z-index: 1103;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#action-box .actbox-movers:hover,
+#action-box .actbox-movers:focus {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+#action-box .actbox-movers:active {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+#action-box .actbox-movers#actboxToLeft {
+ background: url('src/desktop/mover/left.png') no-repeat center;
+}
+#action-box .actbox-movers#actboxToRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center;
+}
+#action-box .body .system {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 263px;
+ width: 3000px;
+}
+#action-box .body .system ul {
+ display: inline-block;
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .body .system ul li {
+ display: inline-block;
+}
+#action-box .body .system ul li.place a,
+#action-box .body .system ul li.action {
+ width: 100px;
+ height: 260px;
+ border-top: solid 3px white;
+ position: relative;
+}
+#action-box .body .system ul li.place.color1 a,
+#action-box .body .system ul li.action.color1 {
+ border-top-color: #6e161b;
+}
+#action-box .body .system ul li.place.color2 a,
+#action-box .body .system ul li.action.color2 {
+ border-top-color: #1f1471;
+}
+#action-box .body .system ul li.place.color3 a,
+#action-box .body .system ul li.action.color3 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.place.color4 a,
+#action-box .body .system ul li.action.color4 {
+ border-top-color: #5a1072;
+}
+#action-box .body .system ul li.place.color5 a,
+#action-box .body .system ul li.action.color5 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color6 a,
+#action-box .body .system ul li.action.color6 {
+ border-top-color: #076b87;
+}
+#action-box .body .system ul li.place.color7 a,
+#action-box .body .system ul li.action.color7 {
+ border-top-color: #67331d;
+}
+#action-box .body .system ul li.place.color8 a,
+#action-box .body .system ul li.action.color8 {
+ border-top-color: #d87913;
+}
+#action-box .body .system ul li.place.color9 a,
+#action-box .body .system ul li.action.color9 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color10 a,
+#action-box .body .system ul li.action.color10 {
+ border-top-color: #760f36;
+}
+#action-box .body .system ul li.place.color11 a,
+#action-box .body .system ul li.action.color11 {
+ border-top-color: #219772;
+}
+#action-box .body .system ul li.place.color12 a,
+#action-box .body .system ul li.action.color12 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.star {
+ width: 300px;
+ height: 263px;
+ border-left: solid 1px #0F0F0F;
+ background: url('src/desktop/map/systems/default.png') no-repeat center center;
+}
+#action-box .body .system ul li.place a {
+ display: block;
+ border-left: solid 1px #0F0F0F;
+ text-align: center;
+}
+#action-box .body .system ul li.place a strong {
+ position: absolute;
+ bottom: 8px;
+ left: 10px;
+ font-size: 18px;
+ font-weight: bold;
+ color: white;
+}
+#action-box .body .system ul li.place a .land {
+ position: absolute;
+ z-index: 1102;
+ top: 88px;
+ left: 10px;
+ width: 80px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.place.active a .land {
+ box-shadow: 0 0 0 1px #202020;
+ background: #080808;
+}
+#action-box .body .system ul li.place a .avatar {
+ position: absolute;
+ z-index: 1101;
+ top: 10px;
+ left: 20px;
+ padding: 7px;
+ border: solid 1px #0F0F0F;
+ background: black;
+ width: 47px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action {
+ width: 0px;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .content {
+ position: absolute;
+ top: 9px;
+ left: 12px;
+ height: 240px;
+ width: 545px;
+ background: #111111;
+ border: solid 1px #202020;
+ box-shadow: inset 0 0 5px black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .content:before {
+ content: '';
+ position: absolute;
+ top: 107px;
+ left: -24px;
+ border-width: 12px;
+ border-style: solid;
+ border-color: transparent #202020 transparent transparent;
+}
+#action-box .body .system ul li.action .content .column {
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ height: 240px;
+ border-right: solid 1px #202020;
+ color: white;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link {
+ position: absolute;
+ top: 6px;
+ right: 8px;
+ opacity: .5;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link:hover,
+#action-box .body .system ul li.action .content .column .last-spy-link:focus {
+ opacity: 1;
+}
+#action-box .body .system ul li.action .content .column.info {
+ width: 199px;
+}
+#action-box .body .system ul li.action .content .column.act {
+ width: 345px;
+ border-right: none;
+}
+#action-box .body .system ul li.action .content .column p {
+ margin: 2px 10px;
+}
+#action-box .body .system ul li.action .content .column a {
+ color: white;
+}
+#action-box .body .system ul li.action .content .column hr {
+ margin: 8px 10px;
+ border: none;
+ background: none;
+ border-bottom: solid 1px #202020;
+}
+#action-box .body .system ul li.action .content .column strong {
+ line-height: 30px;
+}
+#action-box .body .system ul li.action .content .column.info strong {
+ line-height: 28px;
+ font-size: 18px;
+}
+#action-box .body .system ul li.action .content .column .label {
+ display: inline-block;
+ width: 78px;
+ font-size: 12px;
+}
+#action-box .body .system ul li.action .content .column .value {
+ display: inline-block;
+ width: 100px;
+ text-align: left;
+}
+#action-box .body .system ul li.action .content .column .value .icon,
+#action-box .body .system ul li.action .content .column .value .icon-color {
+ width: 18px;
+ height: 18px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .content .column.act .top .grey {
+ opacity: .4;
+}
+#action-box .body .system ul li.action .content .column.act .top img {
+ width: 45px;
+ padding: 8px;
+ margin: 0 4px 2px 0;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action .content .column .top,
+#action-box .body .system ul li.action .content .column .bottom {
+ padding: 5px;
+}
+#action-box .body .system ul li.action .box {
+ display: none;
+ position: absolute;
+ left: 10px;
+ right: 10px;
+ bottom: 10px;
+ top: 80px;
+ background: black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .box:nth-child(1) {
+ display: block;
+}
+#action-box .body .system ul li.action .box:before {
+ content: '';
+ position: absolute;
+ top: -20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent transparent black transparent;
+}
+#action-box .body .system ul li.action .box:nth-child(1):before {
+ left: 15px;
+}
+#action-box .body .system ul li.action .box:nth-child(2):before {
+ left: 84px;
+}
+#action-box .body .system ul li.action .box:nth-child(3):before {
+ left: 152px;
+}
+#action-box .body .system ul li.action .box:nth-child(4):before {
+ left: 218px;
+}
+#action-box .body .system ul li.action .box:nth-child(5):before {
+ left: 284px;
+}
+#action-box .body .system ul li.action .box h2 {
+ margin: 0;
+ padding: 0 11px;
+ line-height: 35px;
+ font-size: 15px;
+}
+#action-box .body .system ul li.action .box .box-content {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 0 0 3px 3px;
+ padding: 8px 10px;
+ background: #080808;
+ border: solid 1px black;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item {
+ display: none;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button {
+ display: inline-block;
+ width: 100px;
+ text-decoration: none;
+ margin: 8px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .picto {
+ float: left;
+ width: 30px;
+ height: 30px;
+ margin: 0 5px 0 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button span {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form {
+ margin-top: 10px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form input {
+ width: 187px;
+ padding: 7px;
+ border: none;
+ background: white;
+ border-radius: 3px 0 0 3px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button {
+ width: 100px;
+ padding: 6px 6px;
+ border: none;
+ color: white;
+ background: #760f36;
+ cursor: pointer;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button:hover,
+#action-box .body .system ul li.action .box .box-content .spy-form button:focus {
+ background: #4d0621;
+}
+#action-box .body .system ul li.action .box .box-content .label-box {
+ display: inline-block;
+ width: 50%;
+ margin: 5px 0;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .key {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .val {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+#action-box .body .system ul li.action .box .box-content .rc {
+ margin: 5px 0 0 0;
+ padding: 10px 10px 0 50px;
+ border-top: solid 1px #202020;
+}
+#action-box .body .system ul li.action .box .box-content .rc .planet {
+ position: absolute;
+ top: -25px;
+ left: -25px;
+ width: 76px;
+ height: 76px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+#action-box .body .system ul li.action .box .box-content .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .button {
+ display: inline-block;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ line-height: 26px;
+ margin: 5px 0 0 0;
+ padding: 0 8px;
+ text-align: center;
+ text-decoration: none;
+}
+#action-box .body .system ul li.action .box .box-content a.button {
+ background: #760f36;
+ border: #4d0621;
+}
+#action-box .body .system ul li.action .box .box-content a.button:hover,
+#action-box .body .system ul li.action .box .box-content a.button:focus {
+ background: #4d0621;
+}
+.component.admin table {
+ margin: 10px;
+ border-collapse: collapse;
+ width: 877px;
+}
+.component.admin table tr {
+ border-bottom: solid 1px #202020;
+}
+.component.admin table td {
+ padding: 5px 10px;
+ vertical-align: top;
+}
+.component.admin table .button {
+ display: inline-block;
+ padding: 0 5px;
+ line-height: 25px;
+ min-width: 15px;
+ text-align: center;
+ color: white;
+ border-radius: 3px;
+ background: #4F4F4F;
+ text-decoration: none;
+}
+.component.admin table td:nth-child(1) {
+ width: 50px;
+}
+.component.admin table td:nth-child(2) {
+ width: 100px;
+}
+.component.admin table td:nth-child(3) {
+ width: auto;
+}
+.component.admin table td:nth-child(4) {
+ width: 80px;
+}
+.on-off-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #760f36;
+ border: solid 1px #4d0621;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+.on-off-button:hover,
+.on-off-button:focus {
+ background: #4d0621;
+ border-color: #760f36;
+}
+.on-off-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+.inscription {
+ /* SUBNAV */
+ /* ALLY */
+}
+.inscription #nav .box.left span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 10px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 80px;
+ text-align: center;
+ color: #4f4f4f;
+ text-decoration: none;
+ font-variant: small-caps;
+}
+.inscription #nav .box.left span.active {
+ color: white;
+}
+.inscription #nav .box.right {
+ display: none;
+}
+.inscription #inscription-subnav {
+ position: fixed;
+ top: 45px;
+ left: 0;
+ width: 210px;
+ margin: 0 20px 0 60px;
+ z-index: 500;
+}
+.inscription #inscription-subnav .bind {
+ height: 15px;
+ background: url('src/desktop/inscriptionSubnav/bBind.png') no-repeat center;
+}
+.inscription #inscription-subnav .head {
+ position: relative;
+ height: 214px;
+ background: url('src/desktop/inscriptionSubnav/bHead.png') no-repeat center;
+}
+.inscription #inscription-subnav .head h2 {
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ top: 5px;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 24px;
+ width: 210px;
+ overflow: hidden;
+ text-align: center;
+ color: white;
+}
+.inscription #inscription-subnav .head img {
+ position: absolute;
+ top: 43px;
+ left: 28px;
+ width: 125px;
+ height: 125px;
+ background: #0A0A0A;
+}
+.inscription #inscription-subnav .head .level {
+ position: absolute;
+ display: block;
+ bottom: 15px;
+ left: 0;
+ width: 100%;
+ font-size: 20px;
+ line-height: 41px;
+ color: white;
+ text-align: center;
+ background: url('src/desktop/inscriptionSubnav/bLevel.png') no-repeat center;
+}
+.inscription #inscription-subnav .head .experience {
+ position: absolute;
+ display: inline-block;
+ top: 50px;
+ right: 32px;
+ width: 21px;
+ height: 112px;
+}
+.inscription #inscription-subnav .head .experience .value {
+ position: absolute;
+ display: block;
+ width: 100%;
+ bottom: 0;
+ border-radius: 3px;
+}
+.inscription #inscription-subnav .foot {
+ height: 290px;
+}
+.inscription #movers .toLeft {
+ left: 0 !important;
+}
+.inscription .component.inscription img.color1 {
+ background: #6e161b !important;
+}
+.inscription .component.inscription img.color2 {
+ background: #1f1471 !important;
+}
+.inscription .component.inscription img.color3 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription img.color4 {
+ background: #5a1072 !important;
+}
+.inscription .component.inscription img.color5 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color6 {
+ background: #076b87 !important;
+}
+.inscription .component.inscription img.color7 {
+ background: #67331d !important;
+}
+.inscription .component.inscription img.color8 {
+ background: #d87913 !important;
+}
+.inscription .component.inscription img.color9 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color10 {
+ background: #760f36 !important;
+}
+.inscription .component.inscription img.color11 {
+ background: #219772 !important;
+}
+.inscription .component.inscription img.color12 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription .chooseLink {
+ display: block;
+ margin: 10px;
+ padding: 10px 60px 10px 20px;
+ background: url('src/desktop/mover/right.png') no-repeat 235px center #CCC;
+ text-decoration: none;
+ color: white;
+ text-shadow: 0 0 2px black;
+ border: solid 1px #202020;
+ cursor: pointer;
+ -webkit-transition: all linear 200ms;
+ -moz-transition: all linear 200ms;
+ -ms-transition: all linear 200ms;
+ -o-transition: all linear 200ms;
+ transition: all linear 200ms;
+}
+.inscription .component.inscription .chooseLink:focus,
+.inscription .component.inscription .chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+.inscription .component.inscription button.chooseLink {
+ width: 277px;
+ text-align: left;
+}
+.inscription .component.inscription.color1 .chooseLink {
+ background-color: #6e161b;
+}
+.inscription .component.inscription.color2 .chooseLink {
+ background-color: #1f1471;
+}
+.inscription .component.inscription.color3 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color4 .chooseLink {
+ background-color: #5a1072;
+}
+.inscription .component.inscription.color5 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color6 .chooseLink {
+ background-color: #076b87;
+}
+.inscription .component.inscription.color7 .chooseLink {
+ background-color: #67331d;
+}
+.inscription .component.inscription.color8 .chooseLink {
+ background-color: #d87913;
+}
+.inscription .component.inscription.color9 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color10 .chooseLink {
+ background-color: #760f36;
+}
+.inscription .component.inscription.color11 .chooseLink {
+ background-color: #219772;
+}
+.inscription .component.inscription.color12 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color1 .chooseLink:hover,
+.inscription .component.inscription.color1 .chooseLink:focus {
+ background-color: #510816;
+}
+.inscription .component.inscription.color2 .chooseLink:hover,
+.inscription .component.inscription.color2 .chooseLink:focus {
+ background-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .chooseLink:hover,
+.inscription .component.inscription.color3 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription.color4 .chooseLink:hover,
+.inscription .component.inscription.color4 .chooseLink:focus {
+ background-color: #310948;
+}
+.inscription .component.inscription.color5 .chooseLink:hover,
+.inscription .component.inscription.color5 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color6 .chooseLink:hover,
+.inscription .component.inscription.color6 .chooseLink:focus {
+ background-color: #004948;
+}
+.inscription .component.inscription.color7 .chooseLink:hover,
+.inscription .component.inscription.color7 .chooseLink:focus {
+ background-color: #401b13;
+}
+.inscription .component.inscription.color8 .chooseLink:hover,
+.inscription .component.inscription.color8 .chooseLink:focus {
+ background-color: #c3590b;
+}
+.inscription .component.inscription.color9 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color10 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #4d0621;
+}
+.inscription .component.inscription.color11 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #10684c;
+}
+.inscription .component.inscription.color12 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription .chooseLink strong {
+ display: block;
+ font-size: 15px;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+}
+.inscription .component.inscription .chooseLink em {
+ font-style: normal;
+}
+.inscription .component.inscription span.chooseLink {
+ background: #202020 !important;
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+ cursor: auto;
+ padding: 10px;
+}
+.inscription .component.inscription span.chooseLink:focus,
+.inscription .component.inscription span.chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+}
+.inscription .component.inscription blockquote {
+ line-height: 200%;
+}
+.inscription .component.inscription #pseudo,
+.inscription .component.inscription #base {
+ position: relative;
+ width: 100%;
+ border: none;
+ padding: 12px 0;
+ margin: 0;
+ text-align: center;
+ font-size: 26px;
+ font-weight: bold;
+ background: white;
+ border-radius: 3px;
+}
+.inscription .component.inscription.color1 #pseudo {
+ color: #510816;
+}
+.inscription .component.inscription.color2 #pseudo {
+ color: #0c0d44;
+}
+.inscription .component.inscription.color3 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription.color4 #pseudo {
+ color: #310948;
+}
+.inscription .component.inscription.color5 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color6 #pseudo {
+ color: #004948;
+}
+.inscription .component.inscription.color7 #pseudo {
+ color: #401b13;
+}
+.inscription .component.inscription.color8 #pseudo {
+ color: #c3590b;
+}
+.inscription .component.inscription.color9 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color10 #pseudo {
+ color: #4d0621;
+}
+.inscription .component.inscription.color11 #pseudo {
+ color: #10684c;
+}
+.inscription .component.inscription.color12 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription .avatars {
+ padding: 5px;
+ text-align: center;
+}
+.inscription .component.inscription .avatar {
+ position: relative;
+ display: inline-block;
+ margin: 0 5px;
+ padding: 5px;
+ background: #202020;
+ border: solid 5px #0A0A0A;
+ border-radius: 100%;
+}
+.inscription .component.inscription .avatar input {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+.inscription .component.inscription .avatar img {
+ display: block;
+ width: 117px;
+ cursor: pointer;
+ border-radius: 100%;
+}
+.inscription .component.inscription.color1 .avatar:hover {
+ border-color: #510816;
+}
+.inscription .component.inscription.color2 .avatar:hover {
+ border-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color4 .avatar:hover {
+ border-color: #310948;
+}
+.inscription .component.inscription.color5 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color6 .avatar:hover {
+ border-color: #004948;
+}
+.inscription .component.inscription.color7 .avatar:hover {
+ border-color: #401b13;
+}
+.inscription .component.inscription.color8 .avatar:hover {
+ border-color: #c3590b;
+}
+.inscription .component.inscription.color9 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color10 .avatar:hover {
+ border-color: #4d0621;
+}
+.inscription .component.inscription.color11 .avatar:hover {
+ border-color: #10684c;
+}
+.inscription .component.inscription.color12 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color1 .avatar.active {
+ border-color: #b01e2d;
+}
+.inscription .component.inscription.color2 .avatar.active {
+ border-color: #2f23c0;
+}
+.inscription .component.inscription.color3 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription .component.inscription.color4 .avatar.active {
+ border-color: #a935c7;
+}
+.inscription .component.inscription.color5 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color6 .avatar.active {
+ border-color: #05bed7;
+}
+.inscription .component.inscription.color7 .avatar.active {
+ border-color: #ac5832;
+}
+.inscription .component.inscription.color8 .avatar.active {
+ border-color: #f2b636;
+}
+.inscription .component.inscription.color9 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color10 .avatar.active {
+ border-color: #a92859;
+}
+.inscription .component.inscription.color11 .avatar.active {
+ border-color: #34b089;
+}
+.inscription .component.inscription.color12 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription #alert {
+ bottom: -12px;
+ z-index: 10000;
+}
+.inscription .build-item {
+ min-height: 60px;
+}
+.inscription .build-item .name {
+ padding-top: 2px !important;
+}
+.inscription .build-item .name strong {
+ font-size: 16px !important;
+}
+.inscription .build-item .name em {
+ font-size: 12px !important;
+}
+.color0 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor0.png') no-repeat top left;
+}
+.color1 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor1.png') no-repeat top left;
+}
+.color2 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor2.png') no-repeat top left;
+}
+.color3 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor3.png') no-repeat top left;
+}
+.color4 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor4.png') no-repeat top left;
+}
+.color5 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor5.png') no-repeat top left;
+}
+.color6 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor6.png') no-repeat top left;
+}
+.color7 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor7.png') no-repeat top left;
+}
+.color8 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor8.png') no-repeat top left;
+}
+.color9 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor9.png') no-repeat top left;
+}
+.color10 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor10.png') no-repeat top left;
+}
+.color11 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor11.png') no-repeat top left;
+}
+.color12 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor12.png') no-repeat top left;
+}
+/* AUTOCOMPLETE MODULE */
+.ac_results {
+ width: 100%;
+ padding: 0px;
+ border: 1px solid #4F4F4F;
+ background-color: white;
+ overflow: hidden;
+ z-index: 99999;
+ box-shadow: 0 0 6px black;
+ border-radius: 3px;
+}
+.ac_results ul {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style-position: outside;
+ list-style: none;
+}
+.ac_results ul li {
+ padding: 4px 8px;
+ margin: 0px;
+ cursor: default;
+ display: block;
+ border-bottom: solid 1px #CCC;
+ overflow: hidden;
+}
+.ac_results ul li:last-child {
+ border: none;
+}
+.ac_results .img {
+ float: left;
+ width: 36px;
+ background: #202020;
+ border-radius: 3px;
+ margin: 0 8px 0 0;
+}
+.ac_results .value-1,
+.ac_results .value-2 {
+ display: block;
+ line-height: 18px;
+}
+.ac_results .value-1 {
+ font-weight: bold;
+}
+.ac_loading {
+ background: white url('src/desktop/module/indicator.gif') right center no-repeat;
+}
+.ac_over {
+ background: #efefef;
+}
+.ac_results .ac_over strong {
+ color: black;
+}
+.ac_results .ac_over img {
+ background: white;
+}
diff --git a/public/css/main.desktop.v3.color11.css b/public/css/main.desktop.v3.color11.css
index f7e5e40b9..454952631 100644
--- a/public/css/main.desktop.v3.color11.css
+++ b/public/css/main.desktop.v3.color11.css
@@ -1 +1,6737 @@
-html{height:100%}body{margin:0;padding:0;font-family:Roboto,'Trebuchet MS',Arial,sans-serif;font-size:13px}.bull{display:none;position:absolute;z-index:1200;padding:4px 8px;max-width:280px;color:#fff;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px}.bull.top:before{bottom:-14px;border-color:#4F4F4F transparent transparent transparent}.bull.bottom:before{top:-14px;border-color:transparent transparent #4F4F4F transparent}.bull.left:before{right:9pt}.bull.right:before{left:9pt}body{width:100%;height:100%;overflow:hidden;background:#000}#nav,#tools{position:fixed;width:100%;height:26px;background:url(src/desktop/tools/bTools.png) repeat-x #000;box-shadow:0 0 10px #000;z-index:1000;border-color:#34b089}#nav{top:0;left:0;background:url(src/desktop/nav/bNav.png) repeat-x #000;border-bottom:solid 3px #000}#tools{bottom:0;left:0;background:url(src/desktop/tools/bTools.png) repeat-x #000;border-top:solid 3px #000}#container{position:absolute;top:29px;left:0;margin:0;padding:0;width:100%;background:#000;overflow:hidden;z-index:0;background:url(src/desktop/global/background.jpg) repeat-x #000}.icon,.icon-color{display:inline-block;vertical-align:bottom;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.icon-color{background:#34b089!important}#background-paralax{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat bottom left transparent;z-index:100;background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.profil{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.message{background-image:url(src/desktop/screen/message.jpg)}#background-paralax.fleet{background-image:url(src/desktop/screen/fleet.jpg)}#background-paralax.financial{background-image:url(src/desktop/screen/financial.jpg)}#background-paralax.technology{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.rank{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.params{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.bases{background-image:url(src/desktop/screen/base.jpg)}#movers a{position:absolute;width:60px;height:100%;z-index:400;background:red;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#movers a:focus,#movers a:hover{background-color:rgba(255,255,255,.08)}#movers a:active{background-color:rgba(255,255,255,.2)}#movers .toLeft{top:0;left:60px;background:url(src/desktop/mover/left.png) no-repeat center transparent}#movers .toRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center transparent}.component.financial table{border-collapse:collapse;width:100%}.component.financial td{vertical-align:top;width:50%}.component.uni .build-item{height:60px;margin:20px}.component.techno .build-item .name strong{font-size:1pc}.component.school .build-item .name strong{font-size:18px}.component.generator table{width:100%;border-collapse:collapse}.component.dock1 table{width:100%;border-collapse:collapse}.component.space .fix-body{background:url(src/desktop/base/situation.jpg) no-repeat top left #000}.component.memorial blockquote{font-size:22px;margin:30px 15px 0 30px;line-height:160%;font-weight:700;text-align:center}.component .info-building{margin:10px;padding:0;font-size:13px;border-top:solid 1px #4F4F4F}.component .info-building h4{margin:10px}.component .info-building p{font-size:13px}#nav .box a,#nav .box>span,#tools .box a,#tools .box>span{position:relative;display:inline-block;line-height:2pc;padding:0 25px;margin:5px 2px;font-size:14px;width:150px;color:#fff;text-decoration:none;font-variant:small-caps;background:url(src/desktop/button/bButtonMiddle.png) repeat-x}#nav .box a:before,#nav .box>span:before,#tools .box a:before,#tools .box>span:before{content:'';position:absolute;top:0;left:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonLeft.png) no-repeat}#nav .box a:after,#nav .box>span:after,#tools .box a:after,#tools .box>span:after{content:'';position:absolute;top:0;right:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonRight.png) no-repeat}#nav .box a.current-base,#tools .box a.current-base{margin-left:56px}#nav .box a.current-base img,#tools .box a.current-base img{position:absolute;top:-1pc;left:-54px;background:#000;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:solid 2px #4F4F4F;width:60px}#nav .box a:focus:before,#nav .box a:hover:before,#tools .box a:focus:before,#tools .box a:hover:before{background:url(src/desktop/button/bButtonLeftHover.png) repeat}#nav .box a:focus:after,#nav .box a:hover:after,#tools .box a:focus:after,#tools .box a:hover:after{background:url(src/desktop/button/bButtonRightHover.png) repeat}#nav .box a.active,#tools .box a.active{background:url(src/desktop/button/bButtonMiddleActive.png) repeat}#nav .box a.active:before,#tools .box a.active:before{background:url(src/desktop/button/bButtonLeftActive.png) repeat}#nav .box a.active:after,#tools .box a.active:after{background:url(src/desktop/button/bButtonRightActive.png) repeat}#nav .box a.square,#tools .box a.square{position:relative;padding:0 5px;margin:5px 2px;height:2pc;width:30px;background:url(src/desktop/button/bLittleButton.png) no-repeat;vertical-align:top}#nav .box a.square:after,#nav .box a.square:before,#tools .box a.square:after,#tools .box a.square:before{display:none}#nav .box a.square:focus,#nav .box a.square:hover,#tools .box a.square:focus,#tools .box a.square:hover{background:url(src/desktop/button/bLittleButtonHover.png) no-repeat}#nav .box a.square.active,#tools .box a.square.active{background:url(src/desktop/button/bLittleButtonActive-c11.png) no-repeat}#nav .box a.square.active.flashy,#tools .box a.square.active.flashy{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 9pt #34b089}#nav .box a.square img,#tools .box a.square img{position:absolute;width:24px;top:3px;left:8px}#nav .box a.square span.number,#tools .box a.square span.number{position:absolute;top:-5px;right:-5px;width:18px;line-height:18px;text-align:center;font-size:11px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#10684c}#nav .box{position:absolute;display:inline-block;height:46px;padding:0 3px;background:url(src/desktop/nav/bNavBox.png) repeat-x}#nav .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxLeft.png) no-repeat}#nav .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxRight.png) no-repeat}#nav .box.left{top:0;left:25px}#nav .box.left-2{top:0;left:420px}#nav .box.left-3{top:0;left:732px}#nav .box.right{top:0;right:25px}#nav .box a.square span.number{bottom:-5px;top:auto}#tools .box{position:absolute;display:inline-block;height:40px;padding:1px 3px 0 3px;background:url(src/desktop/tools/bToolBox.png) repeat-x;font-size:13px}#tools .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxRight.png) no-repeat}#tools .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxLeft.png) no-repeat}#tools .box.left{bottom:0;right:340px}#tools .box.right{bottom:0;right:25px}#tools .box a.square img{top:4px}#tools .box a.resource-link,#tools .box span.resource-link{width:110px;font-size:1pc}#tools .box a.resource-link img.icon-color,#tools .box span.resource-link img.icon-color{position:relative;display:inline-block;width:18px;vertical-align:middle;margin-left:5px;top:-2px;padding:1px}#nav .overbox .overflow,#tools .overbox .overflow{max-height:25pc;overflow:auto;position:relative}#nav .overbox h2,#tools .overbox h2{color:#fff;padding:10px 15px;margin:0;font-size:14px;font-weight:400;border-bottom:solid 1px #202020}#nav .overbox .link-title,#tools .overbox .link-title{position:absolute;top:10px;right:10px;line-height:20px;font-size:11px;padding:0 5px;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-decoration:none;color:#fff}#nav .overbox a,#tools .overbox a{color:inherit}#nav .overbox a.more-link,#tools .overbox a.more-link{display:block;padding:8px;font-size:9pt;border-top:solid 1px #202020;text-align:center;text-decoration:none;color:#4F4F4F}#nav .overbox a.more-link:focus,#nav .overbox a.more-link:hover,#tools .overbox a.more-link:focus,#tools .overbox a.more-link:hover{color:#CCC}#nav .overbox p.info,#tools .overbox p.info{padding:5px 15px;font-size:9pt;text-align:center;color:#CCC}#nav .overbox .outside-button,#tools .overbox .outside-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#219772;border:solid 1px #10684c;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}#nav .overbox .outside-button:focus,#nav .overbox .outside-button:hover,#tools .overbox .outside-button:focus,#tools .overbox .outside-button:hover{background:#10684c;border-color:#219772}#nav .overbox .outside-button.disabled,#tools .overbox .outside-button.disabled{background:#202020;border-color:#4F4F4F}#nav .overbox input.outside-button,#tools .overbox input.outside-button{line-height:26px}#nav .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}#nav .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:transparent transparent #202020 transparent;top:-18px;right:30px}#nav .overbox#change-bases{top:50px;left:10px;width:205px;padding:0 0 8px 0}#nav .overbox#change-bases:before{left:30px;right:auto}#nav .overbox#change-bases a{display:block;padding:3px 15px;color:#CCC;text-decoration:none;font-size:9pt;border-bottom:solid 1px #101010}#nav .overbox#change-bases a:focus,#nav .overbox#change-bases a:hover{background:#101010}#nav .overbox#change-bases a.active{background:#202020}#nav .overbox#change-bases strong{display:block;color:#CCC;font-size:13px}#nav .overbox#disconnect-box{top:50px;right:10px;width:205px;padding:8px 0}#nav .overbox#disconnect-box hr{margin:8px 0;border:none;background:0 0;border-top:solid 1px #202020}#nav .overbox#disconnect-box a{display:block;padding:0 15px;line-height:25px;font-size:13px;color:#CCC;text-decoration:none}#nav .overbox#disconnect-box a:focus,#nav .overbox#disconnect-box a:hover{color:#fff;background:#202020}#nav .overbox#bug-tracker{width:250px;top:50px;right:98px;padding:0 0 8px 0}#nav .overbox#bug-tracker p{color:#CCC;font-size:9pt;margin:10px}#nav .overbox#bug-tracker .option{margin:3px 10px 10px 10px;display:block;width:330px;padding:5px}#nav .overbox#bug-tracker textarea{display:block;margin:0 10px 10px 10px;padding:5px;width:318px;height:200px;min-width:318px;max-width:318px;border:solid 1px #202020;font-family:'Trebuchet MS',sans-serif;font-size:13px}#nav .overbox#bug-tracker .button{display:block;margin:0 10px 2px 10px}#nav .overbox#roadmap{width:350px;top:50px;right:10px}#nav .overbox#roadmap .overflow{width:350px;padding:8px 0}#nav .overbox#roadmap p{color:#CCC;font-size:9pt;margin:0 10px 10px 10px}#nav .overbox#roadmap p em{display:block;font-size:11px;color:#4F4F4F}#nav .overbox#roadmap hr{margin:5px 0;border:none;border-top:solid 1px #202020}#nav .overbox#tutorial{width:350px;top:50px;right:143px;color:#fff}#nav .overbox#tutorial form{padding:0 0 10px 0;margin:0;border-top:solid 1px #202020}#nav .overbox#tutorial .overflow{padding:15px 15px 0 15px}#nav .overbox#tutorial .overflow h3{position:relative;margin:0;padding:0 0 0 36px}#nav .overbox#tutorial .overflow h3 .number{position:absolute;top:-4px;left:0;display:block;width:26px;line-height:26px;text-align:center;background:#10684c;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;margin-right:10px}#nav .overbox#tutorial .overflow p{font-size:9pt;color:#CCC}#nav .overbox#new-notifications{top:50px;left:627px;width:300px}#tools .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:300px;bottom:45px;right:15px}#tools .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:#202020 transparent transparent transparent;bottom:-18px;right:30px}#tools .overbox.left-pic:before{left:30px;right:auto}#tools .overbox#tools-calendar{left:25px;bottom:45px;right:auto}#tools .overbox#tools-refinery{right:401px;bottom:45px}#tools .overbox#tools-generator{right:237px;bottom:45px}#tools .overbox#tools-technosphere{right:193px;bottom:45px}#tools .overbox#tools-dock1{right:148px;bottom:45px}#tools .overbox#tools-dock2{right:105px;bottom:45px}#tools .overbox#tools-credit{right:140px;bottom:45px}#tools .overbox#tools-incoming-attack{right:230px;bottom:45px}#tools .overbox#tools-outgoing-attack{right:185px;bottom:45px}#subnav{position:fixed;top:29px;left:2px;bottom:29px;padding:40px 0;width:60px;background:url(src/desktop/subnav/middle.png) repeat-y;z-index:1000}#subnav hr{border:none;margin:20px 0}#subnav .overflow{position:relative}#subnav .move-side-bar{display:none;position:absolute;z-index:5000;left:5px;width:3pc;height:3pc;line-height:3pc;border:none;background-color:rgba(0,0,0,.75);background-position:center;background-repeat:no-repeat;border-radius:100%;cursor:pointer}#subnav .move-side-bar:focus,#subnav .move-side-bar:hover{box-shadow:0 0 3px #fff}#subnav .move-side-bar.top{bottom:auto;top:20px;background-image:url(src/desktop/component/top.png)}#subnav .move-side-bar.bottom{bottom:20px;top:auto;background-image:url(src/desktop/component/bottom.png)}#subnav .item{position:relative;display:block;height:50px;width:50px;margin:0 0 10px 0;padding:8px 5px;color:#fff;text-decoration:none;background:url(src/desktop/subnav/button.png) no-repeat}#subnav .item.active{background:url(src/desktop/subnav/button-active-c11.png) no-repeat}#subnav .item.striped{background:url(src/desktop/subnav/button-striped.png) no-repeat}#subnav .item:before{content:'';position:absolute;right:-6px;bottom:0;width:9pt;height:47px;background:url(src/desktop/subnav/til.png) no-repeat}#subnav .item:hover:before{background:url(src/desktop/subnav/til-hover.png) no-repeat}#subnav .item:hover>.content{display:block}#subnav .item .picto{display:block;height:30px;width:30px;padding:10px}#subnav .item .picto img{display:block;height:30px;width:30px}#subnav .item .picto .number{position:absolute;bottom:-5px;right:-18px;display:block;width:28px;height:28px;line-height:28px;text-align:center;font-size:9pt;background:url(src/desktop/subnav/number.png) no-repeat}#subnav .item .content{display:none;position:absolute;top:0;left:75px;width:230px}#subnav .item .content.skin-1 span{display:inline-block;margin:15px 0 15px 1pc;padding:0 15px;line-height:30px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-1 span:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content{display:inline-block;margin:0 0 0 1pc;padding:10px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-2 .sub-content:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content hr{border:none;border-top:solid 1px #4F4F4F;margin:5px 0}#subnav .item .content.skin-2 .sub-content .ship{position:relative}#subnav .item .content.skin-2 .sub-content .ship img{width:2pc;height:2pc}#subnav .item .content.skin-2 .sub-content .ship img.zero{opacity:.5}#subnav .item .content.skin-2 .sub-content .ship .number{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;line-height:18px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;text-align:center;background:#34b089}#alert-content{display:none}#alert{position:absolute;bottom:18px;left:50px;padding:0;text-align:right;list-style:inset none}#alert li{position:relative;display:inline-block;margin:0 0 0 5px}#alert li img{display:block;height:50px;border:solid 1px #202020;padding:5px;background:#0A0A0A;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.alert-bull{display:block;position:absolute;z-index:1200;width:200px;padding:6px 8px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.alert-bull .title{display:block;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:solid 1px #4F4F4F}.alert-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;bottom:-14px;left:24px;border-color:#4F4F4F transparent transparent transparent}#content{position:absolute;width:500pc;height:100%;top:0;left:300px;z-index:200}#content .component{position:relative;display:table-cell;overflow:hidden;width:300px;background:rgba(0,0,0,.92)}#content .component.size2{width:600px}#content .component.size3{width:900px}#content .component:nth-child(1){background:rgba(0,0,0,.6)}#content .component:nth-child(2){background:rgba(0,0,0,.75)}#content .component:nth-child(3){background:rgba(0,0,0,.85)}#content .component:nth-child(4){background:rgba(0,0,0,.9)}#content .component .head{position:relative;display:inline-block;height:90pt;width:100%;vertical-align:top;color:#fff;background:url(src/desktop/component/bHead.jpg) repeat-x center #000;border-bottom:solid 1px #202020}#content .component .head h1{position:absolute;top:10px;left:10px;font-size:38px;line-height:50px;height:50px;display:inline-block;padding:0 10px;background:#000;overflow:hidden}#content .component .fix-body{position:relative;overflow:auto;color:#fff;border-right:solid 1px #202020}#content .component .fix-body .body{position:relative}.no-scrolling #content .component .fix-body{overflow:hidden}.no-scrolling #content .component .fix-body>a{position:absolute;width:100%;height:40px;left:0;opacity:0}.no-scrolling #content .component .fix-body.hover>a{opacity:1;background-position:center;background-repeat:no-repeat}.no-scrolling #content .component .fix-body .toTop{top:0;background-image:url(src/desktop/component/top.png),-webkit-gradient(linear,#000,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-moz-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-ms-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-o-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),linear-gradient(black,rgba(0,0,0,.8),transparent)}.no-scrolling #content .component .fix-body .toBottom{bottom:0;background-image:url(src/desktop/component/bottom.png),-webkit-gradient(linear,transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-moz-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-ms-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-o-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),linear-gradient(transparent,rgba(0,0,0,.8),#000)}#content .component.invisible{background:0 0}#content .component.invisible .publicity{position:absolute;bottom:0;left:0;right:0;background:red}.component .tool{display:table;width:100%;height:44px;margin:0;overflow:hidden;background:#000;border-bottom:solid 1px #34b089;color:#4F4F4F}.component .tool>span{display:table-cell;width:28px;border:solid 6px transparent;border-left:none}.component .tool>span:first-child{border:solid 5px transparent;width:auto;text-align:center}.component .tool>span:first-child a{width:auto}.component .tool>span a{position:relative;display:block;margin:0;padding:0;line-height:30px;width:30px;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px;text-align:center}.component .tool>span a img{width:18px;position:relative;top:-4px}.component .tool>span a.active{background:#219772;color:#fff;border-color:#34b089}.component .tool>span a.active.down{box-shadow:0 2px 0 0 #CCC}.component .tool>span a.active.up{box-shadow:0 -2px 0 0 #ccc}.component .tool>span a.active:focus,.component .tool>span a.active:hover{color:#CCC;box-shadow:inset 0 0 5px rgba(0,0,0,.5)}.component .tool>span a:active,.component .tool>span a:focus,.component .tool>span a:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .tool.sort-button>span:first-child{text-align:center}.component h3{width:100%;margin:0;background:#000;text-align:center;padding:0 2px;line-height:44px;font-weight:400;font-size:14px;color:#4F4F4F;text-decoration:none;border-bottom:solid 1px #34b089}.component h4{margin:10px 10px 0 10px;font-weight:400;font-size:18px}.component .body p{margin:10px;font-size:13px;text-align:justify}.component .body p.info{position:relative;border-top:solid 1px #202020;padding:10px;margin:10px;line-height:140%;background:rgba(0,0,0,.8)}.component .body p.info a{color:#fff}.component .body p.info .requierement{display:inline-block;margin:0 0 0 8px;vertical-align:bottom;height:1pc}.component .body p.long-info{padding:10px;line-height:150%;background:#000}.component .body p .alone-button{display:block;text-align:center;color:#fff;line-height:40px;border-radius:3px;text-decoration:none;background:#4F4F4F;box-shadow:inset 0 0 2px #000;padding:0 10px;background:#10684c}.component .body p .alone-button:focus,.component .body p .alone-button:hover{background:#219772}.component .border-bottom{border-bottom:solid 3px #34b089}.component .list-type-1{margin:10px;padding:0;list-style:none}.component .list-type-1 li{position:relative;padding:5px 10px;text-align:right;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:rgba(0,0,0,.8);color:#989898}.component .list-type-1 li.strong{border-top:double 3px #4F4F4F;background:#111;color:#fff}.component .list-type-1 li.empty{background:0 0;border:none;height:50px}.component .list-type-1 li ul li{height:auto}.component .list-type-1 .label{display:block;font-size:13px}.component .list-type-1 .label .icon-color{width:15px;padding:1px}.component .list-type-1 .value{display:inline-block;font-size:22px;line-height:30px;font-weight:700}.component .list-type-1 .value .icon,.component .list-type-1 .value .icon-color{height:18px;margin-left:8px;position:relative;top:-3px}.component .list-type-1 .picto{position:absolute;top:7px;left:10px;height:35px;width:35px;line-height:35px;padding:5px;border-radius:100%;background:#202020;font-size:1pc;text-align:center;color:#fff;text-decoration:none}.component .list-type-1 .picto.color1{background:#510816}.component .list-type-1 .picto.color2{background:#0c0d44}.component .list-type-1 .picto.color3{background:#b17a00}.component .list-type-1 .picto.color4{background:#310948}.component .list-type-1 .picto.color5{background:#24500a}.component .list-type-1 .picto.color6{background:#004948}.component .list-type-1 .picto.color7{background:#401b13}.component .list-type-1 .picto.color8{background:#c3590b}.component .list-type-1 .picto.color9{background:#24500a}.component .list-type-1 .picto.color10{background:#4d0621}.component .list-type-1 .picto.color11{background:#10684c}.component .list-type-1 .picto.color12{background:#b17a00}.component .list-type-1 .hide{color:#4F4F4F}.component .list-type-1 .buttons{position:absolute;top:28px;left:5px}.component .list-type-1 .buttons a{display:inline-block;margin:0 4px;width:18px;line-height:18px;text-align:center;text-decoration:none;font-style:14px;color:#fff;border-radius:3px;background:#219772}.component .list-type-1 .progress-bar{text-align:left;margin-top:5px}.component .sub-list-type-1{display:none;margin:0;padding:0;list-style:none}.component .sub-list-type-1 li{position:relative;padding:2px 0;text-align:left;border:none;border-top:solid 1px #0A0A0A}.component .sub-list-type-1 .label{display:inline-block;width:60%}.component .sub-list-type-1 .label .button{position:relative;left:-4px;margin:0 0 0 3px}.component .sub-list-type-1 .value{text-align:right;line-height:25px;font-size:18px;width:40%}.component .sub-list-type-1 .value .button{margin:0 2px 0 6px}.component .sub-list-type-1 .button{display:inline-block;width:18px;line-height:18px;text-align:center;text-decoration:none;font-size:14px;font-weight:400;color:#fff;border-radius:3px;background:#34b089}.component .list-type-1 form{z-index:1;position:absolute;display:none;bottom:-40px;right:3px}.component .list-type-1 form p{position:relative;background:#fff;border-radius:3px;padding:0;margin:0;width:200px;height:35px}.component .list-type-1 form p:before{content:'';position:absolute;top:-9pt;right:9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent}.component .list-type-1 form input{border:none;background:0 0;line-height:35px;height:35px;padding:0 10px}.component .list-type-1 form input[type=text]{width:140px}.component .list-type-1 form input[type=submit]{width:40px}.component .sub-list-type-1 form{right:-6px}.number-box{position:relative;margin:10px;padding:5px 10px;background:#000;color:#fff;border:solid 1px #0A0A0A;border-top:solid 1px #202020;border-left:solid 10px #219772}.number-box.half{display:inline-block;width:254px;margin-right:0;margin-bottom:0}.number-box.grey{border-left:solid 10px #4F4F4F!important}.number-box.text{border-left:solid 1px #0A0A0A}.number-box.text a{text-decoration:none;color:#fff}.number-box .label{display:block}.number-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.number-box .value .icon-color{width:20px;height:20px;vertical-align:middle}.number-box .progress-bar{margin:5px 0}.number-box .group-link{position:absolute;top:5px;right:5px}.number-box .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#219772}.progress-bar{position:relative;display:block;width:100%;height:3px;background:#4F4F4F}.progress-bar .content{position:relative;display:inline-block;height:3px;vertical-align:top;overflow:hidden;max-width:100%}.progress-bar .content:nth-child(n){background:#34b089}.progress-bar .content:nth-child(2n){background:#10684c}.progress-bar .content.color1{background:#6e161b}.progress-bar .content.color2{background:#1f1471}.progress-bar .content.color3{background:#dbb200}.progress-bar .content.color4{background:#5a1072}.progress-bar .content.color5{background:#2c7915}.progress-bar .content.color6{background:#076b87}.progress-bar .content.color7{background:#67331d}.progress-bar .content.color8{background:#d87913}.progress-bar .content.color9{background:#2c7915}.progress-bar .content.color10{background:#760f36}.progress-bar .content.color11{background:#219772}.progress-bar .content.color12{background:#dbb200}.progress-bar .step{position:absolute}.progress-bar .step .label{position:absolute;display:block;width:150px;left:0;top:-28px}.progress-bar .step .label.bottom{top:auto;bottom:-28px}.progress-bar .step .label.right{right:0;left:auto;text-align:right}.progress-bar .step:before{content:'';position:absolute;width:9pt;height:9pt;background:#219772;box-shadow:0 0 0 3px #10684c;border-radius:100%;top:-5px;left:-5px}.bonus{vertical-align:top;display:inline-block;font-size:55%;line-height:100%;padding:3px;margin:2px 0 0 8px;border-radius:3px;font-weight:400;background:#10684c}.component .head.skin-1 img{position:absolute;top:22px;left:20px;padding:8px;width:60px;border:solid 1px #202020;border-radius:100%;background:#000}.component .head.skin-1 img:before{content:'';width:75pt;height:75pt}.component .head.skin-1 h2{position:absolute;bottom:66px;left:105px;font-size:22px;line-height:22px;margin:0;padding:0}.component .head.skin-1 em{position:absolute;top:62px;left:105px;font-size:13px;line-height:1pc;font-style:normal}.component .head.skin-2 h2{position:absolute;display:inline-block;top:45px;left:10px;font-size:22px;line-height:30px;margin:0;padding:0 10px;background:#000;font-weight:400}.component .head.skin-3 img{position:absolute;width:50px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:27px}.component .head.skin-3 img.left{left:40px}.component .head.skin-3 img.right{right:40px}.component .head.skin-4 img.main{position:absolute;width:30px;height:30px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:37px}.component .head.skin-4 h2{position:absolute;top:35px;left:60px;font-size:18px;line-height:22px;margin:0;padding:0}.component .head.skin-4 em{position:absolute;top:65px;left:60px;font-size:13px;line-height:1pc}.component .head.skin-5 h2{position:absolute;top:50px;left:10px;font-size:1pc;font-weight:400;margin:0;padding:0 20px;background:#000}.component .head.skin-5 h2:before{content:'';position:absolute;display:block;top:5px;left:0;width:8px;height:8px;border:solid 1px #202020;background:#000;border-radius:100%}.component .more-button,.component .more-item{display:block;margin:10px 10px 5px;line-height:34px;padding:0 9pt;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px}.component .more-button:active,.component .more-button:focus,.component .more-button:hover,.component .more-item:active,.component .more-item:focus,.component .more-item:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .nav-element{position:relative;display:block;margin:10px;height:70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component .nav-element img{position:absolute;top:5px;left:5px;padding:8px;height:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component .nav-element.active{background:#219772}.component .nav-element .active img{background:#000}.component .nav-element strong{position:absolute;top:5px;left:70px;color:#fff;font-weight:700;font-size:17px}.component .nav-element em{position:absolute;top:30px;left:70px;color:#fff;font-weight:400;font-size:9pt;font-style:normal;color:#efefef}.component hr{border:none;border-bottom:dashed 1px #202020;margin:0 10px}.component .set-item{margin:10px;border-bottom:solid 1px #202020}.component .set-item a.item:focus,.component .set-item a.item:hover{background-color:#0c0c0c}.component .set-item .item{position:relative;display:block;color:#fff;height:60px;border:solid 1px #202020;border-bottom:none;background:#0A0A0A}.component .set-item .item .left{position:absolute;top:0;left:0;bottom:0;width:60px}.component .set-item .item .left img{width:30px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left img.color1{background:#6e161b}.component .set-item .item .left img.color2{background:#1f1471}.component .set-item .item .left img.color3{background:#dbb200}.component .set-item .item .left img.color4{background:#5a1072}.component .set-item .item .left img.color5{background:#2c7915}.component .set-item .item .left img.color6{background:#076b87}.component .set-item .item .left img.color7{background:#67331d}.component .set-item .item .left img.color8{background:#d87913}.component .set-item .item .left img.color9{background:#2c7915}.component .set-item .item .left img.color10{background:#760f36}.component .set-item .item .left img.color11{background:#219772}.component .set-item .item .left img.color12{background:#dbb200}.component .set-item .item .left img.round-color0{box-shadow:0 0 0 2px #CCC}.component .set-item .item .left img.round-color1{box-shadow:0 0 0 2px #b01e2d}.component .set-item .item .left img.round-color2{box-shadow:0 0 0 2px #2f23c0}.component .set-item .item .left img.round-color3{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left img.round-color4{box-shadow:0 0 0 2px #a935c7}.component .set-item .item .left img.round-color5{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color6{box-shadow:0 0 0 2px #05bed7}.component .set-item .item .left img.round-color7{box-shadow:0 0 0 2px #ac5832}.component .set-item .item .left img.round-color8{box-shadow:0 0 0 2px #f2b636}.component .set-item .item .left img.round-color9{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color10{box-shadow:0 0 0 2px #a92859}.component .set-item .item .left img.round-color11{box-shadow:0 0 0 2px #34b089}.component .set-item .item .left img.round-color12{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left span{display:block;width:30px;line-height:30px;text-align:center;font-size:15px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left span.round-color0{background:#CCC}.component .set-item .item .left span.round-color1{background:#b01e2d}.component .set-item .item .left span.round-color2{background:#2f23c0}.component .set-item .item .left span.round-color3{background:#ffdb0f}.component .set-item .item .left span.round-color4{background:#a935c7}.component .set-item .item .left span.round-color5{background:#57c632}.component .set-item .item .left span.round-color6{background:#05bed7}.component .set-item .item .left span.round-color7{background:#ac5832}.component .set-item .item .left span.round-color8{background:#f2b636}.component .set-item .item .left span.round-color9{background:#57c632}.component .set-item .item .left span.round-color10{background:#a92859}.component .set-item .item .left span.round-color11{background:#34b089}.component .set-item .item .left span.round-color12{background:#ffdb0f}.component .set-item .item .center{position:absolute;top:0;left:60px;right:30px;bottom:0;padding:9px 0}.component .set-item .item .center strong{display:block;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component .set-item .item .center a{color:#fff;text-decoration:none;border-bottom:solid 1px rgba(255,255,255,.25)}.component .set-item .item .right{position:absolute;top:0;right:0;bottom:0;width:29px;border-left:solid 1px #202020}.component .set-item .item .right a{position:absolute;top:0;left:0;width:29px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a}.component .set-item .item .right a.active,.component .set-item .item .right a:focus,.component .set-item .item .right a:hover{background-color:#202020}.component .set-item .item .group-link{position:absolute;top:5px;right:5px}.component .set-item .item .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#219772}.army-bull{display:none;position:absolute;z-index:1200;padding:4px 8px;width:220px;color:#CCC;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.army-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;top:-14px;border-color:transparent transparent #4F4F4F transparent;left:18px}.army-bull strong{display:block;padding-bottom:5px;margin-bottom:5px;border-bottom:solid 1px #4F4F4F;font-weight:400}.army-bull .label{display:inline-block;width:70px}.army-bull .value{display:inline-block;width:40px}.component .build-item{position:relative;margin:10px;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;width:278px}.component .build-item a{color:#fff}.component .build-item .name{position:relative;height:40px;padding:5px 5px 5px 90px}.component .build-item .name img{z-index:20;position:absolute;top:-10px;left:5px;width:60px;padding:8px;border:solid 1px #202020;border-radius:100%;background:#000}.component .build-item .name strong{display:block;font-size:18px}.component .build-item .level{display:block;position:absolute;width:22px;line-height:22px;text-align:center;font-size:9pt;border-radius:100%;top:38px;left:58px;border:solid 1px #fff;z-index:22;background:#219772}.component .build-item .info{display:none;position:absolute;width:20px;line-height:20px;text-align:center;font-size:1pc;text-decoration:none;border-radius:3px;top:5px;right:5px;background:#219772;color:#fff}.component .build-item .name-commander{margin:10px 10px 0 10px;height:40px;padding:0 10px;border:none;background:#fff;border-radius:3px;width:15pc;text-align:center;font-size:1pc}.component .build-item .button{display:block;margin:10px;padding:5px 10px;width:15pc;line-height:20px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;background:#219772;box-shadow:inset 0 0 2px #000;border:none;cursor:pointer;min-height:36px}.component .build-item .button:hover{box-shadow:inset 0 0 6px #000;background:#34b089}.component .build-item .button.disable{background:#202020;cursor:default}.component .build-item .button .icon-color{width:14px}.component .build-item button.button{width:260px}.component .build-item .ship-pack{z-index:10;position:absolute;bottom:15px;left:15px;width:60px;height:40px;padding:0;margin:0;border:none;background:#fff;text-align:center;font-size:24px;font-weight:700;border-radius:3px;box-shadow:inset 0 0 0 3px #CCC}.component .build-item .ship-illu{width:260px;margin:5px 10px;overflow:hidden}.component .build-item .ship-illu img{width:100%}.component .build-item.disabled{opacity:.3}.component .build-item.disabled .name img{opacity:.5}.component .build-item.disabled strong{color:#4F4F4F}.component .build-item.disabled .button.disable{color:#696969}.component .build-item.disabled .button.disable:hover{background:#202020;box-shadow:inset 0 0 2px #000}.component .build-item.large{width:578px}.component .build-item.large .info{top:75px;right:25px}.component .build-item.large .button{display:block;top:-3px;right:0;line-height:18px;width:540px;min-height:36px}.component .build-item.large .ship-illu{width:35pc;margin-top:10px}.component .build-item input{display:block;width:243px;margin:10px;padding:8px;border:none}.component .build-item select{display:block;width:260px;margin:10px;padding:8px;border:none}.component.panel-info .remove-info{display:block;position:absolute;top:2px;right:10px;line-height:20px;width:20px;text-align:center;text-decoration:none;color:#fff;border-radius:3px;background:#10684c}.component.panel-info .table{margin:10px}.component.panel-info .table table{width:100%;text-align:right;border-collapse:collapse;background:#000}.component.panel-info .table td{border:solid 1px #202020;padding:6px 8px}.component.panel-info .table tr.small-grey{background:#0A0A0A}.component.panel-info .table tr.active td{background:#0A0A0A;border-bottom:solid 1px #4F4F4F}.component.panel-info .table .icon-color{width:9pt}.component.panel-info .illu{margin:0 10px;box-shadow:inset 0 0 5px #000}.component.panel-info .skill-box{position:relative;margin:0 10px;padding:5px 10px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000}.component.panel-info .skill-box.grey{border-left:solid 10px #4F4F4F!important}.component.panel-info .skill-box .label{display:block}.component.panel-info .skill-box .value{display:block;font-size:18px;font-weight:700;margin:4px 0 0 0}.component.panel-info .skill-box .value .icon-color{width:18px}.component.panel-info .skill-box .progress-bar{margin:6px 0 2px 0}.splash-screen{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;background:rgba(0,0,0,.8)}.splash-screen .modal{width:500px;height:140px;position:absolute;top:5pc;right:3000px;background:#0A0A0A;padding:25px 175px 25px 75px;color:#fff;border-radius:140px;border:solid 1px #202020}.splash-screen .modal h1{font-size:36px;margin:0;padding:0 0 10px 0}.splash-screen .modal h2{font-size:20px;margin:0;padding:0}.splash-screen .modal img{position:absolute;top:-15px;right:-50px;width:200px;padding:10px;background:#202020;border-radius:100%;border:solid 1px #4F4F4F}.splash-screen .modal:before{content:'';position:absolute;top:-5pc;right:20px;border-color:transparent transparent #4F4F4F transparent;border-width:40px;border-style:solid}.common-link{color:#fff}.component .top-right-button{display:block;position:absolute;top:0;right:10px;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;text-decoration:none;background:#219772;z-index:1}.component .top-right-button:focus,.component .top-right-button:hover{background:#10684c}.alert{display:block;margin:10px;line-height:30px;padding:0 10px;text-decoration:none;color:#fff;background:#219772;border-radius:3px;box-shadow:0 0 2px #000}.common-link{display:block;margin:10px;color:#fff;text-decoration:none}.text-bloc a{display:inline-block;color:inherit;opacity:.6}.text-bloc a:focus,.text-bloc a:hover{opacity:1}.queue{margin:10px;color:#fff}.queue .item{position:relative;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;min-height:60px;display:block}.queue .item.empty{background:#0A0A0A}.queue .item.empty strong{font-weight:400}.queue .item.link{min-height:0;padding:10px;color:#4F4F4F;text-decoration:none}.queue .item.link:focus,.queue .item.link:hover{color:#CCC}.queue .item a.button{position:absolute;display:block;top:2px;right:5px;color:#fff;text-decoration:none}.queue .item a{color:#CCC}.queue .item .group-link{position:absolute;top:9px;right:9px}.queue .item .group-link a{display:block;width:20px;line-height:20px;margin:0 0 5px 0;border-radius:3px;color:#fff;text-align:center;text-decoration:none;background:#219772}.queue .item .group-link a:focus,.queue .item .group-link a:hover{background:#34b089}.queue .item .picto{float:left;width:40px;height:40px;margin:5px;padding:5px;background:#000;border-radius:100%;border:solid 1px #202020}.queue .item strong{display:block;margin:6px 0 2px 0}.queue .item strong .level{font-size:11px;color:#CCC}.queue .item .big{font-size:24px}.queue .item em{display:block;font-style:normal;color:#AEAEAE}.queue .item .progress-container{position:relative;display:block;clear:both;margin:5px;height:3px;background:#4F4F4F}.queue .item .progress-bar{position:absolute;display:block;height:100%;background:#34b089}.choose-government{display:block;margin:10px;padding:10px;background:#0A0A0A;border-radius:3px}.choose-government select{display:block;width:100%;padding:8px}.choose-government button{display:block;width:100%;margin:10px 0 0 0;padding:0 10px;line-height:30px;border:none;color:#fff;cursor:pointer;background:#219772}.choose-government button:focus,.choose-government button:hover{background:#10684c}.evolution{background:#000;margin:10px;border-top:solid 1px #202020;border-bottom:solid 1px #202020}.evolution .header{padding:10px;border-bottom:solid 1px #202020;color:#EFEFEF}.evolution .diargam{padding:10px;background:#0A0A0A}.evolution .diargam .progress-bar{background:#0A0A0A!important;height:20px;padding-bottom:1px}.evolution .diargam .progress-bar .content{height:20px;line-height:20px;font-size:9pt;color:#fff;padding-left:5px}.evolution .diargam .progress-bar:nth-child(odd) .content{background:#219772!important}.centred-link{display:block;width:300px;text-align:center;margin:0 auto;text-decoration:none;padding:6px 10px;color:#EFEFEF;background:#219772;border:solid 1px #10684c}.centred-link:focus,.centred-link:hover{background:#10684c;border-color:#219772;color:#fff}span.centred-link{background:#202020;border:solid 1px #0A0A0A;color:#4F4F4F}span.centred-link:focus,span.centred-link:hover{background:#202020;border-color:#0A0A0A;color:#4F4F4F}.component.profil .center-box{margin:20px 10px 0;color:#fff;text-align:center}.component.profil .center-box .label{display:block}.component.profil .center-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.component.profil .profil-flag{position:relative;width:222px;height:460px;margin:0 auto}.component.profil .profil-flag img{position:relative;background:#0A0A0A;border:solid 1px #202020;padding:10px;border-radius:100%;margin:20px auto;box-shadow:0 0 0 4px #219772,0 0 20px #000;z-index:1}.component.profil .profil-flag.color-1 img{box-shadow:0 0 0 4px #6e161b,0 0 20px #000}.component.profil .profil-flag.color-2 img{box-shadow:0 0 0 4px #1f1471,0 0 20px #000}.component.profil .profil-flag.color-3 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag.color-4 img{box-shadow:0 0 0 4px #5a1072,0 0 20px #000}.component.profil .profil-flag.color-5 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-6 img{box-shadow:0 0 0 4px #076b87,0 0 20px #000}.component.profil .profil-flag.color-7 img{box-shadow:0 0 0 4px #67331d,0 0 20px #000}.component.profil .profil-flag.color-8 img{box-shadow:0 0 0 4px #d87913,0 0 20px #000}.component.profil .profil-flag.color-9 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-10 img{box-shadow:0 0 0 4px #760f36,0 0 20px #000}.component.profil .profil-flag.color-11 img{box-shadow:0 0 0 4px #219772,0 0 20px #000}.component.profil .profil-flag.color-12 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag:before{display:block;position:absolute;content:'';top:218px;left:33px;width:154px;height:241px;background:url(src/desktop/faction/flag/flag-11.png) no-repeat}.component.profil .profil-flag.color-1:before{background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.profil .profil-flag.color-2:before{background:url(src/desktop/faction/flag/flag-2.png) no-repeat}.component.profil .profil-flag.color-3:before{background:url(src/desktop/faction/flag/flag-3.png) no-repeat}.component.profil .profil-flag.color-4:before{background:url(src/desktop/faction/flag/flag-4.png) no-repeat}.component.profil .profil-flag.color-5:before{background:url(src/desktop/faction/flag/flag-5.png) no-repeat}.component.profil .profil-flag.color-6:before{background:url(src/desktop/faction/flag/flag-6.png) no-repeat}.component.profil .profil-flag.color-7:before{background:url(src/desktop/faction/flag/flag-7.png) no-repeat}.component.profil .profil-flag.color-8:before{background:url(src/desktop/faction/flag/flag-8.png) no-repeat}.component.profil .profil-flag.color-9:before{background:url(src/desktop/faction/flag/flag-9.png) no-repeat}.component.profil .profil-flag.color-10:before{background:url(src/desktop/faction/flag/flag-10.png) no-repeat}.component.profil .profil-flag.color-11:before{background:url(src/desktop/faction/flag/flag-11.png) no-repeat}.component.profil .profil-flag.color-12:before{background:url(src/desktop/faction/flag/flag-12.png) no-repeat}.component.profil .profil-flag .level{z-index:2;display:block;position:absolute;top:184px;right:2px;width:36px;height:36px;text-align:center;line-height:36px;background:#0A0A0A;border:3px solid #219772;border-radius:100%}.component.profil .profil-flag.color-1 .level{border-color:#6e161b}.component.profil .profil-flag.color-2 .level{border-color:#1f1471}.component.profil .profil-flag.color-3 .level{border-color:#dbb200}.component.profil .profil-flag.color-4 .level{border-color:#5a1072}.component.profil .profil-flag.color-5 .level{border-color:#2c7915}.component.profil .profil-flag.color-6 .level{border-color:#076b87}.component.profil .profil-flag.color-7 .level{border-color:#67331d}.component.profil .profil-flag.color-8 .level{border-color:#d87913}.component.profil .profil-flag.color-9 .level{border-color:#2c7915}.component.profil .profil-flag.color-10 .level{border-color:#760f36}.component.profil .profil-flag.color-11 .level{border-color:#219772}.component.profil .profil-flag.color-12 .level{border-color:#dbb200}.component.profil .faction-flag{display:block;content:'';width:154px;height:241px;margin:0 auto;background:url(src/desktop/faction/flag/flag-11.png) no-repeat}.component.search-player{position:relative;background:0 0!important}.component.search-player .box{position:absolute;top:60px;left:50px;width:440px;color:#fff}.component.search-player .top{background:rgba(0,0,0,.4);padding:10px;border-radius:3px 3px 0 0}.component.search-player .top label{display:block;font-size:1pc}.component.search-player .top input{display:block;border:none;height:40px;width:25pc;padding:0 10px;margin:10px 0 0 0;font-size:20px;color:#202020;border-radius:3px}.component.search-player .center{background:rgba(0,0,0,.8);padding:10px 25px 10px 10px;min-height:140px;border-radius:0 0 3px 3px}.component.search-player .center .avatar{float:left;position:relative;left:-20px;width:90pt;padding:8px;border:solid 1px #202020;border-radius:100%;background:#0A0A0A}.component.search-player .center .right{margin-left:140px}.component.search-player .center h1{margin:10px 0 0 0;padding:0}.component.search-player .center hr{margin:10px 0;border-color:#4F4F4F}.component.search-player .center p{margin:5px 0;padding:0}.component.search-player .center p span{display:inline-block;background:red;line-height:28px;padding:0 10px;border:solid 1px rgba(255,255,255,.5);border-right:none}.component.search-player .center p span:first-child{border-radius:3px 0 0 3px}.component.search-player .center p span:last-child{border-radius:0 3px 3px 0;border:solid 1px rgba(255,255,255,.5)}.component.search-player.color1 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component.search-player.color2 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component.search-player.color3 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.search-player.color4 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component.search-player.color5 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color6 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component.search-player.color7 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component.search-player.color8 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component.search-player.color9 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color10 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.component.search-player.color11 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.component.search-player.color12 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.new-message p.input{position:relative;background:#fff;padding:10px;border-radius:3px}.component.new-message p.input:before{content:'';position:absolute;width:0;height:0;top:-9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent;left:20px}.component.new-message label{display:block;font-size:13px}.component.new-message .input-text input{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px}.component.new-message .input-area textarea{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px;max-width:100%;min-width:100%;height:200px}.component.new-message button{display:inline-block;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 15px;color:#fff;cursor:pointer;overflow:hidden;background:#34b089}.component.new-message button:focus,.component.new-message button:hover{background:#10684c}.notif{position:relative;margin:10px;background:#000;border-top:solid 1px #4F4F4F;border-right:solid 1px #202020;border-left:solid 1px #202020}.notif h4{position:relative;overflow:hidden;margin:0;padding:0 10px;font-size:14px;line-height:30px;border-bottom:solid 1px #202020;background:#0A0A0A;font-weight:400;cursor:pointer;color:#fff}.notif.unreaded h4:before{position:absolute;content:'';width:40px;height:40px;background:#fff;top:-5px;right:-15px;background:#34b089;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}.notif .content{display:none;padding:6px 8px;line-height:140%;text-align:justify;color:#efefef}.notif .content p{margin:0}.notif .content hr{border:none;background:0 0;border-bottom:dashed 1px #202020;margin:5px 0}.notif .content a{color:#fff}.notif .content .box-resource{position:relative;display:block;margin:5px 0;padding:5px 5px 5px 40px}.notif .content .box-resource img{position:absolute;top:6px;left:0;border:solid 4px #4f4f4f;border-radius:100%;border-color:#219772}.notif .content .box-resource .label{display:block;font-size:9pt}.notif .content .box-resource .value{display:block;font-size:18px;font-weight:700}.notif .footer{display:none;margin:0;padding:0 10px;line-height:18px;padding:5px 5px;border-top:solid 1px #202020;font-style:italic;text-align:right;color:#CCC}.notif .footer a{color:#CCC}.notif.open .content{display:block}.notif.open .footer{display:block}.component.rc .rc{position:relative;margin:20px 10px 20px 30px;border-left:solid 1px #CCC;padding:0 10px;height:380px;color:#CCC}.component.rc .rc.no-tax{margin:20px 10px 20px 30px;border-left:dashed 1px #4F4F4F;padding:0 10px;color:#CCC}.component.rc .rc a,.component.rc .rc strong{color:#fff}.component.rc .rc .icon-color{width:20px}.component.rc .rc .base{position:relative;padding:15px 0 15px 40px;height:50px}.component.rc .rc .base:last-child{position:absolute;bottom:0}.component.rc .rc .place{position:absolute;top:0;left:-50px;width:78px;height:78px;border:solid 1px #202020;background:#000;border-radius:100%}.component.rc .rc .general{list-style:none inset;margin:10px 0;padding:0}.component.rc .rc .general li{margin:10px 0;list-style-type:none}.component.rc .rc .general li strong{display:block;font-size:20px;font-weight:700}.component .situation-content{position:relative;display:block;width:100%;height:500px;border-bottom:solid 1px #0A0A0A}.component .situation-content .line-help{position:absolute;display:block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:100%;background:#10684c}.component .situation-content .line-help.line-1{top:55px;left:190px}.component .situation-content .line-help.line-2{top:145px;left:406px}.component .situation-content .toolbar{position:absolute;top:30px;right:30px;box-shadow:0 0 0 4px rgba(255,255,255,.1);border-radius:3px;background:#219772;z-index:1}.component .situation-content .toolbar a,.component .situation-content .toolbar span{display:inline-block;line-height:2pc;padding:0 15px;border-right:solid 1px #000;text-decoration:none;color:#fff}.component .situation-content .toolbar a img,.component .situation-content .toolbar span img{position:relative;top:-2px;vertical-align:middle;height:18px;width:18px}.component .situation-content .toolbar a:focus,.component .situation-content .toolbar a:hover{background:rgba(0,0,0,.25)}.component .situation-content .toolbar form{display:inline-block}.component .situation-content .toolbar input{height:2pc;border:none;background:0 0;color:#fff;padding:0 15px;font-size:inherit}.component .situation-content .toolbar input:focus{background:rgba(0,0,0,.25)}.component .situation-content .toolbar input.button{background:url(src/desktop/common/edit.png) no-repeat center}.component .situation-content .toolbar input.button:focus{background:url(src/desktop/common/edit.png) no-repeat center rgba(0,0,0,.25)}.component .situation-content .info{position:absolute;display:block;width:200px;font-size:9pt;color:#efefef;line-height:18px}.component .situation-content .info strong{color:#fff;font-size:14px}.component .situation-content .info a{color:#fff;text-decoration:none;border-bottom:solid 1px #4f4f4f}.component .situation-content .info a:focus,.component .situation-content .info a:hover{border-color:#CCC}.component .situation-content .commander{position:absolute;display:block;text-decoration:none;z-index:1}.component .situation-content .commander.empty{color:#CCC}.component .situation-content .commander.position-1-1{top:135px;left:127px}.component .situation-content .commander.position-1-2{top:17pc;left:75pt}.component .situation-content .commander.position-1-3{top:415px;left:127px}.component .situation-content .commander.position-2-1{top:215px;left:22pc}.component .situation-content .commander.position-2-2{top:17pc;left:345px}.component .situation-content .commander.position-2-3{top:330px;left:22pc}.component .situation-content .commander.position-3{top:355px;left:577px}.component .situation-content .commander img{width:40px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}.component .situation-content .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.component .situation-content .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #219772}.component .situation-content .commander .info{top:8px;left:65px;width:10pc}.component .situation-content .commander .link{display:none;position:absolute;top:14px;left:-1pc;width:24px;height:24px;font-size:20px;font-weight:700;text-decoration:none;border-radius:100%;text-align:center;z-index:1;border:solid 1px #fff}.component .situation-content .commander .link.to-left{background:url(src/desktop/mover/to-left.png) no-repeat center #000}.component .situation-content .commander .link.to-right{background:url(src/desktop/mover/to-right.png) no-repeat center #000}.component .situation-content .commander:hover>.link{display:block}.component .situation-content .stellar{position:absolute;display:block;top:180px;left:35pc}.component .situation-content .stellar img{width:220px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%}.component .situation-content .stellar .info{font-size:9pt;border-left:solid 1px #202020}.component .situation-content .stellar .info.top{bottom:215px;left:50px;padding:0 0 30px 10px}.component .situation-content .stellar .info.top strong{font-size:20px}.component .situation-content .stellar .info.bottom{top:225px;left:10pc;padding:10px 0 0 10px}.component .situation-content .stellar .info.middle{top:20px;left:182px;padding:10px 0 0 50px;border:none;border-top:solid 1px #202020}.component .situation-content .attack-link{position:absolute;bottom:-1px;left:0;right:0;text-align:center}.component .situation-content .attack-link a{display:inline-block;line-height:40px;padding:0 25px;border-radius:3px 3px 0 0;background:#202020;color:#fff;text-decoration:none;font-size:1pc}.component .situation-content .attack-link a:focus,.component .situation-content .attack-link a:hover{box-shadow:0 0 5px 3px #000}.component .situation-content.color0 .line-help{background:#202020}.component .situation-content.color0 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #202020}.component .situation-content.color0 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #202020}.component .situation-content.color0 .attack-link a{background:#202020}.component .situation-content.color1 .line-help{background:#510816}.component .situation-content.color1 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component .situation-content.color1 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #6e161b}.component .situation-content.color1 .attack-link a{background:#6e161b}.component .situation-content.color2 .line-help{background:#0c0d44}.component .situation-content.color2 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component .situation-content.color2 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #1f1471}.component .situation-content.color2 .attack-link a{background:#1f1471}.component .situation-content.color3 .line-help{background:#b17a00}.component .situation-content.color3 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .situation-content.color3 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #dbb200}.component .situation-content.color3 .attack-link a{background:#dbb200}.component .situation-content.color4 .line-help{background:#310948}.component .situation-content.color4 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component .situation-content.color4 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #5a1072}.component .situation-content.color4 .attack-link a{background:#5a1072}.component .situation-content.color5 .line-help{background:#24500a}.component .situation-content.color5 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color5 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color5 .attack-link a{background:#2c7915}.component .situation-content.color6 .line-help{background:#004948}.component .situation-content.color6 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component .situation-content.color6 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #076b87}.component .situation-content.color6 .attack-link a{background:#076b87}.component .situation-content.color7 .line-help{background:#401b13}.component .situation-content.color7 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component .situation-content.color7 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #67331d}.component .situation-content.color7 .attack-link a{background:#67331d}.component .situation-content.color8 .line-help{background:#c3590b}.component .situation-content.color8 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component .situation-content.color8 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #d87913}.component .situation-content.color8 .attack-link a{background:#d87913}.component .situation-content.color9 .line-help{background:#24500a}.component .situation-content.color9 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color9 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color9 .attack-link a{background:#2c7915}.component .situation-info{display:table;width:100%;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#000}.component .situation-info .item{display:table-cell;padding:10px;border-right:solid 1px #202020}.component .situation-info .item .value{font-size:26px;font-weight:700;display:block}.component .build-item.base-type .desc{margin:10px 0 0 0;padding:15px;font-size:13px;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#0A0A0A}.component .build-item.base-type .list-choice{position:relative;height:140px;background:url(src/desktop/base/type-base.png) no-repeat center;margin:0;border-bottom:solid 1px #202020}.component .build-item.base-type .list-choice button{position:absolute;padding:0;border:none;background:0 0;cursor:pointer}.component .build-item.base-type .list-choice button.item-1{top:35px;left:5px}.component .build-item.base-type .list-choice button.item-2{top:5px;left:107px}.component .build-item.base-type .list-choice button.item-3{bottom:5px;left:107px}.component .build-item.base-type .list-choice button.item-4{top:35px;right:5px}.component .build-item.base-type .list-choice button img{display:block;padding:8px;width:40px;border:solid 1px #202020;border-radius:100%;background:#000}.color1 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.color2 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.color3 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.color4 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.color5 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color6 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.color7 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.color8 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.color9 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color10 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.color11 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.color12 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .build-item.base-type .desc-choice{display:none}.component .build-item.base-type .desc-choice h4{border-bottom:solid 1px #202020;padding:0 0 5px 0}.component .build-item.base-type .desc-choice p{text-align:left;color:#CCC!important}.component .build-item.base-type .desc-choice p strong{display:block;color:#fff}.component .build-item.base-type .desc-choice p strong.short{display:inline-block;width:75pt}.component.list-fleet .set-fleet{position:relative;margin:10px;padding:0 0 0 70px;min-height:5pc}.component.list-fleet .set-fleet img.place{position:absolute;top:-5px;left:-20px;width:5pc;background:#0A0A0A;border-radius:100%;border:solid 1px #202020}.component.list-fleet .set-fleet h2{padding:10px 0;margin:0}.component.list-fleet .set-fleet h2 a{font-size:13px;color:#fff;font-weight:400;text-decoration:none}.component.list-fleet .set-fleet .item{position:relative;height:60px;background:#0A0A0A;border:solid 1px #202020;border-bottom:none;width:777px}.component.list-fleet .set-fleet .item:last-child{border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item a{display:inline-block;text-decoration:none;color:#CCC;border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item .left{position:absolute;top:0;left:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .left .top{position:absolute;left:60px;display:block;width:500px;top:10px}.component.list-fleet .set-fleet .item .left .status{width:30px;margin:10px;padding:5px;border-radius:100%}.component.list-fleet .set-fleet .item .right{position:absolute;top:0;right:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .right .top{position:absolute;right:60px;display:block;width:200px;text-align:right;top:10px}.component.list-fleet .set-fleet .item .right .cover{width:50px;margin:5px;padding:0;border-radius:100%}.component.list-fleet .set-fleet .item .center{position:absolute;top:41px;left:70px;right:70px}.component.list-fleet .set-fleet .item .center .ship{position:absolute;top:-10px;left:-11px;right:auto}.component.list-fleet .set-fleet .item .center .progress-ship{display:block;width:100%;background:#4F4F4F;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar{position:relative;display:block;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship{top:-11px;right:-11px;left:auto}.component.list-fleet .set-fleet .item .center .progress-ship .bar span{position:absolute;top:4px;right:15px;font-size:10px}.component.list-fleet .set-fleet .item.color1 .status{background:#6e161b}.component.list-fleet .set-fleet .item.color2 .status{background:#1f1471}.component.list-fleet .set-fleet .item.color3 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color4 .status{background:#5a1072}.component.list-fleet .set-fleet .item.color5 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color6 .status{background:#076b87}.component.list-fleet .set-fleet .item.color7 .status{background:#67331d}.component.list-fleet .set-fleet .item.color8 .status{background:#d87913}.component.list-fleet .set-fleet .item.color9 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color10 .status{background:#760f36}.component.list-fleet .set-fleet .item.color11 .status{background:#219772}.component.list-fleet .set-fleet .item.color12 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item .center .progress-ship .bar{background:#34b089}.component.list-fleet .set-fleet .item .center.reversed .progress-ship{background:#34b089}.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar{background:#4F4F4F}.component.list-fleet .set-fleet .item .show-commander{position:absolute;top:-1px;right:-30px;width:28px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a;border:solid 1px #202020}.component.list-fleet .set-fleet .item .show-commander.active,.component.list-fleet .set-fleet .item .show-commander:focus,.component.list-fleet .set-fleet .item .show-commander:hover{background-color:#202020}.component.table-fleet table{margin:10px;width:55pc;border-collapse:collapse}.component.table-fleet table tr:nth-child(odd){background:#000;border-bottom:solid 1px #202020}.component.table-fleet table tr:nth-child(even){background:#0A0A0A;border-bottom:solid 1px #202020}.component.table-fleet table tr:first-child{background:0 0}.component.table-fleet table td,.component.table-fleet table th{height:40px;width:40px;text-align:center}.component.table-fleet table td span.zero-value{color:#4F4F4F}.component.table-fleet table .base{width:75pt;text-align:left;padding:0 20px}.component.table-fleet table .base a{border:none}.component.table-fleet table .base strong{display:block;font-size:1pc}.component.table-fleet table .large{width:auto;text-align:left;padding:0 10px}.component.table-fleet table .sep{border-left:solid 1px #219772}.component.table-fleet table a{color:#fff;text-decoration:none;border-bottom:solid 1px #4F4F4F;display:inline-block}.component.table-fleet table th{position:relative;height:70px}.component.table-fleet table th span{position:absolute;bottom:2pc;left:-10px;display:block;text-align:left;width:60px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.component.commander-fleet .fleet{vertical-align:top;display:block;text-align:center}.component.commander-fleet .list-ship{vertical-align:top;display:inline-block;width:148px}.component.commander-fleet .list-ship:first-child{border-right:dashed 1px #4F4F4F}.component.commander-fleet .list-ship a{display:block;position:relative;margin:6px;height:40px;background:#202020;border:solid 1px #4F4F4F;border-radius:3px}.component.commander-fleet .list-ship a.empty{opacity:.4}.component.commander-fleet .list-ship img{position:absolute;display:inline-block;width:40px}.component.commander-fleet .list-ship .text{position:absolute;left:45px;display:inline-block;width:88px;color:#fff}.component.commander-fleet .list-ship .text .quantity{display:block;font-weight:700;font-size:18px}.component.commander-fleet .army{border-collapse:collapse;width:35pc;margin:20px}.component.commander-fleet .army td{width:65px;padding:5px;border-right:dashed 1px #4F4F4F;vertical-align:center}.component.commander-fleet .army td:first-child{width:auto;vertical-align:top;text-align:right;padding:0 20px;font-size:9pt}.component.commander-fleet .army tr:first-child td{text-align:center;padding:10px 5px;font-size:18px;font-weight:700}.component.commander-fleet .army .block{display:block;width:54px;height:54px;margin:0 0 5px 0;padding:5px;vertical-align:top;border-radius:5px;background:#0A0A0A;text-align:right;border:solid 1px #202020;color:#4F4F4F}.component.commander-fleet .army .block.empty{background:#000;border:solid 1px #0A0A0A}.component.commander-fleet .army .block strong{display:block;font-size:15px;height:38px;font-weight:700}.component.commander-fleet .army .block em{display:block;padding:2px;font-size:11px;background:#000;text-align:center;border-radius:3px}.component.commander-fleet .army .block.squadron{border:solid 1px #4F4F4F;color:#fff;cursor:pointer;background:#219772}.component.commander-fleet .army .block.squadron.full0{background:url(src/desktop/squadron/squadron0.png) no-repeat 4px 2px #219772}.component.commander-fleet .army .block.squadron.full1{background:url(src/desktop/squadron/squadron1.png) no-repeat 4px 2px #219772}.component.commander-fleet .army .block.squadron.full2{background:url(src/desktop/squadron/squadron2.png) no-repeat 4px 2px #219772}.component.commander-fleet .army .block.squadron.full3{background:url(src/desktop/squadron/squadron3.png) no-repeat 4px 2px #219772}.component.commander-fleet .army .block.squadron.active{box-shadow:inset 0 0 6px #000,0 0 2px 0 #fff;border:dashed 1px #fff}.component.report .commander{position:relative;display:block;margin:10px;padding:8px 0 8px 72px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component.report .commander img{position:absolute;top:5px;left:5px;padding:8px;width:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component.report .commander strong{display:block;padding:0 0 8px 0;color:#fff;font-weight:700;font-size:17px}.component.report .commander em{display:block;line-height:20px;color:#fff;font-style:normal;color:#efefef}.component.report .commander em .bonus{font-size:90%;margin:2px 0 0 2px;padding:3px 6px}.component.report .dammage{margin:10px;background:#000}.component.report .dammage table{width:100%;border-collapse:collapse;border-left:solid 1px #202020;border-right:solid 1px #202020}.component.report .dammage td{border-color:#202020;border-width:1px;border-style:solid dashed;padding:4px;vertical-align:center;text-align:center;color:#CCC;width:28px;height:22px}.component.report .dammage td:first-child{text-align:left;padding:4px 8px;width:auto}.component.report .dammage td span{display:inline-block;background:red;line-height:22px;width:22px;border-radius:3px;color:#fff;background:#10684c}.component.topic .message{position:relative;padding:0 0 0 5pc;margin:10px;min-height:70px}.component.topic .message .avatar{position:absolute;top:0;left:0;width:56px;padding:6px;border:solid 1px #202020;border-radius:100%;background:#000}.component.topic .message .content{position:relative;background:#000;border:solid 1px #202020;border-bottom:solid 1px #0A0A0A}.component.topic .message .content:before{position:absolute;content:'';top:25px;left:-18px;border-style:solid;border-width:9px;border-color:transparent #202020 transparent transparent}.component.topic .message .content .text{margin:0;padding:10px 10px 9pt 10px;border-bottom:solid 1px #0A0A0A;color:#efefef}.component.topic .message .content .text a,.component.topic .message .content .text strong{color:#fff}.component.topic .message .content .text a.color1{color:#b01e2d}.component.topic .message .content .text a.color2{color:#2f23c0}.component.topic .message .content .text a.color3{color:#ffdb0f}.component.topic .message .content .text a.color4{color:#a935c7}.component.topic .message .content .text a.color5{color:#57c632}.component.topic .message .content .text a.color6{color:#05bed7}.component.topic .message .content .text a.color7{color:#ac5832}.component.topic .message .content .text a.color8{color:#f2b636}.component.topic .message .content .text a.color9{color:#57c632}.component.topic .message .content .text a.color10{color:#a92859}.component.topic .message .content .text a.color11{color:#34b089}.component.topic .message .content .text a.color12{color:#ffdb0f}.component.topic .message .content .text .icon-color{width:15px}.component.topic .message .content .footer{margin:0;padding:6px 10px;font-size:9pt;color:#CCC}.component.topic .message .content .footer a{color:#CCC}.component.topic .message.write .content:before{left:-17px;top:11px;border-color:transparent #fff transparent transparent}.component.topic .message.write .content textarea{border:none;padding:5px;width:487px;height:90pt;max-width:487px;min-width:487px;min-height:50px;font-family:inherit;font-size:13px}.component.topic .message.write .content input{margin:6px;font-family:inherit}.component.topic .message.write .content .title{border:none;margin:0;padding:5px;width:487px;height:30px;font-family:inherit;font-size:13px}.component.topic .message.write .content button{margin:6px;font-family:inherit;background:#219772;border:none;padding:4px 8px;color:#fff;cursor:pointer}.component.topic .message.write .content button:focus,.component.topic .message.write .content button:hover{background:#10684c}.component.topic .system-message{position:relative;padding:0 0 0 90px;margin:10px}.component.topic .system-message:before{content:'';position:absolute;top:10px;left:0;height:1px;width:70px;background:#4F4F4F}.conv-item{position:relative;display:block;border:solid 1px #202020;border-bottom:none;background:#0A0A0A;height:59px;padding:5px 5px 5px 70px;margin:0 10px;color:#fff;text-decoration:none;overflow:hidden}.conv-item .cover{position:absolute;display:block;top:0;left:0;bottom:0;width:60px;padding:5px}.conv-item .cover .picture{width:52px;height:52px;background:#202020;border-radius:100%;padding:4px}.conv-item .cover .picture.color0{box-shadow:0 0 0 2px #4F4F4F}.conv-item .cover .picture.color1{box-shadow:0 0 0 2px #6e161b}.conv-item .cover .picture.color2{box-shadow:0 0 0 2px #1f1471}.conv-item .cover .picture.color3{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .picture.color4{box-shadow:0 0 0 2px #5a1072}.conv-item .cover .picture.color5{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color6{box-shadow:0 0 0 2px #076b87}.conv-item .cover .picture.color7{box-shadow:0 0 0 2px #67331d}.conv-item .cover .picture.color8{box-shadow:0 0 0 2px #d87913}.conv-item .cover .picture.color9{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color10{box-shadow:0 0 0 2px #760f36}.conv-item .cover .picture.color11{box-shadow:0 0 0 2px #219772}.conv-item .cover .picture.color12{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .new-message,.conv-item .cover .number{position:absolute;width:22px;height:22px;border-radius:100%;background:#0A0A0A;bottom:5px;right:5px;border:solid 1px #4F4F4F;text-align:center;line-height:22px;font-size:11px}.conv-item .cover .new-message{left:5px;top:5px}.conv-item .cover .new-message img{display:block;width:18px;height:18px;margin:2px}.conv-item .data{line-height:20px}.conv-item:last-child{border:solid 1px #202020}.conv-item:focus,.conv-item:hover{background:#0C0C0C}.component.player .player{position:relative;display:inline-block;margin:10px 0 0 10px;width:211px;height:58px;padding:5px 5px 5px 70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff;text-decoration:none}.component.player .player a{color:#ccc;text-decoration:none;border-bottom:solid 1px #202020}.component.player .player a:focus,.component.player .player a:hover{border-color:#4f4f4f}.component.player .player img.picto{position:absolute;top:5px;left:5px;width:50px;padding:4px;border:solid 1px #202020;border-radius:100%;background:#000}.component.player .player .icon,.component.player .player .icon-color{height:1pc;padding:1px}.component.player .player span,.component.player .player strong{display:block;line-height:20px}.component.player .player strong{font-size:18px}.component.player .player .inactive,.component.player .player .online{position:absolute;width:18px;height:18px;background:#fff;top:5px;right:5px;border-radius:100%;background:#4F4F4F}.component.player .player .online{background:#34b089}.component.player .player.faction{border-left:solid 1px #0A0A0A!important;width:202px}.component.player .player.faction img{top:0;left:10px;padding:0;border:none;border-radius:0;background:0 0}.component.player.rank .player{border-left:solid 10px #4F4F4F;width:190px}.component.player.rank .player.color1{border-left-color:#b01e2d}.component.player.rank .player.color2{border-left-color:#2f23c0}.component.player.rank .player.color3{border-left-color:#ffdb0f}.component.player.rank .player.color4{border-left-color:#a935c7}.component.player.rank .player.color5{border-left-color:#57c632}.component.player.rank .player.color6{border-left-color:#05bed7}.component.player.rank .player.color7{border-left-color:#ac5832}.component.player.rank .player.color8{border-left-color:#f2b636}.component.player.rank .player.color9{border-left-color:#57c632}.component.player.rank .player.color10{border-left-color:#a92859}.component.player.rank .player.color11{border-left-color:#34b089}.component.player.rank .player.color12{border-left-color:#ffdb0f}.component.player.rank .player .points,.component.player.rank .player .title{color:#BBB}.component.player.rank .player .position{display:block;position:absolute;top:14px;right:14px;line-height:38px;width:38px;border:solid 1px #202020;text-align:center;border-radius:100%}.component.player.rank .player .variance{display:block;position:absolute;top:5px;right:-4px;line-height:26px;width:26px;border:solid 1px #202020;background:#0A0A0A;text-align:center;font-size:11px;border-radius:100%}.component.player.rank .player .variance.lower{bottom:5px;top:auto}.component.player.rank .player.active .position{background:#fff;border:solid 1px #fff;color:#202020}.component.player.size2 .player{width:13pc}.component.player.size1 .player{width:202px}.component.transaction .transaction{background:#0A0A0A;border:solid 1px #202020;margin:10px}.component.transaction .transaction .right-link{position:absolute;top:2px;right:5px;display:block;color:#FFF;text-decoration:none}.component.transaction .transaction .product{position:relative;height:70px;padding:5px 10px 5px 55px;cursor:pointer}.component.transaction .transaction .product .picto{position:absolute;top:5px;left:-20px;width:60px;height:60px;padding:4px;background:#000;border:solid 1px #202020;border-radius:100%}.component.transaction .transaction .product .rate{position:absolute;bottom:5px;right:8px}.component.transaction .transaction .product .offer{overflow:hidden;height:2pc}.component.transaction .transaction .product .for{position:relative;border-top:solid 1px #202020;margin:8px 0 6px 0;color:#4F4F4F}.component.transaction .transaction .product .for span{display:block;position:absolute;top:-10px;left:10px;background:#0A0A0A;padding:0 10px;font-size:9pt}.component.transaction .transaction .product .price{font-size:19px;font-weight:700}.component.transaction .transaction .product .price .icon-color{width:14px;position:relative;top:-2px;padding:1px}.component.transaction .transaction.resources .product .offer{font-size:28px;font-weight:700;line-height:30px}.component.transaction .transaction.resources .product .offer .icon-color{width:20px;position:relative;top:-5px}.component.transaction .transaction.commander .product .offer strong,.component.transaction .transaction.ship .product .offer strong{display:block;font-size:14px}.component.transaction .transaction.commander .product .offer em,.component.transaction .transaction.ship .product .offer em{display:block;font-size:11px}.component.transaction .transaction .hidden{display:none}.component.transaction .transaction .info{position:relative;border-top:solid 1px #202020;height:88px;background:#000}.component.transaction .transaction .info p{font-size:11px;margin:5px 8px}.component.transaction .transaction .info .seller{position:absolute;top:0;width:50%;bottom:0}.component.transaction .transaction .info .seller a{font-weight:700;color:#fff}.component.transaction .transaction .info .seller .color1{color:#b01e2d}.component.transaction .transaction .info .seller .color2{color:#2f23c0}.component.transaction .transaction .info .seller .color3{color:#ffdb0f}.component.transaction .transaction .info .seller .color4{color:#a935c7}.component.transaction .transaction .info .seller .color5{color:#57c632}.component.transaction .transaction .info .seller .color6{color:#05bed7}.component.transaction .transaction .info .seller .color7{color:#ac5832}.component.transaction .transaction .info .seller .color8{color:#f2b636}.component.transaction .transaction .info .seller .color9{color:#57c632}.component.transaction .transaction .info .seller .color10{color:#a92859}.component.transaction .transaction .info .seller .color11{color:#34b089}.component.transaction .transaction .info .seller .color12{color:#ffdb0f}.component.transaction .transaction .info .price-detail{position:absolute;top:0;width:50%;bottom:0;right:0}.component.transaction .transaction .info .price-detail p{text-align:right}.component.transaction .transaction .info .price-detail p .icon-color{width:10px;padding:1px}.component.transaction .transaction .info .price-detail p span{color:#4F4F4F}.component.transaction .transaction .button{border-top:solid 1px #202020;padding:5px}.component.transaction .transaction .button a,.component.transaction .transaction .button span{display:block;padding:5px 10px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;line-height:20px;background:#202020;box-shadow:inset 0 0 2px #000}.component.transaction .transaction .button a{background:#219772}.component.transaction .transaction .button a:hover{box-shadow:inset 0 0 6px #000;background:#34b089}.component.transaction .transaction .button span{background:#202020;cursor:default}.component.transaction .transaction .button .icon-color{width:14px}.component.transaction .transaction .shipping{position:relative;background:#000;height:30px}.component.transaction .transaction .shipping .ships{position:absolute;top:0;left:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center}.component.transaction .transaction .shipping .ships .icon-color{position:relative;width:1pc;margin-left:5px;top:-5px}.component.transaction .transaction .shipping .time{position:absolute;top:0;right:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center;font-size:9pt}.component.transaction .transaction .shipping .progress-container{position:relative;display:block;clear:both;margin:0 60px;height:3px;top:13px;background:#4F4F4F}.component.transaction .transaction .shipping .progress-bar{position:absolute;display:block;height:100%;background:#34b089}.component .build-item.disable .button span{color:#696969}.component.transaction .new-transaction{width:279px;position:absolute;background:#000;z-index:1;padding:10px;border-bottom:solid 1px #34b089}.component.transaction .new-transaction label{position:relative;display:block;padding:5px 0}.component.transaction .new-transaction label input{display:block;padding:5px 10px;margin:5px 0 0 0;width:259px;border:none}.component.transaction .new-transaction.resources label input{font-size:1pc;color:#202020;font-weight:700}.component.transaction .new-transaction .indicator{position:relative;display:block;width:100%;height:15px}.component.transaction .new-transaction .indicator span{position:absolute;display:inline-block;padding:1px 6px;font-size:9pt;color:#fff;border-radius:3px;top:-5px;background:#10684c}.component.transaction .new-transaction .indicator span.min-price{left:5px}.component.transaction .new-transaction .indicator span.max-price{right:5px}.component.market-sell .body{padding:10px 0}.component.market-sell .label-box{position:relative;padding:0 10px;margin:10px 0}.component.market-sell .label-box .label{display:inline-block;width:75pt;line-height:30px}.component.market-sell .label-box .value{display:inline-block;width:147px;padding:0 5px;border:none;line-height:30px;border-radius:3px;font-size:1pc}.component.market-sell .label-box input.value{height:30px;background:#fff}.component.market-sell .label-box .icon-color{position:absolute;top:4px;right:1pc;width:18px}.component.market-sell .queue{margin:0 10px;cursor:pointer}.component.market-sell .sell-form{background:#0A0A0A;border:solid 1px #202020;margin:0 10px 10px 10px}.component.market-sell .sell-form input[type=submit]{display:block;width:100%;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 10px;color:#fff;cursor:pointer;overflow:hidden;background:#34b089}.component.market-sell .sell-form input[type=submit]:hover{background:#10684c}.component.market-sell .sell-form input[disabled=disabled]{background:#202020!important}.wysiwyg{display:block;position:relative}.wysiwyg .toolbar{display:block;position:absolute;top:0;left:0;right:0;padding:5px}.wysiwyg .toolbar button{display:inline-block;height:26px;line-height:26px;padding:0 4px!important;margin:0 4px 0 0!important;background:#219772;color:#fff;border-radius:3px;overflow:hidden;vertical-align:top}.wysiwyg .modal{position:absolute;top:40px;left:10px;right:10px;background:#0A0A0A;border:solid 1px #202020;box-shadow:0 0 15px #000}.wysiwyg .modal .header{position:relative}.wysiwyg .modal .header h2{margin:0;padding:0;line-height:36px;padding:0 10px;font-size:1pc;font-weight:400}.wysiwyg .modal .header .right{position:absolute;top:5px;right:10px;width:300px;text-align:right}.wysiwyg .modal .header .right button{display:inline-block;width:26px!important;height:26px!important;line-height:26px !important<;font-size:14px;padding:0!important;margin:0 0 0 5px!important}.wysiwyg .modal input{width:435px;border:none;height:30px;margin:0 10px 10px 10px!important;padding:0 10px!important}.wysiwyg textarea{padding-top:40px!important}.input-area .wysiwyg .toolbar{padding:0}.component.params .checkbox{display:block;position:relative;padding:10px 10px 10px 40px;margin:10px;background:rgba(0,0,0,.8)}.component.params .checkbox input{position:absolute;top:8px;left:10px}#map{position:absolute;z-index:100;background:url(src/desktop/map/common/map.jpg) repeat #000;padding:0;top:0;left:0}#map #sectors{z-index:300}#map #spying{z-index:400}#map #own-base{z-index:500}#map #commercial-routes{z-index:600}#map #fleet-movements{z-index:700}#map #attacks{z-index:800}#map #systems{z-index:900}#map #map-info{z-index:910}#map>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#map #sectors polygon{stroke:#fff;stroke-width:1px;stroke-dasharray:4 4;opacity:.15}#map #sectors .ally1{fill:#6e161b}#map #sectors .ally2{fill:#1f1471}#map #sectors .ally3{fill:#dbb200}#map #sectors .ally4{fill:#5a1072}#map #sectors .ally5{fill:#2c7915}#map #sectors .ally6{fill:#076b87}#map #sectors .ally7{fill:#67331d}#map #sectors .ally8{fill:#d87913}#map #sectors .ally9{fill:#2c7915}#map #sectors .ally10{fill:#760f36}#map #sectors .ally11{fill:#219772}#map #sectors .ally12{fill:#dbb200}#map #spying circle{opacity:.08;stroke:#fff}#map #own-base circle{opacity:.1;fill:#fff}#map #commercial-routes line{stroke:#fff;stroke-width:1px;stroke-dasharray:20 5 5 5 5 10}#map #commercial-routes line.standBy{stroke:rgba(255,255,255,.3)}#map #fleet-movements line{stroke-width:1px}#map #fleet-movements line.back{stroke-dasharray:15 5}#map #attacks line{stroke-width:1px}#map #attacks line.color1{stroke:#b01e2d}#map #attacks line.color2{stroke:#2f23c0}#map #attacks line.color3{stroke:#ffdb0f}#map #attacks line.color4{stroke:#a935c7}#map #attacks line.color5{stroke:#57c632}#map #attacks line.color6{stroke:#05bed7}#map #attacks line.color7{stroke:#ac5832}#map #attacks line.color8{stroke:#f2b636}#map #attacks line.color9{stroke:#57c632}#map #attacks line.color10{stroke:#a92859}#map #attacks line.color11{stroke:#34b089}#map #attacks line.color12{stroke:#ffdb0f}#map #attacks circle.color1{fill:#b01e2d}#map #attacks circle.color2{fill:#2f23c0}#map #attacks circle.color3{fill:#ffdb0f}#map #attacks circle.color4{fill:#a935c7}#map #attacks circle.color5{fill:#57c632}#map #attacks circle.color6{fill:#05bed7}#map #attacks circle.color7{fill:#ac5832}#map #attacks circle.color8{fill:#f2b636}#map #attacks circle.color9{fill:#57c632}#map #attacks circle.color10{fill:#a92859}#map #attacks circle.color11{fill:#34b089}#map #attacks circle.color12{fill:#ffdb0f}#map #systems a{display:block;position:absolute;border-radius:100%}#map #systems a.active{background:#000;box-shadow:0 0 0 1px #000,0 0 0 3px #fff,0 0 10px 8px #000}#map #systems a img{display:block;width:20px;height:20px;border:none;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}#map #systems a img.own{background:#fff}#map #systems .sector-number{position:absolute;display:block;font-size:22px;line-height:40px;width:40px;text-align:center;border-radius:100%;box-shadow:0 0 0 5px #0A0A0A,0 0 0 6px #4F4F4F;background:#202020;color:#fff;font-weight:700;cursor:pointer}#map #systems .sector-number.color1{background:#6e161b}#map #systems .sector-number.color2{background:#1f1471}#map #systems .sector-number.color3{background:#dbb200}#map #systems .sector-number.color4{background:#5a1072}#map #systems .sector-number.color5{background:#2c7915}#map #systems .sector-number.color6{background:#076b87}#map #systems .sector-number.color7{background:#67331d}#map #systems .sector-number.color8{background:#d87913}#map #systems .sector-number.color9{background:#2c7915}#map #systems .sector-number.color10{background:#760f36}#map #systems .sector-number.color11{background:#219772}#map #systems .sector-number.color12{background:#dbb200}#map #systems .sector-info{display:none;position:absolute;color:#fff;background:#000;background:rgba(0,0,0,.9);padding:8px 1pc;border-radius:3px}#map #systems .sector-info:before{content:'';position:absolute;left:-20px;top:20px;border-style:solid;border-width:10px;border-color:transparent #000 transparent transparent;border-color:transparent rgba(0,0,0,.9) transparent transparent}#map #systems .sector-info h2{position:relative;font-size:40px;font-weight:700;line-height:40px;text-shadow:0 0 5px #000;margin:0;padding:0}#map #systems .sector-info p{font-size:13px;margin:6px 0 0 0;padding:0;font-weight:700;font-variant:small-caps}#map #systems .sector-info p a{position:static;display:inline-block;color:#fff;background:#202020;border-radius:3px;line-height:20px;width:20px;text-align:center;text-decoration:none;border:solid 1px rgba(255,255,255,.5);margin:0 5px 0 0}#map #systems .sector-info.color1 p a{background:#6e161b}#map #systems .sector-info.color2 p a{background:#1f1471}#map #systems .sector-info.color3 p a{background:#dbb200}#map #systems .sector-info.color4 p a{background:#5a1072}#map #systems .sector-info.color5 p a{background:#2c7915}#map #systems .sector-info.color6 p a{background:#076b87}#map #systems .sector-info.color7 p a{background:#67331d}#map #systems .sector-info.color8 p a{background:#d87913}#map #systems .sector-info.color9 p a{background:#2c7915}#map #systems .sector-info.color10 p a{background:#760f36}#map #systems .sector-info.color11 p a{background:#219772}#map #systems .sector-info.color12 p a{background:#dbb200}#map #map-info{display:none;position:absolute;top:0;right:0;left:auto;bottom:auto;height:auto;width:auto;margin:40px 60px 0 0;color:#fff;text-align:right}#map #map-info h2{margin:0;padding:0 20px;font-size:38px;line-height:60px}#map #map-info h3{margin:0;padding:0 20px;font-size:1pc;font-weight:400;line-height:40px}#map #map-info ul{margin:10px 0;padding:0;list-style:none}#map #map-info ul li{position:relative;margin:0;padding:0 40px 0 0;line-height:20px;height:20px;font-style:italic;color:#CCC;font-size:13px}#map #map-info ul li img{position:absolute;right:10px;top:0}#map #spying circle{fill:#219772}#map #fleet-movements line{stroke:#34b089}#map #fleet-movements circle{fill:#34b089}#map-option{z-index:1000;position:absolute;display:inline-block;height:2pc;padding:3px 0;background:url(src/desktop/map/bOption.png) repeat-x;top:30px;right:20px}#map-option:before{content:'';position:absolute;display:block;left:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bLeftOption.png)}#map-option:after{content:'';position:absolute;display:block;right:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bRightOption.png)}#map-option a{position:relative;display:inline-block;height:30px;width:30px;margin:1px 0 1px 1px;background:#0A0A0A}#map-option a.active{background:#004948}#map-option a img{position:absolute;top:5px;left:5px;width:22px}.color1 #map-option a.active{background:#510816}.color2 #map-option a.active{background:#0c0d44}.color3 #map-option a.active{background:#b17a00}.color4 #map-option a.active{background:#310948}.color5 #map-option a.active{background:#24500a}.color6 #map-option a.active{background:#004948}.color7 #map-option a.active{background:#401b13}.color8 #map-option a.active{background:#c3590b}.color9 #map-option a.active{background:#24500a}.color10 #map-option a.active{background:#4d0621}.color11 #map-option a.active{background:#10684c}.color12 #map-option a.active{background:#b17a00}#map-content{z-index:1000;position:absolute;top:5pc;right:20px;display:block}#map-content .mini-map{position:relative;width:300px;height:300px;overflow:hidden;border:solid 1px #202020;background:url(src/desktop/map/common/galaxy.jpg) no-repeat #0a0a0a}#map-content .mini-map polygon{stroke:#fff;stroke-width:.5px;opacity:.3}#map-content .mini-map polygon:focus,#map-content .mini-map polygon:hover{opacity:.1;cursor:pointer}#map-content .mini-map polygon.ally0{fill:#202020}#map-content .mini-map polygon.ally1{fill:#6e161b}#map-content .mini-map polygon.ally2{fill:#1f1471}#map-content .mini-map polygon.ally3{fill:#dbb200}#map-content .mini-map polygon.ally4{fill:#5a1072}#map-content .mini-map polygon.ally5{fill:#2c7915}#map-content .mini-map polygon.ally6{fill:#076b87}#map-content .mini-map polygon.ally7{fill:#67331d}#map-content .mini-map polygon.ally8{fill:#d87913}#map-content .mini-map polygon.ally9{fill:#2c7915}#map-content .mini-map polygon.ally10{fill:#760f36}#map-content .mini-map polygon.ally11{fill:#219772}#map-content .mini-map polygon.ally12{fill:#dbb200}#map-content .mini-map .number{position:absolute;z-index:600;top:0;left:0}#map-content .mini-map .sectors{z-index:500;position:absolute;top:0;left:0}#map-content .mini-map .bases{z-index:400;position:absolute;top:0;left:0}#map-content .mini-map .bases circle{fill:rgba(255,255,255,.2);stroke:#fff}#map-content .mini-map .viewport{position:absolute;top:0;left:0;background:rgba(255,255,255,.1);border:solid 1px #fff;border-radius:3px}#map-content .mini-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:11px}.map-movers{display:none;position:absolute;z-index:900;background-repeat:no-repeat;background-position:center}#coord-box{z-index:1000;position:absolute;bottom:20px;right:20px;width:5pc;padding:5px 10px;background:rgba(0,0,0,.8);color:#fff;font-size:20px;text-align:center}.tactical-map{margin:10px;position:relative;background:url(src/desktop/map/common/galaxy-large.jpg) repeat #0a0a0a}.tactical-map polygon{stroke:#fff;stroke-width:.3px;opacity:.15}.tactical-map polygon.enabled{position:relative;stroke-width:2px;opacity:.8;z-index:1}.tactical-map polygon.enabled.ally1{stroke:#510816}.tactical-map polygon.enabled.ally2{stroke:#0c0d44}.tactical-map polygon.enabled.ally3{stroke:#b17a00}.tactical-map polygon.enabled.ally4{stroke:#310948}.tactical-map polygon.enabled.ally5{stroke:#24500a}.tactical-map polygon.enabled.ally6{stroke:#004948}.tactical-map polygon.enabled.ally7{stroke:#401b13}.tactical-map polygon.enabled.ally8{stroke:#c3590b}.tactical-map polygon.enabled.ally9{stroke:#24500a}.tactical-map polygon.enabled.ally10{stroke:#4d0621}.tactical-map polygon.enabled.ally11{stroke:#10684c}.tactical-map polygon.enabled.ally12{stroke:#b17a00}.tactical-map polygon.ally0{fill:#202020}.tactical-map polygon.ally1{fill:#6e161b}.tactical-map polygon.ally2{fill:#1f1471}.tactical-map polygon.ally3{fill:#dbb200}.tactical-map polygon.ally4{fill:#5a1072}.tactical-map polygon.ally5{fill:#2c7915}.tactical-map polygon.ally6{fill:#076b87}.tactical-map polygon.ally7{fill:#67331d}.tactical-map polygon.ally8{fill:#d87913}.tactical-map polygon.ally9{fill:#2c7915}.tactical-map polygon.ally10{fill:#760f36}.tactical-map polygon.ally11{fill:#219772}.tactical-map polygon.ally12{fill:#dbb200}.tactical-map .number{position:absolute;z-index:800;top:0;left:0}.tactical-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:9pt;line-height:22px;width:22px;text-align:center;border-radius:100%;box-shadow:0 0 1px #fff}.tactical-map .number span.ally0{background:#0A0A0A}.tactical-map .number span.ally1{background:#510816}.tactical-map .number span.ally2{background:#0c0d44}.tactical-map .number span.ally3{background:#b17a00}.tactical-map .number span.ally4{background:#310948}.tactical-map .number span.ally5{background:#24500a}.tactical-map .number span.ally6{background:#004948}.tactical-map .number span.ally7{background:#401b13}.tactical-map .number span.ally8{background:#c3590b}.tactical-map .number span.ally9{background:#24500a}.tactical-map .number span.ally10{background:#4d0621}.tactical-map .number span.ally11{background:#10684c}.tactical-map .number span.ally12{background:#b17a00}.tactical-map .number span.active{background:#fff;color:#000;box-shadow:0 0 10px #000}.tactical-map.reactive polygon.enabled.active,.tactical-map.reactive polygon.enabled:hover{cursor:pointer}.tactical-map.reactive polygon.enabled.active.ally1,.tactical-map.reactive polygon.enabled:hover.ally1{fill:#510816}.tactical-map.reactive polygon.enabled.active.ally2,.tactical-map.reactive polygon.enabled:hover.ally2{fill:#0c0d44}.tactical-map.reactive polygon.enabled.active.ally3,.tactical-map.reactive polygon.enabled:hover.ally3{fill:#b17a00}.tactical-map.reactive polygon.enabled.active.ally4,.tactical-map.reactive polygon.enabled:hover.ally4{fill:#310948}.tactical-map.reactive polygon.enabled.active.ally5,.tactical-map.reactive polygon.enabled:hover.ally5{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally6,.tactical-map.reactive polygon.enabled:hover.ally6{fill:#004948}.tactical-map.reactive polygon.enabled.active.ally7,.tactical-map.reactive polygon.enabled:hover.ally7{fill:#401b13}.tactical-map.reactive polygon.enabled.active.ally8,.tactical-map.reactive polygon.enabled:hover.ally8{fill:#c3590b}.tactical-map.reactive polygon.enabled.active.ally9,.tactical-map.reactive polygon.enabled:hover.ally9{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally10,.tactical-map.reactive polygon.enabled:hover.ally10{fill:#4d0621}.tactical-map.reactive polygon.enabled.active.ally11,.tactical-map.reactive polygon.enabled:hover.ally11{fill:#10684c}.tactical-map.reactive polygon.enabled.active.ally12,.tactical-map.reactive polygon.enabled:hover.ally12{fill:#b17a00}#action-box{display:block;z-index:1100;position:absolute;width:100%;height:300px;bottom:-300px;left:0;border-top:solid 1px #0A0A0A;background:#000;box-shadow:0 0 15px #000}#action-box .header{position:relative;background:#000;border-bottom:solid 1px #202020;height:36px;color:#EFEFEF}#action-box .header ul{list-style:none inset;margin:0;padding:0}#action-box .header ul li{display:inline-block;line-height:36px;padding:0 10px;color:#CCC;border-right:solid 1px #202020}#action-box .header ul li a{display:inline-block;line-height:24px;margin:3px 0;padding:0 6px;text-decoration:none;color:#CCC;background:#0A0A0A;border:solid 1px #202020;border-right:none;color:#8F8F8F}#action-box .header ul li a:first-child{border-radius:3px 0 0 3px}#action-box .header ul li a:last-child{border-right:solid 1px #202020;border-radius:0 3px 3px 0}#action-box .header ul li a:focus,#action-box .header ul li a:hover{background:#202020;color:#fff}#action-box .header ul li a.active{color:#fff;position:relative;z-index:1;background:#10684c}#action-box .header ul li img{position:relative;top:5px;width:20px;border-radius:100%}#action-box .header .button{position:absolute;top:7px;right:10px;line-height:22px;width:22px;text-align:center;background:#202020;border-radius:3px;text-decoration:none;text-transform:uppercase;color:#fff}#action-box .header .button:focus,#action-box .header .button:hover{background:#4F4F4F}#action-box .body{position:relative;overflow:hidden;width:100%;height:263px;background:url(src/desktop/map/common/bLine.jpg) repeat-x center #080808}#action-box .actbox-movers{position:absolute;display:block;width:60px;height:263px;z-index:1103;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#action-box .actbox-movers:focus,#action-box .actbox-movers:hover{background-color:rgba(255,255,255,.05)}#action-box .actbox-movers:active{background-color:rgba(255,255,255,.15)}#action-box .actbox-movers#actboxToLeft{background:url(src/desktop/mover/left.png) no-repeat center}#action-box .actbox-movers#actboxToRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center}#action-box .body .system{position:absolute;top:0;left:0;height:263px;width:3000px}#action-box .body .system ul{display:inline-block;list-style:none inset;margin:0;padding:0}#action-box .body .system ul li{display:inline-block}#action-box .body .system ul li.action,#action-box .body .system ul li.place a{width:75pt;height:260px;border-top:solid 3px #fff;position:relative}#action-box .body .system ul li.action.color1,#action-box .body .system ul li.place.color1 a{border-top-color:#6e161b}#action-box .body .system ul li.action.color2,#action-box .body .system ul li.place.color2 a{border-top-color:#1f1471}#action-box .body .system ul li.action.color3,#action-box .body .system ul li.place.color3 a{border-top-color:#dbb200}#action-box .body .system ul li.action.color4,#action-box .body .system ul li.place.color4 a{border-top-color:#5a1072}#action-box .body .system ul li.action.color5,#action-box .body .system ul li.place.color5 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color6,#action-box .body .system ul li.place.color6 a{border-top-color:#076b87}#action-box .body .system ul li.action.color7,#action-box .body .system ul li.place.color7 a{border-top-color:#67331d}#action-box .body .system ul li.action.color8,#action-box .body .system ul li.place.color8 a{border-top-color:#d87913}#action-box .body .system ul li.action.color9,#action-box .body .system ul li.place.color9 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color10,#action-box .body .system ul li.place.color10 a{border-top-color:#760f36}#action-box .body .system ul li.action.color11,#action-box .body .system ul li.place.color11 a{border-top-color:#219772}#action-box .body .system ul li.action.color12,#action-box .body .system ul li.place.color12 a{border-top-color:#dbb200}#action-box .body .system ul li.star{width:300px;height:263px;border-left:solid 1px #0F0F0F;background:url(src/desktop/map/systems/default.png) no-repeat center center}#action-box .body .system ul li.place a{display:block;border-left:solid 1px #0F0F0F;text-align:center}#action-box .body .system ul li.place a strong{position:absolute;bottom:8px;left:10px;font-size:18px;font-weight:700;color:#fff}#action-box .body .system ul li.place a .land{position:absolute;z-index:1102;top:88px;left:10px;width:5pc;border-radius:100%}#action-box .body .system ul li.place.active a .land{box-shadow:0 0 0 1px #202020;background:#080808}#action-box .body .system ul li.place a .avatar{position:absolute;z-index:1101;top:10px;left:20px;padding:7px;border:solid 1px #0F0F0F;background:#000;width:47px;border-radius:100%}#action-box .body .system ul li.action{width:0;overflow:hidden}#action-box .body .system ul li.action .content{position:absolute;top:9px;left:9pt;height:15pc;width:545px;background:#111;border:solid 1px #202020;box-shadow:inset 0 0 5px #000;border-radius:3px}#action-box .body .system ul li.action .content:before{content:'';position:absolute;top:107px;left:-24px;border-width:9pt;border-style:solid;border-color:transparent #202020 transparent transparent}#action-box .body .system ul li.action .content .column{position:relative;display:inline-block;vertical-align:top;height:15pc;border-right:solid 1px #202020;color:#fff}#action-box .body .system ul li.action .content .column .last-spy-link{position:absolute;top:6px;right:8px;opacity:.5;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}#action-box .body .system ul li.action .content .column .last-spy-link:focus,#action-box .body .system ul li.action .content .column .last-spy-link:hover{opacity:1}#action-box .body .system ul li.action .content .column.info{width:199px}#action-box .body .system ul li.action .content .column.act{width:345px;border-right:none}#action-box .body .system ul li.action .content .column p{margin:2px 10px}#action-box .body .system ul li.action .content .column a{color:#fff}#action-box .body .system ul li.action .content .column hr{margin:8px 10px;border:none;background:0 0;border-bottom:solid 1px #202020}#action-box .body .system ul li.action .content .column strong{line-height:30px}#action-box .body .system ul li.action .content .column.info strong{line-height:28px;font-size:18px}#action-box .body .system ul li.action .content .column .label{display:inline-block;width:78px;font-size:9pt}#action-box .body .system ul li.action .content .column .value{display:inline-block;width:75pt;text-align:left}#action-box .body .system ul li.action .content .column .value .icon,#action-box .body .system ul li.action .content .column .value .icon-color{width:18px;height:18px;padding:1px}#action-box .body .system ul li.action .content .column.act .top .grey{opacity:.4}#action-box .body .system ul li.action .content .column.act .top img{width:45px;padding:8px;margin:0 4px 2px 0;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}#action-box .body .system ul li.action .content .column .bottom,#action-box .body .system ul li.action .content .column .top{padding:5px}#action-box .body .system ul li.action .box{display:none;position:absolute;left:10px;right:10px;bottom:10px;top:5pc;background:#000;border-radius:3px}#action-box .body .system ul li.action .box:nth-child(1){display:block}#action-box .body .system ul li.action .box:before{content:'';position:absolute;top:-20px;border-style:solid;border-width:10px;border-color:transparent transparent #000 transparent}#action-box .body .system ul li.action .box:nth-child(1):before{left:15px}#action-box .body .system ul li.action .box:nth-child(2):before{left:84px}#action-box .body .system ul li.action .box:nth-child(3):before{left:152px}#action-box .body .system ul li.action .box:nth-child(4):before{left:218px}#action-box .body .system ul li.action .box:nth-child(5):before{left:284px}#action-box .body .system ul li.action .box h2{margin:0;padding:0 11px;line-height:35px;font-size:15px}#action-box .body .system ul li.action .box .box-content{position:absolute;top:35px;left:0;right:0;bottom:0;border-radius:0 0 3px 3px;padding:8px 10px;background:#080808;border:solid 1px #000;overflow:hidden}#action-box .body .system ul li.action .box .box-content .commander-tile .item{display:none}#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander{display:block}#action-box .body .system ul li.action .box .box-content .spy-button{display:inline-block;width:75pt;text-decoration:none;margin:8px 0}#action-box .body .system ul li.action .box .box-content .spy-button .picto{float:left;width:30px;height:30px;margin:0 5px 0 0}#action-box .body .system ul li.action .box .box-content .spy-button span{display:block}#action-box .body .system ul li.action .box .box-content .spy-button .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .spy-form{margin-top:10px}#action-box .body .system ul li.action .box .box-content .spy-form input{width:187px;padding:7px;border:none;background:#fff;border-radius:3px 0 0 3px}#action-box .body .system ul li.action .box .box-content .spy-form button{width:75pt;padding:6px 6px;border:none;color:#fff;background:#219772;cursor:pointer;border-radius:0 3px 3px 0}#action-box .body .system ul li.action .box .box-content .spy-form button:focus,#action-box .body .system ul li.action .box .box-content .spy-form button:hover{background:#10684c}#action-box .body .system ul li.action .box .box-content .label-box{display:inline-block;width:50%;margin:5px 0}#action-box .body .system ul li.action .box .box-content .label-box .key{display:block}#action-box .body .system ul li.action .box .box-content .label-box .val{display:block;font-size:18px;font-weight:700}#action-box .body .system ul li.action .box .box-content .rc{margin:5px 0 0 0;padding:10px 10px 0 50px;border-top:solid 1px #202020}#action-box .body .system ul li.action .box .box-content .rc .planet{position:absolute;top:-25px;left:-25px;width:76px;height:76px;border:solid 1px #202020;border-radius:100%;background:#000}#action-box .body .system ul li.action .box .box-content .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .button{display:inline-block;background:#202020;border:solid 1px #4F4F4F;line-height:26px;margin:5px 0 0 0;padding:0 8px;text-align:center;text-decoration:none}#action-box .body .system ul li.action .box .box-content a.button{background:#219772;border:#10684c}#action-box .body .system ul li.action .box .box-content a.button:focus,#action-box .body .system ul li.action .box .box-content a.button:hover{background:#10684c}.component.admin table{margin:10px;border-collapse:collapse;width:877px}.component.admin table tr{border-bottom:solid 1px #202020}.component.admin table td{padding:5px 10px;vertical-align:top}.component.admin table .button{display:inline-block;padding:0 5px;line-height:25px;min-width:15px;text-align:center;color:#fff;border-radius:3px;background:#4F4F4F;text-decoration:none}.component.admin table td:nth-child(1){width:50px}.component.admin table td:nth-child(2){width:75pt}.component.admin table td:nth-child(3){width:auto}.component.admin table td:nth-child(4){width:5pc}.on-off-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#219772;border:solid 1px #10684c;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}.on-off-button:focus,.on-off-button:hover{background:#10684c;border-color:#219772}.on-off-button.disabled{background:#202020;border-color:#4F4F4F}.inscription #nav .box.left span{display:inline-block;line-height:2pc;padding:0 10px;margin:5px 2px;font-size:14px;width:5pc;text-align:center;color:#4f4f4f;text-decoration:none;font-variant:small-caps}.inscription #nav .box.left span.active{color:#fff}.inscription #nav .box.right{display:none}.inscription #inscription-subnav{position:fixed;top:45px;left:0;width:210px;margin:0 20px 0 60px;z-index:500}.inscription #inscription-subnav .bind{height:15px;background:url(src/desktop/inscriptionSubnav/bBind.png) no-repeat center}.inscription #inscription-subnav .head{position:relative;height:214px;background:url(src/desktop/inscriptionSubnav/bHead.png) no-repeat center}.inscription #inscription-subnav .head h2{position:absolute;margin:0;padding:0;top:5px;font-weight:700;font-size:1pc;line-height:24px;width:210px;overflow:hidden;text-align:center;color:#fff}.inscription #inscription-subnav .head img{position:absolute;top:43px;left:28px;width:125px;height:125px;background:#0A0A0A}.inscription #inscription-subnav .head .level{position:absolute;display:block;bottom:15px;left:0;width:100%;font-size:20px;line-height:41px;color:#fff;text-align:center;background:url(src/desktop/inscriptionSubnav/bLevel.png) no-repeat center}.inscription #inscription-subnav .head .experience{position:absolute;display:inline-block;top:50px;right:2pc;width:21px;height:7pc}.inscription #inscription-subnav .head .experience .value{position:absolute;display:block;width:100%;bottom:0;border-radius:3px}.inscription #inscription-subnav .foot{height:290px}.inscription #movers .toLeft{left:0!important}.inscription .component.inscription img.color1{background:#6e161b!important}.inscription .component.inscription img.color2{background:#1f1471!important}.inscription .component.inscription img.color3{background:#dbb200!important}.inscription .component.inscription img.color4{background:#5a1072!important}.inscription .component.inscription img.color5{background:#2c7915!important}.inscription .component.inscription img.color6{background:#076b87!important}.inscription .component.inscription img.color7{background:#67331d!important}.inscription .component.inscription img.color8{background:#d87913!important}.inscription .component.inscription img.color9{background:#2c7915!important}.inscription .component.inscription img.color10{background:#760f36!important}.inscription .component.inscription img.color11{background:#219772!important}.inscription .component.inscription img.color12{background:#dbb200!important}.inscription .component.inscription .chooseLink{display:block;margin:10px;padding:10px 60px 10px 20px;background:url(src/desktop/mover/right.png) no-repeat 235px center #ccc;text-decoration:none;color:#fff;text-shadow:0 0 2px #000;border:solid 1px #202020;cursor:pointer;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s}.inscription .component.inscription .chooseLink:focus,.inscription .component.inscription .chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.inscription .component.inscription button.chooseLink{width:277px;text-align:left}.inscription .component.inscription.color1 .chooseLink{background-color:#6e161b}.inscription .component.inscription.color2 .chooseLink{background-color:#1f1471}.inscription .component.inscription.color3 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color4 .chooseLink{background-color:#5a1072}.inscription .component.inscription.color5 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color6 .chooseLink{background-color:#076b87}.inscription .component.inscription.color7 .chooseLink{background-color:#67331d}.inscription .component.inscription.color8 .chooseLink{background-color:#d87913}.inscription .component.inscription.color9 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color10 .chooseLink{background-color:#760f36}.inscription .component.inscription.color11 .chooseLink{background-color:#219772}.inscription .component.inscription.color12 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color1 .chooseLink:focus,.inscription .component.inscription.color1 .chooseLink:hover{background-color:#510816}.inscription .component.inscription.color2 .chooseLink:focus,.inscription .component.inscription.color2 .chooseLink:hover{background-color:#0c0d44}.inscription .component.inscription.color3 .chooseLink:focus,.inscription .component.inscription.color3 .chooseLink:hover{background-color:#b17a00}.inscription .component.inscription.color4 .chooseLink:focus,.inscription .component.inscription.color4 .chooseLink:hover{background-color:#310948}.inscription .component.inscription.color5 .chooseLink:focus,.inscription .component.inscription.color5 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color6 .chooseLink:focus,.inscription .component.inscription.color6 .chooseLink:hover{background-color:#004948}.inscription .component.inscription.color7 .chooseLink:focus,.inscription .component.inscription.color7 .chooseLink:hover{background-color:#401b13}.inscription .component.inscription.color8 .chooseLink:focus,.inscription .component.inscription.color8 .chooseLink:hover{background-color:#c3590b}.inscription .component.inscription.color9 .chooseLink:focus,.inscription .component.inscription.color9 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color10 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#4d0621}.inscription .component.inscription.color11 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#10684c}.inscription .component.inscription.color12 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#b17a00}.inscription .component.inscription .chooseLink strong{display:block;font-size:15px;border-bottom:solid 1px rgba(255,255,255,.25);padding:0 0 5px 0;margin:0 0 5px 0}.inscription .component.inscription .chooseLink em{font-style:normal}.inscription .component.inscription span.chooseLink{background:#202020!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25);cursor:auto;padding:10px}.inscription .component.inscription span.chooseLink:focus,.inscription .component.inscription span.chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}.inscription .component.inscription blockquote{line-height:200%}.inscription .component.inscription #base,.inscription .component.inscription #pseudo{position:relative;width:100%;border:none;padding:9pt 0;margin:0;text-align:center;font-size:26px;font-weight:700;background:#fff;border-radius:3px}.inscription .component.inscription.color1 #pseudo{color:#510816}.inscription .component.inscription.color2 #pseudo{color:#0c0d44}.inscription .component.inscription.color3 #pseudo{color:#b17a00}.inscription .component.inscription.color4 #pseudo{color:#310948}.inscription .component.inscription.color5 #pseudo{color:#24500a}.inscription .component.inscription.color6 #pseudo{color:#004948}.inscription .component.inscription.color7 #pseudo{color:#401b13}.inscription .component.inscription.color8 #pseudo{color:#c3590b}.inscription .component.inscription.color9 #pseudo{color:#24500a}.inscription .component.inscription.color10 #pseudo{color:#4d0621}.inscription .component.inscription.color11 #pseudo{color:#10684c}.inscription .component.inscription.color12 #pseudo{color:#b17a00}.inscription .component.inscription .avatars{padding:5px;text-align:center}.inscription .component.inscription .avatar{position:relative;display:inline-block;margin:0 5px;padding:5px;background:#202020;border:solid 5px #0A0A0A;border-radius:100%}.inscription .component.inscription .avatar input{position:absolute;top:10px;left:10px}.inscription .component.inscription .avatar img{display:block;width:117px;cursor:pointer;border-radius:100%}.inscription .component.inscription.color1 .avatar:hover{border-color:#510816}.inscription .component.inscription.color2 .avatar:hover{border-color:#0c0d44}.inscription .component.inscription.color3 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color4 .avatar:hover{border-color:#310948}.inscription .component.inscription.color5 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color6 .avatar:hover{border-color:#004948}.inscription .component.inscription.color7 .avatar:hover{border-color:#401b13}.inscription .component.inscription.color8 .avatar:hover{border-color:#c3590b}.inscription .component.inscription.color9 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color10 .avatar:hover{border-color:#4d0621}.inscription .component.inscription.color11 .avatar:hover{border-color:#10684c}.inscription .component.inscription.color12 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color1 .avatar.active{border-color:#b01e2d}.inscription .component.inscription.color2 .avatar.active{border-color:#2f23c0}.inscription .component.inscription.color3 .avatar.active{border-color:#ffdb0f}.inscription .component.inscription.color4 .avatar.active{border-color:#a935c7}.inscription .component.inscription.color5 .avatar.active{border-color:#57c632}.inscription .component.inscription.color6 .avatar.active{border-color:#05bed7}.inscription .component.inscription.color7 .avatar.active{border-color:#ac5832}.inscription .component.inscription.color8 .avatar.active{border-color:#f2b636}.inscription .component.inscription.color9 .avatar.active{border-color:#57c632}.inscription .component.inscription.color10 .avatar.active{border-color:#a92859}.inscription .component.inscription.color11 .avatar.active{border-color:#34b089}.inscription .component.inscription.color12 .avatar.active{border-color:#ffdb0f}.inscription #alert{bottom:-9pt;z-index:10000}.inscription .build-item{min-height:60px}.inscription .build-item .name{padding-top:2px!important}.inscription .build-item .name strong{font-size:1pc!important}.inscription .build-item .name em{font-size:9pt!important}.color0 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor0.png) no-repeat top left}.color1 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor1.png) no-repeat top left}.color2 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor2.png) no-repeat top left}.color3 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor3.png) no-repeat top left}.color4 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor4.png) no-repeat top left}.color5 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor5.png) no-repeat top left}.color6 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor6.png) no-repeat top left}.color7 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor7.png) no-repeat top left}.color8 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor8.png) no-repeat top left}.color9 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor9.png) no-repeat top left}.color10 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor10.png) no-repeat top left}.color11 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor11.png) no-repeat top left}.color12 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor12.png) no-repeat top left}.ac_results{width:100%;padding:0;border:1px solid #4F4F4F;background-color:#fff;overflow:hidden;z-index:99999;box-shadow:0 0 6px #000;border-radius:3px}.ac_results ul{width:100%;padding:0;margin:0;list-style-position:outside;list-style:none}.ac_results ul li{padding:4px 8px;margin:0;cursor:default;display:block;border-bottom:solid 1px #CCC;overflow:hidden}.ac_results ul li:last-child{border:none}.ac_results .img{float:left;width:36px;background:#202020;border-radius:3px;margin:0 8px 0 0}.ac_results .value-1,.ac_results .value-2{display:block;line-height:18px}.ac_results .value-1{font-weight:700}.ac_loading{background:#fff url(src/desktop/module/indicator.gif) right center no-repeat}.ac_over{background:#efefef}.ac_results .ac_over strong{color:#000}.ac_results .ac_over img{background:#fff}
\ No newline at end of file
+html {
+ height: 100%;
+}
+body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Roboto', 'Trebuchet MS', 'Arial', sans-serif;
+ font-size: 13px;
+}
+.bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ max-width: 280px;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+}
+.bull.top:before {
+ bottom: -14px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+.bull.bottom:before {
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+}
+.bull.left:before {
+ right: 12px;
+}
+.bull.right:before {
+ left: 12px;
+}
+body {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: black;
+}
+#nav,
+#tools {
+ position: fixed;
+ width: 100%;
+ height: 26px;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ box-shadow: 0 0 10px black;
+ z-index: 1000;
+ border-color: #34b089;
+}
+#nav {
+ top: 0;
+ left: 0;
+ background: url('src/desktop/nav/bNav.png') repeat-x black;
+ border-bottom: solid 3px black;
+}
+#tools {
+ bottom: 0;
+ left: 0;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ border-top: solid 3px black;
+}
+#container {
+ position: absolute;
+ top: 29px;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ background: black;
+ overflow: hidden;
+ z-index: 0;
+ background: url('src/desktop/global/background.jpg') repeat-x black;
+}
+.icon,
+.icon-color {
+ display: inline-block;
+ vertical-align: bottom;
+ padding: 2px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.icon-color {
+ background: #34b089 !important;
+}
+#background-paralax {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: no-repeat bottom left transparent;
+ z-index: 100;
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.profil {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.message {
+ background-image: url('src/desktop/screen/message.jpg');
+}
+#background-paralax.fleet {
+ background-image: url('src/desktop/screen/fleet.jpg');
+}
+#background-paralax.financial {
+ background-image: url('src/desktop/screen/financial.jpg');
+}
+#background-paralax.technology {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.rank {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.params {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.bases {
+ background-image: url('src/desktop/screen/base.jpg');
+}
+#movers a {
+ position: absolute;
+ width: 60px;
+ height: 100%;
+ z-index: 400;
+ background: red;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#movers a:hover,
+#movers a:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+#movers a:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+#movers .toLeft {
+ top: 0;
+ left: 60px;
+ background: url('src/desktop/mover/left.png') no-repeat center transparent;
+}
+#movers .toRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center transparent;
+}
+/* finance */
+.component.financial table {
+ border-collapse: collapse;
+ width: 100%;
+}
+.component.financial td {
+ vertical-align: top;
+ width: 50%;
+}
+/* uni */
+.component.uni .build-item {
+ height: 60px;
+ margin: 20px;
+}
+/* techno */
+.component.techno .build-item .name strong {
+ font-size: 16px;
+}
+/* school */
+.component.school .build-item .name strong {
+ font-size: 18px;
+}
+/* generator */
+.component.generator table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* dock1 */
+.component.dock1 table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* situation */
+.component.space .fix-body {
+ background: url('src/desktop/base/situation.jpg') no-repeat top left black;
+}
+/* memorial */
+.component.memorial blockquote {
+ font-size: 22px;
+ margin: 30px 15px 0 30px;
+ line-height: 160%;
+ font-weight: bold;
+ text-align: center;
+}
+.component .info-building {
+ margin: 10px;
+ padding: 0;
+ font-size: 13px;
+ border-top: solid 1px #4F4F4F;
+}
+.component .info-building h4 {
+ margin: 10px;
+}
+.component .info-building p {
+ font-size: 13px;
+}
+#tools .box a,
+#nav .box a,
+#tools .box > span,
+#nav .box > span {
+ position: relative;
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 25px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 150px;
+ color: white;
+ text-decoration: none;
+ font-variant: small-caps;
+ background: url('src/desktop/button/bButtonMiddle.png') repeat-x;
+}
+#tools .box a:before,
+#nav .box a:before,
+#tools .box > span:before,
+#nav .box > span:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonLeft.png') no-repeat;
+}
+#tools .box a:after,
+#nav .box a:after,
+#tools .box > span:after,
+#nav .box > span:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonRight.png') no-repeat;
+}
+#tools .box a.current-base,
+#nav .box a.current-base {
+ margin-left: 56px;
+}
+#tools .box a.current-base img,
+#nav .box a.current-base img {
+ position: absolute;
+ top: -16px;
+ left: -54px;
+ background: black;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ border: solid 2px #4F4F4F;
+ width: 60px;
+}
+#tools .box a:hover:before,
+#nav .box a:hover:before,
+#tools .box a:focus:before,
+#nav .box a:focus:before {
+ background: url('src/desktop/button/bButtonLeftHover.png') repeat;
+}
+#tools .box a:hover:after,
+#nav .box a:hover:after,
+#tools .box a:focus:after,
+#nav .box a:focus:after {
+ background: url('src/desktop/button/bButtonRightHover.png') repeat;
+}
+#tools .box a.active,
+#nav .box a.active {
+ background: url('src/desktop/button/bButtonMiddleActive.png') repeat;
+}
+#tools .box a.active:before,
+#nav .box a.active:before {
+ background: url('src/desktop/button/bButtonLeftActive.png') repeat;
+}
+#tools .box a.active:after,
+#nav .box a.active:after {
+ background: url('src/desktop/button/bButtonRightActive.png') repeat;
+}
+#tools .box a.square,
+#nav .box a.square {
+ position: relative;
+ padding: 0 5px;
+ margin: 5px 2px;
+ height: 32px;
+ width: 30px;
+ background: url('src/desktop/button/bLittleButton.png') no-repeat;
+ vertical-align: top;
+}
+#tools .box a.square:before,
+#nav .box a.square:before,
+#tools .box a.square:after,
+#nav .box a.square:after {
+ display: none;
+}
+#tools .box a.square:hover,
+#nav .box a.square:hover,
+#tools .box a.square:focus,
+#nav .box a.square:focus {
+ background: url('src/desktop/button/bLittleButtonHover.png') no-repeat;
+}
+#tools .box a.square.active,
+#nav .box a.square.active {
+ background: url('src/desktop/button/bLittleButtonActive-c11.png') no-repeat;
+}
+#tools .box a.square.active.flashy,
+#nav .box a.square.active.flashy {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: inset 0 0 12px #34b089;
+}
+#tools .box a.square img,
+#nav .box a.square img {
+ position: absolute;
+ width: 24px;
+ top: 3px;
+ left: 8px;
+}
+#tools .box a.square span.number,
+#nav .box a.square span.number {
+ position: absolute;
+ top: -5px;
+ right: -5px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ font-size: 11px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ background: #10684c;
+}
+#nav .box {
+ position: absolute;
+ display: inline-block;
+ height: 46px;
+ padding: 0 3px;
+ background: url('src/desktop/nav/bNavBox.png') repeat-x;
+}
+#nav .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxLeft.png') no-repeat;
+}
+#nav .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxRight.png') no-repeat;
+}
+#nav .box.left {
+ top: 0;
+ left: 25px;
+}
+#nav .box.left-2 {
+ top: 0;
+ left: 420px;
+}
+#nav .box.left-3 {
+ top: 0;
+ left: 732px;
+}
+#nav .box.right {
+ top: 0;
+ right: 25px;
+}
+#nav .box a.square span.number {
+ bottom: -5px;
+ top: auto;
+}
+#tools .box {
+ position: absolute;
+ display: inline-block;
+ height: 40px;
+ padding: 1px 3px 0 3px;
+ background: url('src/desktop/tools/bToolBox.png') repeat-x;
+ font-size: 13px;
+}
+#tools .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxRight.png') no-repeat;
+}
+#tools .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxLeft.png') no-repeat;
+}
+#tools .box.left {
+ bottom: 0;
+ right: 340px;
+}
+#tools .box.right {
+ bottom: 0;
+ right: 25px;
+}
+#tools .box a.square img {
+ top: 4px;
+}
+#tools .box a.resource-link,
+#tools .box span.resource-link {
+ width: 110px;
+ font-size: 16px;
+}
+#tools .box a.resource-link img.icon-color,
+#tools .box span.resource-link img.icon-color {
+ position: relative;
+ display: inline-block;
+ width: 18px;
+ vertical-align: middle;
+ margin-left: 5px;
+ top: -2px;
+ padding: 1px;
+}
+#nav .overbox .overflow,
+#tools .overbox .overflow {
+ max-height: 400px;
+ overflow: auto;
+ position: relative;
+}
+#nav .overbox h2,
+#tools .overbox h2 {
+ color: white;
+ padding: 10px 15px;
+ margin: 0;
+ font-size: 14px;
+ font-weight: normal;
+ border-bottom: solid 1px #202020;
+}
+#nav .overbox .link-title,
+#tools .overbox .link-title {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ line-height: 20px;
+ font-size: 11px;
+ padding: 0 5px;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ text-decoration: none;
+ color: white;
+}
+#nav .overbox a,
+#tools .overbox a {
+ color: inherit;
+}
+#nav .overbox a.more-link,
+#tools .overbox a.more-link {
+ display: block;
+ padding: 8px;
+ font-size: 12px;
+ border-top: solid 1px #202020;
+ text-align: center;
+ text-decoration: none;
+ color: #4F4F4F;
+}
+#nav .overbox a.more-link:focus,
+#tools .overbox a.more-link:focus,
+#nav .overbox a.more-link:hover,
+#tools .overbox a.more-link:hover {
+ color: #CCC;
+}
+#nav .overbox p.info,
+#tools .overbox p.info {
+ padding: 5px 15px;
+ font-size: 12px;
+ text-align: center;
+ color: #CCC;
+}
+#nav .overbox .outside-button,
+#tools .overbox .outside-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #219772;
+ border: solid 1px #10684c;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+#nav .overbox .outside-button:hover,
+#tools .overbox .outside-button:hover,
+#nav .overbox .outside-button:focus,
+#tools .overbox .outside-button:focus {
+ background: #10684c;
+ border-color: #219772;
+}
+#nav .overbox .outside-button.disabled,
+#tools .overbox .outside-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+#nav .overbox input.outside-button,
+#tools .overbox input.outside-button {
+ line-height: 26px;
+}
+#nav .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+}
+#nav .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent transparent #202020 transparent;
+ top: -18px;
+ right: 30px;
+}
+#nav .overbox#change-bases {
+ top: 50px;
+ left: 10px;
+ width: 205px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#change-bases:before {
+ left: 30px;
+ right: auto;
+}
+#nav .overbox#change-bases a {
+ display: block;
+ padding: 3px 15px;
+ color: #CCC;
+ text-decoration: none;
+ font-size: 12px;
+ border-bottom: solid 1px #101010;
+}
+#nav .overbox#change-bases a:focus,
+#nav .overbox#change-bases a:hover {
+ background: #101010;
+}
+#nav .overbox#change-bases a.active {
+ background: #202020;
+}
+#nav .overbox#change-bases strong {
+ display: block;
+ color: #CCC;
+ font-size: 13px;
+}
+#nav .overbox#disconnect-box {
+ top: 50px;
+ right: 10px;
+ width: 205px;
+ padding: 8px 0;
+}
+#nav .overbox#disconnect-box hr {
+ margin: 8px 0;
+ border: none;
+ background: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#disconnect-box a {
+ display: block;
+ padding: 0 15px;
+ line-height: 25px;
+ font-size: 13px;
+ color: #CCC;
+ text-decoration: none;
+}
+#nav .overbox#disconnect-box a:hover,
+#nav .overbox#disconnect-box a:focus {
+ color: white;
+ background: #202020;
+}
+#nav .overbox#bug-tracker {
+ width: 250px;
+ top: 50px;
+ right: 98px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#bug-tracker p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 10px;
+}
+#nav .overbox#bug-tracker .option {
+ margin: 3px 10px 10px 10px;
+ display: block;
+ width: 330px;
+ padding: 5px;
+}
+#nav .overbox#bug-tracker textarea {
+ display: block;
+ margin: 0 10px 10px 10px;
+ padding: 5px;
+ width: 318px;
+ height: 200px;
+ min-width: 318px;
+ max-width: 318px;
+ border: solid 1px #202020;
+ font-family: 'Trebuchet MS', sans-serif;
+ font-size: 13px;
+}
+#nav .overbox#bug-tracker .button {
+ display: block;
+ margin: 0 10px 2px 10px;
+}
+#nav .overbox#roadmap {
+ width: 350px;
+ top: 50px;
+ right: 10px;
+}
+#nav .overbox#roadmap .overflow {
+ width: 350px;
+ padding: 8px 0;
+}
+#nav .overbox#roadmap p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 0 10px 10px 10px;
+}
+#nav .overbox#roadmap p em {
+ display: block;
+ font-size: 11px;
+ color: #4F4F4F;
+}
+#nav .overbox#roadmap hr {
+ margin: 5px 0;
+ border: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial {
+ width: 350px;
+ top: 50px;
+ right: 143px;
+ color: white;
+}
+#nav .overbox#tutorial form {
+ padding: 0 0 10px 0;
+ margin: 0;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial .overflow {
+ padding: 15px 15px 0 15px;
+}
+#nav .overbox#tutorial .overflow h3 {
+ position: relative;
+ margin: 0;
+ padding: 0 0 0 36px;
+}
+#nav .overbox#tutorial .overflow h3 .number {
+ position: absolute;
+ top: -4px;
+ left: 0;
+ display: block;
+ width: 26px;
+ line-height: 26px;
+ text-align: center;
+ background: #10684c;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ margin-right: 10px;
+}
+#nav .overbox#tutorial .overflow p {
+ font-size: 12px;
+ color: #CCC;
+}
+#nav .overbox#new-notifications {
+ top: 50px;
+ left: 627px;
+ width: 300px;
+}
+#tools .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ width: 300px;
+ bottom: 45px;
+ right: 15px;
+}
+#tools .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: #202020 transparent transparent transparent;
+ bottom: -18px;
+ right: 30px;
+}
+#tools .overbox.left-pic:before {
+ left: 30px;
+ right: auto;
+}
+#tools .overbox#tools-calendar {
+ left: 25px;
+ bottom: 45px;
+ right: auto;
+}
+#tools .overbox#tools-refinery {
+ right: 401px;
+ bottom: 45px;
+}
+#tools .overbox#tools-generator {
+ right: 237px;
+ bottom: 45px;
+}
+#tools .overbox#tools-technosphere {
+ right: 193px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock1 {
+ right: 148px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock2 {
+ right: 105px;
+ bottom: 45px;
+}
+#tools .overbox#tools-credit {
+ right: 140px;
+ bottom: 45px;
+}
+#tools .overbox#tools-incoming-attack {
+ right: 230px;
+ bottom: 45px;
+}
+#tools .overbox#tools-outgoing-attack {
+ right: 185px;
+ bottom: 45px;
+}
+#subnav {
+ position: fixed;
+ top: 29px;
+ left: 2px;
+ bottom: 29px;
+ padding: 40px 0;
+ width: 60px;
+ background: url('src/desktop/subnav/middle.png') repeat-y;
+ z-index: 1000;
+}
+#subnav hr {
+ border: none;
+ margin: 20px 0;
+}
+#subnav .overflow {
+ position: relative;
+}
+#subnav .move-side-bar {
+ display: none;
+ position: absolute;
+ z-index: 5000;
+ left: 5px;
+ width: 48px;
+ height: 48px;
+ line-height: 48px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.75);
+ background-position: center;
+ background-repeat: no-repeat;
+ border-radius: 100%;
+ cursor: pointer;
+}
+#subnav .move-side-bar:hover,
+#subnav .move-side-bar:focus {
+ box-shadow: 0 0 3px white;
+}
+#subnav .move-side-bar.top {
+ bottom: auto;
+ top: 20px;
+ background-image: url('src/desktop/component/top.png');
+}
+#subnav .move-side-bar.bottom {
+ bottom: 20px;
+ top: auto;
+ background-image: url('src/desktop/component/bottom.png');
+}
+#subnav .item {
+ position: relative;
+ display: block;
+ height: 50px;
+ width: 50px;
+ margin: 0 0 10px 0;
+ padding: 8px 5px;
+ color: white;
+ text-decoration: none;
+ background: url('src/desktop/subnav/button.png') no-repeat;
+}
+#subnav .item.active {
+ background: url('src/desktop/subnav/button-active-c11.png') no-repeat;
+}
+#subnav .item.striped {
+ background: url('src/desktop/subnav/button-striped.png') no-repeat;
+}
+#subnav .item:before {
+ content: '';
+ position: absolute;
+ right: -6px;
+ bottom: 0;
+ width: 12px;
+ height: 47px;
+ background: url('src/desktop/subnav/til.png') no-repeat;
+}
+#subnav .item:hover:before {
+ background: url('src/desktop/subnav/til-hover.png') no-repeat;
+}
+#subnav .item:hover > .content {
+ display: block;
+}
+#subnav .item .picto {
+ display: block;
+ height: 30px;
+ width: 30px;
+ padding: 10px;
+}
+#subnav .item .picto img {
+ display: block;
+ height: 30px;
+ width: 30px;
+}
+#subnav .item .picto .number {
+ position: absolute;
+ bottom: -5px;
+ right: -18px;
+ display: block;
+ width: 28px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ font-size: 12px;
+ background: url('src/desktop/subnav/number.png') no-repeat;
+}
+#subnav .item .content {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 75px;
+ width: 230px;
+}
+#subnav .item .content.skin-1 span {
+ display: inline-block;
+ margin: 15px 0 15px 16px;
+ padding: 0 15px;
+ line-height: 30px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-1 span:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content {
+ display: inline-block;
+ margin: 0 0 0 16px;
+ padding: 10px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-2 .sub-content:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content hr {
+ border: none;
+ border-top: solid 1px #4F4F4F;
+ margin: 5px 0;
+}
+#subnav .item .content.skin-2 .sub-content .ship {
+ position: relative;
+}
+#subnav .item .content.skin-2 .sub-content .ship img {
+ width: 32px;
+ height: 32px;
+}
+#subnav .item .content.skin-2 .sub-content .ship img.zero {
+ opacity: .5;
+}
+#subnav .item .content.skin-2 .sub-content .ship .number {
+ position: absolute;
+ bottom: -2px;
+ right: -2px;
+ width: 18px;
+ height: 18px;
+ line-height: 18px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ text-align: center;
+ background: #34b089;
+}
+#alert-content {
+ display: none;
+}
+#alert {
+ position: absolute;
+ bottom: 18px;
+ left: 50px;
+ padding: 0;
+ text-align: right;
+ list-style: inset none;
+}
+#alert li {
+ position: relative;
+ display: inline-block;
+ margin: 0 0 0 5px;
+}
+#alert li img {
+ display: block;
+ height: 50px;
+ border: solid 1px #202020;
+ padding: 5px;
+ background: #0A0A0A;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.alert-bull {
+ display: block;
+ position: absolute;
+ z-index: 1200;
+ width: 200px;
+ padding: 6px 8px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.alert-bull .title {
+ display: block;
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+ border-bottom: solid 1px #4F4F4F;
+}
+.alert-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ bottom: -14px;
+ left: 24px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+#content {
+ position: absolute;
+ width: 8000px;
+ height: 100%;
+ top: 0;
+ left: 300px;
+ z-index: 200;
+}
+#content .component {
+ position: relative;
+ display: table-cell;
+ overflow: hidden;
+ width: 300px;
+ background: rgba(0, 0, 0, 0.92);
+}
+#content .component.size2 {
+ width: 600px;
+}
+#content .component.size3 {
+ width: 900px;
+}
+#content .component:nth-child(1) {
+ background: rgba(0, 0, 0, 0.6);
+}
+#content .component:nth-child(2) {
+ background: rgba(0, 0, 0, 0.75);
+}
+#content .component:nth-child(3) {
+ background: rgba(0, 0, 0, 0.85);
+}
+#content .component:nth-child(4) {
+ background: rgba(0, 0, 0, 0.9);
+}
+#content .component .head {
+ position: relative;
+ display: inline-block;
+ height: 120px;
+ width: 100%;
+ vertical-align: top;
+ color: white;
+ background: url('src/desktop/component/bHead.jpg') repeat-x center black;
+ border-bottom: solid 1px #202020;
+}
+#content .component .head h1 {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ font-size: 38px;
+ line-height: 50px;
+ height: 50px;
+ display: inline-block;
+ padding: 0 10px;
+ background: black;
+ overflow: hidden;
+}
+#content .component .fix-body {
+ position: relative;
+ overflow: auto;
+ color: white;
+ border-right: solid 1px #202020;
+}
+#content .component .fix-body .body {
+ position: relative;
+}
+.no-scrolling #content .component .fix-body {
+ overflow: hidden;
+}
+.no-scrolling #content .component .fix-body > a {
+ position: absolute;
+ width: 100%;
+ height: 40px;
+ left: 0;
+ opacity: 0;
+}
+.no-scrolling #content .component .fix-body.hover > a {
+ opacity: 1;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+.no-scrolling #content .component .fix-body .toTop {
+ top: 0;
+ background-image: url('src/desktop/component/top.png'), -webkit-gradient(linear, black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -moz-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -ms-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -o-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+}
+.no-scrolling #content .component .fix-body .toBottom {
+ bottom: 0;
+ background-image: url('src/desktop/component/bottom.png'), -webkit-gradient(linear, transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+}
+#content .component.invisible {
+ background: transparent;
+}
+#content .component.invisible .publicity {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: red;
+}
+.component .tool {
+ display: table;
+ width: 100%;
+ height: 44px;
+ margin: 0;
+ overflow: hidden;
+ background: black;
+ border-bottom: solid 1px #34b089;
+ color: #4F4F4F;
+}
+.component .tool > span {
+ display: table-cell;
+ width: 28px;
+ border: solid 6px transparent;
+ border-left: none;
+}
+.component .tool > span:first-child {
+ border: solid 5px transparent;
+ width: auto;
+ text-align: center;
+}
+.component .tool > span:first-child a {
+ width: auto;
+}
+.component .tool > span a {
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 0;
+ line-height: 30px;
+ width: 30px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+ text-align: center;
+}
+.component .tool > span a img {
+ width: 18px;
+ position: relative;
+ top: -4px;
+}
+.component .tool > span a.active {
+ background: #219772;
+ color: white;
+ border-color: #34b089;
+}
+.component .tool > span a.active.down {
+ box-shadow: 0 2px 0 0 #CCC;
+}
+.component .tool > span a.active.up {
+ box-shadow: 0 -2px 0 0 #CCC;
+}
+.component .tool > span a.active:hover,
+.component .tool > span a.active:focus {
+ color: #CCC;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
+}
+.component .tool > span a:hover,
+.component .tool > span a:focus,
+.component .tool > span a:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .tool.sort-button > span:first-child {
+ text-align: center;
+}
+.component h3 {
+ width: 100%;
+ margin: 0;
+ background: black;
+ text-align: center;
+ padding: 0 2px;
+ line-height: 44px;
+ font-weight: normal;
+ font-size: 14px;
+ color: #4F4F4F;
+ text-decoration: none;
+ border-bottom: solid 1px #34b089;
+}
+.component h4 {
+ margin: 10px 10px 0 10px;
+ font-weight: normal;
+ font-size: 18px;
+}
+.component .body p {
+ margin: 10px;
+ font-size: 13px;
+ text-align: justify;
+}
+.component .body p.info {
+ position: relative;
+ border-top: solid 1px #202020;
+ padding: 10px;
+ margin: 10px;
+ line-height: 140%;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component .body p.info a {
+ color: white;
+}
+.component .body p.info .requierement {
+ display: inline-block;
+ margin: 0 0 0 8px;
+ vertical-align: bottom;
+ height: 16px;
+}
+.component .body p.long-info {
+ padding: 10px;
+ line-height: 150%;
+ background: black;
+}
+.component .body p .alone-button {
+ display: block;
+ text-align: center;
+ color: white;
+ line-height: 40px;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #4F4F4F;
+ box-shadow: inset 0 0 2px black;
+ padding: 0 10px;
+ background: #10684c;
+}
+.component .body p .alone-button:hover,
+.component .body p .alone-button:focus {
+ background: #219772;
+}
+.component .border-bottom {
+ border-bottom: solid 3px #34b089;
+}
+.component .list-type-1 {
+ margin: 10px;
+ padding: 0;
+ list-style: none;
+}
+.component .list-type-1 li {
+ position: relative;
+ padding: 5px 10px;
+ text-align: right;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: rgba(0, 0, 0, 0.8);
+ color: #989898;
+}
+.component .list-type-1 li.strong {
+ border-top: double 3px #4F4F4F;
+ background: #111111;
+ color: white;
+}
+.component .list-type-1 li.empty {
+ background: none;
+ border: none;
+ height: 50px;
+}
+.component .list-type-1 li ul li {
+ height: auto;
+}
+.component .list-type-1 .label {
+ display: block;
+ font-size: 13px;
+}
+.component .list-type-1 .label .icon-color {
+ width: 15px;
+ padding: 1px;
+}
+.component .list-type-1 .value {
+ display: inline-block;
+ font-size: 22px;
+ line-height: 30px;
+ font-weight: bold;
+}
+.component .list-type-1 .value .icon,
+.component .list-type-1 .value .icon-color {
+ height: 18px;
+ margin-left: 8px;
+ position: relative;
+ top: -3px;
+}
+.component .list-type-1 .picto {
+ position: absolute;
+ top: 7px;
+ left: 10px;
+ height: 35px;
+ width: 35px;
+ line-height: 35px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+ font-size: 16px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+}
+.component .list-type-1 .picto.color1 {
+ background: #510816;
+}
+.component .list-type-1 .picto.color2 {
+ background: #0c0d44;
+}
+.component .list-type-1 .picto.color3 {
+ background: #b17a00;
+}
+.component .list-type-1 .picto.color4 {
+ background: #310948;
+}
+.component .list-type-1 .picto.color5 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color6 {
+ background: #004948;
+}
+.component .list-type-1 .picto.color7 {
+ background: #401b13;
+}
+.component .list-type-1 .picto.color8 {
+ background: #c3590b;
+}
+.component .list-type-1 .picto.color9 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color10 {
+ background: #4d0621;
+}
+.component .list-type-1 .picto.color11 {
+ background: #10684c;
+}
+.component .list-type-1 .picto.color12 {
+ background: #b17a00;
+}
+.component .list-type-1 .hide {
+ color: #4F4F4F;
+}
+.component .list-type-1 .buttons {
+ position: absolute;
+ top: 28px;
+ left: 5px;
+}
+.component .list-type-1 .buttons a {
+ display: inline-block;
+ margin: 0 4px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-style: 14px;
+ color: white;
+ border-radius: 3px;
+ background: #219772;
+}
+.component .list-type-1 .progress-bar {
+ text-align: left;
+ margin-top: 5px;
+}
+.component .sub-list-type-1 {
+ display: none;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.component .sub-list-type-1 li {
+ position: relative;
+ padding: 2px 0;
+ text-align: left;
+ border: none;
+ border-top: solid 1px #0A0A0A;
+}
+.component .sub-list-type-1 .label {
+ display: inline-block;
+ width: 60%;
+}
+.component .sub-list-type-1 .label .button {
+ position: relative;
+ left: -4px;
+ margin: 0 0 0 3px;
+}
+.component .sub-list-type-1 .value {
+ text-align: right;
+ line-height: 25px;
+ font-size: 18px;
+ width: 40%;
+}
+.component .sub-list-type-1 .value .button {
+ margin: 0 2px 0 6px;
+}
+.component .sub-list-type-1 .button {
+ display: inline-block;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: normal;
+ color: white;
+ border-radius: 3px;
+ background: #34b089;
+}
+.component .list-type-1 form {
+ z-index: 1;
+ position: absolute;
+ display: none;
+ bottom: -40px;
+ right: 3px;
+}
+.component .list-type-1 form p {
+ position: relative;
+ background: white;
+ border-radius: 3px;
+ padding: 0;
+ margin: 0;
+ width: 200px;
+ height: 35px;
+}
+.component .list-type-1 form p:before {
+ content: '';
+ position: absolute;
+ top: -12px;
+ right: 12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+}
+.component .list-type-1 form input {
+ border: none;
+ background: none;
+ line-height: 35px;
+ height: 35px;
+ padding: 0 10px;
+}
+.component .list-type-1 form input[type='text'] {
+ width: 140px;
+}
+.component .list-type-1 form input[type='submit'] {
+ width: 40px;
+}
+.component .sub-list-type-1 form {
+ right: -6px;
+}
+/* NUMBER BOX */
+.number-box {
+ position: relative;
+ margin: 10px;
+ padding: 5px 10px;
+ background: black;
+ color: white;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ border-left: solid 10px #219772;
+}
+.number-box.half {
+ display: inline-block;
+ width: 254px;
+ margin-right: 0;
+ margin-bottom: 0;
+}
+.number-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.number-box.text {
+ border-left: solid 1px #0A0A0A;
+}
+.number-box.text a {
+ text-decoration: none;
+ color: white;
+}
+.number-box .label {
+ display: block;
+}
+.number-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.number-box .value .icon-color {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+.number-box .progress-bar {
+ margin: 5px 0;
+}
+.number-box .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.number-box .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #219772;
+}
+/* PROGRESS BAR */
+.progress-bar {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 3px;
+ background: #4F4F4F;
+}
+.progress-bar .content {
+ position: relative;
+ display: inline-block;
+ height: 3px;
+ vertical-align: top;
+ overflow: hidden;
+ max-width: 100%;
+}
+.progress-bar .content:nth-child(n) {
+ background: #34b089;
+}
+.progress-bar .content:nth-child(2n) {
+ background: #10684c;
+}
+.progress-bar .content.color1 {
+ background: #6e161b;
+}
+.progress-bar .content.color2 {
+ background: #1f1471;
+}
+.progress-bar .content.color3 {
+ background: #dbb200;
+}
+.progress-bar .content.color4 {
+ background: #5a1072;
+}
+.progress-bar .content.color5 {
+ background: #2c7915;
+}
+.progress-bar .content.color6 {
+ background: #076b87;
+}
+.progress-bar .content.color7 {
+ background: #67331d;
+}
+.progress-bar .content.color8 {
+ background: #d87913;
+}
+.progress-bar .content.color9 {
+ background: #2c7915;
+}
+.progress-bar .content.color10 {
+ background: #760f36;
+}
+.progress-bar .content.color11 {
+ background: #219772;
+}
+.progress-bar .content.color12 {
+ background: #dbb200;
+}
+.progress-bar .step {
+ position: absolute;
+}
+.progress-bar .step .label {
+ position: absolute;
+ display: block;
+ width: 150px;
+ left: 0;
+ top: -28px;
+}
+.progress-bar .step .label.bottom {
+ top: auto;
+ bottom: -28px;
+}
+.progress-bar .step .label.right {
+ right: 0;
+ left: auto;
+ text-align: right;
+}
+.progress-bar .step:before {
+ content: '';
+ position: absolute;
+ width: 12px;
+ height: 12px;
+ background: #219772;
+ box-shadow: 0 0 0 3px #10684c;
+ border-radius: 100%;
+ top: -5px;
+ left: -5px;
+}
+/* BONUS */
+.bonus {
+ vertical-align: top;
+ display: inline-block;
+ font-size: 55%;
+ line-height: 100%;
+ padding: 3px;
+ margin: 2px 0 0 8px;
+ border-radius: 3px;
+ font-weight: normal;
+ background: #10684c;
+}
+/* HEAD */
+.component .head.skin-1 img {
+ position: absolute;
+ top: 22px;
+ left: 20px;
+ padding: 8px;
+ width: 60px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .head.skin-1 img:before {
+ content: '';
+ width: 100px;
+ height: 100px;
+}
+.component .head.skin-1 h2 {
+ position: absolute;
+ bottom: 66px;
+ left: 105px;
+ font-size: 22px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-1 em {
+ position: absolute;
+ top: 62px;
+ left: 105px;
+ font-size: 13px;
+ line-height: 16px;
+ font-style: normal;
+}
+.component .head.skin-2 h2 {
+ position: absolute;
+ display: inline-block;
+ top: 45px;
+ left: 10px;
+ font-size: 22px;
+ line-height: 30px;
+ margin: 0;
+ padding: 0 10px;
+ background: black;
+ font-weight: normal;
+}
+.component .head.skin-3 img {
+ position: absolute;
+ width: 50px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 27px;
+}
+.component .head.skin-3 img.left {
+ left: 40px;
+}
+.component .head.skin-3 img.right {
+ right: 40px;
+}
+.component .head.skin-4 img.main {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 37px;
+}
+.component .head.skin-4 h2 {
+ position: absolute;
+ top: 35px;
+ left: 60px;
+ font-size: 18px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-4 em {
+ position: absolute;
+ top: 65px;
+ left: 60px;
+ font-size: 13px;
+ line-height: 16px;
+}
+.component .head.skin-5 h2 {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ font-size: 16px;
+ font-weight: normal;
+ margin: 0;
+ padding: 0 20px;
+ background: black;
+}
+.component .head.skin-5 h2:before {
+ content: '';
+ position: absolute;
+ display: block;
+ top: 5px;
+ left: 0;
+ width: 8px;
+ height: 8px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .more-item,
+.component .more-button {
+ display: block;
+ margin: 10px 10px 5px;
+ line-height: 34px;
+ padding: 0 12px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+}
+.component .more-item:hover,
+.component .more-button:hover,
+.component .more-item:focus,
+.component .more-button:focus,
+.component .more-item:active,
+.component .more-button:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .nav-element {
+ position: relative;
+ display: block;
+ margin: 10px;
+ height: 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component .nav-element img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ height: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component .nav-element.active {
+ background: #219772;
+}
+.component .nav-element .active img {
+ background: black;
+}
+.component .nav-element strong {
+ position: absolute;
+ top: 5px;
+ left: 70px;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component .nav-element em {
+ position: absolute;
+ top: 30px;
+ left: 70px;
+ color: white;
+ font-weight: normal;
+ font-size: 12px;
+ font-style: normal;
+ color: #efefef;
+}
+.component hr {
+ border: none;
+ border-bottom: dashed 1px #202020;
+ margin: 0 10px;
+}
+.component .set-item {
+ margin: 10px;
+ border-bottom: solid 1px #202020;
+}
+.component .set-item a.item:hover,
+.component .set-item a.item:focus {
+ background-color: #0c0c0c;
+}
+.component .set-item .item {
+ position: relative;
+ display: block;
+ color: white;
+ height: 60px;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+}
+.component .set-item .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+}
+.component .set-item .item .left img {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left img.color1 {
+ background: #6e161b;
+}
+.component .set-item .item .left img.color2 {
+ background: #1f1471;
+}
+.component .set-item .item .left img.color3 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.color4 {
+ background: #5a1072;
+}
+.component .set-item .item .left img.color5 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color6 {
+ background: #076b87;
+}
+.component .set-item .item .left img.color7 {
+ background: #67331d;
+}
+.component .set-item .item .left img.color8 {
+ background: #d87913;
+}
+.component .set-item .item .left img.color9 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color10 {
+ background: #760f36;
+}
+.component .set-item .item .left img.color11 {
+ background: #219772;
+}
+.component .set-item .item .left img.color12 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.round-color0 {
+ box-shadow: 0 0 0 2px #CCC;
+}
+.component .set-item .item .left img.round-color1 {
+ box-shadow: 0 0 0 2px #b01e2d;
+}
+.component .set-item .item .left img.round-color2 {
+ box-shadow: 0 0 0 2px #2f23c0;
+}
+.component .set-item .item .left img.round-color3 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left img.round-color4 {
+ box-shadow: 0 0 0 2px #a935c7;
+}
+.component .set-item .item .left img.round-color5 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color6 {
+ box-shadow: 0 0 0 2px #05bed7;
+}
+.component .set-item .item .left img.round-color7 {
+ box-shadow: 0 0 0 2px #ac5832;
+}
+.component .set-item .item .left img.round-color8 {
+ box-shadow: 0 0 0 2px #f2b636;
+}
+.component .set-item .item .left img.round-color9 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color10 {
+ box-shadow: 0 0 0 2px #a92859;
+}
+.component .set-item .item .left img.round-color11 {
+ box-shadow: 0 0 0 2px #34b089;
+}
+.component .set-item .item .left img.round-color12 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left span {
+ display: block;
+ width: 30px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 15px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left span.round-color0 {
+ background: #CCC;
+}
+.component .set-item .item .left span.round-color1 {
+ background: #b01e2d;
+}
+.component .set-item .item .left span.round-color2 {
+ background: #2f23c0;
+}
+.component .set-item .item .left span.round-color3 {
+ background: #ffdb0f;
+}
+.component .set-item .item .left span.round-color4 {
+ background: #a935c7;
+}
+.component .set-item .item .left span.round-color5 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color6 {
+ background: #05bed7;
+}
+.component .set-item .item .left span.round-color7 {
+ background: #ac5832;
+}
+.component .set-item .item .left span.round-color8 {
+ background: #f2b636;
+}
+.component .set-item .item .left span.round-color9 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color10 {
+ background: #a92859;
+}
+.component .set-item .item .left span.round-color11 {
+ background: #34b089;
+}
+.component .set-item .item .left span.round-color12 {
+ background: #ffdb0f;
+}
+.component .set-item .item .center {
+ position: absolute;
+ top: 0;
+ left: 60px;
+ right: 30px;
+ bottom: 0;
+ padding: 9px 0;
+}
+.component .set-item .item .center strong {
+ display: block;
+ line-height: 22px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+}
+.component .set-item .item .center a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+}
+.component .set-item .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 29px;
+ border-left: solid 1px #202020;
+}
+.component .set-item .item .right a {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 29px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+}
+.component .set-item .item .right a:hover,
+.component .set-item .item .right a:focus,
+.component .set-item .item .right a.active {
+ background-color: #202020;
+}
+.component .set-item .item .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.component .set-item .item .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #219772;
+}
+.army-bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ width: 220px;
+ color: #CCC;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.army-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+ left: 18px;
+}
+.army-bull strong {
+ display: block;
+ padding-bottom: 5px;
+ margin-bottom: 5px;
+ border-bottom: solid 1px #4F4F4F;
+ font-weight: normal;
+}
+.army-bull .label {
+ display: inline-block;
+ width: 70px;
+}
+.army-bull .value {
+ display: inline-block;
+ width: 40px;
+}
+.component .build-item {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ width: 278px;
+}
+.component .build-item a {
+ color: white;
+}
+.component .build-item .name {
+ position: relative;
+ height: 40px;
+ padding: 5px 5px 5px 90px;
+}
+.component .build-item .name img {
+ z-index: 20;
+ position: absolute;
+ top: -10px;
+ left: 5px;
+ width: 60px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .build-item .name strong {
+ display: block;
+ font-size: 18px;
+}
+.component .build-item .level {
+ display: block;
+ position: absolute;
+ width: 22px;
+ line-height: 22px;
+ text-align: center;
+ font-size: 12px;
+ border-radius: 100%;
+ top: 38px;
+ left: 58px;
+ border: solid 1px white;
+ z-index: 22;
+ background: #219772;
+}
+.component .build-item .info {
+ display: none;
+ position: absolute;
+ width: 20px;
+ line-height: 20px;
+ text-align: center;
+ font-size: 16px;
+ text-decoration: none;
+ border-radius: 3px;
+ top: 5px;
+ right: 5px;
+ background: #219772;
+ color: white;
+}
+.component .build-item .name-commander {
+ margin: 10px 10px 0 10px;
+ height: 40px;
+ padding: 0 10px;
+ border: none;
+ background: white;
+ border-radius: 3px;
+ width: 240px;
+ text-align: center;
+ font-size: 16px;
+}
+.component .build-item .button {
+ display: block;
+ margin: 10px;
+ padding: 5px 10px;
+ width: 240px;
+ line-height: 20px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ background: #219772;
+ box-shadow: inset 0 0 2px black;
+ border: none;
+ cursor: pointer;
+ min-height: 36px;
+}
+.component .build-item .button:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #34b089;
+}
+.component .build-item .button.disable {
+ background: #202020;
+ cursor: default;
+}
+.component .build-item .button .icon-color {
+ width: 14px;
+}
+.component .build-item button.button {
+ width: 260px;
+}
+.component .build-item .ship-pack {
+ z-index: 10;
+ position: absolute;
+ bottom: 15px;
+ left: 15px;
+ width: 60px;
+ height: 40px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ background: white;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ border-radius: 3px;
+ box-shadow: inset 0 0 0 3px #CCC;
+}
+.component .build-item .ship-illu {
+ width: 260px;
+ margin: 5px 10px;
+ overflow: hidden;
+}
+.component .build-item .ship-illu img {
+ width: 100%;
+}
+.component .build-item.disabled {
+ opacity: .3;
+}
+.component .build-item.disabled .name img {
+ opacity: .50;
+}
+.component .build-item.disabled strong {
+ color: #4F4F4F;
+}
+.component .build-item.disabled .button.disable {
+ color: #696969;
+}
+.component .build-item.disabled .button.disable:hover {
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component .build-item.large {
+ width: 578px;
+}
+.component .build-item.large .info {
+ top: 75px;
+ right: 25px;
+}
+.component .build-item.large .button {
+ display: block;
+ top: -3px;
+ right: 0;
+ line-height: 18px;
+ width: 540px;
+ min-height: 36px;
+}
+.component .build-item.large .ship-illu {
+ width: 560px;
+ margin-top: 10px;
+}
+.component .build-item input {
+ display: block;
+ width: 243px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component .build-item select {
+ display: block;
+ width: 260px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component.panel-info .remove-info {
+ display: block;
+ position: absolute;
+ top: 2px;
+ right: 10px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ color: white;
+ border-radius: 3px;
+ background: #10684c;
+}
+.component.panel-info .table {
+ margin: 10px;
+}
+.component.panel-info .table table {
+ width: 100%;
+ text-align: right;
+ border-collapse: collapse;
+ background: black;
+}
+.component.panel-info .table td {
+ border: solid 1px #202020;
+ padding: 6px 8px;
+}
+.component.panel-info .table tr.small-grey {
+ background: #0A0A0A;
+}
+.component.panel-info .table tr.active td {
+ background: #0A0A0A;
+ border-bottom: solid 1px #4F4F4F;
+}
+.component.panel-info .table .icon-color {
+ width: 12px;
+}
+.component.panel-info .illu {
+ margin: 0 10px;
+ box-shadow: inset 0 0 5px black;
+}
+.component.panel-info .skill-box {
+ position: relative;
+ margin: 0 10px;
+ padding: 5px 10px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+}
+.component.panel-info .skill-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.component.panel-info .skill-box .label {
+ display: block;
+}
+.component.panel-info .skill-box .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.panel-info .skill-box .value .icon-color {
+ width: 18px;
+}
+.component.panel-info .skill-box .progress-bar {
+ margin: 6px 0 2px 0;
+}
+.splash-screen {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 10000;
+ opacity: 0;
+ background: rgba(0, 0, 0, 0.8);
+}
+.splash-screen .modal {
+ width: 500px;
+ height: 140px;
+ position: absolute;
+ top: 80px;
+ right: 3000px;
+ background: #0A0A0A;
+ padding: 25px 175px 25px 75px;
+ color: white;
+ border-radius: 140px;
+ border: solid 1px #202020;
+}
+.splash-screen .modal h1 {
+ font-size: 36px;
+ margin: 0;
+ padding: 0 0 10px 0;
+}
+.splash-screen .modal h2 {
+ font-size: 20px;
+ margin: 0;
+ padding: 0;
+}
+.splash-screen .modal img {
+ position: absolute;
+ top: -15px;
+ right: -50px;
+ width: 200px;
+ padding: 10px;
+ background: #202020;
+ border-radius: 100%;
+ border: solid 1px #4F4F4F;
+}
+.splash-screen .modal:before {
+ content: '';
+ position: absolute;
+ top: -80px;
+ right: 20px;
+ border-color: transparent transparent #4F4F4F transparent;
+ border-width: 40px;
+ border-style: solid;
+}
+.common-link {
+ color: white;
+}
+.component .top-right-button {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ padding: 0 10px;
+ line-height: 30px;
+ color: white;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #219772;
+ z-index: 1;
+}
+.component .top-right-button:hover,
+.component .top-right-button:focus {
+ background: #10684c;
+}
+.alert {
+ display: block;
+ margin: 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ text-decoration: none;
+ color: white;
+ background: #219772;
+ border-radius: 3px;
+ box-shadow: 0 0 2px black;
+}
+.common-link {
+ display: block;
+ margin: 10px;
+ color: white;
+ text-decoration: none;
+}
+.text-bloc a {
+ display: inline-block;
+ color: inherit;
+ opacity: .60;
+}
+.text-bloc a:hover,
+.text-bloc a:focus {
+ opacity: 1;
+}
+.queue {
+ margin: 10px;
+ color: white;
+}
+.queue .item {
+ position: relative;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ min-height: 60px;
+ display: block;
+}
+.queue .item.empty {
+ background: #0A0A0A;
+}
+.queue .item.empty strong {
+ font-weight: normal;
+}
+.queue .item.link {
+ min-height: 0;
+ padding: 10px;
+ color: #4F4F4F;
+ text-decoration: none;
+}
+.queue .item.link:hover,
+.queue .item.link:focus {
+ color: #CCC;
+}
+.queue .item a.button {
+ position: absolute;
+ display: block;
+ top: 2px;
+ right: 5px;
+ color: white;
+ text-decoration: none;
+}
+.queue .item a {
+ color: #CCC;
+}
+.queue .item .group-link {
+ position: absolute;
+ top: 9px;
+ right: 9px;
+}
+.queue .item .group-link a {
+ display: block;
+ width: 20px;
+ line-height: 20px;
+ margin: 0 0 5px 0;
+ border-radius: 3px;
+ color: white;
+ text-align: center;
+ text-decoration: none;
+ background: #219772;
+}
+.queue .item .group-link a:hover,
+.queue .item .group-link a:focus {
+ background: #34b089;
+}
+.queue .item .picto {
+ float: left;
+ width: 40px;
+ height: 40px;
+ margin: 5px;
+ padding: 5px;
+ background: black;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.queue .item strong {
+ display: block;
+ margin: 6px 0 2px 0;
+}
+.queue .item strong .level {
+ font-size: 11px;
+ color: #CCC;
+}
+.queue .item .big {
+ font-size: 24px;
+}
+.queue .item em {
+ display: block;
+ font-style: normal;
+ color: #AEAEAE;
+}
+.queue .item .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 5px;
+ height: 3px;
+ background: #4F4F4F;
+}
+.queue .item .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #34b089;
+}
+.choose-government {
+ display: block;
+ margin: 10px;
+ padding: 10px;
+ background: #0A0A0A;
+ border-radius: 3px;
+}
+.choose-government select {
+ display: block;
+ width: 100%;
+ padding: 8px;
+}
+.choose-government button {
+ display: block;
+ width: 100%;
+ margin: 10px 0 0 0;
+ padding: 0 10px;
+ line-height: 30px;
+ border: none;
+ color: white;
+ cursor: pointer;
+ background: #219772;
+}
+.choose-government button:hover,
+.choose-government button:focus {
+ background: #10684c;
+}
+.evolution {
+ background: black;
+ margin: 10px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+}
+.evolution .header {
+ padding: 10px;
+ border-bottom: solid 1px #202020;
+ color: #EFEFEF;
+}
+.evolution .diargam {
+ padding: 10px;
+ background: #0A0A0A;
+}
+.evolution .diargam .progress-bar {
+ background: #0A0A0A !important;
+ height: 20px;
+ padding-bottom: 1px;
+}
+.evolution .diargam .progress-bar .content {
+ height: 20px;
+ line-height: 20px;
+ font-size: 12px;
+ color: white;
+ padding-left: 5px;
+}
+.evolution .diargam .progress-bar:nth-child(odd) .content {
+ background: #219772 !important;
+}
+.centred-link {
+ display: block;
+ width: 300px;
+ text-align: center;
+ margin: 0 auto;
+ text-decoration: none;
+ padding: 6px 10px;
+ color: #EFEFEF;
+ background: #219772;
+ border: solid 1px #10684c;
+}
+.centred-link:hover,
+.centred-link:focus {
+ background: #10684c;
+ border-color: #219772;
+ color: white;
+}
+span.centred-link {
+ background: #202020;
+ border: solid 1px #0A0A0A;
+ color: #4F4F4F;
+}
+span.centred-link:hover,
+span.centred-link:focus {
+ background: #202020;
+ border-color: #0A0A0A;
+ color: #4F4F4F;
+}
+.component.profil .center-box {
+ margin: 20px 10px 0;
+ color: white;
+ text-align: center;
+}
+.component.profil .center-box .label {
+ display: block;
+}
+.component.profil .center-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.profil .profil-flag {
+ position: relative;
+ width: 222px;
+ height: 460px;
+ margin: 0 auto;
+}
+.component.profil .profil-flag img {
+ position: relative;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ padding: 10px;
+ border-radius: 100%;
+ margin: 20px auto;
+ box-shadow: 0 0 0 4px #219772, 0 0 20px black;
+ z-index: 1;
+}
+.component.profil .profil-flag.color-1 img {
+ box-shadow: 0 0 0 4px #6e161b, 0 0 20px black;
+}
+.component.profil .profil-flag.color-2 img {
+ box-shadow: 0 0 0 4px #1f1471, 0 0 20px black;
+}
+.component.profil .profil-flag.color-3 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag.color-4 img {
+ box-shadow: 0 0 0 4px #5a1072, 0 0 20px black;
+}
+.component.profil .profil-flag.color-5 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-6 img {
+ box-shadow: 0 0 0 4px #076b87, 0 0 20px black;
+}
+.component.profil .profil-flag.color-7 img {
+ box-shadow: 0 0 0 4px #67331d, 0 0 20px black;
+}
+.component.profil .profil-flag.color-8 img {
+ box-shadow: 0 0 0 4px #d87913, 0 0 20px black;
+}
+.component.profil .profil-flag.color-9 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-10 img {
+ box-shadow: 0 0 0 4px #760f36, 0 0 20px black;
+}
+.component.profil .profil-flag.color-11 img {
+ box-shadow: 0 0 0 4px #219772, 0 0 20px black;
+}
+.component.profil .profil-flag.color-12 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag:before {
+ display: block;
+ position: absolute;
+ content: '';
+ top: 218px;
+ left: 33px;
+ width: 154px;
+ height: 241px;
+ background: url('src/desktop/faction/flag/flag-11.png') no-repeat;
+}
+.component.profil .profil-flag.color-1:before {
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.profil .profil-flag.color-2:before {
+ background: url('src/desktop/faction/flag/flag-2.png') no-repeat;
+}
+.component.profil .profil-flag.color-3:before {
+ background: url('src/desktop/faction/flag/flag-3.png') no-repeat;
+}
+.component.profil .profil-flag.color-4:before {
+ background: url('src/desktop/faction/flag/flag-4.png') no-repeat;
+}
+.component.profil .profil-flag.color-5:before {
+ background: url('src/desktop/faction/flag/flag-5.png') no-repeat;
+}
+.component.profil .profil-flag.color-6:before {
+ background: url('src/desktop/faction/flag/flag-6.png') no-repeat;
+}
+.component.profil .profil-flag.color-7:before {
+ background: url('src/desktop/faction/flag/flag-7.png') no-repeat;
+}
+.component.profil .profil-flag.color-8:before {
+ background: url('src/desktop/faction/flag/flag-8.png') no-repeat;
+}
+.component.profil .profil-flag.color-9:before {
+ background: url('src/desktop/faction/flag/flag-9.png') no-repeat;
+}
+.component.profil .profil-flag.color-10:before {
+ background: url('src/desktop/faction/flag/flag-10.png') no-repeat;
+}
+.component.profil .profil-flag.color-11:before {
+ background: url('src/desktop/faction/flag/flag-11.png') no-repeat;
+}
+.component.profil .profil-flag.color-12:before {
+ background: url('src/desktop/faction/flag/flag-12.png') no-repeat;
+}
+.component.profil .profil-flag .level {
+ z-index: 2;
+ display: block;
+ position: absolute;
+ top: 184px;
+ right: 2px;
+ width: 36px;
+ height: 36px;
+ text-align: center;
+ line-height: 36px;
+ background: #0A0A0A;
+ border: 3px solid #219772;
+ border-radius: 100%;
+}
+.component.profil .profil-flag.color-1 .level {
+ border-color: #6e161b;
+}
+.component.profil .profil-flag.color-2 .level {
+ border-color: #1f1471;
+}
+.component.profil .profil-flag.color-3 .level {
+ border-color: #dbb200;
+}
+.component.profil .profil-flag.color-4 .level {
+ border-color: #5a1072;
+}
+.component.profil .profil-flag.color-5 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-6 .level {
+ border-color: #076b87;
+}
+.component.profil .profil-flag.color-7 .level {
+ border-color: #67331d;
+}
+.component.profil .profil-flag.color-8 .level {
+ border-color: #d87913;
+}
+.component.profil .profil-flag.color-9 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-10 .level {
+ border-color: #760f36;
+}
+.component.profil .profil-flag.color-11 .level {
+ border-color: #219772;
+}
+.component.profil .profil-flag.color-12 .level {
+ border-color: #dbb200;
+}
+.component.profil .faction-flag {
+ display: block;
+ content: '';
+ width: 154px;
+ height: 241px;
+ margin: 0 auto;
+ background: url('src/desktop/faction/flag/flag-11.png') no-repeat;
+}
+.component.search-player {
+ position: relative;
+ background: transparent !important;
+}
+.component.search-player .box {
+ position: absolute;
+ top: 60px;
+ left: 50px;
+ width: 440px;
+ color: white;
+}
+.component.search-player .top {
+ background: rgba(0, 0, 0, 0.4);
+ padding: 10px;
+ border-radius: 3px 3px 0 0;
+}
+.component.search-player .top label {
+ display: block;
+ font-size: 16px;
+}
+.component.search-player .top input {
+ display: block;
+ border: none;
+ height: 40px;
+ width: 400px;
+ padding: 0 10px;
+ margin: 10px 0 0 0;
+ font-size: 20px;
+ color: #202020;
+ border-radius: 3px;
+}
+.component.search-player .center {
+ background: rgba(0, 0, 0, 0.8);
+ padding: 10px 25px 10px 10px;
+ min-height: 140px;
+ border-radius: 0 0 3px 3px;
+}
+.component.search-player .center .avatar {
+ float: left;
+ position: relative;
+ left: -20px;
+ width: 120px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: #0A0A0A;
+}
+.component.search-player .center .right {
+ margin-left: 140px;
+}
+.component.search-player .center h1 {
+ margin: 10px 0 0 0;
+ padding: 0;
+}
+.component.search-player .center hr {
+ margin: 10px 0;
+ border-color: #4F4F4F;
+}
+.component.search-player .center p {
+ margin: 5px 0;
+ padding: 0;
+}
+.component.search-player .center p span {
+ display: inline-block;
+ background: red;
+ line-height: 28px;
+ padding: 0 10px;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ border-right: none;
+}
+.component.search-player .center p span:first-child {
+ border-radius: 3px 0 0 3px;
+}
+.component.search-player .center p span:last-child {
+ border-radius: 0 3px 3px 0;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+}
+.component.search-player.color1 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component.search-player.color2 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component.search-player.color3 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.search-player.color4 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component.search-player.color5 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color6 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component.search-player.color7 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component.search-player.color8 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component.search-player.color9 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color10 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.component.search-player.color11 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.component.search-player.color12 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.new-message p.input {
+ position: relative;
+ background: white;
+ padding: 10px;
+ border-radius: 3px;
+}
+.component.new-message p.input:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ height: 0;
+ top: -12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+ left: 20px;
+}
+.component.new-message label {
+ display: block;
+ font-size: 13px;
+}
+.component.new-message .input-text input {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.new-message .input-area textarea {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+ max-width: 100%;
+ min-width: 100%;
+ height: 200px;
+}
+.component.new-message button {
+ display: inline-block;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 15px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #34b089;
+}
+.component.new-message button:hover,
+.component.new-message button:focus {
+ background: #10684c;
+}
+.notif {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border-top: solid 1px #4F4F4F;
+ border-right: solid 1px #202020;
+ border-left: solid 1px #202020;
+}
+.notif h4 {
+ position: relative;
+ overflow: hidden;
+ margin: 0;
+ padding: 0 10px;
+ font-size: 14px;
+ line-height: 30px;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+ font-weight: normal;
+ cursor: pointer;
+ color: white;
+}
+.notif.unreaded h4:before {
+ position: absolute;
+ content: '';
+ width: 40px;
+ height: 40px;
+ background: white;
+ top: -5px;
+ right: -15px;
+ background: #34b089;
+ -webkit-transform: rotate(100deg);
+ -moz-transform: rotate(100deg);
+ -ms-transform: rotate(100deg);
+ -o-transform: rotate(100deg);
+ transform: rotate(100deg);
+}
+.notif .content {
+ display: none;
+ padding: 6px 8px;
+ line-height: 140%;
+ text-align: justify;
+ color: #efefef;
+}
+.notif .content p {
+ margin: 0;
+}
+.notif .content hr {
+ border: none;
+ background: none;
+ border-bottom: dashed 1px #202020;
+ margin: 5px 0;
+}
+.notif .content a {
+ color: white;
+}
+.notif .content .box-resource {
+ position: relative;
+ display: block;
+ margin: 5px 0;
+ padding: 5px 5px 5px 40px;
+}
+.notif .content .box-resource img {
+ position: absolute;
+ top: 6px;
+ left: 0;
+ border: solid 4px #4f4f4f;
+ border-radius: 100%;
+ border-color: #219772;
+}
+.notif .content .box-resource .label {
+ display: block;
+ font-size: 12px;
+}
+.notif .content .box-resource .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+.notif .footer {
+ display: none;
+ margin: 0;
+ padding: 0 10px;
+ line-height: 18px;
+ padding: 5px 5px;
+ border-top: solid 1px #202020;
+ font-style: italic;
+ text-align: right;
+ color: #CCC;
+}
+.notif .footer a {
+ color: #CCC;
+}
+.notif.open .content {
+ display: block;
+}
+.notif.open .footer {
+ display: block;
+}
+.component.rc .rc {
+ position: relative;
+ margin: 20px 10px 20px 30px;
+ border-left: solid 1px #CCC;
+ padding: 0 10px;
+ height: 380px;
+ color: #CCC;
+}
+.component.rc .rc.no-tax {
+ margin: 20px 10px 20px 30px;
+ border-left: dashed 1px #4F4F4F;
+ padding: 0 10px;
+ color: #CCC;
+}
+.component.rc .rc a,
+.component.rc .rc strong {
+ color: white;
+}
+.component.rc .rc .icon-color {
+ width: 20px;
+}
+.component.rc .rc .base {
+ position: relative;
+ padding: 15px 0 15px 40px;
+ height: 50px;
+}
+.component.rc .rc .base:last-child {
+ position: absolute;
+ bottom: 0px;
+}
+.component.rc .rc .place {
+ position: absolute;
+ top: 0px;
+ left: -50px;
+ width: 78px;
+ height: 78px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component.rc .rc .general {
+ list-style: none inset;
+ margin: 10px 0;
+ padding: 0;
+}
+.component.rc .rc .general li {
+ margin: 10px 0;
+ list-style-type: none;
+}
+.component.rc .rc .general li strong {
+ display: block;
+ font-size: 20px;
+ font-weight: bold;
+}
+.component .situation-content {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 500px;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component .situation-content .line-help {
+ position: absolute;
+ display: block;
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ text-align: center;
+ border-radius: 100%;
+ background: #10684c;
+}
+.component .situation-content .line-help.line-1 {
+ top: 55px;
+ left: 190px;
+}
+.component .situation-content .line-help.line-2 {
+ top: 145px;
+ left: 406px;
+}
+.component .situation-content .toolbar {
+ position: absolute;
+ top: 30px;
+ right: 30px;
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
+ border-radius: 3px;
+ background: #219772;
+ z-index: 1;
+}
+.component .situation-content .toolbar a,
+.component .situation-content .toolbar span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 15px;
+ border-right: solid 1px black;
+ text-decoration: none;
+ color: white;
+}
+.component .situation-content .toolbar a img,
+.component .situation-content .toolbar span img {
+ position: relative;
+ top: -2px;
+ vertical-align: middle;
+ height: 18px;
+ width: 18px;
+}
+.component .situation-content .toolbar a:hover,
+.component .situation-content .toolbar a:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar form {
+ display: inline-block;
+}
+.component .situation-content .toolbar input {
+ height: 32px;
+ border: none;
+ background: none;
+ color: white;
+ padding: 0 15px;
+ font-size: inherit;
+}
+.component .situation-content .toolbar input:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar input.button {
+ background: url('src/desktop/common/edit.png') no-repeat center;
+}
+.component .situation-content .toolbar input.button:focus {
+ background: url('src/desktop/common/edit.png') no-repeat center rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .info {
+ position: absolute;
+ display: block;
+ width: 200px;
+ font-size: 12px;
+ color: #efefef;
+ line-height: 18px;
+}
+.component .situation-content .info strong {
+ color: white;
+ font-size: 14px;
+}
+.component .situation-content .info a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4f4f4f;
+}
+.component .situation-content .info a:hover,
+.component .situation-content .info a:focus {
+ border-color: #CCC;
+}
+.component .situation-content .commander {
+ position: absolute;
+ display: block;
+ text-decoration: none;
+ z-index: 1;
+}
+.component .situation-content .commander.empty {
+ color: #CCC;
+}
+.component .situation-content .commander.position-1-1 {
+ top: 135px;
+ left: 127px;
+}
+.component .situation-content .commander.position-1-2 {
+ top: 272px;
+ left: 100px;
+}
+.component .situation-content .commander.position-1-3 {
+ top: 415px;
+ left: 127px;
+}
+.component .situation-content .commander.position-2-1 {
+ top: 215px;
+ left: 352px;
+}
+.component .situation-content .commander.position-2-2 {
+ top: 272px;
+ left: 345px;
+}
+.component .situation-content .commander.position-2-3 {
+ top: 330px;
+ left: 352px;
+}
+.component .situation-content .commander.position-3 {
+ top: 355px;
+ left: 577px;
+}
+.component .situation-content .commander img {
+ width: 40px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+.component .situation-content .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.component .situation-content .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #219772;
+}
+.component .situation-content .commander .info {
+ top: 8px;
+ left: 65px;
+ width: 160px;
+}
+.component .situation-content .commander .link {
+ display: none;
+ position: absolute;
+ top: 14px;
+ left: -16px;
+ width: 24px;
+ height: 24px;
+ font-size: 20px;
+ font-weight: bold;
+ text-decoration: none;
+ border-radius: 100%;
+ text-align: center;
+ z-index: 1;
+ border: solid 1px white;
+}
+.component .situation-content .commander .link.to-left {
+ background: url('src/desktop/mover/to-left.png') no-repeat center black;
+}
+.component .situation-content .commander .link.to-right {
+ background: url('src/desktop/mover/to-right.png') no-repeat center black;
+}
+.component .situation-content .commander:hover > .link {
+ display: block;
+}
+.component .situation-content .stellar {
+ position: absolute;
+ display: block;
+ top: 180px;
+ left: 560px;
+}
+.component .situation-content .stellar img {
+ width: 220px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .situation-content .stellar .info {
+ font-size: 12px;
+ border-left: solid 1px #202020;
+}
+.component .situation-content .stellar .info.top {
+ bottom: 215px;
+ left: 50px;
+ padding: 0 0 30px 10px;
+}
+.component .situation-content .stellar .info.top strong {
+ font-size: 20px;
+}
+.component .situation-content .stellar .info.bottom {
+ top: 225px;
+ left: 160px;
+ padding: 10px 0 0 10px;
+}
+.component .situation-content .stellar .info.middle {
+ top: 20px;
+ left: 182px;
+ padding: 10px 0 0 50px;
+ border: none;
+ border-top: solid 1px #202020;
+}
+.component .situation-content .attack-link {
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ text-align: center;
+}
+.component .situation-content .attack-link a {
+ display: inline-block;
+ line-height: 40px;
+ padding: 0 25px;
+ border-radius: 3px 3px 0 0;
+ background: #202020;
+ color: white;
+ text-decoration: none;
+ font-size: 16px;
+}
+.component .situation-content .attack-link a:hover,
+.component .situation-content .attack-link a:focus {
+ box-shadow: 0 0 5px 3px black;
+}
+.component .situation-content.color0 .line-help {
+ background: #202020;
+}
+.component .situation-content.color0 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #202020;
+}
+.component .situation-content.color0 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #202020;
+}
+.component .situation-content.color0 .attack-link a {
+ background: #202020;
+}
+.component .situation-content.color1 .line-help {
+ background: #510816;
+}
+.component .situation-content.color1 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component .situation-content.color1 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #6e161b;
+}
+.component .situation-content.color1 .attack-link a {
+ background: #6e161b;
+}
+.component .situation-content.color2 .line-help {
+ background: #0c0d44;
+}
+.component .situation-content.color2 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component .situation-content.color2 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #1f1471;
+}
+.component .situation-content.color2 .attack-link a {
+ background: #1f1471;
+}
+.component .situation-content.color3 .line-help {
+ background: #b17a00;
+}
+.component .situation-content.color3 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .situation-content.color3 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #dbb200;
+}
+.component .situation-content.color3 .attack-link a {
+ background: #dbb200;
+}
+.component .situation-content.color4 .line-help {
+ background: #310948;
+}
+.component .situation-content.color4 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component .situation-content.color4 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #5a1072;
+}
+.component .situation-content.color4 .attack-link a {
+ background: #5a1072;
+}
+.component .situation-content.color5 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color5 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color5 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color5 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-content.color6 .line-help {
+ background: #004948;
+}
+.component .situation-content.color6 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component .situation-content.color6 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #076b87;
+}
+.component .situation-content.color6 .attack-link a {
+ background: #076b87;
+}
+.component .situation-content.color7 .line-help {
+ background: #401b13;
+}
+.component .situation-content.color7 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component .situation-content.color7 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #67331d;
+}
+.component .situation-content.color7 .attack-link a {
+ background: #67331d;
+}
+.component .situation-content.color8 .line-help {
+ background: #c3590b;
+}
+.component .situation-content.color8 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component .situation-content.color8 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #d87913;
+}
+.component .situation-content.color8 .attack-link a {
+ background: #d87913;
+}
+.component .situation-content.color9 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color9 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color9 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color9 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-info {
+ display: table;
+ width: 100%;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: black;
+}
+.component .situation-info .item {
+ display: table-cell;
+ padding: 10px;
+ border-right: solid 1px #202020;
+}
+.component .situation-info .item .value {
+ font-size: 26px;
+ font-weight: bold;
+ display: block;
+}
+.component .build-item.base-type .desc {
+ margin: 10px 0 0 0;
+ padding: 15px;
+ font-size: 13px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+}
+.component .build-item.base-type .list-choice {
+ position: relative;
+ height: 140px;
+ background: url('src/desktop/base/type-base.png') no-repeat center;
+ margin: 0;
+ border-bottom: solid 1px #202020;
+}
+.component .build-item.base-type .list-choice button {
+ position: absolute;
+ padding: 0;
+ border: none;
+ background: transparent;
+ cursor: pointer;
+}
+.component .build-item.base-type .list-choice button.item-1 {
+ top: 35px;
+ left: 5px;
+}
+.component .build-item.base-type .list-choice button.item-2 {
+ top: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-3 {
+ bottom: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-4 {
+ top: 35px;
+ right: 5px;
+}
+.component .build-item.base-type .list-choice button img {
+ display: block;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.color1 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.color2 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.color3 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.color4 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.color5 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color6 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.color7 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.color8 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.color9 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color10 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.color11 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.color12 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .build-item.base-type .desc-choice {
+ display: none;
+}
+.component .build-item.base-type .desc-choice h4 {
+ border-bottom: solid 1px #202020;
+ padding: 0 0 5px 0;
+}
+.component .build-item.base-type .desc-choice p {
+ text-align: left;
+ color: #CCC !important;
+}
+.component .build-item.base-type .desc-choice p strong {
+ display: block;
+ color: white;
+}
+.component .build-item.base-type .desc-choice p strong.short {
+ display: inline-block;
+ width: 100px;
+}
+.component.list-fleet .set-fleet {
+ position: relative;
+ margin: 10px;
+ padding: 0 0 0 70px;
+ min-height: 80px;
+}
+.component.list-fleet .set-fleet img.place {
+ position: absolute;
+ top: -5px;
+ left: -20px;
+ width: 80px;
+ background: #0A0A0A;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet h2 {
+ padding: 10px 0;
+ margin: 0;
+}
+.component.list-fleet .set-fleet h2 a {
+ font-size: 13px;
+ color: white;
+ font-weight: normal;
+ text-decoration: none;
+}
+.component.list-fleet .set-fleet .item {
+ position: relative;
+ height: 60px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-bottom: none;
+ width: 777px;
+}
+.component.list-fleet .set-fleet .item:last-child {
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item a {
+ display: inline-block;
+ text-decoration: none;
+ color: #CCC;
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .left .top {
+ position: absolute;
+ left: 60px;
+ display: block;
+ width: 500px;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .left .status {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .right .top {
+ position: absolute;
+ right: 60px;
+ display: block;
+ width: 200px;
+ text-align: right;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .right .cover {
+ width: 50px;
+ margin: 5px;
+ padding: 0;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .center {
+ position: absolute;
+ top: 41px;
+ left: 70px;
+ right: 70px;
+}
+.component.list-fleet .set-fleet .item .center .ship {
+ position: absolute;
+ top: -10px;
+ left: -11px;
+ right: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship {
+ display: block;
+ width: 100%;
+ background: #4F4F4F;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ position: relative;
+ display: block;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship {
+ top: -11px;
+ right: -11px;
+ left: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar span {
+ position: absolute;
+ top: 4px;
+ right: 15px;
+ font-size: 10px;
+}
+.component.list-fleet .set-fleet .item.color1 .status {
+ background: #6e161b;
+}
+.component.list-fleet .set-fleet .item.color2 .status {
+ background: #1f1471;
+}
+.component.list-fleet .set-fleet .item.color3 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color4 .status {
+ background: #5a1072;
+}
+.component.list-fleet .set-fleet .item.color5 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color6 .status {
+ background: #076b87;
+}
+.component.list-fleet .set-fleet .item.color7 .status {
+ background: #67331d;
+}
+.component.list-fleet .set-fleet .item.color8 .status {
+ background: #d87913;
+}
+.component.list-fleet .set-fleet .item.color9 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color10 .status {
+ background: #760f36;
+}
+.component.list-fleet .set-fleet .item.color11 .status {
+ background: #219772;
+}
+.component.list-fleet .set-fleet .item.color12 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar {
+ background: #4F4F4F;
+}
+.component.list-fleet .set-fleet .item .show-commander {
+ position: absolute;
+ top: -1px;
+ right: -30px;
+ width: 28px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .show-commander:hover,
+.component.list-fleet .set-fleet .item .show-commander:focus,
+.component.list-fleet .set-fleet .item .show-commander.active {
+ background-color: #202020;
+}
+.component.table-fleet table {
+ margin: 10px;
+ width: 880px;
+ border-collapse: collapse;
+}
+.component.table-fleet table tr:nth-child(odd) {
+ background: black;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:nth-child(even) {
+ background: #0A0A0A;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:first-child {
+ background: transparent;
+}
+.component.table-fleet table th,
+.component.table-fleet table td {
+ height: 40px;
+ width: 40px;
+ text-align: center;
+}
+.component.table-fleet table td span.zero-value {
+ color: #4F4F4F;
+}
+.component.table-fleet table .base {
+ width: 100px;
+ text-align: left;
+ padding: 0 20px;
+}
+.component.table-fleet table .base a {
+ border: none;
+}
+.component.table-fleet table .base strong {
+ display: block;
+ font-size: 16px;
+}
+.component.table-fleet table .large {
+ width: auto;
+ text-align: left;
+ padding: 0 10px;
+}
+.component.table-fleet table .sep {
+ border-left: solid 1px #219772;
+}
+.component.table-fleet table a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4F4F4F;
+ display: inline-block;
+}
+.component.table-fleet table th {
+ position: relative;
+ height: 70px;
+}
+.component.table-fleet table th span {
+ position: absolute;
+ bottom: 32px;
+ left: -10px;
+ display: block;
+ text-align: left;
+ width: 60px;
+ -ms-transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.component.commander-fleet .fleet {
+ vertical-align: top;
+ display: block;
+ text-align: center;
+}
+.component.commander-fleet .list-ship {
+ vertical-align: top;
+ display: inline-block;
+ width: 148px;
+}
+.component.commander-fleet .list-ship:first-child {
+ border-right: dashed 1px #4F4F4F;
+}
+.component.commander-fleet .list-ship a {
+ display: block;
+ position: relative;
+ margin: 6px;
+ height: 40px;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ border-radius: 3px;
+}
+.component.commander-fleet .list-ship a.empty {
+ opacity: 0.4;
+}
+.component.commander-fleet .list-ship img {
+ position: absolute;
+ display: inline-block;
+ width: 40px;
+}
+.component.commander-fleet .list-ship .text {
+ position: absolute;
+ left: 45px;
+ display: inline-block;
+ width: 88px;
+ color: white;
+}
+.component.commander-fleet .list-ship .text .quantity {
+ display: block;
+ font-weight: bold;
+ font-size: 18px;
+}
+.component.commander-fleet .army {
+ border-collapse: collapse;
+ width: 560px;
+ margin: 20px;
+}
+.component.commander-fleet .army td {
+ width: 65px;
+ padding: 5px;
+ border-right: dashed 1px #4F4F4F;
+ vertical-align: center;
+}
+.component.commander-fleet .army td:first-child {
+ width: auto;
+ vertical-align: top;
+ text-align: right;
+ padding: 0 20px;
+ font-size: 12px;
+}
+.component.commander-fleet .army tr:first-child td {
+ text-align: center;
+ padding: 10px 5px;
+ font-size: 18px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block {
+ display: block;
+ width: 54px;
+ height: 54px;
+ margin: 0 0 5px 0;
+ padding: 5px;
+ vertical-align: top;
+ border-radius: 5px;
+ background: #0A0A0A;
+ text-align: right;
+ border: solid 1px #202020;
+ color: #4F4F4F;
+}
+.component.commander-fleet .army .block.empty {
+ background: black;
+ border: solid 1px #0A0A0A;
+}
+.component.commander-fleet .army .block strong {
+ display: block;
+ font-size: 15px;
+ height: 38px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block em {
+ display: block;
+ padding: 2px;
+ font-size: 11px;
+ background: black;
+ text-align: center;
+ border-radius: 3px;
+}
+.component.commander-fleet .army .block.squadron {
+ border: solid 1px #4F4F4F;
+ color: white;
+ cursor: pointer;
+ background: #219772;
+}
+.component.commander-fleet .army .block.squadron.full0 {
+ background: url('src/desktop/squadron/squadron0.png') no-repeat 4px 2px #219772;
+}
+.component.commander-fleet .army .block.squadron.full1 {
+ background: url('src/desktop/squadron/squadron1.png') no-repeat 4px 2px #219772;
+}
+.component.commander-fleet .army .block.squadron.full2 {
+ background: url('src/desktop/squadron/squadron2.png') no-repeat 4px 2px #219772;
+}
+.component.commander-fleet .army .block.squadron.full3 {
+ background: url('src/desktop/squadron/squadron3.png') no-repeat 4px 2px #219772;
+}
+.component.commander-fleet .army .block.squadron.active {
+ box-shadow: inset 0 0 6px black,
+ 0 0 2px 0 white;
+ border: dashed 1px white;
+}
+.component.report .commander {
+ position: relative;
+ display: block;
+ margin: 10px;
+ padding: 8px 0 8px 72px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component.report .commander img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component.report .commander strong {
+ display: block;
+ padding: 0 0 8px 0;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component.report .commander em {
+ display: block;
+ line-height: 20px;
+ color: white;
+ font-style: normal;
+ color: #efefef;
+}
+.component.report .commander em .bonus {
+ font-size: 90%;
+ margin: 2px 0 0 2px;
+ padding: 3px 6px;
+}
+.component.report .dammage {
+ margin: 10px;
+ background: black;
+}
+.component.report .dammage table {
+ width: 100%;
+ border-collapse: collapse;
+ border-left: solid 1px #202020;
+ border-right: solid 1px #202020;
+}
+.component.report .dammage td {
+ border-color: #202020;
+ border-width: 1px;
+ border-style: solid dashed;
+ padding: 4px;
+ vertical-align: center;
+ text-align: center;
+ color: #CCC;
+ width: 28px;
+ height: 22px;
+}
+.component.report .dammage td:first-child {
+ text-align: left;
+ padding: 4px 8px;
+ width: auto;
+}
+.component.report .dammage td span {
+ display: inline-block;
+ background: red;
+ line-height: 22px;
+ width: 22px;
+ border-radius: 3px;
+ color: white;
+ background: #10684c;
+}
+.component.topic .message {
+ position: relative;
+ padding: 0 0 0 80px;
+ margin: 10px;
+ min-height: 70px;
+}
+.component.topic .message .avatar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 56px;
+ padding: 6px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.topic .message .content {
+ position: relative;
+ background: black;
+ border: solid 1px #202020;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component.topic .message .content:before {
+ position: absolute;
+ content: '';
+ top: 25px;
+ left: -18px;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent #202020 transparent transparent;
+}
+.component.topic .message .content .text {
+ margin: 0;
+ padding: 10px 10px 12px 10px;
+ border-bottom: solid 1px #0A0A0A;
+ color: #efefef;
+}
+.component.topic .message .content .text a,
+.component.topic .message .content .text strong {
+ color: white;
+}
+.component.topic .message .content .text a.color1 {
+ color: #b01e2d;
+}
+.component.topic .message .content .text a.color2 {
+ color: #2f23c0;
+}
+.component.topic .message .content .text a.color3 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text a.color4 {
+ color: #a935c7;
+}
+.component.topic .message .content .text a.color5 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color6 {
+ color: #05bed7;
+}
+.component.topic .message .content .text a.color7 {
+ color: #ac5832;
+}
+.component.topic .message .content .text a.color8 {
+ color: #f2b636;
+}
+.component.topic .message .content .text a.color9 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color10 {
+ color: #a92859;
+}
+.component.topic .message .content .text a.color11 {
+ color: #34b089;
+}
+.component.topic .message .content .text a.color12 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text .icon-color {
+ width: 15px;
+}
+.component.topic .message .content .footer {
+ margin: 0;
+ padding: 6px 10px;
+ font-size: 12px;
+ color: #CCC;
+}
+.component.topic .message .content .footer a {
+ color: #CCC;
+}
+.component.topic .message.write .content:before {
+ left: -17px;
+ top: 11px;
+ border-color: transparent white transparent transparent;
+}
+.component.topic .message.write .content textarea {
+ border: none;
+ padding: 5px;
+ width: 487px;
+ height: 120px;
+ max-width: 487px;
+ min-width: 487px;
+ min-height: 50px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content input {
+ margin: 6px;
+ font-family: inherit;
+}
+.component.topic .message.write .content .title {
+ border: none;
+ margin: 0;
+ padding: 5px;
+ width: 487px;
+ height: 30px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content button {
+ margin: 6px;
+ font-family: inherit;
+ background: #219772;
+ border: none;
+ padding: 4px 8px;
+ color: white;
+ cursor: pointer;
+}
+.component.topic .message.write .content button:hover,
+.component.topic .message.write .content button:focus {
+ background: #10684c;
+}
+.component.topic .system-message {
+ position: relative;
+ padding: 0 0 0 90px;
+ margin: 10px;
+}
+.component.topic .system-message:before {
+ content: '';
+ position: absolute;
+ top: 10px;
+ left: 0;
+ height: 1px;
+ width: 70px;
+ background: #4F4F4F;
+}
+.conv-item {
+ position: relative;
+ display: block;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+ height: 59px;
+ padding: 5px 5px 5px 70px;
+ margin: 0 10px;
+ color: white;
+ text-decoration: none;
+ overflow: hidden;
+}
+.conv-item .cover {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+ padding: 5px;
+}
+.conv-item .cover .picture {
+ width: 52px;
+ height: 52px;
+ background: #202020;
+ border-radius: 100%;
+ padding: 4px;
+}
+.conv-item .cover .picture.color0 {
+ box-shadow: 0 0 0 2px #4F4F4F;
+}
+.conv-item .cover .picture.color1 {
+ box-shadow: 0 0 0 2px #6e161b;
+}
+.conv-item .cover .picture.color2 {
+ box-shadow: 0 0 0 2px #1f1471;
+}
+.conv-item .cover .picture.color3 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .picture.color4 {
+ box-shadow: 0 0 0 2px #5a1072;
+}
+.conv-item .cover .picture.color5 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color6 {
+ box-shadow: 0 0 0 2px #076b87;
+}
+.conv-item .cover .picture.color7 {
+ box-shadow: 0 0 0 2px #67331d;
+}
+.conv-item .cover .picture.color8 {
+ box-shadow: 0 0 0 2px #d87913;
+}
+.conv-item .cover .picture.color9 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color10 {
+ box-shadow: 0 0 0 2px #760f36;
+}
+.conv-item .cover .picture.color11 {
+ box-shadow: 0 0 0 2px #219772;
+}
+.conv-item .cover .picture.color12 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .number,
+.conv-item .cover .new-message {
+ position: absolute;
+ width: 22px;
+ height: 22px;
+ border-radius: 100%;
+ background: #0A0A0A;
+ bottom: 5px;
+ right: 5px;
+ border: solid 1px #4F4F4F;
+ text-align: center;
+ line-height: 22px;
+ font-size: 11px;
+}
+.conv-item .cover .new-message {
+ left: 5px;
+ top: 5px;
+}
+.conv-item .cover .new-message img {
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin: 2px;
+}
+.conv-item .data {
+ line-height: 20px;
+}
+.conv-item:last-child {
+ border: solid 1px #202020;
+}
+.conv-item:hover,
+.conv-item:focus {
+ background: #0C0C0C;
+}
+.component.player .player {
+ position: relative;
+ display: inline-block;
+ margin: 10px 0 0 10px;
+ width: 211px;
+ height: 58px;
+ padding: 5px 5px 5px 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+ text-decoration: none;
+}
+.component.player .player a {
+ color: #ccc;
+ text-decoration: none;
+ border-bottom: solid 1px #202020;
+}
+.component.player .player a:hover,
+.component.player .player a:focus {
+ border-color: #4f4f4f;
+}
+.component.player .player img.picto {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 50px;
+ padding: 4px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.player .player .icon,
+.component.player .player .icon-color {
+ height: 16px;
+ padding: 1px;
+}
+.component.player .player span,
+.component.player .player strong {
+ display: block;
+ line-height: 20px;
+}
+.component.player .player strong {
+ font-size: 18px;
+}
+.component.player .player .online,
+.component.player .player .inactive {
+ position: absolute;
+ width: 18px;
+ height: 18px;
+ background: white;
+ top: 5px;
+ right: 5px;
+ border-radius: 100%;
+ background: #4F4F4F;
+}
+.component.player .player .online {
+ background: #34b089;
+}
+.component.player .player.faction {
+ border-left: solid 1px #0A0A0A !important;
+ width: 202px;
+}
+.component.player .player.faction img {
+ top: 0;
+ left: 10px;
+ padding: 0;
+ border: none;
+ border-radius: 0;
+ background: transparent;
+}
+.component.player.rank .player {
+ border-left: solid 10px #4F4F4F;
+ width: 190px;
+}
+.component.player.rank .player.color1 {
+ border-left-color: #b01e2d;
+}
+.component.player.rank .player.color2 {
+ border-left-color: #2f23c0;
+}
+.component.player.rank .player.color3 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player.color4 {
+ border-left-color: #a935c7;
+}
+.component.player.rank .player.color5 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color6 {
+ border-left-color: #05bed7;
+}
+.component.player.rank .player.color7 {
+ border-left-color: #ac5832;
+}
+.component.player.rank .player.color8 {
+ border-left-color: #f2b636;
+}
+.component.player.rank .player.color9 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color10 {
+ border-left-color: #a92859;
+}
+.component.player.rank .player.color11 {
+ border-left-color: #34b089;
+}
+.component.player.rank .player.color12 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player .title,
+.component.player.rank .player .points {
+ color: #BBB;
+}
+.component.player.rank .player .position {
+ display: block;
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ line-height: 38px;
+ width: 38px;
+ border: solid 1px #202020;
+ text-align: center;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance {
+ display: block;
+ position: absolute;
+ top: 5px;
+ right: -4px;
+ line-height: 26px;
+ width: 26px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ text-align: center;
+ font-size: 11px;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance.lower {
+ bottom: 5px;
+ top: auto;
+}
+.component.player.rank .player.active .position {
+ background: white;
+ border: solid 1px white;
+ color: #202020;
+}
+.component.player.size2 .player {
+ width: 208px;
+}
+.component.player.size1 .player {
+ width: 202px;
+}
+.component.transaction .transaction {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 10px;
+}
+.component.transaction .transaction .right-link {
+ position: absolute;
+ top: 2px;
+ right: 5px;
+ display: block;
+ color: #FFF;
+ text-decoration: none;
+}
+.component.transaction .transaction .product {
+ position: relative;
+ height: 70px;
+ padding: 5px 10px 5px 55px;
+ cursor: pointer;
+}
+.component.transaction .transaction .product .picto {
+ position: absolute;
+ top: 5px;
+ left: -20px;
+ width: 60px;
+ height: 60px;
+ padding: 4px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+}
+.component.transaction .transaction .product .rate {
+ position: absolute;
+ bottom: 5px;
+ right: 8px;
+}
+.component.transaction .transaction .product .offer {
+ overflow: hidden;
+ height: 32px;
+}
+.component.transaction .transaction .product .for {
+ position: relative;
+ border-top: solid 1px #202020;
+ margin: 8px 0 6px 0;
+ color: #4F4F4F;
+}
+.component.transaction .transaction .product .for span {
+ display: block;
+ position: absolute;
+ top: -10px;
+ left: 10px;
+ background: #0A0A0A;
+ padding: 0 10px;
+ font-size: 12px;
+}
+.component.transaction .transaction .product .price {
+ font-size: 19px;
+ font-weight: bold;
+}
+.component.transaction .transaction .product .price .icon-color {
+ width: 14px;
+ position: relative;
+ top: -2px;
+ padding: 1px;
+}
+.component.transaction .transaction.resources .product .offer {
+ font-size: 28px;
+ font-weight: bold;
+ line-height: 30px;
+}
+.component.transaction .transaction.resources .product .offer .icon-color {
+ width: 20px;
+ position: relative;
+ top: -5px;
+}
+.component.transaction .transaction.commander .product .offer strong,
+.component.transaction .transaction.ship .product .offer strong {
+ display: block;
+ font-size: 14px;
+}
+.component.transaction .transaction.commander .product .offer em,
+.component.transaction .transaction.ship .product .offer em {
+ display: block;
+ font-size: 11px;
+}
+.component.transaction .transaction .hidden {
+ display: none;
+}
+.component.transaction .transaction .info {
+ position: relative;
+ border-top: solid 1px #202020;
+ height: 88px;
+ background: black;
+}
+.component.transaction .transaction .info p {
+ font-size: 11px;
+ margin: 5px 8px;
+}
+.component.transaction .transaction .info .seller {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+}
+.component.transaction .transaction .info .seller a {
+ font-weight: bold;
+ color: white;
+}
+.component.transaction .transaction .info .seller .color1 {
+ color: #b01e2d;
+}
+.component.transaction .transaction .info .seller .color2 {
+ color: #2f23c0;
+}
+.component.transaction .transaction .info .seller .color3 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .seller .color4 {
+ color: #a935c7;
+}
+.component.transaction .transaction .info .seller .color5 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color6 {
+ color: #05bed7;
+}
+.component.transaction .transaction .info .seller .color7 {
+ color: #ac5832;
+}
+.component.transaction .transaction .info .seller .color8 {
+ color: #f2b636;
+}
+.component.transaction .transaction .info .seller .color9 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color10 {
+ color: #a92859;
+}
+.component.transaction .transaction .info .seller .color11 {
+ color: #34b089;
+}
+.component.transaction .transaction .info .seller .color12 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .price-detail {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+ right: 0;
+}
+.component.transaction .transaction .info .price-detail p {
+ text-align: right;
+}
+.component.transaction .transaction .info .price-detail p .icon-color {
+ width: 10px;
+ padding: 1px;
+}
+.component.transaction .transaction .info .price-detail p span {
+ color: #4F4F4F;
+}
+.component.transaction .transaction .button {
+ border-top: solid 1px #202020;
+ padding: 5px;
+}
+.component.transaction .transaction .button a,
+.component.transaction .transaction .button span {
+ display: block;
+ padding: 5px 10px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ line-height: 20px;
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component.transaction .transaction .button a {
+ background: #219772;
+}
+.component.transaction .transaction .button a:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #34b089;
+}
+.component.transaction .transaction .button span {
+ background: #202020;
+ cursor: default;
+}
+.component.transaction .transaction .button .icon-color {
+ width: 14px;
+}
+.component.transaction .transaction .shipping {
+ position: relative;
+ background: black;
+ height: 30px;
+}
+.component.transaction .transaction .shipping .ships {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+}
+.component.transaction .transaction .shipping .ships .icon-color {
+ position: relative;
+ width: 16px;
+ margin-left: 5px;
+ top: -5px;
+}
+.component.transaction .transaction .shipping .time {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 12px;
+}
+.component.transaction .transaction .shipping .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 0 60px;
+ height: 3px;
+ top: 13px;
+ background: #4F4F4F;
+}
+.component.transaction .transaction .shipping .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #34b089;
+}
+.component .build-item.disable .button span {
+ color: #696969;
+}
+.component.transaction .new-transaction {
+ width: 279px;
+ position: absolute;
+ background: black;
+ z-index: 1;
+ padding: 10px;
+ border-bottom: solid 1px #34b089;
+}
+.component.transaction .new-transaction label {
+ position: relative;
+ display: block;
+ padding: 5px 0;
+}
+.component.transaction .new-transaction label input {
+ display: block;
+ padding: 5px 10px;
+ margin: 5px 0 0 0;
+ width: 259px;
+ border: none;
+}
+.component.transaction .new-transaction.resources label input {
+ font-size: 16px;
+ color: #202020;
+ font-weight: bold;
+}
+.component.transaction .new-transaction .indicator {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 15px;
+}
+.component.transaction .new-transaction .indicator span {
+ position: absolute;
+ display: inline-block;
+ padding: 1px 6px;
+ font-size: 12px;
+ color: white;
+ border-radius: 3px;
+ top: -5px;
+ background: #10684c;
+}
+.component.transaction .new-transaction .indicator span.min-price {
+ left: 5px;
+}
+.component.transaction .new-transaction .indicator span.max-price {
+ right: 5px;
+}
+.component.market-sell .body {
+ padding: 10px 0;
+}
+.component.market-sell .label-box {
+ position: relative;
+ padding: 0 10px;
+ margin: 10px 0;
+}
+.component.market-sell .label-box .label {
+ display: inline-block;
+ width: 100px;
+ line-height: 30px;
+}
+.component.market-sell .label-box .value {
+ display: inline-block;
+ width: 147px;
+ padding: 0 5px;
+ border: none;
+ line-height: 30px;
+ border-radius: 3px;
+ font-size: 16px;
+}
+.component.market-sell .label-box input.value {
+ height: 30px;
+ background: white;
+}
+.component.market-sell .label-box .icon-color {
+ position: absolute;
+ top: 4px;
+ right: 16px;
+ width: 18px;
+}
+.component.market-sell .queue {
+ margin: 0 10px;
+ cursor: pointer;
+}
+.component.market-sell .sell-form {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 0 10px 10px 10px;
+}
+.component.market-sell .sell-form input[type='submit'] {
+ display: block;
+ width: 100%;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 10px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #34b089;
+}
+.component.market-sell .sell-form input[type='submit']:hover {
+ background: #10684c;
+}
+.component.market-sell .sell-form input[disabled='disabled'] {
+ background: #202020 !important;
+}
+.wysiwyg {
+ display: block;
+ position: relative;
+}
+.wysiwyg .toolbar {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 5px;
+}
+.wysiwyg .toolbar button {
+ display: inline-block;
+ height: 26px;
+ line-height: 26px;
+ padding: 0 4px !important;
+ margin: 0 4px 0 0 !important;
+ background: #219772;
+ color: white;
+ border-radius: 3px;
+ overflow: hidden;
+ vertical-align: top;
+}
+.wysiwyg .modal {
+ position: absolute;
+ top: 40px;
+ left: 10px;
+ right: 10px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ box-shadow: 0 0 15px black;
+}
+.wysiwyg .modal .header {
+ position: relative;
+}
+.wysiwyg .modal .header h2 {
+ margin: 0;
+ padding: 0;
+ line-height: 36px;
+ padding: 0 10px;
+ font-size: 16px;
+ font-weight: normal;
+}
+.wysiwyg .modal .header .right {
+ position: absolute;
+ top: 5px;
+ right: 10px;
+ width: 300px;
+ text-align: right;
+}
+.wysiwyg .modal .header .right button {
+ display: inline-block;
+ width: 26px !important;
+ height: 26px !important;
+ line-height: 26px !important<;
+ font-size: 14px;
+ padding: 0 !important;
+ margin: 0 0 0 5px !important;
+}
+.wysiwyg .modal input {
+ width: 435px;
+ border: none;
+ height: 30px;
+ margin: 0 10px 10px 10px !important;
+ padding: 0 10px !important;
+}
+.wysiwyg textarea {
+ padding-top: 40px !important;
+}
+.input-area .wysiwyg .toolbar {
+ padding: 0;
+}
+.component.params .checkbox {
+ display: block;
+ position: relative;
+ padding: 10px 10px 10px 40px;
+ margin: 10px;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component.params .checkbox input {
+ position: absolute;
+ top: 8px;
+ left: 10px;
+}
+#map {
+ position: absolute;
+ z-index: 100;
+ background: url('src/desktop/map/common/map.jpg') repeat black;
+ padding: 0;
+ top: 0;
+ left: 0;
+}
+#map #sectors {
+ z-index: 300;
+}
+#map #spying {
+ z-index: 400;
+}
+#map #own-base {
+ z-index: 500;
+}
+#map #commercial-routes {
+ z-index: 600;
+}
+#map #fleet-movements {
+ z-index: 700;
+}
+#map #attacks {
+ z-index: 800;
+}
+#map #systems {
+ z-index: 900;
+}
+#map #map-info {
+ z-index: 910;
+}
+#map > div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+#map #sectors polygon {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 4 4;
+ opacity: 0.15;
+}
+#map #sectors .ally1 {
+ fill: #6e161b;
+}
+#map #sectors .ally2 {
+ fill: #1f1471;
+}
+#map #sectors .ally3 {
+ fill: #dbb200;
+}
+#map #sectors .ally4 {
+ fill: #5a1072;
+}
+#map #sectors .ally5 {
+ fill: #2c7915;
+}
+#map #sectors .ally6 {
+ fill: #076b87;
+}
+#map #sectors .ally7 {
+ fill: #67331d;
+}
+#map #sectors .ally8 {
+ fill: #d87913;
+}
+#map #sectors .ally9 {
+ fill: #2c7915;
+}
+#map #sectors .ally10 {
+ fill: #760f36;
+}
+#map #sectors .ally11 {
+ fill: #219772;
+}
+#map #sectors .ally12 {
+ fill: #dbb200;
+}
+#map #spying circle {
+ opacity: 0.08;
+ stroke: white;
+}
+#map #own-base circle {
+ opacity: 0.1;
+ fill: white;
+}
+#map #commercial-routes line {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 20 5 5 5 5 10;
+}
+#map #commercial-routes line.standBy {
+ stroke: rgba(255, 255, 255, 0.3);
+}
+#map #fleet-movements line {
+ stroke-width: 1px;
+}
+#map #fleet-movements line.back {
+ stroke-dasharray: 15 5;
+}
+#map #attacks line {
+ stroke-width: 1px;
+}
+#map #attacks line.color1 {
+ stroke: #b01e2d;
+}
+#map #attacks line.color2 {
+ stroke: #2f23c0;
+}
+#map #attacks line.color3 {
+ stroke: #ffdb0f;
+}
+#map #attacks line.color4 {
+ stroke: #a935c7;
+}
+#map #attacks line.color5 {
+ stroke: #57c632;
+}
+#map #attacks line.color6 {
+ stroke: #05bed7;
+}
+#map #attacks line.color7 {
+ stroke: #ac5832;
+}
+#map #attacks line.color8 {
+ stroke: #f2b636;
+}
+#map #attacks line.color9 {
+ stroke: #57c632;
+}
+#map #attacks line.color10 {
+ stroke: #a92859;
+}
+#map #attacks line.color11 {
+ stroke: #34b089;
+}
+#map #attacks line.color12 {
+ stroke: #ffdb0f;
+}
+#map #attacks circle.color1 {
+ fill: #b01e2d;
+}
+#map #attacks circle.color2 {
+ fill: #2f23c0;
+}
+#map #attacks circle.color3 {
+ fill: #ffdb0f;
+}
+#map #attacks circle.color4 {
+ fill: #a935c7;
+}
+#map #attacks circle.color5 {
+ fill: #57c632;
+}
+#map #attacks circle.color6 {
+ fill: #05bed7;
+}
+#map #attacks circle.color7 {
+ fill: #ac5832;
+}
+#map #attacks circle.color8 {
+ fill: #f2b636;
+}
+#map #attacks circle.color9 {
+ fill: #57c632;
+}
+#map #attacks circle.color10 {
+ fill: #a92859;
+}
+#map #attacks circle.color11 {
+ fill: #34b089;
+}
+#map #attacks circle.color12 {
+ fill: #ffdb0f;
+}
+#map #systems a {
+ display: block;
+ position: absolute;
+ border-radius: 100%;
+}
+#map #systems a.active {
+ background: black;
+ box-shadow: 0 0 0 1px black,
+ 0 0 0 3px white,
+ 0 0 10px 8px black;
+}
+#map #systems a img {
+ display: block;
+ width: 20px;
+ height: 20px;
+ border: none;
+ border-radius: 100%;
+ -moz-border-radius: 100%;
+ -webkit-border-radius: 100%;
+ -ms-border-radius: 100%;
+ -o-border-radius: 100%;
+}
+#map #systems a img.own {
+ background: white;
+}
+#map #systems .sector-number {
+ position: absolute;
+ display: block;
+ font-size: 22px;
+ line-height: 40px;
+ width: 40px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 0 5px #0A0A0A, 0 0 0 6px #4F4F4F;
+ background: #202020;
+ color: white;
+ font-weight: bold;
+ cursor: pointer;
+}
+#map #systems .sector-number.color1 {
+ background: #6e161b;
+}
+#map #systems .sector-number.color2 {
+ background: #1f1471;
+}
+#map #systems .sector-number.color3 {
+ background: #dbb200;
+}
+#map #systems .sector-number.color4 {
+ background: #5a1072;
+}
+#map #systems .sector-number.color5 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color6 {
+ background: #076b87;
+}
+#map #systems .sector-number.color7 {
+ background: #67331d;
+}
+#map #systems .sector-number.color8 {
+ background: #d87913;
+}
+#map #systems .sector-number.color9 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color10 {
+ background: #760f36;
+}
+#map #systems .sector-number.color11 {
+ background: #219772;
+}
+#map #systems .sector-number.color12 {
+ background: #dbb200;
+}
+#map #systems .sector-info {
+ display: none;
+ position: absolute;
+ color: white;
+ background: black;
+ background: rgba(0, 0, 0, 0.9);
+ padding: 8px 16px;
+ border-radius: 3px;
+}
+#map #systems .sector-info:before {
+ content: '';
+ position: absolute;
+ left: -20px;
+ top: 20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent black transparent transparent;
+ border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
+}
+#map #systems .sector-info h2 {
+ position: relative;
+ font-size: 40px;
+ font-weight: bold;
+ line-height: 40px;
+ text-shadow: 0 0 5px black;
+ margin: 0;
+ padding: 0;
+}
+#map #systems .sector-info p {
+ font-size: 13px;
+ margin: 6px 0 0 0;
+ padding: 0;
+ font-weight: bold;
+ font-variant: small-caps;
+}
+#map #systems .sector-info p a {
+ position: static;
+ display: inline-block;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ margin: 0 5px 0 0;
+}
+#map #systems .sector-info.color1 p a {
+ background: #6e161b;
+}
+#map #systems .sector-info.color2 p a {
+ background: #1f1471;
+}
+#map #systems .sector-info.color3 p a {
+ background: #dbb200;
+}
+#map #systems .sector-info.color4 p a {
+ background: #5a1072;
+}
+#map #systems .sector-info.color5 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color6 p a {
+ background: #076b87;
+}
+#map #systems .sector-info.color7 p a {
+ background: #67331d;
+}
+#map #systems .sector-info.color8 p a {
+ background: #d87913;
+}
+#map #systems .sector-info.color9 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color10 p a {
+ background: #760f36;
+}
+#map #systems .sector-info.color11 p a {
+ background: #219772;
+}
+#map #systems .sector-info.color12 p a {
+ background: #dbb200;
+}
+#map #map-info {
+ display: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ bottom: auto;
+ height: auto;
+ width: auto;
+ margin: 40px 60px 0 0;
+ color: white;
+ text-align: right;
+}
+#map #map-info h2 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 38px;
+ line-height: 60px;
+}
+#map #map-info h3 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 40px;
+}
+#map #map-info ul {
+ margin: 10px 0;
+ padding: 0;
+ list-style: none;
+}
+#map #map-info ul li {
+ position: relative;
+ margin: 0;
+ padding: 0 40px 0 0;
+ line-height: 20px;
+ height: 20px;
+ font-style: italic;
+ color: #CCC;
+ font-size: 13px;
+}
+#map #map-info ul li img {
+ position: absolute;
+ right: 10px;
+ top: 0px;
+}
+#map #spying circle {
+ fill: #219772;
+}
+#map #fleet-movements line {
+ stroke: #34b089;
+}
+#map #fleet-movements circle {
+ fill: #34b089;
+}
+#map-option {
+ z-index: 1000;
+ position: absolute;
+ display: inline-block;
+ height: 32px;
+ padding: 3px 0;
+ background: url('src/desktop/map/bOption.png') repeat-x;
+ top: 30px;
+ right: 20px;
+}
+#map-option:before {
+ content: '';
+ position: absolute;
+ display: block;
+ left: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bLeftOption.png');
+}
+#map-option:after {
+ content: '';
+ position: absolute;
+ display: block;
+ right: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bRightOption.png');
+}
+#map-option a {
+ position: relative;
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ margin: 1px 0 1px 1px;
+ background: #0A0A0A;
+}
+#map-option a.active {
+ background: #004948;
+}
+#map-option a img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 22px;
+}
+.color1 #map-option a.active {
+ background: #510816;
+}
+.color2 #map-option a.active {
+ background: #0c0d44;
+}
+.color3 #map-option a.active {
+ background: #b17a00;
+}
+.color4 #map-option a.active {
+ background: #310948;
+}
+.color5 #map-option a.active {
+ background: #24500a;
+}
+.color6 #map-option a.active {
+ background: #004948;
+}
+.color7 #map-option a.active {
+ background: #401b13;
+}
+.color8 #map-option a.active {
+ background: #c3590b;
+}
+.color9 #map-option a.active {
+ background: #24500a;
+}
+.color10 #map-option a.active {
+ background: #4d0621;
+}
+.color11 #map-option a.active {
+ background: #10684c;
+}
+.color12 #map-option a.active {
+ background: #b17a00;
+}
+#map-content {
+ z-index: 1000;
+ position: absolute;
+ top: 80px;
+ right: 20px;
+ display: block;
+}
+#map-content .mini-map {
+ position: relative;
+ width: 300px;
+ height: 300px;
+ overflow: hidden;
+ border: solid 1px #202020;
+ background: url('src/desktop/map/common/galaxy.jpg') no-repeat #0A0A0A;
+}
+#map-content .mini-map polygon {
+ stroke: white;
+ stroke-width: .5px;
+ opacity: 0.3;
+}
+#map-content .mini-map polygon:focus,
+#map-content .mini-map polygon:hover {
+ opacity: 0.1;
+ cursor: pointer;
+}
+#map-content .mini-map polygon.ally0 {
+ fill: #202020;
+}
+#map-content .mini-map polygon.ally1 {
+ fill: #6e161b;
+}
+#map-content .mini-map polygon.ally2 {
+ fill: #1f1471;
+}
+#map-content .mini-map polygon.ally3 {
+ fill: #dbb200;
+}
+#map-content .mini-map polygon.ally4 {
+ fill: #5a1072;
+}
+#map-content .mini-map polygon.ally5 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally6 {
+ fill: #076b87;
+}
+#map-content .mini-map polygon.ally7 {
+ fill: #67331d;
+}
+#map-content .mini-map polygon.ally8 {
+ fill: #d87913;
+}
+#map-content .mini-map polygon.ally9 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally10 {
+ fill: #760f36;
+}
+#map-content .mini-map polygon.ally11 {
+ fill: #219772;
+}
+#map-content .mini-map polygon.ally12 {
+ fill: #dbb200;
+}
+#map-content .mini-map .number {
+ position: absolute;
+ z-index: 600;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .sectors {
+ z-index: 500;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases {
+ z-index: 400;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases circle {
+ fill: rgba(255, 255, 255, 0.2);
+ stroke: white;
+}
+#map-content .mini-map .viewport {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: rgba(255, 255, 255, 0.1);
+ border: solid 1px white;
+ border-radius: 3px;
+}
+#map-content .mini-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 11px;
+}
+.map-movers {
+ display: none;
+ position: absolute;
+ z-index: 900;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+#coord-box {
+ z-index: 1000;
+ position: absolute;
+ bottom: 20px;
+ right: 20px;
+ width: 80px;
+ padding: 5px 10px;
+ background: rgba(0, 0, 0, 0.8);
+ color: white;
+ font-size: 20px;
+ text-align: center;
+}
+.tactical-map {
+ margin: 10px;
+ position: relative;
+ background: url('src/desktop/map/common/galaxy-large.jpg') repeat #0A0A0A;
+}
+.tactical-map polygon {
+ stroke: white;
+ stroke-width: .30px;
+ opacity: 0.15;
+}
+.tactical-map polygon.enabled {
+ position: relative;
+ stroke-width: 2px;
+ opacity: 0.80;
+ z-index: 1;
+}
+.tactical-map polygon.enabled.ally1 {
+ stroke: #510816;
+}
+.tactical-map polygon.enabled.ally2 {
+ stroke: #0c0d44;
+}
+.tactical-map polygon.enabled.ally3 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.enabled.ally4 {
+ stroke: #310948;
+}
+.tactical-map polygon.enabled.ally5 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally6 {
+ stroke: #004948;
+}
+.tactical-map polygon.enabled.ally7 {
+ stroke: #401b13;
+}
+.tactical-map polygon.enabled.ally8 {
+ stroke: #c3590b;
+}
+.tactical-map polygon.enabled.ally9 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally10 {
+ stroke: #4d0621;
+}
+.tactical-map polygon.enabled.ally11 {
+ stroke: #10684c;
+}
+.tactical-map polygon.enabled.ally12 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.ally0 {
+ fill: #202020;
+}
+.tactical-map polygon.ally1 {
+ fill: #6e161b;
+}
+.tactical-map polygon.ally2 {
+ fill: #1f1471;
+}
+.tactical-map polygon.ally3 {
+ fill: #dbb200;
+}
+.tactical-map polygon.ally4 {
+ fill: #5a1072;
+}
+.tactical-map polygon.ally5 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally6 {
+ fill: #076b87;
+}
+.tactical-map polygon.ally7 {
+ fill: #67331d;
+}
+.tactical-map polygon.ally8 {
+ fill: #d87913;
+}
+.tactical-map polygon.ally9 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally10 {
+ fill: #760f36;
+}
+.tactical-map polygon.ally11 {
+ fill: #219772;
+}
+.tactical-map polygon.ally12 {
+ fill: #dbb200;
+}
+.tactical-map .number {
+ position: absolute;
+ z-index: 800;
+ top: 0;
+ left: 0;
+}
+.tactical-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 12px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 1px white;
+}
+.tactical-map .number span.ally0 {
+ background: #0A0A0A;
+}
+.tactical-map .number span.ally1 {
+ background: #510816;
+}
+.tactical-map .number span.ally2 {
+ background: #0c0d44;
+}
+.tactical-map .number span.ally3 {
+ background: #b17a00;
+}
+.tactical-map .number span.ally4 {
+ background: #310948;
+}
+.tactical-map .number span.ally5 {
+ background: #24500a;
+}
+.tactical-map .number span.ally6 {
+ background: #004948;
+}
+.tactical-map .number span.ally7 {
+ background: #401b13;
+}
+.tactical-map .number span.ally8 {
+ background: #c3590b;
+}
+.tactical-map .number span.ally9 {
+ background: #24500a;
+}
+.tactical-map .number span.ally10 {
+ background: #4d0621;
+}
+.tactical-map .number span.ally11 {
+ background: #10684c;
+}
+.tactical-map .number span.ally12 {
+ background: #b17a00;
+}
+.tactical-map .number span.active {
+ background: white;
+ color: black;
+ box-shadow: 0 0 10px black;
+}
+.tactical-map.reactive polygon.enabled:hover,
+.tactical-map.reactive polygon.enabled.active {
+ cursor: pointer;
+}
+.tactical-map.reactive polygon.enabled:hover.ally1,
+.tactical-map.reactive polygon.enabled.active.ally1 {
+ fill: #510816;
+}
+.tactical-map.reactive polygon.enabled:hover.ally2,
+.tactical-map.reactive polygon.enabled.active.ally2 {
+ fill: #0c0d44;
+}
+.tactical-map.reactive polygon.enabled:hover.ally3,
+.tactical-map.reactive polygon.enabled.active.ally3 {
+ fill: #b17a00;
+}
+.tactical-map.reactive polygon.enabled:hover.ally4,
+.tactical-map.reactive polygon.enabled.active.ally4 {
+ fill: #310948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally5,
+.tactical-map.reactive polygon.enabled.active.ally5 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally6,
+.tactical-map.reactive polygon.enabled.active.ally6 {
+ fill: #004948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally7,
+.tactical-map.reactive polygon.enabled.active.ally7 {
+ fill: #401b13;
+}
+.tactical-map.reactive polygon.enabled:hover.ally8,
+.tactical-map.reactive polygon.enabled.active.ally8 {
+ fill: #c3590b;
+}
+.tactical-map.reactive polygon.enabled:hover.ally9,
+.tactical-map.reactive polygon.enabled.active.ally9 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally10,
+.tactical-map.reactive polygon.enabled.active.ally10 {
+ fill: #4d0621;
+}
+.tactical-map.reactive polygon.enabled:hover.ally11,
+.tactical-map.reactive polygon.enabled.active.ally11 {
+ fill: #10684c;
+}
+.tactical-map.reactive polygon.enabled:hover.ally12,
+.tactical-map.reactive polygon.enabled.active.ally12 {
+ fill: #b17a00;
+}
+#action-box {
+ display: block;
+ z-index: 1100;
+ position: absolute;
+ width: 100%;
+ height: 300px;
+ bottom: -300px;
+ left: 0;
+ border-top: solid 1px #0A0A0A;
+ background: black;
+ box-shadow: 0 0 15px black;
+}
+#action-box .header {
+ position: relative;
+ background: black;
+ border-bottom: solid 1px #202020;
+ height: 36px;
+ color: #EFEFEF;
+}
+#action-box .header ul {
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .header ul li {
+ display: inline-block;
+ line-height: 36px;
+ padding: 0 10px;
+ color: #CCC;
+ border-right: solid 1px #202020;
+}
+#action-box .header ul li a {
+ display: inline-block;
+ line-height: 24px;
+ margin: 3px 0;
+ padding: 0 6px;
+ text-decoration: none;
+ color: #CCC;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-right: none;
+ color: #8F8F8F;
+}
+#action-box .header ul li a:first-child {
+ border-radius: 3px 0 0 3px;
+}
+#action-box .header ul li a:last-child {
+ border-right: solid 1px #202020;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .header ul li a:hover,
+#action-box .header ul li a:focus {
+ background: #202020;
+ color: white;
+}
+#action-box .header ul li a.active {
+ color: white;
+ position: relative;
+ z-index: 1;
+ background: #10684c;
+}
+#action-box .header ul li img {
+ position: relative;
+ top: 5px;
+ width: 20px;
+ border-radius: 100%;
+}
+#action-box .header .button {
+ position: absolute;
+ top: 7px;
+ right: 10px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ background: #202020;
+ border-radius: 3px;
+ text-decoration: none;
+ text-transform: uppercase;
+ color: white;
+}
+#action-box .header .button:focus,
+#action-box .header .button:hover {
+ background: #4F4F4F;
+}
+#action-box .body {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ height: 263px;
+ background: url('src/desktop/map/common/bLine.jpg') repeat-x center #080808;
+}
+#action-box .actbox-movers {
+ position: absolute;
+ display: block;
+ width: 60px;
+ height: 263px;
+ z-index: 1103;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#action-box .actbox-movers:hover,
+#action-box .actbox-movers:focus {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+#action-box .actbox-movers:active {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+#action-box .actbox-movers#actboxToLeft {
+ background: url('src/desktop/mover/left.png') no-repeat center;
+}
+#action-box .actbox-movers#actboxToRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center;
+}
+#action-box .body .system {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 263px;
+ width: 3000px;
+}
+#action-box .body .system ul {
+ display: inline-block;
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .body .system ul li {
+ display: inline-block;
+}
+#action-box .body .system ul li.place a,
+#action-box .body .system ul li.action {
+ width: 100px;
+ height: 260px;
+ border-top: solid 3px white;
+ position: relative;
+}
+#action-box .body .system ul li.place.color1 a,
+#action-box .body .system ul li.action.color1 {
+ border-top-color: #6e161b;
+}
+#action-box .body .system ul li.place.color2 a,
+#action-box .body .system ul li.action.color2 {
+ border-top-color: #1f1471;
+}
+#action-box .body .system ul li.place.color3 a,
+#action-box .body .system ul li.action.color3 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.place.color4 a,
+#action-box .body .system ul li.action.color4 {
+ border-top-color: #5a1072;
+}
+#action-box .body .system ul li.place.color5 a,
+#action-box .body .system ul li.action.color5 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color6 a,
+#action-box .body .system ul li.action.color6 {
+ border-top-color: #076b87;
+}
+#action-box .body .system ul li.place.color7 a,
+#action-box .body .system ul li.action.color7 {
+ border-top-color: #67331d;
+}
+#action-box .body .system ul li.place.color8 a,
+#action-box .body .system ul li.action.color8 {
+ border-top-color: #d87913;
+}
+#action-box .body .system ul li.place.color9 a,
+#action-box .body .system ul li.action.color9 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color10 a,
+#action-box .body .system ul li.action.color10 {
+ border-top-color: #760f36;
+}
+#action-box .body .system ul li.place.color11 a,
+#action-box .body .system ul li.action.color11 {
+ border-top-color: #219772;
+}
+#action-box .body .system ul li.place.color12 a,
+#action-box .body .system ul li.action.color12 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.star {
+ width: 300px;
+ height: 263px;
+ border-left: solid 1px #0F0F0F;
+ background: url('src/desktop/map/systems/default.png') no-repeat center center;
+}
+#action-box .body .system ul li.place a {
+ display: block;
+ border-left: solid 1px #0F0F0F;
+ text-align: center;
+}
+#action-box .body .system ul li.place a strong {
+ position: absolute;
+ bottom: 8px;
+ left: 10px;
+ font-size: 18px;
+ font-weight: bold;
+ color: white;
+}
+#action-box .body .system ul li.place a .land {
+ position: absolute;
+ z-index: 1102;
+ top: 88px;
+ left: 10px;
+ width: 80px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.place.active a .land {
+ box-shadow: 0 0 0 1px #202020;
+ background: #080808;
+}
+#action-box .body .system ul li.place a .avatar {
+ position: absolute;
+ z-index: 1101;
+ top: 10px;
+ left: 20px;
+ padding: 7px;
+ border: solid 1px #0F0F0F;
+ background: black;
+ width: 47px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action {
+ width: 0px;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .content {
+ position: absolute;
+ top: 9px;
+ left: 12px;
+ height: 240px;
+ width: 545px;
+ background: #111111;
+ border: solid 1px #202020;
+ box-shadow: inset 0 0 5px black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .content:before {
+ content: '';
+ position: absolute;
+ top: 107px;
+ left: -24px;
+ border-width: 12px;
+ border-style: solid;
+ border-color: transparent #202020 transparent transparent;
+}
+#action-box .body .system ul li.action .content .column {
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ height: 240px;
+ border-right: solid 1px #202020;
+ color: white;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link {
+ position: absolute;
+ top: 6px;
+ right: 8px;
+ opacity: .5;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link:hover,
+#action-box .body .system ul li.action .content .column .last-spy-link:focus {
+ opacity: 1;
+}
+#action-box .body .system ul li.action .content .column.info {
+ width: 199px;
+}
+#action-box .body .system ul li.action .content .column.act {
+ width: 345px;
+ border-right: none;
+}
+#action-box .body .system ul li.action .content .column p {
+ margin: 2px 10px;
+}
+#action-box .body .system ul li.action .content .column a {
+ color: white;
+}
+#action-box .body .system ul li.action .content .column hr {
+ margin: 8px 10px;
+ border: none;
+ background: none;
+ border-bottom: solid 1px #202020;
+}
+#action-box .body .system ul li.action .content .column strong {
+ line-height: 30px;
+}
+#action-box .body .system ul li.action .content .column.info strong {
+ line-height: 28px;
+ font-size: 18px;
+}
+#action-box .body .system ul li.action .content .column .label {
+ display: inline-block;
+ width: 78px;
+ font-size: 12px;
+}
+#action-box .body .system ul li.action .content .column .value {
+ display: inline-block;
+ width: 100px;
+ text-align: left;
+}
+#action-box .body .system ul li.action .content .column .value .icon,
+#action-box .body .system ul li.action .content .column .value .icon-color {
+ width: 18px;
+ height: 18px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .content .column.act .top .grey {
+ opacity: .4;
+}
+#action-box .body .system ul li.action .content .column.act .top img {
+ width: 45px;
+ padding: 8px;
+ margin: 0 4px 2px 0;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action .content .column .top,
+#action-box .body .system ul li.action .content .column .bottom {
+ padding: 5px;
+}
+#action-box .body .system ul li.action .box {
+ display: none;
+ position: absolute;
+ left: 10px;
+ right: 10px;
+ bottom: 10px;
+ top: 80px;
+ background: black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .box:nth-child(1) {
+ display: block;
+}
+#action-box .body .system ul li.action .box:before {
+ content: '';
+ position: absolute;
+ top: -20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent transparent black transparent;
+}
+#action-box .body .system ul li.action .box:nth-child(1):before {
+ left: 15px;
+}
+#action-box .body .system ul li.action .box:nth-child(2):before {
+ left: 84px;
+}
+#action-box .body .system ul li.action .box:nth-child(3):before {
+ left: 152px;
+}
+#action-box .body .system ul li.action .box:nth-child(4):before {
+ left: 218px;
+}
+#action-box .body .system ul li.action .box:nth-child(5):before {
+ left: 284px;
+}
+#action-box .body .system ul li.action .box h2 {
+ margin: 0;
+ padding: 0 11px;
+ line-height: 35px;
+ font-size: 15px;
+}
+#action-box .body .system ul li.action .box .box-content {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 0 0 3px 3px;
+ padding: 8px 10px;
+ background: #080808;
+ border: solid 1px black;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item {
+ display: none;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button {
+ display: inline-block;
+ width: 100px;
+ text-decoration: none;
+ margin: 8px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .picto {
+ float: left;
+ width: 30px;
+ height: 30px;
+ margin: 0 5px 0 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button span {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form {
+ margin-top: 10px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form input {
+ width: 187px;
+ padding: 7px;
+ border: none;
+ background: white;
+ border-radius: 3px 0 0 3px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button {
+ width: 100px;
+ padding: 6px 6px;
+ border: none;
+ color: white;
+ background: #219772;
+ cursor: pointer;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button:hover,
+#action-box .body .system ul li.action .box .box-content .spy-form button:focus {
+ background: #10684c;
+}
+#action-box .body .system ul li.action .box .box-content .label-box {
+ display: inline-block;
+ width: 50%;
+ margin: 5px 0;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .key {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .val {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+#action-box .body .system ul li.action .box .box-content .rc {
+ margin: 5px 0 0 0;
+ padding: 10px 10px 0 50px;
+ border-top: solid 1px #202020;
+}
+#action-box .body .system ul li.action .box .box-content .rc .planet {
+ position: absolute;
+ top: -25px;
+ left: -25px;
+ width: 76px;
+ height: 76px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+#action-box .body .system ul li.action .box .box-content .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .button {
+ display: inline-block;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ line-height: 26px;
+ margin: 5px 0 0 0;
+ padding: 0 8px;
+ text-align: center;
+ text-decoration: none;
+}
+#action-box .body .system ul li.action .box .box-content a.button {
+ background: #219772;
+ border: #10684c;
+}
+#action-box .body .system ul li.action .box .box-content a.button:hover,
+#action-box .body .system ul li.action .box .box-content a.button:focus {
+ background: #10684c;
+}
+.component.admin table {
+ margin: 10px;
+ border-collapse: collapse;
+ width: 877px;
+}
+.component.admin table tr {
+ border-bottom: solid 1px #202020;
+}
+.component.admin table td {
+ padding: 5px 10px;
+ vertical-align: top;
+}
+.component.admin table .button {
+ display: inline-block;
+ padding: 0 5px;
+ line-height: 25px;
+ min-width: 15px;
+ text-align: center;
+ color: white;
+ border-radius: 3px;
+ background: #4F4F4F;
+ text-decoration: none;
+}
+.component.admin table td:nth-child(1) {
+ width: 50px;
+}
+.component.admin table td:nth-child(2) {
+ width: 100px;
+}
+.component.admin table td:nth-child(3) {
+ width: auto;
+}
+.component.admin table td:nth-child(4) {
+ width: 80px;
+}
+.on-off-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #219772;
+ border: solid 1px #10684c;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+.on-off-button:hover,
+.on-off-button:focus {
+ background: #10684c;
+ border-color: #219772;
+}
+.on-off-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+.inscription {
+ /* SUBNAV */
+ /* ALLY */
+}
+.inscription #nav .box.left span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 10px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 80px;
+ text-align: center;
+ color: #4f4f4f;
+ text-decoration: none;
+ font-variant: small-caps;
+}
+.inscription #nav .box.left span.active {
+ color: white;
+}
+.inscription #nav .box.right {
+ display: none;
+}
+.inscription #inscription-subnav {
+ position: fixed;
+ top: 45px;
+ left: 0;
+ width: 210px;
+ margin: 0 20px 0 60px;
+ z-index: 500;
+}
+.inscription #inscription-subnav .bind {
+ height: 15px;
+ background: url('src/desktop/inscriptionSubnav/bBind.png') no-repeat center;
+}
+.inscription #inscription-subnav .head {
+ position: relative;
+ height: 214px;
+ background: url('src/desktop/inscriptionSubnav/bHead.png') no-repeat center;
+}
+.inscription #inscription-subnav .head h2 {
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ top: 5px;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 24px;
+ width: 210px;
+ overflow: hidden;
+ text-align: center;
+ color: white;
+}
+.inscription #inscription-subnav .head img {
+ position: absolute;
+ top: 43px;
+ left: 28px;
+ width: 125px;
+ height: 125px;
+ background: #0A0A0A;
+}
+.inscription #inscription-subnav .head .level {
+ position: absolute;
+ display: block;
+ bottom: 15px;
+ left: 0;
+ width: 100%;
+ font-size: 20px;
+ line-height: 41px;
+ color: white;
+ text-align: center;
+ background: url('src/desktop/inscriptionSubnav/bLevel.png') no-repeat center;
+}
+.inscription #inscription-subnav .head .experience {
+ position: absolute;
+ display: inline-block;
+ top: 50px;
+ right: 32px;
+ width: 21px;
+ height: 112px;
+}
+.inscription #inscription-subnav .head .experience .value {
+ position: absolute;
+ display: block;
+ width: 100%;
+ bottom: 0;
+ border-radius: 3px;
+}
+.inscription #inscription-subnav .foot {
+ height: 290px;
+}
+.inscription #movers .toLeft {
+ left: 0 !important;
+}
+.inscription .component.inscription img.color1 {
+ background: #6e161b !important;
+}
+.inscription .component.inscription img.color2 {
+ background: #1f1471 !important;
+}
+.inscription .component.inscription img.color3 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription img.color4 {
+ background: #5a1072 !important;
+}
+.inscription .component.inscription img.color5 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color6 {
+ background: #076b87 !important;
+}
+.inscription .component.inscription img.color7 {
+ background: #67331d !important;
+}
+.inscription .component.inscription img.color8 {
+ background: #d87913 !important;
+}
+.inscription .component.inscription img.color9 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color10 {
+ background: #760f36 !important;
+}
+.inscription .component.inscription img.color11 {
+ background: #219772 !important;
+}
+.inscription .component.inscription img.color12 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription .chooseLink {
+ display: block;
+ margin: 10px;
+ padding: 10px 60px 10px 20px;
+ background: url('src/desktop/mover/right.png') no-repeat 235px center #CCC;
+ text-decoration: none;
+ color: white;
+ text-shadow: 0 0 2px black;
+ border: solid 1px #202020;
+ cursor: pointer;
+ -webkit-transition: all linear 200ms;
+ -moz-transition: all linear 200ms;
+ -ms-transition: all linear 200ms;
+ -o-transition: all linear 200ms;
+ transition: all linear 200ms;
+}
+.inscription .component.inscription .chooseLink:focus,
+.inscription .component.inscription .chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+.inscription .component.inscription button.chooseLink {
+ width: 277px;
+ text-align: left;
+}
+.inscription .component.inscription.color1 .chooseLink {
+ background-color: #6e161b;
+}
+.inscription .component.inscription.color2 .chooseLink {
+ background-color: #1f1471;
+}
+.inscription .component.inscription.color3 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color4 .chooseLink {
+ background-color: #5a1072;
+}
+.inscription .component.inscription.color5 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color6 .chooseLink {
+ background-color: #076b87;
+}
+.inscription .component.inscription.color7 .chooseLink {
+ background-color: #67331d;
+}
+.inscription .component.inscription.color8 .chooseLink {
+ background-color: #d87913;
+}
+.inscription .component.inscription.color9 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color10 .chooseLink {
+ background-color: #760f36;
+}
+.inscription .component.inscription.color11 .chooseLink {
+ background-color: #219772;
+}
+.inscription .component.inscription.color12 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color1 .chooseLink:hover,
+.inscription .component.inscription.color1 .chooseLink:focus {
+ background-color: #510816;
+}
+.inscription .component.inscription.color2 .chooseLink:hover,
+.inscription .component.inscription.color2 .chooseLink:focus {
+ background-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .chooseLink:hover,
+.inscription .component.inscription.color3 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription.color4 .chooseLink:hover,
+.inscription .component.inscription.color4 .chooseLink:focus {
+ background-color: #310948;
+}
+.inscription .component.inscription.color5 .chooseLink:hover,
+.inscription .component.inscription.color5 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color6 .chooseLink:hover,
+.inscription .component.inscription.color6 .chooseLink:focus {
+ background-color: #004948;
+}
+.inscription .component.inscription.color7 .chooseLink:hover,
+.inscription .component.inscription.color7 .chooseLink:focus {
+ background-color: #401b13;
+}
+.inscription .component.inscription.color8 .chooseLink:hover,
+.inscription .component.inscription.color8 .chooseLink:focus {
+ background-color: #c3590b;
+}
+.inscription .component.inscription.color9 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color10 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #4d0621;
+}
+.inscription .component.inscription.color11 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #10684c;
+}
+.inscription .component.inscription.color12 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription .chooseLink strong {
+ display: block;
+ font-size: 15px;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+}
+.inscription .component.inscription .chooseLink em {
+ font-style: normal;
+}
+.inscription .component.inscription span.chooseLink {
+ background: #202020 !important;
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+ cursor: auto;
+ padding: 10px;
+}
+.inscription .component.inscription span.chooseLink:focus,
+.inscription .component.inscription span.chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+}
+.inscription .component.inscription blockquote {
+ line-height: 200%;
+}
+.inscription .component.inscription #pseudo,
+.inscription .component.inscription #base {
+ position: relative;
+ width: 100%;
+ border: none;
+ padding: 12px 0;
+ margin: 0;
+ text-align: center;
+ font-size: 26px;
+ font-weight: bold;
+ background: white;
+ border-radius: 3px;
+}
+.inscription .component.inscription.color1 #pseudo {
+ color: #510816;
+}
+.inscription .component.inscription.color2 #pseudo {
+ color: #0c0d44;
+}
+.inscription .component.inscription.color3 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription.color4 #pseudo {
+ color: #310948;
+}
+.inscription .component.inscription.color5 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color6 #pseudo {
+ color: #004948;
+}
+.inscription .component.inscription.color7 #pseudo {
+ color: #401b13;
+}
+.inscription .component.inscription.color8 #pseudo {
+ color: #c3590b;
+}
+.inscription .component.inscription.color9 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color10 #pseudo {
+ color: #4d0621;
+}
+.inscription .component.inscription.color11 #pseudo {
+ color: #10684c;
+}
+.inscription .component.inscription.color12 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription .avatars {
+ padding: 5px;
+ text-align: center;
+}
+.inscription .component.inscription .avatar {
+ position: relative;
+ display: inline-block;
+ margin: 0 5px;
+ padding: 5px;
+ background: #202020;
+ border: solid 5px #0A0A0A;
+ border-radius: 100%;
+}
+.inscription .component.inscription .avatar input {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+.inscription .component.inscription .avatar img {
+ display: block;
+ width: 117px;
+ cursor: pointer;
+ border-radius: 100%;
+}
+.inscription .component.inscription.color1 .avatar:hover {
+ border-color: #510816;
+}
+.inscription .component.inscription.color2 .avatar:hover {
+ border-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color4 .avatar:hover {
+ border-color: #310948;
+}
+.inscription .component.inscription.color5 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color6 .avatar:hover {
+ border-color: #004948;
+}
+.inscription .component.inscription.color7 .avatar:hover {
+ border-color: #401b13;
+}
+.inscription .component.inscription.color8 .avatar:hover {
+ border-color: #c3590b;
+}
+.inscription .component.inscription.color9 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color10 .avatar:hover {
+ border-color: #4d0621;
+}
+.inscription .component.inscription.color11 .avatar:hover {
+ border-color: #10684c;
+}
+.inscription .component.inscription.color12 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color1 .avatar.active {
+ border-color: #b01e2d;
+}
+.inscription .component.inscription.color2 .avatar.active {
+ border-color: #2f23c0;
+}
+.inscription .component.inscription.color3 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription .component.inscription.color4 .avatar.active {
+ border-color: #a935c7;
+}
+.inscription .component.inscription.color5 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color6 .avatar.active {
+ border-color: #05bed7;
+}
+.inscription .component.inscription.color7 .avatar.active {
+ border-color: #ac5832;
+}
+.inscription .component.inscription.color8 .avatar.active {
+ border-color: #f2b636;
+}
+.inscription .component.inscription.color9 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color10 .avatar.active {
+ border-color: #a92859;
+}
+.inscription .component.inscription.color11 .avatar.active {
+ border-color: #34b089;
+}
+.inscription .component.inscription.color12 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription #alert {
+ bottom: -12px;
+ z-index: 10000;
+}
+.inscription .build-item {
+ min-height: 60px;
+}
+.inscription .build-item .name {
+ padding-top: 2px !important;
+}
+.inscription .build-item .name strong {
+ font-size: 16px !important;
+}
+.inscription .build-item .name em {
+ font-size: 12px !important;
+}
+.color0 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor0.png') no-repeat top left;
+}
+.color1 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor1.png') no-repeat top left;
+}
+.color2 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor2.png') no-repeat top left;
+}
+.color3 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor3.png') no-repeat top left;
+}
+.color4 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor4.png') no-repeat top left;
+}
+.color5 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor5.png') no-repeat top left;
+}
+.color6 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor6.png') no-repeat top left;
+}
+.color7 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor7.png') no-repeat top left;
+}
+.color8 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor8.png') no-repeat top left;
+}
+.color9 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor9.png') no-repeat top left;
+}
+.color10 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor10.png') no-repeat top left;
+}
+.color11 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor11.png') no-repeat top left;
+}
+.color12 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor12.png') no-repeat top left;
+}
+/* AUTOCOMPLETE MODULE */
+.ac_results {
+ width: 100%;
+ padding: 0px;
+ border: 1px solid #4F4F4F;
+ background-color: white;
+ overflow: hidden;
+ z-index: 99999;
+ box-shadow: 0 0 6px black;
+ border-radius: 3px;
+}
+.ac_results ul {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style-position: outside;
+ list-style: none;
+}
+.ac_results ul li {
+ padding: 4px 8px;
+ margin: 0px;
+ cursor: default;
+ display: block;
+ border-bottom: solid 1px #CCC;
+ overflow: hidden;
+}
+.ac_results ul li:last-child {
+ border: none;
+}
+.ac_results .img {
+ float: left;
+ width: 36px;
+ background: #202020;
+ border-radius: 3px;
+ margin: 0 8px 0 0;
+}
+.ac_results .value-1,
+.ac_results .value-2 {
+ display: block;
+ line-height: 18px;
+}
+.ac_results .value-1 {
+ font-weight: bold;
+}
+.ac_loading {
+ background: white url('src/desktop/module/indicator.gif') right center no-repeat;
+}
+.ac_over {
+ background: #efefef;
+}
+.ac_results .ac_over strong {
+ color: black;
+}
+.ac_results .ac_over img {
+ background: white;
+}
diff --git a/public/css/main.desktop.v3.color12.css b/public/css/main.desktop.v3.color12.css
index 03e56ba2b..4b11610f7 100644
--- a/public/css/main.desktop.v3.color12.css
+++ b/public/css/main.desktop.v3.color12.css
@@ -1 +1,6737 @@
-html{height:100%}body{margin:0;padding:0;font-family:Roboto,'Trebuchet MS',Arial,sans-serif;font-size:13px}.bull{display:none;position:absolute;z-index:1200;padding:4px 8px;max-width:280px;color:#fff;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px}.bull.top:before{bottom:-14px;border-color:#4F4F4F transparent transparent transparent}.bull.bottom:before{top:-14px;border-color:transparent transparent #4F4F4F transparent}.bull.left:before{right:9pt}.bull.right:before{left:9pt}body{width:100%;height:100%;overflow:hidden;background:#000}#nav,#tools{position:fixed;width:100%;height:26px;background:url(src/desktop/tools/bTools.png) repeat-x #000;box-shadow:0 0 10px #000;z-index:1000;border-color:#ffdb0f}#nav{top:0;left:0;background:url(src/desktop/nav/bNav.png) repeat-x #000;border-bottom:solid 3px #000}#tools{bottom:0;left:0;background:url(src/desktop/tools/bTools.png) repeat-x #000;border-top:solid 3px #000}#container{position:absolute;top:29px;left:0;margin:0;padding:0;width:100%;background:#000;overflow:hidden;z-index:0;background:url(src/desktop/global/background.jpg) repeat-x #000}.icon,.icon-color{display:inline-block;vertical-align:bottom;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.icon-color{background:#ffdb0f!important}#background-paralax{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat bottom left transparent;z-index:100;background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.profil{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.message{background-image:url(src/desktop/screen/message.jpg)}#background-paralax.fleet{background-image:url(src/desktop/screen/fleet.jpg)}#background-paralax.financial{background-image:url(src/desktop/screen/financial.jpg)}#background-paralax.technology{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.rank{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.params{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.bases{background-image:url(src/desktop/screen/base.jpg)}#movers a{position:absolute;width:60px;height:100%;z-index:400;background:red;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#movers a:focus,#movers a:hover{background-color:rgba(255,255,255,.08)}#movers a:active{background-color:rgba(255,255,255,.2)}#movers .toLeft{top:0;left:60px;background:url(src/desktop/mover/left.png) no-repeat center transparent}#movers .toRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center transparent}.component.financial table{border-collapse:collapse;width:100%}.component.financial td{vertical-align:top;width:50%}.component.uni .build-item{height:60px;margin:20px}.component.techno .build-item .name strong{font-size:1pc}.component.school .build-item .name strong{font-size:18px}.component.generator table{width:100%;border-collapse:collapse}.component.dock1 table{width:100%;border-collapse:collapse}.component.space .fix-body{background:url(src/desktop/base/situation.jpg) no-repeat top left #000}.component.memorial blockquote{font-size:22px;margin:30px 15px 0 30px;line-height:160%;font-weight:700;text-align:center}.component .info-building{margin:10px;padding:0;font-size:13px;border-top:solid 1px #4F4F4F}.component .info-building h4{margin:10px}.component .info-building p{font-size:13px}#nav .box a,#nav .box>span,#tools .box a,#tools .box>span{position:relative;display:inline-block;line-height:2pc;padding:0 25px;margin:5px 2px;font-size:14px;width:150px;color:#fff;text-decoration:none;font-variant:small-caps;background:url(src/desktop/button/bButtonMiddle.png) repeat-x}#nav .box a:before,#nav .box>span:before,#tools .box a:before,#tools .box>span:before{content:'';position:absolute;top:0;left:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonLeft.png) no-repeat}#nav .box a:after,#nav .box>span:after,#tools .box a:after,#tools .box>span:after{content:'';position:absolute;top:0;right:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonRight.png) no-repeat}#nav .box a.current-base,#tools .box a.current-base{margin-left:56px}#nav .box a.current-base img,#tools .box a.current-base img{position:absolute;top:-1pc;left:-54px;background:#000;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:solid 2px #4F4F4F;width:60px}#nav .box a:focus:before,#nav .box a:hover:before,#tools .box a:focus:before,#tools .box a:hover:before{background:url(src/desktop/button/bButtonLeftHover.png) repeat}#nav .box a:focus:after,#nav .box a:hover:after,#tools .box a:focus:after,#tools .box a:hover:after{background:url(src/desktop/button/bButtonRightHover.png) repeat}#nav .box a.active,#tools .box a.active{background:url(src/desktop/button/bButtonMiddleActive.png) repeat}#nav .box a.active:before,#tools .box a.active:before{background:url(src/desktop/button/bButtonLeftActive.png) repeat}#nav .box a.active:after,#tools .box a.active:after{background:url(src/desktop/button/bButtonRightActive.png) repeat}#nav .box a.square,#tools .box a.square{position:relative;padding:0 5px;margin:5px 2px;height:2pc;width:30px;background:url(src/desktop/button/bLittleButton.png) no-repeat;vertical-align:top}#nav .box a.square:after,#nav .box a.square:before,#tools .box a.square:after,#tools .box a.square:before{display:none}#nav .box a.square:focus,#nav .box a.square:hover,#tools .box a.square:focus,#tools .box a.square:hover{background:url(src/desktop/button/bLittleButtonHover.png) no-repeat}#nav .box a.square.active,#tools .box a.square.active{background:url(src/desktop/button/bLittleButtonActive-c12.png) no-repeat}#nav .box a.square.active.flashy,#tools .box a.square.active.flashy{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 9pt #ffdb0f}#nav .box a.square img,#tools .box a.square img{position:absolute;width:24px;top:3px;left:8px}#nav .box a.square span.number,#tools .box a.square span.number{position:absolute;top:-5px;right:-5px;width:18px;line-height:18px;text-align:center;font-size:11px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#b17a00}#nav .box{position:absolute;display:inline-block;height:46px;padding:0 3px;background:url(src/desktop/nav/bNavBox.png) repeat-x}#nav .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxLeft.png) no-repeat}#nav .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxRight.png) no-repeat}#nav .box.left{top:0;left:25px}#nav .box.left-2{top:0;left:420px}#nav .box.left-3{top:0;left:732px}#nav .box.right{top:0;right:25px}#nav .box a.square span.number{bottom:-5px;top:auto}#tools .box{position:absolute;display:inline-block;height:40px;padding:1px 3px 0 3px;background:url(src/desktop/tools/bToolBox.png) repeat-x;font-size:13px}#tools .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxRight.png) no-repeat}#tools .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxLeft.png) no-repeat}#tools .box.left{bottom:0;right:340px}#tools .box.right{bottom:0;right:25px}#tools .box a.square img{top:4px}#tools .box a.resource-link,#tools .box span.resource-link{width:110px;font-size:1pc}#tools .box a.resource-link img.icon-color,#tools .box span.resource-link img.icon-color{position:relative;display:inline-block;width:18px;vertical-align:middle;margin-left:5px;top:-2px;padding:1px}#nav .overbox .overflow,#tools .overbox .overflow{max-height:25pc;overflow:auto;position:relative}#nav .overbox h2,#tools .overbox h2{color:#fff;padding:10px 15px;margin:0;font-size:14px;font-weight:400;border-bottom:solid 1px #202020}#nav .overbox .link-title,#tools .overbox .link-title{position:absolute;top:10px;right:10px;line-height:20px;font-size:11px;padding:0 5px;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-decoration:none;color:#fff}#nav .overbox a,#tools .overbox a{color:inherit}#nav .overbox a.more-link,#tools .overbox a.more-link{display:block;padding:8px;font-size:9pt;border-top:solid 1px #202020;text-align:center;text-decoration:none;color:#4F4F4F}#nav .overbox a.more-link:focus,#nav .overbox a.more-link:hover,#tools .overbox a.more-link:focus,#tools .overbox a.more-link:hover{color:#CCC}#nav .overbox p.info,#tools .overbox p.info{padding:5px 15px;font-size:9pt;text-align:center;color:#CCC}#nav .overbox .outside-button,#tools .overbox .outside-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#dbb200;border:solid 1px #b17a00;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}#nav .overbox .outside-button:focus,#nav .overbox .outside-button:hover,#tools .overbox .outside-button:focus,#tools .overbox .outside-button:hover{background:#b17a00;border-color:#dbb200}#nav .overbox .outside-button.disabled,#tools .overbox .outside-button.disabled{background:#202020;border-color:#4F4F4F}#nav .overbox input.outside-button,#tools .overbox input.outside-button{line-height:26px}#nav .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}#nav .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:transparent transparent #202020 transparent;top:-18px;right:30px}#nav .overbox#change-bases{top:50px;left:10px;width:205px;padding:0 0 8px 0}#nav .overbox#change-bases:before{left:30px;right:auto}#nav .overbox#change-bases a{display:block;padding:3px 15px;color:#CCC;text-decoration:none;font-size:9pt;border-bottom:solid 1px #101010}#nav .overbox#change-bases a:focus,#nav .overbox#change-bases a:hover{background:#101010}#nav .overbox#change-bases a.active{background:#202020}#nav .overbox#change-bases strong{display:block;color:#CCC;font-size:13px}#nav .overbox#disconnect-box{top:50px;right:10px;width:205px;padding:8px 0}#nav .overbox#disconnect-box hr{margin:8px 0;border:none;background:0 0;border-top:solid 1px #202020}#nav .overbox#disconnect-box a{display:block;padding:0 15px;line-height:25px;font-size:13px;color:#CCC;text-decoration:none}#nav .overbox#disconnect-box a:focus,#nav .overbox#disconnect-box a:hover{color:#fff;background:#202020}#nav .overbox#bug-tracker{width:250px;top:50px;right:98px;padding:0 0 8px 0}#nav .overbox#bug-tracker p{color:#CCC;font-size:9pt;margin:10px}#nav .overbox#bug-tracker .option{margin:3px 10px 10px 10px;display:block;width:330px;padding:5px}#nav .overbox#bug-tracker textarea{display:block;margin:0 10px 10px 10px;padding:5px;width:318px;height:200px;min-width:318px;max-width:318px;border:solid 1px #202020;font-family:'Trebuchet MS',sans-serif;font-size:13px}#nav .overbox#bug-tracker .button{display:block;margin:0 10px 2px 10px}#nav .overbox#roadmap{width:350px;top:50px;right:10px}#nav .overbox#roadmap .overflow{width:350px;padding:8px 0}#nav .overbox#roadmap p{color:#CCC;font-size:9pt;margin:0 10px 10px 10px}#nav .overbox#roadmap p em{display:block;font-size:11px;color:#4F4F4F}#nav .overbox#roadmap hr{margin:5px 0;border:none;border-top:solid 1px #202020}#nav .overbox#tutorial{width:350px;top:50px;right:143px;color:#fff}#nav .overbox#tutorial form{padding:0 0 10px 0;margin:0;border-top:solid 1px #202020}#nav .overbox#tutorial .overflow{padding:15px 15px 0 15px}#nav .overbox#tutorial .overflow h3{position:relative;margin:0;padding:0 0 0 36px}#nav .overbox#tutorial .overflow h3 .number{position:absolute;top:-4px;left:0;display:block;width:26px;line-height:26px;text-align:center;background:#b17a00;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;margin-right:10px}#nav .overbox#tutorial .overflow p{font-size:9pt;color:#CCC}#nav .overbox#new-notifications{top:50px;left:627px;width:300px}#tools .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:300px;bottom:45px;right:15px}#tools .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:#202020 transparent transparent transparent;bottom:-18px;right:30px}#tools .overbox.left-pic:before{left:30px;right:auto}#tools .overbox#tools-calendar{left:25px;bottom:45px;right:auto}#tools .overbox#tools-refinery{right:401px;bottom:45px}#tools .overbox#tools-generator{right:237px;bottom:45px}#tools .overbox#tools-technosphere{right:193px;bottom:45px}#tools .overbox#tools-dock1{right:148px;bottom:45px}#tools .overbox#tools-dock2{right:105px;bottom:45px}#tools .overbox#tools-credit{right:140px;bottom:45px}#tools .overbox#tools-incoming-attack{right:230px;bottom:45px}#tools .overbox#tools-outgoing-attack{right:185px;bottom:45px}#subnav{position:fixed;top:29px;left:2px;bottom:29px;padding:40px 0;width:60px;background:url(src/desktop/subnav/middle.png) repeat-y;z-index:1000}#subnav hr{border:none;margin:20px 0}#subnav .overflow{position:relative}#subnav .move-side-bar{display:none;position:absolute;z-index:5000;left:5px;width:3pc;height:3pc;line-height:3pc;border:none;background-color:rgba(0,0,0,.75);background-position:center;background-repeat:no-repeat;border-radius:100%;cursor:pointer}#subnav .move-side-bar:focus,#subnav .move-side-bar:hover{box-shadow:0 0 3px #fff}#subnav .move-side-bar.top{bottom:auto;top:20px;background-image:url(src/desktop/component/top.png)}#subnav .move-side-bar.bottom{bottom:20px;top:auto;background-image:url(src/desktop/component/bottom.png)}#subnav .item{position:relative;display:block;height:50px;width:50px;margin:0 0 10px 0;padding:8px 5px;color:#fff;text-decoration:none;background:url(src/desktop/subnav/button.png) no-repeat}#subnav .item.active{background:url(src/desktop/subnav/button-active-c12.png) no-repeat}#subnav .item.striped{background:url(src/desktop/subnav/button-striped.png) no-repeat}#subnav .item:before{content:'';position:absolute;right:-6px;bottom:0;width:9pt;height:47px;background:url(src/desktop/subnav/til.png) no-repeat}#subnav .item:hover:before{background:url(src/desktop/subnav/til-hover.png) no-repeat}#subnav .item:hover>.content{display:block}#subnav .item .picto{display:block;height:30px;width:30px;padding:10px}#subnav .item .picto img{display:block;height:30px;width:30px}#subnav .item .picto .number{position:absolute;bottom:-5px;right:-18px;display:block;width:28px;height:28px;line-height:28px;text-align:center;font-size:9pt;background:url(src/desktop/subnav/number.png) no-repeat}#subnav .item .content{display:none;position:absolute;top:0;left:75px;width:230px}#subnav .item .content.skin-1 span{display:inline-block;margin:15px 0 15px 1pc;padding:0 15px;line-height:30px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-1 span:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content{display:inline-block;margin:0 0 0 1pc;padding:10px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-2 .sub-content:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content hr{border:none;border-top:solid 1px #4F4F4F;margin:5px 0}#subnav .item .content.skin-2 .sub-content .ship{position:relative}#subnav .item .content.skin-2 .sub-content .ship img{width:2pc;height:2pc}#subnav .item .content.skin-2 .sub-content .ship img.zero{opacity:.5}#subnav .item .content.skin-2 .sub-content .ship .number{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;line-height:18px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;text-align:center;background:#ffdb0f}#alert-content{display:none}#alert{position:absolute;bottom:18px;left:50px;padding:0;text-align:right;list-style:inset none}#alert li{position:relative;display:inline-block;margin:0 0 0 5px}#alert li img{display:block;height:50px;border:solid 1px #202020;padding:5px;background:#0A0A0A;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.alert-bull{display:block;position:absolute;z-index:1200;width:200px;padding:6px 8px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.alert-bull .title{display:block;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:solid 1px #4F4F4F}.alert-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;bottom:-14px;left:24px;border-color:#4F4F4F transparent transparent transparent}#content{position:absolute;width:500pc;height:100%;top:0;left:300px;z-index:200}#content .component{position:relative;display:table-cell;overflow:hidden;width:300px;background:rgba(0,0,0,.92)}#content .component.size2{width:600px}#content .component.size3{width:900px}#content .component:nth-child(1){background:rgba(0,0,0,.6)}#content .component:nth-child(2){background:rgba(0,0,0,.75)}#content .component:nth-child(3){background:rgba(0,0,0,.85)}#content .component:nth-child(4){background:rgba(0,0,0,.9)}#content .component .head{position:relative;display:inline-block;height:90pt;width:100%;vertical-align:top;color:#fff;background:url(src/desktop/component/bHead.jpg) repeat-x center #000;border-bottom:solid 1px #202020}#content .component .head h1{position:absolute;top:10px;left:10px;font-size:38px;line-height:50px;height:50px;display:inline-block;padding:0 10px;background:#000;overflow:hidden}#content .component .fix-body{position:relative;overflow:auto;color:#fff;border-right:solid 1px #202020}#content .component .fix-body .body{position:relative}.no-scrolling #content .component .fix-body{overflow:hidden}.no-scrolling #content .component .fix-body>a{position:absolute;width:100%;height:40px;left:0;opacity:0}.no-scrolling #content .component .fix-body.hover>a{opacity:1;background-position:center;background-repeat:no-repeat}.no-scrolling #content .component .fix-body .toTop{top:0;background-image:url(src/desktop/component/top.png),-webkit-gradient(linear,#000,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-moz-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-ms-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-o-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),linear-gradient(black,rgba(0,0,0,.8),transparent)}.no-scrolling #content .component .fix-body .toBottom{bottom:0;background-image:url(src/desktop/component/bottom.png),-webkit-gradient(linear,transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-moz-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-ms-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-o-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),linear-gradient(transparent,rgba(0,0,0,.8),#000)}#content .component.invisible{background:0 0}#content .component.invisible .publicity{position:absolute;bottom:0;left:0;right:0;background:red}.component .tool{display:table;width:100%;height:44px;margin:0;overflow:hidden;background:#000;border-bottom:solid 1px #ffdb0f;color:#4F4F4F}.component .tool>span{display:table-cell;width:28px;border:solid 6px transparent;border-left:none}.component .tool>span:first-child{border:solid 5px transparent;width:auto;text-align:center}.component .tool>span:first-child a{width:auto}.component .tool>span a{position:relative;display:block;margin:0;padding:0;line-height:30px;width:30px;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px;text-align:center}.component .tool>span a img{width:18px;position:relative;top:-4px}.component .tool>span a.active{background:#dbb200;color:#fff;border-color:#ffdb0f}.component .tool>span a.active.down{box-shadow:0 2px 0 0 #CCC}.component .tool>span a.active.up{box-shadow:0 -2px 0 0 #ccc}.component .tool>span a.active:focus,.component .tool>span a.active:hover{color:#CCC;box-shadow:inset 0 0 5px rgba(0,0,0,.5)}.component .tool>span a:active,.component .tool>span a:focus,.component .tool>span a:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .tool.sort-button>span:first-child{text-align:center}.component h3{width:100%;margin:0;background:#000;text-align:center;padding:0 2px;line-height:44px;font-weight:400;font-size:14px;color:#4F4F4F;text-decoration:none;border-bottom:solid 1px #ffdb0f}.component h4{margin:10px 10px 0 10px;font-weight:400;font-size:18px}.component .body p{margin:10px;font-size:13px;text-align:justify}.component .body p.info{position:relative;border-top:solid 1px #202020;padding:10px;margin:10px;line-height:140%;background:rgba(0,0,0,.8)}.component .body p.info a{color:#fff}.component .body p.info .requierement{display:inline-block;margin:0 0 0 8px;vertical-align:bottom;height:1pc}.component .body p.long-info{padding:10px;line-height:150%;background:#000}.component .body p .alone-button{display:block;text-align:center;color:#fff;line-height:40px;border-radius:3px;text-decoration:none;background:#4F4F4F;box-shadow:inset 0 0 2px #000;padding:0 10px;background:#b17a00}.component .body p .alone-button:focus,.component .body p .alone-button:hover{background:#dbb200}.component .border-bottom{border-bottom:solid 3px #ffdb0f}.component .list-type-1{margin:10px;padding:0;list-style:none}.component .list-type-1 li{position:relative;padding:5px 10px;text-align:right;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:rgba(0,0,0,.8);color:#989898}.component .list-type-1 li.strong{border-top:double 3px #4F4F4F;background:#111;color:#fff}.component .list-type-1 li.empty{background:0 0;border:none;height:50px}.component .list-type-1 li ul li{height:auto}.component .list-type-1 .label{display:block;font-size:13px}.component .list-type-1 .label .icon-color{width:15px;padding:1px}.component .list-type-1 .value{display:inline-block;font-size:22px;line-height:30px;font-weight:700}.component .list-type-1 .value .icon,.component .list-type-1 .value .icon-color{height:18px;margin-left:8px;position:relative;top:-3px}.component .list-type-1 .picto{position:absolute;top:7px;left:10px;height:35px;width:35px;line-height:35px;padding:5px;border-radius:100%;background:#202020;font-size:1pc;text-align:center;color:#fff;text-decoration:none}.component .list-type-1 .picto.color1{background:#510816}.component .list-type-1 .picto.color2{background:#0c0d44}.component .list-type-1 .picto.color3{background:#b17a00}.component .list-type-1 .picto.color4{background:#310948}.component .list-type-1 .picto.color5{background:#24500a}.component .list-type-1 .picto.color6{background:#004948}.component .list-type-1 .picto.color7{background:#401b13}.component .list-type-1 .picto.color8{background:#c3590b}.component .list-type-1 .picto.color9{background:#24500a}.component .list-type-1 .picto.color10{background:#4d0621}.component .list-type-1 .picto.color11{background:#10684c}.component .list-type-1 .picto.color12{background:#b17a00}.component .list-type-1 .hide{color:#4F4F4F}.component .list-type-1 .buttons{position:absolute;top:28px;left:5px}.component .list-type-1 .buttons a{display:inline-block;margin:0 4px;width:18px;line-height:18px;text-align:center;text-decoration:none;font-style:14px;color:#fff;border-radius:3px;background:#dbb200}.component .list-type-1 .progress-bar{text-align:left;margin-top:5px}.component .sub-list-type-1{display:none;margin:0;padding:0;list-style:none}.component .sub-list-type-1 li{position:relative;padding:2px 0;text-align:left;border:none;border-top:solid 1px #0A0A0A}.component .sub-list-type-1 .label{display:inline-block;width:60%}.component .sub-list-type-1 .label .button{position:relative;left:-4px;margin:0 0 0 3px}.component .sub-list-type-1 .value{text-align:right;line-height:25px;font-size:18px;width:40%}.component .sub-list-type-1 .value .button{margin:0 2px 0 6px}.component .sub-list-type-1 .button{display:inline-block;width:18px;line-height:18px;text-align:center;text-decoration:none;font-size:14px;font-weight:400;color:#fff;border-radius:3px;background:#ffdb0f}.component .list-type-1 form{z-index:1;position:absolute;display:none;bottom:-40px;right:3px}.component .list-type-1 form p{position:relative;background:#fff;border-radius:3px;padding:0;margin:0;width:200px;height:35px}.component .list-type-1 form p:before{content:'';position:absolute;top:-9pt;right:9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent}.component .list-type-1 form input{border:none;background:0 0;line-height:35px;height:35px;padding:0 10px}.component .list-type-1 form input[type=text]{width:140px}.component .list-type-1 form input[type=submit]{width:40px}.component .sub-list-type-1 form{right:-6px}.number-box{position:relative;margin:10px;padding:5px 10px;background:#000;color:#fff;border:solid 1px #0A0A0A;border-top:solid 1px #202020;border-left:solid 10px #dbb200}.number-box.half{display:inline-block;width:254px;margin-right:0;margin-bottom:0}.number-box.grey{border-left:solid 10px #4F4F4F!important}.number-box.text{border-left:solid 1px #0A0A0A}.number-box.text a{text-decoration:none;color:#fff}.number-box .label{display:block}.number-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.number-box .value .icon-color{width:20px;height:20px;vertical-align:middle}.number-box .progress-bar{margin:5px 0}.number-box .group-link{position:absolute;top:5px;right:5px}.number-box .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#dbb200}.progress-bar{position:relative;display:block;width:100%;height:3px;background:#4F4F4F}.progress-bar .content{position:relative;display:inline-block;height:3px;vertical-align:top;overflow:hidden;max-width:100%}.progress-bar .content:nth-child(n){background:#ffdb0f}.progress-bar .content:nth-child(2n){background:#b17a00}.progress-bar .content.color1{background:#6e161b}.progress-bar .content.color2{background:#1f1471}.progress-bar .content.color3{background:#dbb200}.progress-bar .content.color4{background:#5a1072}.progress-bar .content.color5{background:#2c7915}.progress-bar .content.color6{background:#076b87}.progress-bar .content.color7{background:#67331d}.progress-bar .content.color8{background:#d87913}.progress-bar .content.color9{background:#2c7915}.progress-bar .content.color10{background:#760f36}.progress-bar .content.color11{background:#219772}.progress-bar .content.color12{background:#dbb200}.progress-bar .step{position:absolute}.progress-bar .step .label{position:absolute;display:block;width:150px;left:0;top:-28px}.progress-bar .step .label.bottom{top:auto;bottom:-28px}.progress-bar .step .label.right{right:0;left:auto;text-align:right}.progress-bar .step:before{content:'';position:absolute;width:9pt;height:9pt;background:#dbb200;box-shadow:0 0 0 3px #b17a00;border-radius:100%;top:-5px;left:-5px}.bonus{vertical-align:top;display:inline-block;font-size:55%;line-height:100%;padding:3px;margin:2px 0 0 8px;border-radius:3px;font-weight:400;background:#b17a00}.component .head.skin-1 img{position:absolute;top:22px;left:20px;padding:8px;width:60px;border:solid 1px #202020;border-radius:100%;background:#000}.component .head.skin-1 img:before{content:'';width:75pt;height:75pt}.component .head.skin-1 h2{position:absolute;bottom:66px;left:105px;font-size:22px;line-height:22px;margin:0;padding:0}.component .head.skin-1 em{position:absolute;top:62px;left:105px;font-size:13px;line-height:1pc;font-style:normal}.component .head.skin-2 h2{position:absolute;display:inline-block;top:45px;left:10px;font-size:22px;line-height:30px;margin:0;padding:0 10px;background:#000;font-weight:400}.component .head.skin-3 img{position:absolute;width:50px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:27px}.component .head.skin-3 img.left{left:40px}.component .head.skin-3 img.right{right:40px}.component .head.skin-4 img.main{position:absolute;width:30px;height:30px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:37px}.component .head.skin-4 h2{position:absolute;top:35px;left:60px;font-size:18px;line-height:22px;margin:0;padding:0}.component .head.skin-4 em{position:absolute;top:65px;left:60px;font-size:13px;line-height:1pc}.component .head.skin-5 h2{position:absolute;top:50px;left:10px;font-size:1pc;font-weight:400;margin:0;padding:0 20px;background:#000}.component .head.skin-5 h2:before{content:'';position:absolute;display:block;top:5px;left:0;width:8px;height:8px;border:solid 1px #202020;background:#000;border-radius:100%}.component .more-button,.component .more-item{display:block;margin:10px 10px 5px;line-height:34px;padding:0 9pt;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px}.component .more-button:active,.component .more-button:focus,.component .more-button:hover,.component .more-item:active,.component .more-item:focus,.component .more-item:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .nav-element{position:relative;display:block;margin:10px;height:70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component .nav-element img{position:absolute;top:5px;left:5px;padding:8px;height:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component .nav-element.active{background:#dbb200}.component .nav-element .active img{background:#000}.component .nav-element strong{position:absolute;top:5px;left:70px;color:#fff;font-weight:700;font-size:17px}.component .nav-element em{position:absolute;top:30px;left:70px;color:#fff;font-weight:400;font-size:9pt;font-style:normal;color:#efefef}.component hr{border:none;border-bottom:dashed 1px #202020;margin:0 10px}.component .set-item{margin:10px;border-bottom:solid 1px #202020}.component .set-item a.item:focus,.component .set-item a.item:hover{background-color:#0c0c0c}.component .set-item .item{position:relative;display:block;color:#fff;height:60px;border:solid 1px #202020;border-bottom:none;background:#0A0A0A}.component .set-item .item .left{position:absolute;top:0;left:0;bottom:0;width:60px}.component .set-item .item .left img{width:30px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left img.color1{background:#6e161b}.component .set-item .item .left img.color2{background:#1f1471}.component .set-item .item .left img.color3{background:#dbb200}.component .set-item .item .left img.color4{background:#5a1072}.component .set-item .item .left img.color5{background:#2c7915}.component .set-item .item .left img.color6{background:#076b87}.component .set-item .item .left img.color7{background:#67331d}.component .set-item .item .left img.color8{background:#d87913}.component .set-item .item .left img.color9{background:#2c7915}.component .set-item .item .left img.color10{background:#760f36}.component .set-item .item .left img.color11{background:#219772}.component .set-item .item .left img.color12{background:#dbb200}.component .set-item .item .left img.round-color0{box-shadow:0 0 0 2px #CCC}.component .set-item .item .left img.round-color1{box-shadow:0 0 0 2px #b01e2d}.component .set-item .item .left img.round-color2{box-shadow:0 0 0 2px #2f23c0}.component .set-item .item .left img.round-color3{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left img.round-color4{box-shadow:0 0 0 2px #a935c7}.component .set-item .item .left img.round-color5{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color6{box-shadow:0 0 0 2px #05bed7}.component .set-item .item .left img.round-color7{box-shadow:0 0 0 2px #ac5832}.component .set-item .item .left img.round-color8{box-shadow:0 0 0 2px #f2b636}.component .set-item .item .left img.round-color9{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color10{box-shadow:0 0 0 2px #a92859}.component .set-item .item .left img.round-color11{box-shadow:0 0 0 2px #34b089}.component .set-item .item .left img.round-color12{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left span{display:block;width:30px;line-height:30px;text-align:center;font-size:15px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left span.round-color0{background:#CCC}.component .set-item .item .left span.round-color1{background:#b01e2d}.component .set-item .item .left span.round-color2{background:#2f23c0}.component .set-item .item .left span.round-color3{background:#ffdb0f}.component .set-item .item .left span.round-color4{background:#a935c7}.component .set-item .item .left span.round-color5{background:#57c632}.component .set-item .item .left span.round-color6{background:#05bed7}.component .set-item .item .left span.round-color7{background:#ac5832}.component .set-item .item .left span.round-color8{background:#f2b636}.component .set-item .item .left span.round-color9{background:#57c632}.component .set-item .item .left span.round-color10{background:#a92859}.component .set-item .item .left span.round-color11{background:#34b089}.component .set-item .item .left span.round-color12{background:#ffdb0f}.component .set-item .item .center{position:absolute;top:0;left:60px;right:30px;bottom:0;padding:9px 0}.component .set-item .item .center strong{display:block;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component .set-item .item .center a{color:#fff;text-decoration:none;border-bottom:solid 1px rgba(255,255,255,.25)}.component .set-item .item .right{position:absolute;top:0;right:0;bottom:0;width:29px;border-left:solid 1px #202020}.component .set-item .item .right a{position:absolute;top:0;left:0;width:29px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a}.component .set-item .item .right a.active,.component .set-item .item .right a:focus,.component .set-item .item .right a:hover{background-color:#202020}.component .set-item .item .group-link{position:absolute;top:5px;right:5px}.component .set-item .item .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#dbb200}.army-bull{display:none;position:absolute;z-index:1200;padding:4px 8px;width:220px;color:#CCC;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.army-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;top:-14px;border-color:transparent transparent #4F4F4F transparent;left:18px}.army-bull strong{display:block;padding-bottom:5px;margin-bottom:5px;border-bottom:solid 1px #4F4F4F;font-weight:400}.army-bull .label{display:inline-block;width:70px}.army-bull .value{display:inline-block;width:40px}.component .build-item{position:relative;margin:10px;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;width:278px}.component .build-item a{color:#fff}.component .build-item .name{position:relative;height:40px;padding:5px 5px 5px 90px}.component .build-item .name img{z-index:20;position:absolute;top:-10px;left:5px;width:60px;padding:8px;border:solid 1px #202020;border-radius:100%;background:#000}.component .build-item .name strong{display:block;font-size:18px}.component .build-item .level{display:block;position:absolute;width:22px;line-height:22px;text-align:center;font-size:9pt;border-radius:100%;top:38px;left:58px;border:solid 1px #fff;z-index:22;background:#dbb200}.component .build-item .info{display:none;position:absolute;width:20px;line-height:20px;text-align:center;font-size:1pc;text-decoration:none;border-radius:3px;top:5px;right:5px;background:#dbb200;color:#fff}.component .build-item .name-commander{margin:10px 10px 0 10px;height:40px;padding:0 10px;border:none;background:#fff;border-radius:3px;width:15pc;text-align:center;font-size:1pc}.component .build-item .button{display:block;margin:10px;padding:5px 10px;width:15pc;line-height:20px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;background:#dbb200;box-shadow:inset 0 0 2px #000;border:none;cursor:pointer;min-height:36px}.component .build-item .button:hover{box-shadow:inset 0 0 6px #000;background:#ffdb0f}.component .build-item .button.disable{background:#202020;cursor:default}.component .build-item .button .icon-color{width:14px}.component .build-item button.button{width:260px}.component .build-item .ship-pack{z-index:10;position:absolute;bottom:15px;left:15px;width:60px;height:40px;padding:0;margin:0;border:none;background:#fff;text-align:center;font-size:24px;font-weight:700;border-radius:3px;box-shadow:inset 0 0 0 3px #CCC}.component .build-item .ship-illu{width:260px;margin:5px 10px;overflow:hidden}.component .build-item .ship-illu img{width:100%}.component .build-item.disabled{opacity:.3}.component .build-item.disabled .name img{opacity:.5}.component .build-item.disabled strong{color:#4F4F4F}.component .build-item.disabled .button.disable{color:#696969}.component .build-item.disabled .button.disable:hover{background:#202020;box-shadow:inset 0 0 2px #000}.component .build-item.large{width:578px}.component .build-item.large .info{top:75px;right:25px}.component .build-item.large .button{display:block;top:-3px;right:0;line-height:18px;width:540px;min-height:36px}.component .build-item.large .ship-illu{width:35pc;margin-top:10px}.component .build-item input{display:block;width:243px;margin:10px;padding:8px;border:none}.component .build-item select{display:block;width:260px;margin:10px;padding:8px;border:none}.component.panel-info .remove-info{display:block;position:absolute;top:2px;right:10px;line-height:20px;width:20px;text-align:center;text-decoration:none;color:#fff;border-radius:3px;background:#b17a00}.component.panel-info .table{margin:10px}.component.panel-info .table table{width:100%;text-align:right;border-collapse:collapse;background:#000}.component.panel-info .table td{border:solid 1px #202020;padding:6px 8px}.component.panel-info .table tr.small-grey{background:#0A0A0A}.component.panel-info .table tr.active td{background:#0A0A0A;border-bottom:solid 1px #4F4F4F}.component.panel-info .table .icon-color{width:9pt}.component.panel-info .illu{margin:0 10px;box-shadow:inset 0 0 5px #000}.component.panel-info .skill-box{position:relative;margin:0 10px;padding:5px 10px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000}.component.panel-info .skill-box.grey{border-left:solid 10px #4F4F4F!important}.component.panel-info .skill-box .label{display:block}.component.panel-info .skill-box .value{display:block;font-size:18px;font-weight:700;margin:4px 0 0 0}.component.panel-info .skill-box .value .icon-color{width:18px}.component.panel-info .skill-box .progress-bar{margin:6px 0 2px 0}.splash-screen{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;background:rgba(0,0,0,.8)}.splash-screen .modal{width:500px;height:140px;position:absolute;top:5pc;right:3000px;background:#0A0A0A;padding:25px 175px 25px 75px;color:#fff;border-radius:140px;border:solid 1px #202020}.splash-screen .modal h1{font-size:36px;margin:0;padding:0 0 10px 0}.splash-screen .modal h2{font-size:20px;margin:0;padding:0}.splash-screen .modal img{position:absolute;top:-15px;right:-50px;width:200px;padding:10px;background:#202020;border-radius:100%;border:solid 1px #4F4F4F}.splash-screen .modal:before{content:'';position:absolute;top:-5pc;right:20px;border-color:transparent transparent #4F4F4F transparent;border-width:40px;border-style:solid}.common-link{color:#fff}.component .top-right-button{display:block;position:absolute;top:0;right:10px;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;text-decoration:none;background:#dbb200;z-index:1}.component .top-right-button:focus,.component .top-right-button:hover{background:#b17a00}.alert{display:block;margin:10px;line-height:30px;padding:0 10px;text-decoration:none;color:#fff;background:#dbb200;border-radius:3px;box-shadow:0 0 2px #000}.common-link{display:block;margin:10px;color:#fff;text-decoration:none}.text-bloc a{display:inline-block;color:inherit;opacity:.6}.text-bloc a:focus,.text-bloc a:hover{opacity:1}.queue{margin:10px;color:#fff}.queue .item{position:relative;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;min-height:60px;display:block}.queue .item.empty{background:#0A0A0A}.queue .item.empty strong{font-weight:400}.queue .item.link{min-height:0;padding:10px;color:#4F4F4F;text-decoration:none}.queue .item.link:focus,.queue .item.link:hover{color:#CCC}.queue .item a.button{position:absolute;display:block;top:2px;right:5px;color:#fff;text-decoration:none}.queue .item a{color:#CCC}.queue .item .group-link{position:absolute;top:9px;right:9px}.queue .item .group-link a{display:block;width:20px;line-height:20px;margin:0 0 5px 0;border-radius:3px;color:#fff;text-align:center;text-decoration:none;background:#dbb200}.queue .item .group-link a:focus,.queue .item .group-link a:hover{background:#ffdb0f}.queue .item .picto{float:left;width:40px;height:40px;margin:5px;padding:5px;background:#000;border-radius:100%;border:solid 1px #202020}.queue .item strong{display:block;margin:6px 0 2px 0}.queue .item strong .level{font-size:11px;color:#CCC}.queue .item .big{font-size:24px}.queue .item em{display:block;font-style:normal;color:#AEAEAE}.queue .item .progress-container{position:relative;display:block;clear:both;margin:5px;height:3px;background:#4F4F4F}.queue .item .progress-bar{position:absolute;display:block;height:100%;background:#ffdb0f}.choose-government{display:block;margin:10px;padding:10px;background:#0A0A0A;border-radius:3px}.choose-government select{display:block;width:100%;padding:8px}.choose-government button{display:block;width:100%;margin:10px 0 0 0;padding:0 10px;line-height:30px;border:none;color:#fff;cursor:pointer;background:#dbb200}.choose-government button:focus,.choose-government button:hover{background:#b17a00}.evolution{background:#000;margin:10px;border-top:solid 1px #202020;border-bottom:solid 1px #202020}.evolution .header{padding:10px;border-bottom:solid 1px #202020;color:#EFEFEF}.evolution .diargam{padding:10px;background:#0A0A0A}.evolution .diargam .progress-bar{background:#0A0A0A!important;height:20px;padding-bottom:1px}.evolution .diargam .progress-bar .content{height:20px;line-height:20px;font-size:9pt;color:#fff;padding-left:5px}.evolution .diargam .progress-bar:nth-child(odd) .content{background:#dbb200!important}.centred-link{display:block;width:300px;text-align:center;margin:0 auto;text-decoration:none;padding:6px 10px;color:#EFEFEF;background:#dbb200;border:solid 1px #b17a00}.centred-link:focus,.centred-link:hover{background:#b17a00;border-color:#dbb200;color:#fff}span.centred-link{background:#202020;border:solid 1px #0A0A0A;color:#4F4F4F}span.centred-link:focus,span.centred-link:hover{background:#202020;border-color:#0A0A0A;color:#4F4F4F}.component.profil .center-box{margin:20px 10px 0;color:#fff;text-align:center}.component.profil .center-box .label{display:block}.component.profil .center-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.component.profil .profil-flag{position:relative;width:222px;height:460px;margin:0 auto}.component.profil .profil-flag img{position:relative;background:#0A0A0A;border:solid 1px #202020;padding:10px;border-radius:100%;margin:20px auto;box-shadow:0 0 0 4px #dbb200,0 0 20px #000;z-index:1}.component.profil .profil-flag.color-1 img{box-shadow:0 0 0 4px #6e161b,0 0 20px #000}.component.profil .profil-flag.color-2 img{box-shadow:0 0 0 4px #1f1471,0 0 20px #000}.component.profil .profil-flag.color-3 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag.color-4 img{box-shadow:0 0 0 4px #5a1072,0 0 20px #000}.component.profil .profil-flag.color-5 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-6 img{box-shadow:0 0 0 4px #076b87,0 0 20px #000}.component.profil .profil-flag.color-7 img{box-shadow:0 0 0 4px #67331d,0 0 20px #000}.component.profil .profil-flag.color-8 img{box-shadow:0 0 0 4px #d87913,0 0 20px #000}.component.profil .profil-flag.color-9 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-10 img{box-shadow:0 0 0 4px #760f36,0 0 20px #000}.component.profil .profil-flag.color-11 img{box-shadow:0 0 0 4px #219772,0 0 20px #000}.component.profil .profil-flag.color-12 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag:before{display:block;position:absolute;content:'';top:218px;left:33px;width:154px;height:241px;background:url(src/desktop/faction/flag/flag-12.png) no-repeat}.component.profil .profil-flag.color-1:before{background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.profil .profil-flag.color-2:before{background:url(src/desktop/faction/flag/flag-2.png) no-repeat}.component.profil .profil-flag.color-3:before{background:url(src/desktop/faction/flag/flag-3.png) no-repeat}.component.profil .profil-flag.color-4:before{background:url(src/desktop/faction/flag/flag-4.png) no-repeat}.component.profil .profil-flag.color-5:before{background:url(src/desktop/faction/flag/flag-5.png) no-repeat}.component.profil .profil-flag.color-6:before{background:url(src/desktop/faction/flag/flag-6.png) no-repeat}.component.profil .profil-flag.color-7:before{background:url(src/desktop/faction/flag/flag-7.png) no-repeat}.component.profil .profil-flag.color-8:before{background:url(src/desktop/faction/flag/flag-8.png) no-repeat}.component.profil .profil-flag.color-9:before{background:url(src/desktop/faction/flag/flag-9.png) no-repeat}.component.profil .profil-flag.color-10:before{background:url(src/desktop/faction/flag/flag-10.png) no-repeat}.component.profil .profil-flag.color-11:before{background:url(src/desktop/faction/flag/flag-11.png) no-repeat}.component.profil .profil-flag.color-12:before{background:url(src/desktop/faction/flag/flag-12.png) no-repeat}.component.profil .profil-flag .level{z-index:2;display:block;position:absolute;top:184px;right:2px;width:36px;height:36px;text-align:center;line-height:36px;background:#0A0A0A;border:3px solid #dbb200;border-radius:100%}.component.profil .profil-flag.color-1 .level{border-color:#6e161b}.component.profil .profil-flag.color-2 .level{border-color:#1f1471}.component.profil .profil-flag.color-3 .level{border-color:#dbb200}.component.profil .profil-flag.color-4 .level{border-color:#5a1072}.component.profil .profil-flag.color-5 .level{border-color:#2c7915}.component.profil .profil-flag.color-6 .level{border-color:#076b87}.component.profil .profil-flag.color-7 .level{border-color:#67331d}.component.profil .profil-flag.color-8 .level{border-color:#d87913}.component.profil .profil-flag.color-9 .level{border-color:#2c7915}.component.profil .profil-flag.color-10 .level{border-color:#760f36}.component.profil .profil-flag.color-11 .level{border-color:#219772}.component.profil .profil-flag.color-12 .level{border-color:#dbb200}.component.profil .faction-flag{display:block;content:'';width:154px;height:241px;margin:0 auto;background:url(src/desktop/faction/flag/flag-12.png) no-repeat}.component.search-player{position:relative;background:0 0!important}.component.search-player .box{position:absolute;top:60px;left:50px;width:440px;color:#fff}.component.search-player .top{background:rgba(0,0,0,.4);padding:10px;border-radius:3px 3px 0 0}.component.search-player .top label{display:block;font-size:1pc}.component.search-player .top input{display:block;border:none;height:40px;width:25pc;padding:0 10px;margin:10px 0 0 0;font-size:20px;color:#202020;border-radius:3px}.component.search-player .center{background:rgba(0,0,0,.8);padding:10px 25px 10px 10px;min-height:140px;border-radius:0 0 3px 3px}.component.search-player .center .avatar{float:left;position:relative;left:-20px;width:90pt;padding:8px;border:solid 1px #202020;border-radius:100%;background:#0A0A0A}.component.search-player .center .right{margin-left:140px}.component.search-player .center h1{margin:10px 0 0 0;padding:0}.component.search-player .center hr{margin:10px 0;border-color:#4F4F4F}.component.search-player .center p{margin:5px 0;padding:0}.component.search-player .center p span{display:inline-block;background:red;line-height:28px;padding:0 10px;border:solid 1px rgba(255,255,255,.5);border-right:none}.component.search-player .center p span:first-child{border-radius:3px 0 0 3px}.component.search-player .center p span:last-child{border-radius:0 3px 3px 0;border:solid 1px rgba(255,255,255,.5)}.component.search-player.color1 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component.search-player.color2 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component.search-player.color3 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.search-player.color4 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component.search-player.color5 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color6 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component.search-player.color7 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component.search-player.color8 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component.search-player.color9 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color10 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.component.search-player.color11 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.component.search-player.color12 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.new-message p.input{position:relative;background:#fff;padding:10px;border-radius:3px}.component.new-message p.input:before{content:'';position:absolute;width:0;height:0;top:-9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent;left:20px}.component.new-message label{display:block;font-size:13px}.component.new-message .input-text input{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px}.component.new-message .input-area textarea{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px;max-width:100%;min-width:100%;height:200px}.component.new-message button{display:inline-block;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 15px;color:#fff;cursor:pointer;overflow:hidden;background:#ffdb0f}.component.new-message button:focus,.component.new-message button:hover{background:#b17a00}.notif{position:relative;margin:10px;background:#000;border-top:solid 1px #4F4F4F;border-right:solid 1px #202020;border-left:solid 1px #202020}.notif h4{position:relative;overflow:hidden;margin:0;padding:0 10px;font-size:14px;line-height:30px;border-bottom:solid 1px #202020;background:#0A0A0A;font-weight:400;cursor:pointer;color:#fff}.notif.unreaded h4:before{position:absolute;content:'';width:40px;height:40px;background:#fff;top:-5px;right:-15px;background:#ffdb0f;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}.notif .content{display:none;padding:6px 8px;line-height:140%;text-align:justify;color:#efefef}.notif .content p{margin:0}.notif .content hr{border:none;background:0 0;border-bottom:dashed 1px #202020;margin:5px 0}.notif .content a{color:#fff}.notif .content .box-resource{position:relative;display:block;margin:5px 0;padding:5px 5px 5px 40px}.notif .content .box-resource img{position:absolute;top:6px;left:0;border:solid 4px #4f4f4f;border-radius:100%;border-color:#dbb200}.notif .content .box-resource .label{display:block;font-size:9pt}.notif .content .box-resource .value{display:block;font-size:18px;font-weight:700}.notif .footer{display:none;margin:0;padding:0 10px;line-height:18px;padding:5px 5px;border-top:solid 1px #202020;font-style:italic;text-align:right;color:#CCC}.notif .footer a{color:#CCC}.notif.open .content{display:block}.notif.open .footer{display:block}.component.rc .rc{position:relative;margin:20px 10px 20px 30px;border-left:solid 1px #CCC;padding:0 10px;height:380px;color:#CCC}.component.rc .rc.no-tax{margin:20px 10px 20px 30px;border-left:dashed 1px #4F4F4F;padding:0 10px;color:#CCC}.component.rc .rc a,.component.rc .rc strong{color:#fff}.component.rc .rc .icon-color{width:20px}.component.rc .rc .base{position:relative;padding:15px 0 15px 40px;height:50px}.component.rc .rc .base:last-child{position:absolute;bottom:0}.component.rc .rc .place{position:absolute;top:0;left:-50px;width:78px;height:78px;border:solid 1px #202020;background:#000;border-radius:100%}.component.rc .rc .general{list-style:none inset;margin:10px 0;padding:0}.component.rc .rc .general li{margin:10px 0;list-style-type:none}.component.rc .rc .general li strong{display:block;font-size:20px;font-weight:700}.component .situation-content{position:relative;display:block;width:100%;height:500px;border-bottom:solid 1px #0A0A0A}.component .situation-content .line-help{position:absolute;display:block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:100%;background:#b17a00}.component .situation-content .line-help.line-1{top:55px;left:190px}.component .situation-content .line-help.line-2{top:145px;left:406px}.component .situation-content .toolbar{position:absolute;top:30px;right:30px;box-shadow:0 0 0 4px rgba(255,255,255,.1);border-radius:3px;background:#dbb200;z-index:1}.component .situation-content .toolbar a,.component .situation-content .toolbar span{display:inline-block;line-height:2pc;padding:0 15px;border-right:solid 1px #000;text-decoration:none;color:#fff}.component .situation-content .toolbar a img,.component .situation-content .toolbar span img{position:relative;top:-2px;vertical-align:middle;height:18px;width:18px}.component .situation-content .toolbar a:focus,.component .situation-content .toolbar a:hover{background:rgba(0,0,0,.25)}.component .situation-content .toolbar form{display:inline-block}.component .situation-content .toolbar input{height:2pc;border:none;background:0 0;color:#fff;padding:0 15px;font-size:inherit}.component .situation-content .toolbar input:focus{background:rgba(0,0,0,.25)}.component .situation-content .toolbar input.button{background:url(src/desktop/common/edit.png) no-repeat center}.component .situation-content .toolbar input.button:focus{background:url(src/desktop/common/edit.png) no-repeat center rgba(0,0,0,.25)}.component .situation-content .info{position:absolute;display:block;width:200px;font-size:9pt;color:#efefef;line-height:18px}.component .situation-content .info strong{color:#fff;font-size:14px}.component .situation-content .info a{color:#fff;text-decoration:none;border-bottom:solid 1px #4f4f4f}.component .situation-content .info a:focus,.component .situation-content .info a:hover{border-color:#CCC}.component .situation-content .commander{position:absolute;display:block;text-decoration:none;z-index:1}.component .situation-content .commander.empty{color:#CCC}.component .situation-content .commander.position-1-1{top:135px;left:127px}.component .situation-content .commander.position-1-2{top:17pc;left:75pt}.component .situation-content .commander.position-1-3{top:415px;left:127px}.component .situation-content .commander.position-2-1{top:215px;left:22pc}.component .situation-content .commander.position-2-2{top:17pc;left:345px}.component .situation-content .commander.position-2-3{top:330px;left:22pc}.component .situation-content .commander.position-3{top:355px;left:577px}.component .situation-content .commander img{width:40px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}.component .situation-content .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .situation-content .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #dbb200}.component .situation-content .commander .info{top:8px;left:65px;width:10pc}.component .situation-content .commander .link{display:none;position:absolute;top:14px;left:-1pc;width:24px;height:24px;font-size:20px;font-weight:700;text-decoration:none;border-radius:100%;text-align:center;z-index:1;border:solid 1px #fff}.component .situation-content .commander .link.to-left{background:url(src/desktop/mover/to-left.png) no-repeat center #000}.component .situation-content .commander .link.to-right{background:url(src/desktop/mover/to-right.png) no-repeat center #000}.component .situation-content .commander:hover>.link{display:block}.component .situation-content .stellar{position:absolute;display:block;top:180px;left:35pc}.component .situation-content .stellar img{width:220px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%}.component .situation-content .stellar .info{font-size:9pt;border-left:solid 1px #202020}.component .situation-content .stellar .info.top{bottom:215px;left:50px;padding:0 0 30px 10px}.component .situation-content .stellar .info.top strong{font-size:20px}.component .situation-content .stellar .info.bottom{top:225px;left:10pc;padding:10px 0 0 10px}.component .situation-content .stellar .info.middle{top:20px;left:182px;padding:10px 0 0 50px;border:none;border-top:solid 1px #202020}.component .situation-content .attack-link{position:absolute;bottom:-1px;left:0;right:0;text-align:center}.component .situation-content .attack-link a{display:inline-block;line-height:40px;padding:0 25px;border-radius:3px 3px 0 0;background:#202020;color:#fff;text-decoration:none;font-size:1pc}.component .situation-content .attack-link a:focus,.component .situation-content .attack-link a:hover{box-shadow:0 0 5px 3px #000}.component .situation-content.color0 .line-help{background:#202020}.component .situation-content.color0 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #202020}.component .situation-content.color0 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #202020}.component .situation-content.color0 .attack-link a{background:#202020}.component .situation-content.color1 .line-help{background:#510816}.component .situation-content.color1 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component .situation-content.color1 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #6e161b}.component .situation-content.color1 .attack-link a{background:#6e161b}.component .situation-content.color2 .line-help{background:#0c0d44}.component .situation-content.color2 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component .situation-content.color2 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #1f1471}.component .situation-content.color2 .attack-link a{background:#1f1471}.component .situation-content.color3 .line-help{background:#b17a00}.component .situation-content.color3 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .situation-content.color3 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #dbb200}.component .situation-content.color3 .attack-link a{background:#dbb200}.component .situation-content.color4 .line-help{background:#310948}.component .situation-content.color4 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component .situation-content.color4 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #5a1072}.component .situation-content.color4 .attack-link a{background:#5a1072}.component .situation-content.color5 .line-help{background:#24500a}.component .situation-content.color5 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color5 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color5 .attack-link a{background:#2c7915}.component .situation-content.color6 .line-help{background:#004948}.component .situation-content.color6 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component .situation-content.color6 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #076b87}.component .situation-content.color6 .attack-link a{background:#076b87}.component .situation-content.color7 .line-help{background:#401b13}.component .situation-content.color7 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component .situation-content.color7 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #67331d}.component .situation-content.color7 .attack-link a{background:#67331d}.component .situation-content.color8 .line-help{background:#c3590b}.component .situation-content.color8 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component .situation-content.color8 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #d87913}.component .situation-content.color8 .attack-link a{background:#d87913}.component .situation-content.color9 .line-help{background:#24500a}.component .situation-content.color9 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color9 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color9 .attack-link a{background:#2c7915}.component .situation-info{display:table;width:100%;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#000}.component .situation-info .item{display:table-cell;padding:10px;border-right:solid 1px #202020}.component .situation-info .item .value{font-size:26px;font-weight:700;display:block}.component .build-item.base-type .desc{margin:10px 0 0 0;padding:15px;font-size:13px;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#0A0A0A}.component .build-item.base-type .list-choice{position:relative;height:140px;background:url(src/desktop/base/type-base.png) no-repeat center;margin:0;border-bottom:solid 1px #202020}.component .build-item.base-type .list-choice button{position:absolute;padding:0;border:none;background:0 0;cursor:pointer}.component .build-item.base-type .list-choice button.item-1{top:35px;left:5px}.component .build-item.base-type .list-choice button.item-2{top:5px;left:107px}.component .build-item.base-type .list-choice button.item-3{bottom:5px;left:107px}.component .build-item.base-type .list-choice button.item-4{top:35px;right:5px}.component .build-item.base-type .list-choice button img{display:block;padding:8px;width:40px;border:solid 1px #202020;border-radius:100%;background:#000}.color1 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.color2 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.color3 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.color4 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.color5 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color6 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.color7 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.color8 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.color9 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color10 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.color11 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.color12 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .build-item.base-type .desc-choice{display:none}.component .build-item.base-type .desc-choice h4{border-bottom:solid 1px #202020;padding:0 0 5px 0}.component .build-item.base-type .desc-choice p{text-align:left;color:#CCC!important}.component .build-item.base-type .desc-choice p strong{display:block;color:#fff}.component .build-item.base-type .desc-choice p strong.short{display:inline-block;width:75pt}.component.list-fleet .set-fleet{position:relative;margin:10px;padding:0 0 0 70px;min-height:5pc}.component.list-fleet .set-fleet img.place{position:absolute;top:-5px;left:-20px;width:5pc;background:#0A0A0A;border-radius:100%;border:solid 1px #202020}.component.list-fleet .set-fleet h2{padding:10px 0;margin:0}.component.list-fleet .set-fleet h2 a{font-size:13px;color:#fff;font-weight:400;text-decoration:none}.component.list-fleet .set-fleet .item{position:relative;height:60px;background:#0A0A0A;border:solid 1px #202020;border-bottom:none;width:777px}.component.list-fleet .set-fleet .item:last-child{border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item a{display:inline-block;text-decoration:none;color:#CCC;border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item .left{position:absolute;top:0;left:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .left .top{position:absolute;left:60px;display:block;width:500px;top:10px}.component.list-fleet .set-fleet .item .left .status{width:30px;margin:10px;padding:5px;border-radius:100%}.component.list-fleet .set-fleet .item .right{position:absolute;top:0;right:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .right .top{position:absolute;right:60px;display:block;width:200px;text-align:right;top:10px}.component.list-fleet .set-fleet .item .right .cover{width:50px;margin:5px;padding:0;border-radius:100%}.component.list-fleet .set-fleet .item .center{position:absolute;top:41px;left:70px;right:70px}.component.list-fleet .set-fleet .item .center .ship{position:absolute;top:-10px;left:-11px;right:auto}.component.list-fleet .set-fleet .item .center .progress-ship{display:block;width:100%;background:#4F4F4F;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar{position:relative;display:block;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship{top:-11px;right:-11px;left:auto}.component.list-fleet .set-fleet .item .center .progress-ship .bar span{position:absolute;top:4px;right:15px;font-size:10px}.component.list-fleet .set-fleet .item.color1 .status{background:#6e161b}.component.list-fleet .set-fleet .item.color2 .status{background:#1f1471}.component.list-fleet .set-fleet .item.color3 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color4 .status{background:#5a1072}.component.list-fleet .set-fleet .item.color5 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color6 .status{background:#076b87}.component.list-fleet .set-fleet .item.color7 .status{background:#67331d}.component.list-fleet .set-fleet .item.color8 .status{background:#d87913}.component.list-fleet .set-fleet .item.color9 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color10 .status{background:#760f36}.component.list-fleet .set-fleet .item.color11 .status{background:#219772}.component.list-fleet .set-fleet .item.color12 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar{background:#4F4F4F}.component.list-fleet .set-fleet .item .show-commander{position:absolute;top:-1px;right:-30px;width:28px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a;border:solid 1px #202020}.component.list-fleet .set-fleet .item .show-commander.active,.component.list-fleet .set-fleet .item .show-commander:focus,.component.list-fleet .set-fleet .item .show-commander:hover{background-color:#202020}.component.table-fleet table{margin:10px;width:55pc;border-collapse:collapse}.component.table-fleet table tr:nth-child(odd){background:#000;border-bottom:solid 1px #202020}.component.table-fleet table tr:nth-child(even){background:#0A0A0A;border-bottom:solid 1px #202020}.component.table-fleet table tr:first-child{background:0 0}.component.table-fleet table td,.component.table-fleet table th{height:40px;width:40px;text-align:center}.component.table-fleet table td span.zero-value{color:#4F4F4F}.component.table-fleet table .base{width:75pt;text-align:left;padding:0 20px}.component.table-fleet table .base a{border:none}.component.table-fleet table .base strong{display:block;font-size:1pc}.component.table-fleet table .large{width:auto;text-align:left;padding:0 10px}.component.table-fleet table .sep{border-left:solid 1px #dbb200}.component.table-fleet table a{color:#fff;text-decoration:none;border-bottom:solid 1px #4F4F4F;display:inline-block}.component.table-fleet table th{position:relative;height:70px}.component.table-fleet table th span{position:absolute;bottom:2pc;left:-10px;display:block;text-align:left;width:60px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.component.commander-fleet .fleet{vertical-align:top;display:block;text-align:center}.component.commander-fleet .list-ship{vertical-align:top;display:inline-block;width:148px}.component.commander-fleet .list-ship:first-child{border-right:dashed 1px #4F4F4F}.component.commander-fleet .list-ship a{display:block;position:relative;margin:6px;height:40px;background:#202020;border:solid 1px #4F4F4F;border-radius:3px}.component.commander-fleet .list-ship a.empty{opacity:.4}.component.commander-fleet .list-ship img{position:absolute;display:inline-block;width:40px}.component.commander-fleet .list-ship .text{position:absolute;left:45px;display:inline-block;width:88px;color:#fff}.component.commander-fleet .list-ship .text .quantity{display:block;font-weight:700;font-size:18px}.component.commander-fleet .army{border-collapse:collapse;width:35pc;margin:20px}.component.commander-fleet .army td{width:65px;padding:5px;border-right:dashed 1px #4F4F4F;vertical-align:center}.component.commander-fleet .army td:first-child{width:auto;vertical-align:top;text-align:right;padding:0 20px;font-size:9pt}.component.commander-fleet .army tr:first-child td{text-align:center;padding:10px 5px;font-size:18px;font-weight:700}.component.commander-fleet .army .block{display:block;width:54px;height:54px;margin:0 0 5px 0;padding:5px;vertical-align:top;border-radius:5px;background:#0A0A0A;text-align:right;border:solid 1px #202020;color:#4F4F4F}.component.commander-fleet .army .block.empty{background:#000;border:solid 1px #0A0A0A}.component.commander-fleet .army .block strong{display:block;font-size:15px;height:38px;font-weight:700}.component.commander-fleet .army .block em{display:block;padding:2px;font-size:11px;background:#000;text-align:center;border-radius:3px}.component.commander-fleet .army .block.squadron{border:solid 1px #4F4F4F;color:#fff;cursor:pointer;background:#dbb200}.component.commander-fleet .army .block.squadron.full0{background:url(src/desktop/squadron/squadron0.png) no-repeat 4px 2px #dbb200}.component.commander-fleet .army .block.squadron.full1{background:url(src/desktop/squadron/squadron1.png) no-repeat 4px 2px #dbb200}.component.commander-fleet .army .block.squadron.full2{background:url(src/desktop/squadron/squadron2.png) no-repeat 4px 2px #dbb200}.component.commander-fleet .army .block.squadron.full3{background:url(src/desktop/squadron/squadron3.png) no-repeat 4px 2px #dbb200}.component.commander-fleet .army .block.squadron.active{box-shadow:inset 0 0 6px #000,0 0 2px 0 #fff;border:dashed 1px #fff}.component.report .commander{position:relative;display:block;margin:10px;padding:8px 0 8px 72px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component.report .commander img{position:absolute;top:5px;left:5px;padding:8px;width:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component.report .commander strong{display:block;padding:0 0 8px 0;color:#fff;font-weight:700;font-size:17px}.component.report .commander em{display:block;line-height:20px;color:#fff;font-style:normal;color:#efefef}.component.report .commander em .bonus{font-size:90%;margin:2px 0 0 2px;padding:3px 6px}.component.report .dammage{margin:10px;background:#000}.component.report .dammage table{width:100%;border-collapse:collapse;border-left:solid 1px #202020;border-right:solid 1px #202020}.component.report .dammage td{border-color:#202020;border-width:1px;border-style:solid dashed;padding:4px;vertical-align:center;text-align:center;color:#CCC;width:28px;height:22px}.component.report .dammage td:first-child{text-align:left;padding:4px 8px;width:auto}.component.report .dammage td span{display:inline-block;background:red;line-height:22px;width:22px;border-radius:3px;color:#fff;background:#b17a00}.component.topic .message{position:relative;padding:0 0 0 5pc;margin:10px;min-height:70px}.component.topic .message .avatar{position:absolute;top:0;left:0;width:56px;padding:6px;border:solid 1px #202020;border-radius:100%;background:#000}.component.topic .message .content{position:relative;background:#000;border:solid 1px #202020;border-bottom:solid 1px #0A0A0A}.component.topic .message .content:before{position:absolute;content:'';top:25px;left:-18px;border-style:solid;border-width:9px;border-color:transparent #202020 transparent transparent}.component.topic .message .content .text{margin:0;padding:10px 10px 9pt 10px;border-bottom:solid 1px #0A0A0A;color:#efefef}.component.topic .message .content .text a,.component.topic .message .content .text strong{color:#fff}.component.topic .message .content .text a.color1{color:#b01e2d}.component.topic .message .content .text a.color2{color:#2f23c0}.component.topic .message .content .text a.color3{color:#ffdb0f}.component.topic .message .content .text a.color4{color:#a935c7}.component.topic .message .content .text a.color5{color:#57c632}.component.topic .message .content .text a.color6{color:#05bed7}.component.topic .message .content .text a.color7{color:#ac5832}.component.topic .message .content .text a.color8{color:#f2b636}.component.topic .message .content .text a.color9{color:#57c632}.component.topic .message .content .text a.color10{color:#a92859}.component.topic .message .content .text a.color11{color:#34b089}.component.topic .message .content .text a.color12{color:#ffdb0f}.component.topic .message .content .text .icon-color{width:15px}.component.topic .message .content .footer{margin:0;padding:6px 10px;font-size:9pt;color:#CCC}.component.topic .message .content .footer a{color:#CCC}.component.topic .message.write .content:before{left:-17px;top:11px;border-color:transparent #fff transparent transparent}.component.topic .message.write .content textarea{border:none;padding:5px;width:487px;height:90pt;max-width:487px;min-width:487px;min-height:50px;font-family:inherit;font-size:13px}.component.topic .message.write .content input{margin:6px;font-family:inherit}.component.topic .message.write .content .title{border:none;margin:0;padding:5px;width:487px;height:30px;font-family:inherit;font-size:13px}.component.topic .message.write .content button{margin:6px;font-family:inherit;background:#dbb200;border:none;padding:4px 8px;color:#fff;cursor:pointer}.component.topic .message.write .content button:focus,.component.topic .message.write .content button:hover{background:#b17a00}.component.topic .system-message{position:relative;padding:0 0 0 90px;margin:10px}.component.topic .system-message:before{content:'';position:absolute;top:10px;left:0;height:1px;width:70px;background:#4F4F4F}.conv-item{position:relative;display:block;border:solid 1px #202020;border-bottom:none;background:#0A0A0A;height:59px;padding:5px 5px 5px 70px;margin:0 10px;color:#fff;text-decoration:none;overflow:hidden}.conv-item .cover{position:absolute;display:block;top:0;left:0;bottom:0;width:60px;padding:5px}.conv-item .cover .picture{width:52px;height:52px;background:#202020;border-radius:100%;padding:4px}.conv-item .cover .picture.color0{box-shadow:0 0 0 2px #4F4F4F}.conv-item .cover .picture.color1{box-shadow:0 0 0 2px #6e161b}.conv-item .cover .picture.color2{box-shadow:0 0 0 2px #1f1471}.conv-item .cover .picture.color3{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .picture.color4{box-shadow:0 0 0 2px #5a1072}.conv-item .cover .picture.color5{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color6{box-shadow:0 0 0 2px #076b87}.conv-item .cover .picture.color7{box-shadow:0 0 0 2px #67331d}.conv-item .cover .picture.color8{box-shadow:0 0 0 2px #d87913}.conv-item .cover .picture.color9{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color10{box-shadow:0 0 0 2px #760f36}.conv-item .cover .picture.color11{box-shadow:0 0 0 2px #219772}.conv-item .cover .picture.color12{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .new-message,.conv-item .cover .number{position:absolute;width:22px;height:22px;border-radius:100%;background:#0A0A0A;bottom:5px;right:5px;border:solid 1px #4F4F4F;text-align:center;line-height:22px;font-size:11px}.conv-item .cover .new-message{left:5px;top:5px}.conv-item .cover .new-message img{display:block;width:18px;height:18px;margin:2px}.conv-item .data{line-height:20px}.conv-item:last-child{border:solid 1px #202020}.conv-item:focus,.conv-item:hover{background:#0C0C0C}.component.player .player{position:relative;display:inline-block;margin:10px 0 0 10px;width:211px;height:58px;padding:5px 5px 5px 70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff;text-decoration:none}.component.player .player a{color:#ccc;text-decoration:none;border-bottom:solid 1px #202020}.component.player .player a:focus,.component.player .player a:hover{border-color:#4f4f4f}.component.player .player img.picto{position:absolute;top:5px;left:5px;width:50px;padding:4px;border:solid 1px #202020;border-radius:100%;background:#000}.component.player .player .icon,.component.player .player .icon-color{height:1pc;padding:1px}.component.player .player span,.component.player .player strong{display:block;line-height:20px}.component.player .player strong{font-size:18px}.component.player .player .inactive,.component.player .player .online{position:absolute;width:18px;height:18px;background:#fff;top:5px;right:5px;border-radius:100%;background:#4F4F4F}.component.player .player .online{background:#ffdb0f}.component.player .player.faction{border-left:solid 1px #0A0A0A!important;width:202px}.component.player .player.faction img{top:0;left:10px;padding:0;border:none;border-radius:0;background:0 0}.component.player.rank .player{border-left:solid 10px #4F4F4F;width:190px}.component.player.rank .player.color1{border-left-color:#b01e2d}.component.player.rank .player.color2{border-left-color:#2f23c0}.component.player.rank .player.color3{border-left-color:#ffdb0f}.component.player.rank .player.color4{border-left-color:#a935c7}.component.player.rank .player.color5{border-left-color:#57c632}.component.player.rank .player.color6{border-left-color:#05bed7}.component.player.rank .player.color7{border-left-color:#ac5832}.component.player.rank .player.color8{border-left-color:#f2b636}.component.player.rank .player.color9{border-left-color:#57c632}.component.player.rank .player.color10{border-left-color:#a92859}.component.player.rank .player.color11{border-left-color:#34b089}.component.player.rank .player.color12{border-left-color:#ffdb0f}.component.player.rank .player .points,.component.player.rank .player .title{color:#BBB}.component.player.rank .player .position{display:block;position:absolute;top:14px;right:14px;line-height:38px;width:38px;border:solid 1px #202020;text-align:center;border-radius:100%}.component.player.rank .player .variance{display:block;position:absolute;top:5px;right:-4px;line-height:26px;width:26px;border:solid 1px #202020;background:#0A0A0A;text-align:center;font-size:11px;border-radius:100%}.component.player.rank .player .variance.lower{bottom:5px;top:auto}.component.player.rank .player.active .position{background:#fff;border:solid 1px #fff;color:#202020}.component.player.size2 .player{width:13pc}.component.player.size1 .player{width:202px}.component.transaction .transaction{background:#0A0A0A;border:solid 1px #202020;margin:10px}.component.transaction .transaction .right-link{position:absolute;top:2px;right:5px;display:block;color:#FFF;text-decoration:none}.component.transaction .transaction .product{position:relative;height:70px;padding:5px 10px 5px 55px;cursor:pointer}.component.transaction .transaction .product .picto{position:absolute;top:5px;left:-20px;width:60px;height:60px;padding:4px;background:#000;border:solid 1px #202020;border-radius:100%}.component.transaction .transaction .product .rate{position:absolute;bottom:5px;right:8px}.component.transaction .transaction .product .offer{overflow:hidden;height:2pc}.component.transaction .transaction .product .for{position:relative;border-top:solid 1px #202020;margin:8px 0 6px 0;color:#4F4F4F}.component.transaction .transaction .product .for span{display:block;position:absolute;top:-10px;left:10px;background:#0A0A0A;padding:0 10px;font-size:9pt}.component.transaction .transaction .product .price{font-size:19px;font-weight:700}.component.transaction .transaction .product .price .icon-color{width:14px;position:relative;top:-2px;padding:1px}.component.transaction .transaction.resources .product .offer{font-size:28px;font-weight:700;line-height:30px}.component.transaction .transaction.resources .product .offer .icon-color{width:20px;position:relative;top:-5px}.component.transaction .transaction.commander .product .offer strong,.component.transaction .transaction.ship .product .offer strong{display:block;font-size:14px}.component.transaction .transaction.commander .product .offer em,.component.transaction .transaction.ship .product .offer em{display:block;font-size:11px}.component.transaction .transaction .hidden{display:none}.component.transaction .transaction .info{position:relative;border-top:solid 1px #202020;height:88px;background:#000}.component.transaction .transaction .info p{font-size:11px;margin:5px 8px}.component.transaction .transaction .info .seller{position:absolute;top:0;width:50%;bottom:0}.component.transaction .transaction .info .seller a{font-weight:700;color:#fff}.component.transaction .transaction .info .seller .color1{color:#b01e2d}.component.transaction .transaction .info .seller .color2{color:#2f23c0}.component.transaction .transaction .info .seller .color3{color:#ffdb0f}.component.transaction .transaction .info .seller .color4{color:#a935c7}.component.transaction .transaction .info .seller .color5{color:#57c632}.component.transaction .transaction .info .seller .color6{color:#05bed7}.component.transaction .transaction .info .seller .color7{color:#ac5832}.component.transaction .transaction .info .seller .color8{color:#f2b636}.component.transaction .transaction .info .seller .color9{color:#57c632}.component.transaction .transaction .info .seller .color10{color:#a92859}.component.transaction .transaction .info .seller .color11{color:#34b089}.component.transaction .transaction .info .seller .color12{color:#ffdb0f}.component.transaction .transaction .info .price-detail{position:absolute;top:0;width:50%;bottom:0;right:0}.component.transaction .transaction .info .price-detail p{text-align:right}.component.transaction .transaction .info .price-detail p .icon-color{width:10px;padding:1px}.component.transaction .transaction .info .price-detail p span{color:#4F4F4F}.component.transaction .transaction .button{border-top:solid 1px #202020;padding:5px}.component.transaction .transaction .button a,.component.transaction .transaction .button span{display:block;padding:5px 10px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;line-height:20px;background:#202020;box-shadow:inset 0 0 2px #000}.component.transaction .transaction .button a{background:#dbb200}.component.transaction .transaction .button a:hover{box-shadow:inset 0 0 6px #000;background:#ffdb0f}.component.transaction .transaction .button span{background:#202020;cursor:default}.component.transaction .transaction .button .icon-color{width:14px}.component.transaction .transaction .shipping{position:relative;background:#000;height:30px}.component.transaction .transaction .shipping .ships{position:absolute;top:0;left:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center}.component.transaction .transaction .shipping .ships .icon-color{position:relative;width:1pc;margin-left:5px;top:-5px}.component.transaction .transaction .shipping .time{position:absolute;top:0;right:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center;font-size:9pt}.component.transaction .transaction .shipping .progress-container{position:relative;display:block;clear:both;margin:0 60px;height:3px;top:13px;background:#4F4F4F}.component.transaction .transaction .shipping .progress-bar{position:absolute;display:block;height:100%;background:#ffdb0f}.component .build-item.disable .button span{color:#696969}.component.transaction .new-transaction{width:279px;position:absolute;background:#000;z-index:1;padding:10px;border-bottom:solid 1px #ffdb0f}.component.transaction .new-transaction label{position:relative;display:block;padding:5px 0}.component.transaction .new-transaction label input{display:block;padding:5px 10px;margin:5px 0 0 0;width:259px;border:none}.component.transaction .new-transaction.resources label input{font-size:1pc;color:#202020;font-weight:700}.component.transaction .new-transaction .indicator{position:relative;display:block;width:100%;height:15px}.component.transaction .new-transaction .indicator span{position:absolute;display:inline-block;padding:1px 6px;font-size:9pt;color:#fff;border-radius:3px;top:-5px;background:#b17a00}.component.transaction .new-transaction .indicator span.min-price{left:5px}.component.transaction .new-transaction .indicator span.max-price{right:5px}.component.market-sell .body{padding:10px 0}.component.market-sell .label-box{position:relative;padding:0 10px;margin:10px 0}.component.market-sell .label-box .label{display:inline-block;width:75pt;line-height:30px}.component.market-sell .label-box .value{display:inline-block;width:147px;padding:0 5px;border:none;line-height:30px;border-radius:3px;font-size:1pc}.component.market-sell .label-box input.value{height:30px;background:#fff}.component.market-sell .label-box .icon-color{position:absolute;top:4px;right:1pc;width:18px}.component.market-sell .queue{margin:0 10px;cursor:pointer}.component.market-sell .sell-form{background:#0A0A0A;border:solid 1px #202020;margin:0 10px 10px 10px}.component.market-sell .sell-form input[type=submit]{display:block;width:100%;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 10px;color:#fff;cursor:pointer;overflow:hidden;background:#ffdb0f}.component.market-sell .sell-form input[type=submit]:hover{background:#b17a00}.component.market-sell .sell-form input[disabled=disabled]{background:#202020!important}.wysiwyg{display:block;position:relative}.wysiwyg .toolbar{display:block;position:absolute;top:0;left:0;right:0;padding:5px}.wysiwyg .toolbar button{display:inline-block;height:26px;line-height:26px;padding:0 4px!important;margin:0 4px 0 0!important;background:#dbb200;color:#fff;border-radius:3px;overflow:hidden;vertical-align:top}.wysiwyg .modal{position:absolute;top:40px;left:10px;right:10px;background:#0A0A0A;border:solid 1px #202020;box-shadow:0 0 15px #000}.wysiwyg .modal .header{position:relative}.wysiwyg .modal .header h2{margin:0;padding:0;line-height:36px;padding:0 10px;font-size:1pc;font-weight:400}.wysiwyg .modal .header .right{position:absolute;top:5px;right:10px;width:300px;text-align:right}.wysiwyg .modal .header .right button{display:inline-block;width:26px!important;height:26px!important;line-height:26px !important<;font-size:14px;padding:0!important;margin:0 0 0 5px!important}.wysiwyg .modal input{width:435px;border:none;height:30px;margin:0 10px 10px 10px!important;padding:0 10px!important}.wysiwyg textarea{padding-top:40px!important}.input-area .wysiwyg .toolbar{padding:0}.component.params .checkbox{display:block;position:relative;padding:10px 10px 10px 40px;margin:10px;background:rgba(0,0,0,.8)}.component.params .checkbox input{position:absolute;top:8px;left:10px}#map{position:absolute;z-index:100;background:url(src/desktop/map/common/map.jpg) repeat #000;padding:0;top:0;left:0}#map #sectors{z-index:300}#map #spying{z-index:400}#map #own-base{z-index:500}#map #commercial-routes{z-index:600}#map #fleet-movements{z-index:700}#map #attacks{z-index:800}#map #systems{z-index:900}#map #map-info{z-index:910}#map>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#map #sectors polygon{stroke:#fff;stroke-width:1px;stroke-dasharray:4 4;opacity:.15}#map #sectors .ally1{fill:#6e161b}#map #sectors .ally2{fill:#1f1471}#map #sectors .ally3{fill:#dbb200}#map #sectors .ally4{fill:#5a1072}#map #sectors .ally5{fill:#2c7915}#map #sectors .ally6{fill:#076b87}#map #sectors .ally7{fill:#67331d}#map #sectors .ally8{fill:#d87913}#map #sectors .ally9{fill:#2c7915}#map #sectors .ally10{fill:#760f36}#map #sectors .ally11{fill:#219772}#map #sectors .ally12{fill:#dbb200}#map #spying circle{opacity:.08;stroke:#fff}#map #own-base circle{opacity:.1;fill:#fff}#map #commercial-routes line{stroke:#fff;stroke-width:1px;stroke-dasharray:20 5 5 5 5 10}#map #commercial-routes line.standBy{stroke:rgba(255,255,255,.3)}#map #fleet-movements line{stroke-width:1px}#map #fleet-movements line.back{stroke-dasharray:15 5}#map #attacks line{stroke-width:1px}#map #attacks line.color1{stroke:#b01e2d}#map #attacks line.color2{stroke:#2f23c0}#map #attacks line.color3{stroke:#ffdb0f}#map #attacks line.color4{stroke:#a935c7}#map #attacks line.color5{stroke:#57c632}#map #attacks line.color6{stroke:#05bed7}#map #attacks line.color7{stroke:#ac5832}#map #attacks line.color8{stroke:#f2b636}#map #attacks line.color9{stroke:#57c632}#map #attacks line.color10{stroke:#a92859}#map #attacks line.color11{stroke:#34b089}#map #attacks line.color12{stroke:#ffdb0f}#map #attacks circle.color1{fill:#b01e2d}#map #attacks circle.color2{fill:#2f23c0}#map #attacks circle.color3{fill:#ffdb0f}#map #attacks circle.color4{fill:#a935c7}#map #attacks circle.color5{fill:#57c632}#map #attacks circle.color6{fill:#05bed7}#map #attacks circle.color7{fill:#ac5832}#map #attacks circle.color8{fill:#f2b636}#map #attacks circle.color9{fill:#57c632}#map #attacks circle.color10{fill:#a92859}#map #attacks circle.color11{fill:#34b089}#map #attacks circle.color12{fill:#ffdb0f}#map #systems a{display:block;position:absolute;border-radius:100%}#map #systems a.active{background:#000;box-shadow:0 0 0 1px #000,0 0 0 3px #fff,0 0 10px 8px #000}#map #systems a img{display:block;width:20px;height:20px;border:none;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}#map #systems a img.own{background:#fff}#map #systems .sector-number{position:absolute;display:block;font-size:22px;line-height:40px;width:40px;text-align:center;border-radius:100%;box-shadow:0 0 0 5px #0A0A0A,0 0 0 6px #4F4F4F;background:#202020;color:#fff;font-weight:700;cursor:pointer}#map #systems .sector-number.color1{background:#6e161b}#map #systems .sector-number.color2{background:#1f1471}#map #systems .sector-number.color3{background:#dbb200}#map #systems .sector-number.color4{background:#5a1072}#map #systems .sector-number.color5{background:#2c7915}#map #systems .sector-number.color6{background:#076b87}#map #systems .sector-number.color7{background:#67331d}#map #systems .sector-number.color8{background:#d87913}#map #systems .sector-number.color9{background:#2c7915}#map #systems .sector-number.color10{background:#760f36}#map #systems .sector-number.color11{background:#219772}#map #systems .sector-number.color12{background:#dbb200}#map #systems .sector-info{display:none;position:absolute;color:#fff;background:#000;background:rgba(0,0,0,.9);padding:8px 1pc;border-radius:3px}#map #systems .sector-info:before{content:'';position:absolute;left:-20px;top:20px;border-style:solid;border-width:10px;border-color:transparent #000 transparent transparent;border-color:transparent rgba(0,0,0,.9) transparent transparent}#map #systems .sector-info h2{position:relative;font-size:40px;font-weight:700;line-height:40px;text-shadow:0 0 5px #000;margin:0;padding:0}#map #systems .sector-info p{font-size:13px;margin:6px 0 0 0;padding:0;font-weight:700;font-variant:small-caps}#map #systems .sector-info p a{position:static;display:inline-block;color:#fff;background:#202020;border-radius:3px;line-height:20px;width:20px;text-align:center;text-decoration:none;border:solid 1px rgba(255,255,255,.5);margin:0 5px 0 0}#map #systems .sector-info.color1 p a{background:#6e161b}#map #systems .sector-info.color2 p a{background:#1f1471}#map #systems .sector-info.color3 p a{background:#dbb200}#map #systems .sector-info.color4 p a{background:#5a1072}#map #systems .sector-info.color5 p a{background:#2c7915}#map #systems .sector-info.color6 p a{background:#076b87}#map #systems .sector-info.color7 p a{background:#67331d}#map #systems .sector-info.color8 p a{background:#d87913}#map #systems .sector-info.color9 p a{background:#2c7915}#map #systems .sector-info.color10 p a{background:#760f36}#map #systems .sector-info.color11 p a{background:#219772}#map #systems .sector-info.color12 p a{background:#dbb200}#map #map-info{display:none;position:absolute;top:0;right:0;left:auto;bottom:auto;height:auto;width:auto;margin:40px 60px 0 0;color:#fff;text-align:right}#map #map-info h2{margin:0;padding:0 20px;font-size:38px;line-height:60px}#map #map-info h3{margin:0;padding:0 20px;font-size:1pc;font-weight:400;line-height:40px}#map #map-info ul{margin:10px 0;padding:0;list-style:none}#map #map-info ul li{position:relative;margin:0;padding:0 40px 0 0;line-height:20px;height:20px;font-style:italic;color:#CCC;font-size:13px}#map #map-info ul li img{position:absolute;right:10px;top:0}#map #spying circle{fill:#dbb200}#map #fleet-movements line{stroke:#ffdb0f}#map #fleet-movements circle{fill:#ffdb0f}#map-option{z-index:1000;position:absolute;display:inline-block;height:2pc;padding:3px 0;background:url(src/desktop/map/bOption.png) repeat-x;top:30px;right:20px}#map-option:before{content:'';position:absolute;display:block;left:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bLeftOption.png)}#map-option:after{content:'';position:absolute;display:block;right:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bRightOption.png)}#map-option a{position:relative;display:inline-block;height:30px;width:30px;margin:1px 0 1px 1px;background:#0A0A0A}#map-option a.active{background:#004948}#map-option a img{position:absolute;top:5px;left:5px;width:22px}.color1 #map-option a.active{background:#510816}.color2 #map-option a.active{background:#0c0d44}.color3 #map-option a.active{background:#b17a00}.color4 #map-option a.active{background:#310948}.color5 #map-option a.active{background:#24500a}.color6 #map-option a.active{background:#004948}.color7 #map-option a.active{background:#401b13}.color8 #map-option a.active{background:#c3590b}.color9 #map-option a.active{background:#24500a}.color10 #map-option a.active{background:#4d0621}.color11 #map-option a.active{background:#10684c}.color12 #map-option a.active{background:#b17a00}#map-content{z-index:1000;position:absolute;top:5pc;right:20px;display:block}#map-content .mini-map{position:relative;width:300px;height:300px;overflow:hidden;border:solid 1px #202020;background:url(src/desktop/map/common/galaxy.jpg) no-repeat #0a0a0a}#map-content .mini-map polygon{stroke:#fff;stroke-width:.5px;opacity:.3}#map-content .mini-map polygon:focus,#map-content .mini-map polygon:hover{opacity:.1;cursor:pointer}#map-content .mini-map polygon.ally0{fill:#202020}#map-content .mini-map polygon.ally1{fill:#6e161b}#map-content .mini-map polygon.ally2{fill:#1f1471}#map-content .mini-map polygon.ally3{fill:#dbb200}#map-content .mini-map polygon.ally4{fill:#5a1072}#map-content .mini-map polygon.ally5{fill:#2c7915}#map-content .mini-map polygon.ally6{fill:#076b87}#map-content .mini-map polygon.ally7{fill:#67331d}#map-content .mini-map polygon.ally8{fill:#d87913}#map-content .mini-map polygon.ally9{fill:#2c7915}#map-content .mini-map polygon.ally10{fill:#760f36}#map-content .mini-map polygon.ally11{fill:#219772}#map-content .mini-map polygon.ally12{fill:#dbb200}#map-content .mini-map .number{position:absolute;z-index:600;top:0;left:0}#map-content .mini-map .sectors{z-index:500;position:absolute;top:0;left:0}#map-content .mini-map .bases{z-index:400;position:absolute;top:0;left:0}#map-content .mini-map .bases circle{fill:rgba(255,255,255,.2);stroke:#fff}#map-content .mini-map .viewport{position:absolute;top:0;left:0;background:rgba(255,255,255,.1);border:solid 1px #fff;border-radius:3px}#map-content .mini-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:11px}.map-movers{display:none;position:absolute;z-index:900;background-repeat:no-repeat;background-position:center}#coord-box{z-index:1000;position:absolute;bottom:20px;right:20px;width:5pc;padding:5px 10px;background:rgba(0,0,0,.8);color:#fff;font-size:20px;text-align:center}.tactical-map{margin:10px;position:relative;background:url(src/desktop/map/common/galaxy-large.jpg) repeat #0a0a0a}.tactical-map polygon{stroke:#fff;stroke-width:.3px;opacity:.15}.tactical-map polygon.enabled{position:relative;stroke-width:2px;opacity:.8;z-index:1}.tactical-map polygon.enabled.ally1{stroke:#510816}.tactical-map polygon.enabled.ally2{stroke:#0c0d44}.tactical-map polygon.enabled.ally3{stroke:#b17a00}.tactical-map polygon.enabled.ally4{stroke:#310948}.tactical-map polygon.enabled.ally5{stroke:#24500a}.tactical-map polygon.enabled.ally6{stroke:#004948}.tactical-map polygon.enabled.ally7{stroke:#401b13}.tactical-map polygon.enabled.ally8{stroke:#c3590b}.tactical-map polygon.enabled.ally9{stroke:#24500a}.tactical-map polygon.enabled.ally10{stroke:#4d0621}.tactical-map polygon.enabled.ally11{stroke:#10684c}.tactical-map polygon.enabled.ally12{stroke:#b17a00}.tactical-map polygon.ally0{fill:#202020}.tactical-map polygon.ally1{fill:#6e161b}.tactical-map polygon.ally2{fill:#1f1471}.tactical-map polygon.ally3{fill:#dbb200}.tactical-map polygon.ally4{fill:#5a1072}.tactical-map polygon.ally5{fill:#2c7915}.tactical-map polygon.ally6{fill:#076b87}.tactical-map polygon.ally7{fill:#67331d}.tactical-map polygon.ally8{fill:#d87913}.tactical-map polygon.ally9{fill:#2c7915}.tactical-map polygon.ally10{fill:#760f36}.tactical-map polygon.ally11{fill:#219772}.tactical-map polygon.ally12{fill:#dbb200}.tactical-map .number{position:absolute;z-index:800;top:0;left:0}.tactical-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:9pt;line-height:22px;width:22px;text-align:center;border-radius:100%;box-shadow:0 0 1px #fff}.tactical-map .number span.ally0{background:#0A0A0A}.tactical-map .number span.ally1{background:#510816}.tactical-map .number span.ally2{background:#0c0d44}.tactical-map .number span.ally3{background:#b17a00}.tactical-map .number span.ally4{background:#310948}.tactical-map .number span.ally5{background:#24500a}.tactical-map .number span.ally6{background:#004948}.tactical-map .number span.ally7{background:#401b13}.tactical-map .number span.ally8{background:#c3590b}.tactical-map .number span.ally9{background:#24500a}.tactical-map .number span.ally10{background:#4d0621}.tactical-map .number span.ally11{background:#10684c}.tactical-map .number span.ally12{background:#b17a00}.tactical-map .number span.active{background:#fff;color:#000;box-shadow:0 0 10px #000}.tactical-map.reactive polygon.enabled.active,.tactical-map.reactive polygon.enabled:hover{cursor:pointer}.tactical-map.reactive polygon.enabled.active.ally1,.tactical-map.reactive polygon.enabled:hover.ally1{fill:#510816}.tactical-map.reactive polygon.enabled.active.ally2,.tactical-map.reactive polygon.enabled:hover.ally2{fill:#0c0d44}.tactical-map.reactive polygon.enabled.active.ally3,.tactical-map.reactive polygon.enabled:hover.ally3{fill:#b17a00}.tactical-map.reactive polygon.enabled.active.ally4,.tactical-map.reactive polygon.enabled:hover.ally4{fill:#310948}.tactical-map.reactive polygon.enabled.active.ally5,.tactical-map.reactive polygon.enabled:hover.ally5{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally6,.tactical-map.reactive polygon.enabled:hover.ally6{fill:#004948}.tactical-map.reactive polygon.enabled.active.ally7,.tactical-map.reactive polygon.enabled:hover.ally7{fill:#401b13}.tactical-map.reactive polygon.enabled.active.ally8,.tactical-map.reactive polygon.enabled:hover.ally8{fill:#c3590b}.tactical-map.reactive polygon.enabled.active.ally9,.tactical-map.reactive polygon.enabled:hover.ally9{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally10,.tactical-map.reactive polygon.enabled:hover.ally10{fill:#4d0621}.tactical-map.reactive polygon.enabled.active.ally11,.tactical-map.reactive polygon.enabled:hover.ally11{fill:#10684c}.tactical-map.reactive polygon.enabled.active.ally12,.tactical-map.reactive polygon.enabled:hover.ally12{fill:#b17a00}#action-box{display:block;z-index:1100;position:absolute;width:100%;height:300px;bottom:-300px;left:0;border-top:solid 1px #0A0A0A;background:#000;box-shadow:0 0 15px #000}#action-box .header{position:relative;background:#000;border-bottom:solid 1px #202020;height:36px;color:#EFEFEF}#action-box .header ul{list-style:none inset;margin:0;padding:0}#action-box .header ul li{display:inline-block;line-height:36px;padding:0 10px;color:#CCC;border-right:solid 1px #202020}#action-box .header ul li a{display:inline-block;line-height:24px;margin:3px 0;padding:0 6px;text-decoration:none;color:#CCC;background:#0A0A0A;border:solid 1px #202020;border-right:none;color:#8F8F8F}#action-box .header ul li a:first-child{border-radius:3px 0 0 3px}#action-box .header ul li a:last-child{border-right:solid 1px #202020;border-radius:0 3px 3px 0}#action-box .header ul li a:focus,#action-box .header ul li a:hover{background:#202020;color:#fff}#action-box .header ul li a.active{color:#fff;position:relative;z-index:1;background:#b17a00}#action-box .header ul li img{position:relative;top:5px;width:20px;border-radius:100%}#action-box .header .button{position:absolute;top:7px;right:10px;line-height:22px;width:22px;text-align:center;background:#202020;border-radius:3px;text-decoration:none;text-transform:uppercase;color:#fff}#action-box .header .button:focus,#action-box .header .button:hover{background:#4F4F4F}#action-box .body{position:relative;overflow:hidden;width:100%;height:263px;background:url(src/desktop/map/common/bLine.jpg) repeat-x center #080808}#action-box .actbox-movers{position:absolute;display:block;width:60px;height:263px;z-index:1103;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#action-box .actbox-movers:focus,#action-box .actbox-movers:hover{background-color:rgba(255,255,255,.05)}#action-box .actbox-movers:active{background-color:rgba(255,255,255,.15)}#action-box .actbox-movers#actboxToLeft{background:url(src/desktop/mover/left.png) no-repeat center}#action-box .actbox-movers#actboxToRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center}#action-box .body .system{position:absolute;top:0;left:0;height:263px;width:3000px}#action-box .body .system ul{display:inline-block;list-style:none inset;margin:0;padding:0}#action-box .body .system ul li{display:inline-block}#action-box .body .system ul li.action,#action-box .body .system ul li.place a{width:75pt;height:260px;border-top:solid 3px #fff;position:relative}#action-box .body .system ul li.action.color1,#action-box .body .system ul li.place.color1 a{border-top-color:#6e161b}#action-box .body .system ul li.action.color2,#action-box .body .system ul li.place.color2 a{border-top-color:#1f1471}#action-box .body .system ul li.action.color3,#action-box .body .system ul li.place.color3 a{border-top-color:#dbb200}#action-box .body .system ul li.action.color4,#action-box .body .system ul li.place.color4 a{border-top-color:#5a1072}#action-box .body .system ul li.action.color5,#action-box .body .system ul li.place.color5 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color6,#action-box .body .system ul li.place.color6 a{border-top-color:#076b87}#action-box .body .system ul li.action.color7,#action-box .body .system ul li.place.color7 a{border-top-color:#67331d}#action-box .body .system ul li.action.color8,#action-box .body .system ul li.place.color8 a{border-top-color:#d87913}#action-box .body .system ul li.action.color9,#action-box .body .system ul li.place.color9 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color10,#action-box .body .system ul li.place.color10 a{border-top-color:#760f36}#action-box .body .system ul li.action.color11,#action-box .body .system ul li.place.color11 a{border-top-color:#219772}#action-box .body .system ul li.action.color12,#action-box .body .system ul li.place.color12 a{border-top-color:#dbb200}#action-box .body .system ul li.star{width:300px;height:263px;border-left:solid 1px #0F0F0F;background:url(src/desktop/map/systems/default.png) no-repeat center center}#action-box .body .system ul li.place a{display:block;border-left:solid 1px #0F0F0F;text-align:center}#action-box .body .system ul li.place a strong{position:absolute;bottom:8px;left:10px;font-size:18px;font-weight:700;color:#fff}#action-box .body .system ul li.place a .land{position:absolute;z-index:1102;top:88px;left:10px;width:5pc;border-radius:100%}#action-box .body .system ul li.place.active a .land{box-shadow:0 0 0 1px #202020;background:#080808}#action-box .body .system ul li.place a .avatar{position:absolute;z-index:1101;top:10px;left:20px;padding:7px;border:solid 1px #0F0F0F;background:#000;width:47px;border-radius:100%}#action-box .body .system ul li.action{width:0;overflow:hidden}#action-box .body .system ul li.action .content{position:absolute;top:9px;left:9pt;height:15pc;width:545px;background:#111;border:solid 1px #202020;box-shadow:inset 0 0 5px #000;border-radius:3px}#action-box .body .system ul li.action .content:before{content:'';position:absolute;top:107px;left:-24px;border-width:9pt;border-style:solid;border-color:transparent #202020 transparent transparent}#action-box .body .system ul li.action .content .column{position:relative;display:inline-block;vertical-align:top;height:15pc;border-right:solid 1px #202020;color:#fff}#action-box .body .system ul li.action .content .column .last-spy-link{position:absolute;top:6px;right:8px;opacity:.5;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}#action-box .body .system ul li.action .content .column .last-spy-link:focus,#action-box .body .system ul li.action .content .column .last-spy-link:hover{opacity:1}#action-box .body .system ul li.action .content .column.info{width:199px}#action-box .body .system ul li.action .content .column.act{width:345px;border-right:none}#action-box .body .system ul li.action .content .column p{margin:2px 10px}#action-box .body .system ul li.action .content .column a{color:#fff}#action-box .body .system ul li.action .content .column hr{margin:8px 10px;border:none;background:0 0;border-bottom:solid 1px #202020}#action-box .body .system ul li.action .content .column strong{line-height:30px}#action-box .body .system ul li.action .content .column.info strong{line-height:28px;font-size:18px}#action-box .body .system ul li.action .content .column .label{display:inline-block;width:78px;font-size:9pt}#action-box .body .system ul li.action .content .column .value{display:inline-block;width:75pt;text-align:left}#action-box .body .system ul li.action .content .column .value .icon,#action-box .body .system ul li.action .content .column .value .icon-color{width:18px;height:18px;padding:1px}#action-box .body .system ul li.action .content .column.act .top .grey{opacity:.4}#action-box .body .system ul li.action .content .column.act .top img{width:45px;padding:8px;margin:0 4px 2px 0;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}#action-box .body .system ul li.action .content .column .bottom,#action-box .body .system ul li.action .content .column .top{padding:5px}#action-box .body .system ul li.action .box{display:none;position:absolute;left:10px;right:10px;bottom:10px;top:5pc;background:#000;border-radius:3px}#action-box .body .system ul li.action .box:nth-child(1){display:block}#action-box .body .system ul li.action .box:before{content:'';position:absolute;top:-20px;border-style:solid;border-width:10px;border-color:transparent transparent #000 transparent}#action-box .body .system ul li.action .box:nth-child(1):before{left:15px}#action-box .body .system ul li.action .box:nth-child(2):before{left:84px}#action-box .body .system ul li.action .box:nth-child(3):before{left:152px}#action-box .body .system ul li.action .box:nth-child(4):before{left:218px}#action-box .body .system ul li.action .box:nth-child(5):before{left:284px}#action-box .body .system ul li.action .box h2{margin:0;padding:0 11px;line-height:35px;font-size:15px}#action-box .body .system ul li.action .box .box-content{position:absolute;top:35px;left:0;right:0;bottom:0;border-radius:0 0 3px 3px;padding:8px 10px;background:#080808;border:solid 1px #000;overflow:hidden}#action-box .body .system ul li.action .box .box-content .commander-tile .item{display:none}#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander{display:block}#action-box .body .system ul li.action .box .box-content .spy-button{display:inline-block;width:75pt;text-decoration:none;margin:8px 0}#action-box .body .system ul li.action .box .box-content .spy-button .picto{float:left;width:30px;height:30px;margin:0 5px 0 0}#action-box .body .system ul li.action .box .box-content .spy-button span{display:block}#action-box .body .system ul li.action .box .box-content .spy-button .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .spy-form{margin-top:10px}#action-box .body .system ul li.action .box .box-content .spy-form input{width:187px;padding:7px;border:none;background:#fff;border-radius:3px 0 0 3px}#action-box .body .system ul li.action .box .box-content .spy-form button{width:75pt;padding:6px 6px;border:none;color:#fff;background:#dbb200;cursor:pointer;border-radius:0 3px 3px 0}#action-box .body .system ul li.action .box .box-content .spy-form button:focus,#action-box .body .system ul li.action .box .box-content .spy-form button:hover{background:#b17a00}#action-box .body .system ul li.action .box .box-content .label-box{display:inline-block;width:50%;margin:5px 0}#action-box .body .system ul li.action .box .box-content .label-box .key{display:block}#action-box .body .system ul li.action .box .box-content .label-box .val{display:block;font-size:18px;font-weight:700}#action-box .body .system ul li.action .box .box-content .rc{margin:5px 0 0 0;padding:10px 10px 0 50px;border-top:solid 1px #202020}#action-box .body .system ul li.action .box .box-content .rc .planet{position:absolute;top:-25px;left:-25px;width:76px;height:76px;border:solid 1px #202020;border-radius:100%;background:#000}#action-box .body .system ul li.action .box .box-content .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .button{display:inline-block;background:#202020;border:solid 1px #4F4F4F;line-height:26px;margin:5px 0 0 0;padding:0 8px;text-align:center;text-decoration:none}#action-box .body .system ul li.action .box .box-content a.button{background:#dbb200;border:#b17a00}#action-box .body .system ul li.action .box .box-content a.button:focus,#action-box .body .system ul li.action .box .box-content a.button:hover{background:#b17a00}.component.admin table{margin:10px;border-collapse:collapse;width:877px}.component.admin table tr{border-bottom:solid 1px #202020}.component.admin table td{padding:5px 10px;vertical-align:top}.component.admin table .button{display:inline-block;padding:0 5px;line-height:25px;min-width:15px;text-align:center;color:#fff;border-radius:3px;background:#4F4F4F;text-decoration:none}.component.admin table td:nth-child(1){width:50px}.component.admin table td:nth-child(2){width:75pt}.component.admin table td:nth-child(3){width:auto}.component.admin table td:nth-child(4){width:5pc}.on-off-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#dbb200;border:solid 1px #b17a00;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}.on-off-button:focus,.on-off-button:hover{background:#b17a00;border-color:#dbb200}.on-off-button.disabled{background:#202020;border-color:#4F4F4F}.inscription #nav .box.left span{display:inline-block;line-height:2pc;padding:0 10px;margin:5px 2px;font-size:14px;width:5pc;text-align:center;color:#4f4f4f;text-decoration:none;font-variant:small-caps}.inscription #nav .box.left span.active{color:#fff}.inscription #nav .box.right{display:none}.inscription #inscription-subnav{position:fixed;top:45px;left:0;width:210px;margin:0 20px 0 60px;z-index:500}.inscription #inscription-subnav .bind{height:15px;background:url(src/desktop/inscriptionSubnav/bBind.png) no-repeat center}.inscription #inscription-subnav .head{position:relative;height:214px;background:url(src/desktop/inscriptionSubnav/bHead.png) no-repeat center}.inscription #inscription-subnav .head h2{position:absolute;margin:0;padding:0;top:5px;font-weight:700;font-size:1pc;line-height:24px;width:210px;overflow:hidden;text-align:center;color:#fff}.inscription #inscription-subnav .head img{position:absolute;top:43px;left:28px;width:125px;height:125px;background:#0A0A0A}.inscription #inscription-subnav .head .level{position:absolute;display:block;bottom:15px;left:0;width:100%;font-size:20px;line-height:41px;color:#fff;text-align:center;background:url(src/desktop/inscriptionSubnav/bLevel.png) no-repeat center}.inscription #inscription-subnav .head .experience{position:absolute;display:inline-block;top:50px;right:2pc;width:21px;height:7pc}.inscription #inscription-subnav .head .experience .value{position:absolute;display:block;width:100%;bottom:0;border-radius:3px}.inscription #inscription-subnav .foot{height:290px}.inscription #movers .toLeft{left:0!important}.inscription .component.inscription img.color1{background:#6e161b!important}.inscription .component.inscription img.color2{background:#1f1471!important}.inscription .component.inscription img.color3{background:#dbb200!important}.inscription .component.inscription img.color4{background:#5a1072!important}.inscription .component.inscription img.color5{background:#2c7915!important}.inscription .component.inscription img.color6{background:#076b87!important}.inscription .component.inscription img.color7{background:#67331d!important}.inscription .component.inscription img.color8{background:#d87913!important}.inscription .component.inscription img.color9{background:#2c7915!important}.inscription .component.inscription img.color10{background:#760f36!important}.inscription .component.inscription img.color11{background:#219772!important}.inscription .component.inscription img.color12{background:#dbb200!important}.inscription .component.inscription .chooseLink{display:block;margin:10px;padding:10px 60px 10px 20px;background:url(src/desktop/mover/right.png) no-repeat 235px center #ccc;text-decoration:none;color:#fff;text-shadow:0 0 2px #000;border:solid 1px #202020;cursor:pointer;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s}.inscription .component.inscription .chooseLink:focus,.inscription .component.inscription .chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.inscription .component.inscription button.chooseLink{width:277px;text-align:left}.inscription .component.inscription.color1 .chooseLink{background-color:#6e161b}.inscription .component.inscription.color2 .chooseLink{background-color:#1f1471}.inscription .component.inscription.color3 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color4 .chooseLink{background-color:#5a1072}.inscription .component.inscription.color5 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color6 .chooseLink{background-color:#076b87}.inscription .component.inscription.color7 .chooseLink{background-color:#67331d}.inscription .component.inscription.color8 .chooseLink{background-color:#d87913}.inscription .component.inscription.color9 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color10 .chooseLink{background-color:#760f36}.inscription .component.inscription.color11 .chooseLink{background-color:#219772}.inscription .component.inscription.color12 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color1 .chooseLink:focus,.inscription .component.inscription.color1 .chooseLink:hover{background-color:#510816}.inscription .component.inscription.color2 .chooseLink:focus,.inscription .component.inscription.color2 .chooseLink:hover{background-color:#0c0d44}.inscription .component.inscription.color3 .chooseLink:focus,.inscription .component.inscription.color3 .chooseLink:hover{background-color:#b17a00}.inscription .component.inscription.color4 .chooseLink:focus,.inscription .component.inscription.color4 .chooseLink:hover{background-color:#310948}.inscription .component.inscription.color5 .chooseLink:focus,.inscription .component.inscription.color5 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color6 .chooseLink:focus,.inscription .component.inscription.color6 .chooseLink:hover{background-color:#004948}.inscription .component.inscription.color7 .chooseLink:focus,.inscription .component.inscription.color7 .chooseLink:hover{background-color:#401b13}.inscription .component.inscription.color8 .chooseLink:focus,.inscription .component.inscription.color8 .chooseLink:hover{background-color:#c3590b}.inscription .component.inscription.color9 .chooseLink:focus,.inscription .component.inscription.color9 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color10 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#4d0621}.inscription .component.inscription.color11 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#10684c}.inscription .component.inscription.color12 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#b17a00}.inscription .component.inscription .chooseLink strong{display:block;font-size:15px;border-bottom:solid 1px rgba(255,255,255,.25);padding:0 0 5px 0;margin:0 0 5px 0}.inscription .component.inscription .chooseLink em{font-style:normal}.inscription .component.inscription span.chooseLink{background:#202020!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25);cursor:auto;padding:10px}.inscription .component.inscription span.chooseLink:focus,.inscription .component.inscription span.chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}.inscription .component.inscription blockquote{line-height:200%}.inscription .component.inscription #base,.inscription .component.inscription #pseudo{position:relative;width:100%;border:none;padding:9pt 0;margin:0;text-align:center;font-size:26px;font-weight:700;background:#fff;border-radius:3px}.inscription .component.inscription.color1 #pseudo{color:#510816}.inscription .component.inscription.color2 #pseudo{color:#0c0d44}.inscription .component.inscription.color3 #pseudo{color:#b17a00}.inscription .component.inscription.color4 #pseudo{color:#310948}.inscription .component.inscription.color5 #pseudo{color:#24500a}.inscription .component.inscription.color6 #pseudo{color:#004948}.inscription .component.inscription.color7 #pseudo{color:#401b13}.inscription .component.inscription.color8 #pseudo{color:#c3590b}.inscription .component.inscription.color9 #pseudo{color:#24500a}.inscription .component.inscription.color10 #pseudo{color:#4d0621}.inscription .component.inscription.color11 #pseudo{color:#10684c}.inscription .component.inscription.color12 #pseudo{color:#b17a00}.inscription .component.inscription .avatars{padding:5px;text-align:center}.inscription .component.inscription .avatar{position:relative;display:inline-block;margin:0 5px;padding:5px;background:#202020;border:solid 5px #0A0A0A;border-radius:100%}.inscription .component.inscription .avatar input{position:absolute;top:10px;left:10px}.inscription .component.inscription .avatar img{display:block;width:117px;cursor:pointer;border-radius:100%}.inscription .component.inscription.color1 .avatar:hover{border-color:#510816}.inscription .component.inscription.color2 .avatar:hover{border-color:#0c0d44}.inscription .component.inscription.color3 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color4 .avatar:hover{border-color:#310948}.inscription .component.inscription.color5 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color6 .avatar:hover{border-color:#004948}.inscription .component.inscription.color7 .avatar:hover{border-color:#401b13}.inscription .component.inscription.color8 .avatar:hover{border-color:#c3590b}.inscription .component.inscription.color9 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color10 .avatar:hover{border-color:#4d0621}.inscription .component.inscription.color11 .avatar:hover{border-color:#10684c}.inscription .component.inscription.color12 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color1 .avatar.active{border-color:#b01e2d}.inscription .component.inscription.color2 .avatar.active{border-color:#2f23c0}.inscription .component.inscription.color3 .avatar.active{border-color:#ffdb0f}.inscription .component.inscription.color4 .avatar.active{border-color:#a935c7}.inscription .component.inscription.color5 .avatar.active{border-color:#57c632}.inscription .component.inscription.color6 .avatar.active{border-color:#05bed7}.inscription .component.inscription.color7 .avatar.active{border-color:#ac5832}.inscription .component.inscription.color8 .avatar.active{border-color:#f2b636}.inscription .component.inscription.color9 .avatar.active{border-color:#57c632}.inscription .component.inscription.color10 .avatar.active{border-color:#a92859}.inscription .component.inscription.color11 .avatar.active{border-color:#34b089}.inscription .component.inscription.color12 .avatar.active{border-color:#ffdb0f}.inscription #alert{bottom:-9pt;z-index:10000}.inscription .build-item{min-height:60px}.inscription .build-item .name{padding-top:2px!important}.inscription .build-item .name strong{font-size:1pc!important}.inscription .build-item .name em{font-size:9pt!important}.color0 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor0.png) no-repeat top left}.color1 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor1.png) no-repeat top left}.color2 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor2.png) no-repeat top left}.color3 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor3.png) no-repeat top left}.color4 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor4.png) no-repeat top left}.color5 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor5.png) no-repeat top left}.color6 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor6.png) no-repeat top left}.color7 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor7.png) no-repeat top left}.color8 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor8.png) no-repeat top left}.color9 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor9.png) no-repeat top left}.color10 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor10.png) no-repeat top left}.color11 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor11.png) no-repeat top left}.color12 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor12.png) no-repeat top left}.ac_results{width:100%;padding:0;border:1px solid #4F4F4F;background-color:#fff;overflow:hidden;z-index:99999;box-shadow:0 0 6px #000;border-radius:3px}.ac_results ul{width:100%;padding:0;margin:0;list-style-position:outside;list-style:none}.ac_results ul li{padding:4px 8px;margin:0;cursor:default;display:block;border-bottom:solid 1px #CCC;overflow:hidden}.ac_results ul li:last-child{border:none}.ac_results .img{float:left;width:36px;background:#202020;border-radius:3px;margin:0 8px 0 0}.ac_results .value-1,.ac_results .value-2{display:block;line-height:18px}.ac_results .value-1{font-weight:700}.ac_loading{background:#fff url(src/desktop/module/indicator.gif) right center no-repeat}.ac_over{background:#efefef}.ac_results .ac_over strong{color:#000}.ac_results .ac_over img{background:#fff}
\ No newline at end of file
+html {
+ height: 100%;
+}
+body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Roboto', 'Trebuchet MS', 'Arial', sans-serif;
+ font-size: 13px;
+}
+.bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ max-width: 280px;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+}
+.bull.top:before {
+ bottom: -14px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+.bull.bottom:before {
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+}
+.bull.left:before {
+ right: 12px;
+}
+.bull.right:before {
+ left: 12px;
+}
+body {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: black;
+}
+#nav,
+#tools {
+ position: fixed;
+ width: 100%;
+ height: 26px;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ box-shadow: 0 0 10px black;
+ z-index: 1000;
+ border-color: #ffdb0f;
+}
+#nav {
+ top: 0;
+ left: 0;
+ background: url('src/desktop/nav/bNav.png') repeat-x black;
+ border-bottom: solid 3px black;
+}
+#tools {
+ bottom: 0;
+ left: 0;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ border-top: solid 3px black;
+}
+#container {
+ position: absolute;
+ top: 29px;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ background: black;
+ overflow: hidden;
+ z-index: 0;
+ background: url('src/desktop/global/background.jpg') repeat-x black;
+}
+.icon,
+.icon-color {
+ display: inline-block;
+ vertical-align: bottom;
+ padding: 2px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.icon-color {
+ background: #ffdb0f !important;
+}
+#background-paralax {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: no-repeat bottom left transparent;
+ z-index: 100;
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.profil {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.message {
+ background-image: url('src/desktop/screen/message.jpg');
+}
+#background-paralax.fleet {
+ background-image: url('src/desktop/screen/fleet.jpg');
+}
+#background-paralax.financial {
+ background-image: url('src/desktop/screen/financial.jpg');
+}
+#background-paralax.technology {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.rank {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.params {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.bases {
+ background-image: url('src/desktop/screen/base.jpg');
+}
+#movers a {
+ position: absolute;
+ width: 60px;
+ height: 100%;
+ z-index: 400;
+ background: red;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#movers a:hover,
+#movers a:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+#movers a:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+#movers .toLeft {
+ top: 0;
+ left: 60px;
+ background: url('src/desktop/mover/left.png') no-repeat center transparent;
+}
+#movers .toRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center transparent;
+}
+/* finance */
+.component.financial table {
+ border-collapse: collapse;
+ width: 100%;
+}
+.component.financial td {
+ vertical-align: top;
+ width: 50%;
+}
+/* uni */
+.component.uni .build-item {
+ height: 60px;
+ margin: 20px;
+}
+/* techno */
+.component.techno .build-item .name strong {
+ font-size: 16px;
+}
+/* school */
+.component.school .build-item .name strong {
+ font-size: 18px;
+}
+/* generator */
+.component.generator table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* dock1 */
+.component.dock1 table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* situation */
+.component.space .fix-body {
+ background: url('src/desktop/base/situation.jpg') no-repeat top left black;
+}
+/* memorial */
+.component.memorial blockquote {
+ font-size: 22px;
+ margin: 30px 15px 0 30px;
+ line-height: 160%;
+ font-weight: bold;
+ text-align: center;
+}
+.component .info-building {
+ margin: 10px;
+ padding: 0;
+ font-size: 13px;
+ border-top: solid 1px #4F4F4F;
+}
+.component .info-building h4 {
+ margin: 10px;
+}
+.component .info-building p {
+ font-size: 13px;
+}
+#tools .box a,
+#nav .box a,
+#tools .box > span,
+#nav .box > span {
+ position: relative;
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 25px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 150px;
+ color: white;
+ text-decoration: none;
+ font-variant: small-caps;
+ background: url('src/desktop/button/bButtonMiddle.png') repeat-x;
+}
+#tools .box a:before,
+#nav .box a:before,
+#tools .box > span:before,
+#nav .box > span:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonLeft.png') no-repeat;
+}
+#tools .box a:after,
+#nav .box a:after,
+#tools .box > span:after,
+#nav .box > span:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonRight.png') no-repeat;
+}
+#tools .box a.current-base,
+#nav .box a.current-base {
+ margin-left: 56px;
+}
+#tools .box a.current-base img,
+#nav .box a.current-base img {
+ position: absolute;
+ top: -16px;
+ left: -54px;
+ background: black;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ border: solid 2px #4F4F4F;
+ width: 60px;
+}
+#tools .box a:hover:before,
+#nav .box a:hover:before,
+#tools .box a:focus:before,
+#nav .box a:focus:before {
+ background: url('src/desktop/button/bButtonLeftHover.png') repeat;
+}
+#tools .box a:hover:after,
+#nav .box a:hover:after,
+#tools .box a:focus:after,
+#nav .box a:focus:after {
+ background: url('src/desktop/button/bButtonRightHover.png') repeat;
+}
+#tools .box a.active,
+#nav .box a.active {
+ background: url('src/desktop/button/bButtonMiddleActive.png') repeat;
+}
+#tools .box a.active:before,
+#nav .box a.active:before {
+ background: url('src/desktop/button/bButtonLeftActive.png') repeat;
+}
+#tools .box a.active:after,
+#nav .box a.active:after {
+ background: url('src/desktop/button/bButtonRightActive.png') repeat;
+}
+#tools .box a.square,
+#nav .box a.square {
+ position: relative;
+ padding: 0 5px;
+ margin: 5px 2px;
+ height: 32px;
+ width: 30px;
+ background: url('src/desktop/button/bLittleButton.png') no-repeat;
+ vertical-align: top;
+}
+#tools .box a.square:before,
+#nav .box a.square:before,
+#tools .box a.square:after,
+#nav .box a.square:after {
+ display: none;
+}
+#tools .box a.square:hover,
+#nav .box a.square:hover,
+#tools .box a.square:focus,
+#nav .box a.square:focus {
+ background: url('src/desktop/button/bLittleButtonHover.png') no-repeat;
+}
+#tools .box a.square.active,
+#nav .box a.square.active {
+ background: url('src/desktop/button/bLittleButtonActive-c12.png') no-repeat;
+}
+#tools .box a.square.active.flashy,
+#nav .box a.square.active.flashy {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: inset 0 0 12px #ffdb0f;
+}
+#tools .box a.square img,
+#nav .box a.square img {
+ position: absolute;
+ width: 24px;
+ top: 3px;
+ left: 8px;
+}
+#tools .box a.square span.number,
+#nav .box a.square span.number {
+ position: absolute;
+ top: -5px;
+ right: -5px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ font-size: 11px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ background: #b17a00;
+}
+#nav .box {
+ position: absolute;
+ display: inline-block;
+ height: 46px;
+ padding: 0 3px;
+ background: url('src/desktop/nav/bNavBox.png') repeat-x;
+}
+#nav .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxLeft.png') no-repeat;
+}
+#nav .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxRight.png') no-repeat;
+}
+#nav .box.left {
+ top: 0;
+ left: 25px;
+}
+#nav .box.left-2 {
+ top: 0;
+ left: 420px;
+}
+#nav .box.left-3 {
+ top: 0;
+ left: 732px;
+}
+#nav .box.right {
+ top: 0;
+ right: 25px;
+}
+#nav .box a.square span.number {
+ bottom: -5px;
+ top: auto;
+}
+#tools .box {
+ position: absolute;
+ display: inline-block;
+ height: 40px;
+ padding: 1px 3px 0 3px;
+ background: url('src/desktop/tools/bToolBox.png') repeat-x;
+ font-size: 13px;
+}
+#tools .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxRight.png') no-repeat;
+}
+#tools .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxLeft.png') no-repeat;
+}
+#tools .box.left {
+ bottom: 0;
+ right: 340px;
+}
+#tools .box.right {
+ bottom: 0;
+ right: 25px;
+}
+#tools .box a.square img {
+ top: 4px;
+}
+#tools .box a.resource-link,
+#tools .box span.resource-link {
+ width: 110px;
+ font-size: 16px;
+}
+#tools .box a.resource-link img.icon-color,
+#tools .box span.resource-link img.icon-color {
+ position: relative;
+ display: inline-block;
+ width: 18px;
+ vertical-align: middle;
+ margin-left: 5px;
+ top: -2px;
+ padding: 1px;
+}
+#nav .overbox .overflow,
+#tools .overbox .overflow {
+ max-height: 400px;
+ overflow: auto;
+ position: relative;
+}
+#nav .overbox h2,
+#tools .overbox h2 {
+ color: white;
+ padding: 10px 15px;
+ margin: 0;
+ font-size: 14px;
+ font-weight: normal;
+ border-bottom: solid 1px #202020;
+}
+#nav .overbox .link-title,
+#tools .overbox .link-title {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ line-height: 20px;
+ font-size: 11px;
+ padding: 0 5px;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ text-decoration: none;
+ color: white;
+}
+#nav .overbox a,
+#tools .overbox a {
+ color: inherit;
+}
+#nav .overbox a.more-link,
+#tools .overbox a.more-link {
+ display: block;
+ padding: 8px;
+ font-size: 12px;
+ border-top: solid 1px #202020;
+ text-align: center;
+ text-decoration: none;
+ color: #4F4F4F;
+}
+#nav .overbox a.more-link:focus,
+#tools .overbox a.more-link:focus,
+#nav .overbox a.more-link:hover,
+#tools .overbox a.more-link:hover {
+ color: #CCC;
+}
+#nav .overbox p.info,
+#tools .overbox p.info {
+ padding: 5px 15px;
+ font-size: 12px;
+ text-align: center;
+ color: #CCC;
+}
+#nav .overbox .outside-button,
+#tools .overbox .outside-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #dbb200;
+ border: solid 1px #b17a00;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+#nav .overbox .outside-button:hover,
+#tools .overbox .outside-button:hover,
+#nav .overbox .outside-button:focus,
+#tools .overbox .outside-button:focus {
+ background: #b17a00;
+ border-color: #dbb200;
+}
+#nav .overbox .outside-button.disabled,
+#tools .overbox .outside-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+#nav .overbox input.outside-button,
+#tools .overbox input.outside-button {
+ line-height: 26px;
+}
+#nav .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+}
+#nav .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent transparent #202020 transparent;
+ top: -18px;
+ right: 30px;
+}
+#nav .overbox#change-bases {
+ top: 50px;
+ left: 10px;
+ width: 205px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#change-bases:before {
+ left: 30px;
+ right: auto;
+}
+#nav .overbox#change-bases a {
+ display: block;
+ padding: 3px 15px;
+ color: #CCC;
+ text-decoration: none;
+ font-size: 12px;
+ border-bottom: solid 1px #101010;
+}
+#nav .overbox#change-bases a:focus,
+#nav .overbox#change-bases a:hover {
+ background: #101010;
+}
+#nav .overbox#change-bases a.active {
+ background: #202020;
+}
+#nav .overbox#change-bases strong {
+ display: block;
+ color: #CCC;
+ font-size: 13px;
+}
+#nav .overbox#disconnect-box {
+ top: 50px;
+ right: 10px;
+ width: 205px;
+ padding: 8px 0;
+}
+#nav .overbox#disconnect-box hr {
+ margin: 8px 0;
+ border: none;
+ background: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#disconnect-box a {
+ display: block;
+ padding: 0 15px;
+ line-height: 25px;
+ font-size: 13px;
+ color: #CCC;
+ text-decoration: none;
+}
+#nav .overbox#disconnect-box a:hover,
+#nav .overbox#disconnect-box a:focus {
+ color: white;
+ background: #202020;
+}
+#nav .overbox#bug-tracker {
+ width: 250px;
+ top: 50px;
+ right: 98px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#bug-tracker p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 10px;
+}
+#nav .overbox#bug-tracker .option {
+ margin: 3px 10px 10px 10px;
+ display: block;
+ width: 330px;
+ padding: 5px;
+}
+#nav .overbox#bug-tracker textarea {
+ display: block;
+ margin: 0 10px 10px 10px;
+ padding: 5px;
+ width: 318px;
+ height: 200px;
+ min-width: 318px;
+ max-width: 318px;
+ border: solid 1px #202020;
+ font-family: 'Trebuchet MS', sans-serif;
+ font-size: 13px;
+}
+#nav .overbox#bug-tracker .button {
+ display: block;
+ margin: 0 10px 2px 10px;
+}
+#nav .overbox#roadmap {
+ width: 350px;
+ top: 50px;
+ right: 10px;
+}
+#nav .overbox#roadmap .overflow {
+ width: 350px;
+ padding: 8px 0;
+}
+#nav .overbox#roadmap p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 0 10px 10px 10px;
+}
+#nav .overbox#roadmap p em {
+ display: block;
+ font-size: 11px;
+ color: #4F4F4F;
+}
+#nav .overbox#roadmap hr {
+ margin: 5px 0;
+ border: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial {
+ width: 350px;
+ top: 50px;
+ right: 143px;
+ color: white;
+}
+#nav .overbox#tutorial form {
+ padding: 0 0 10px 0;
+ margin: 0;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial .overflow {
+ padding: 15px 15px 0 15px;
+}
+#nav .overbox#tutorial .overflow h3 {
+ position: relative;
+ margin: 0;
+ padding: 0 0 0 36px;
+}
+#nav .overbox#tutorial .overflow h3 .number {
+ position: absolute;
+ top: -4px;
+ left: 0;
+ display: block;
+ width: 26px;
+ line-height: 26px;
+ text-align: center;
+ background: #b17a00;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ margin-right: 10px;
+}
+#nav .overbox#tutorial .overflow p {
+ font-size: 12px;
+ color: #CCC;
+}
+#nav .overbox#new-notifications {
+ top: 50px;
+ left: 627px;
+ width: 300px;
+}
+#tools .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ width: 300px;
+ bottom: 45px;
+ right: 15px;
+}
+#tools .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: #202020 transparent transparent transparent;
+ bottom: -18px;
+ right: 30px;
+}
+#tools .overbox.left-pic:before {
+ left: 30px;
+ right: auto;
+}
+#tools .overbox#tools-calendar {
+ left: 25px;
+ bottom: 45px;
+ right: auto;
+}
+#tools .overbox#tools-refinery {
+ right: 401px;
+ bottom: 45px;
+}
+#tools .overbox#tools-generator {
+ right: 237px;
+ bottom: 45px;
+}
+#tools .overbox#tools-technosphere {
+ right: 193px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock1 {
+ right: 148px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock2 {
+ right: 105px;
+ bottom: 45px;
+}
+#tools .overbox#tools-credit {
+ right: 140px;
+ bottom: 45px;
+}
+#tools .overbox#tools-incoming-attack {
+ right: 230px;
+ bottom: 45px;
+}
+#tools .overbox#tools-outgoing-attack {
+ right: 185px;
+ bottom: 45px;
+}
+#subnav {
+ position: fixed;
+ top: 29px;
+ left: 2px;
+ bottom: 29px;
+ padding: 40px 0;
+ width: 60px;
+ background: url('src/desktop/subnav/middle.png') repeat-y;
+ z-index: 1000;
+}
+#subnav hr {
+ border: none;
+ margin: 20px 0;
+}
+#subnav .overflow {
+ position: relative;
+}
+#subnav .move-side-bar {
+ display: none;
+ position: absolute;
+ z-index: 5000;
+ left: 5px;
+ width: 48px;
+ height: 48px;
+ line-height: 48px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.75);
+ background-position: center;
+ background-repeat: no-repeat;
+ border-radius: 100%;
+ cursor: pointer;
+}
+#subnav .move-side-bar:hover,
+#subnav .move-side-bar:focus {
+ box-shadow: 0 0 3px white;
+}
+#subnav .move-side-bar.top {
+ bottom: auto;
+ top: 20px;
+ background-image: url('src/desktop/component/top.png');
+}
+#subnav .move-side-bar.bottom {
+ bottom: 20px;
+ top: auto;
+ background-image: url('src/desktop/component/bottom.png');
+}
+#subnav .item {
+ position: relative;
+ display: block;
+ height: 50px;
+ width: 50px;
+ margin: 0 0 10px 0;
+ padding: 8px 5px;
+ color: white;
+ text-decoration: none;
+ background: url('src/desktop/subnav/button.png') no-repeat;
+}
+#subnav .item.active {
+ background: url('src/desktop/subnav/button-active-c12.png') no-repeat;
+}
+#subnav .item.striped {
+ background: url('src/desktop/subnav/button-striped.png') no-repeat;
+}
+#subnav .item:before {
+ content: '';
+ position: absolute;
+ right: -6px;
+ bottom: 0;
+ width: 12px;
+ height: 47px;
+ background: url('src/desktop/subnav/til.png') no-repeat;
+}
+#subnav .item:hover:before {
+ background: url('src/desktop/subnav/til-hover.png') no-repeat;
+}
+#subnav .item:hover > .content {
+ display: block;
+}
+#subnav .item .picto {
+ display: block;
+ height: 30px;
+ width: 30px;
+ padding: 10px;
+}
+#subnav .item .picto img {
+ display: block;
+ height: 30px;
+ width: 30px;
+}
+#subnav .item .picto .number {
+ position: absolute;
+ bottom: -5px;
+ right: -18px;
+ display: block;
+ width: 28px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ font-size: 12px;
+ background: url('src/desktop/subnav/number.png') no-repeat;
+}
+#subnav .item .content {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 75px;
+ width: 230px;
+}
+#subnav .item .content.skin-1 span {
+ display: inline-block;
+ margin: 15px 0 15px 16px;
+ padding: 0 15px;
+ line-height: 30px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-1 span:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content {
+ display: inline-block;
+ margin: 0 0 0 16px;
+ padding: 10px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-2 .sub-content:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content hr {
+ border: none;
+ border-top: solid 1px #4F4F4F;
+ margin: 5px 0;
+}
+#subnav .item .content.skin-2 .sub-content .ship {
+ position: relative;
+}
+#subnav .item .content.skin-2 .sub-content .ship img {
+ width: 32px;
+ height: 32px;
+}
+#subnav .item .content.skin-2 .sub-content .ship img.zero {
+ opacity: .5;
+}
+#subnav .item .content.skin-2 .sub-content .ship .number {
+ position: absolute;
+ bottom: -2px;
+ right: -2px;
+ width: 18px;
+ height: 18px;
+ line-height: 18px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ text-align: center;
+ background: #ffdb0f;
+}
+#alert-content {
+ display: none;
+}
+#alert {
+ position: absolute;
+ bottom: 18px;
+ left: 50px;
+ padding: 0;
+ text-align: right;
+ list-style: inset none;
+}
+#alert li {
+ position: relative;
+ display: inline-block;
+ margin: 0 0 0 5px;
+}
+#alert li img {
+ display: block;
+ height: 50px;
+ border: solid 1px #202020;
+ padding: 5px;
+ background: #0A0A0A;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.alert-bull {
+ display: block;
+ position: absolute;
+ z-index: 1200;
+ width: 200px;
+ padding: 6px 8px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.alert-bull .title {
+ display: block;
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+ border-bottom: solid 1px #4F4F4F;
+}
+.alert-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ bottom: -14px;
+ left: 24px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+#content {
+ position: absolute;
+ width: 8000px;
+ height: 100%;
+ top: 0;
+ left: 300px;
+ z-index: 200;
+}
+#content .component {
+ position: relative;
+ display: table-cell;
+ overflow: hidden;
+ width: 300px;
+ background: rgba(0, 0, 0, 0.92);
+}
+#content .component.size2 {
+ width: 600px;
+}
+#content .component.size3 {
+ width: 900px;
+}
+#content .component:nth-child(1) {
+ background: rgba(0, 0, 0, 0.6);
+}
+#content .component:nth-child(2) {
+ background: rgba(0, 0, 0, 0.75);
+}
+#content .component:nth-child(3) {
+ background: rgba(0, 0, 0, 0.85);
+}
+#content .component:nth-child(4) {
+ background: rgba(0, 0, 0, 0.9);
+}
+#content .component .head {
+ position: relative;
+ display: inline-block;
+ height: 120px;
+ width: 100%;
+ vertical-align: top;
+ color: white;
+ background: url('src/desktop/component/bHead.jpg') repeat-x center black;
+ border-bottom: solid 1px #202020;
+}
+#content .component .head h1 {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ font-size: 38px;
+ line-height: 50px;
+ height: 50px;
+ display: inline-block;
+ padding: 0 10px;
+ background: black;
+ overflow: hidden;
+}
+#content .component .fix-body {
+ position: relative;
+ overflow: auto;
+ color: white;
+ border-right: solid 1px #202020;
+}
+#content .component .fix-body .body {
+ position: relative;
+}
+.no-scrolling #content .component .fix-body {
+ overflow: hidden;
+}
+.no-scrolling #content .component .fix-body > a {
+ position: absolute;
+ width: 100%;
+ height: 40px;
+ left: 0;
+ opacity: 0;
+}
+.no-scrolling #content .component .fix-body.hover > a {
+ opacity: 1;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+.no-scrolling #content .component .fix-body .toTop {
+ top: 0;
+ background-image: url('src/desktop/component/top.png'), -webkit-gradient(linear, black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -moz-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -ms-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -o-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+}
+.no-scrolling #content .component .fix-body .toBottom {
+ bottom: 0;
+ background-image: url('src/desktop/component/bottom.png'), -webkit-gradient(linear, transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+}
+#content .component.invisible {
+ background: transparent;
+}
+#content .component.invisible .publicity {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: red;
+}
+.component .tool {
+ display: table;
+ width: 100%;
+ height: 44px;
+ margin: 0;
+ overflow: hidden;
+ background: black;
+ border-bottom: solid 1px #ffdb0f;
+ color: #4F4F4F;
+}
+.component .tool > span {
+ display: table-cell;
+ width: 28px;
+ border: solid 6px transparent;
+ border-left: none;
+}
+.component .tool > span:first-child {
+ border: solid 5px transparent;
+ width: auto;
+ text-align: center;
+}
+.component .tool > span:first-child a {
+ width: auto;
+}
+.component .tool > span a {
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 0;
+ line-height: 30px;
+ width: 30px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+ text-align: center;
+}
+.component .tool > span a img {
+ width: 18px;
+ position: relative;
+ top: -4px;
+}
+.component .tool > span a.active {
+ background: #dbb200;
+ color: white;
+ border-color: #ffdb0f;
+}
+.component .tool > span a.active.down {
+ box-shadow: 0 2px 0 0 #CCC;
+}
+.component .tool > span a.active.up {
+ box-shadow: 0 -2px 0 0 #CCC;
+}
+.component .tool > span a.active:hover,
+.component .tool > span a.active:focus {
+ color: #CCC;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
+}
+.component .tool > span a:hover,
+.component .tool > span a:focus,
+.component .tool > span a:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .tool.sort-button > span:first-child {
+ text-align: center;
+}
+.component h3 {
+ width: 100%;
+ margin: 0;
+ background: black;
+ text-align: center;
+ padding: 0 2px;
+ line-height: 44px;
+ font-weight: normal;
+ font-size: 14px;
+ color: #4F4F4F;
+ text-decoration: none;
+ border-bottom: solid 1px #ffdb0f;
+}
+.component h4 {
+ margin: 10px 10px 0 10px;
+ font-weight: normal;
+ font-size: 18px;
+}
+.component .body p {
+ margin: 10px;
+ font-size: 13px;
+ text-align: justify;
+}
+.component .body p.info {
+ position: relative;
+ border-top: solid 1px #202020;
+ padding: 10px;
+ margin: 10px;
+ line-height: 140%;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component .body p.info a {
+ color: white;
+}
+.component .body p.info .requierement {
+ display: inline-block;
+ margin: 0 0 0 8px;
+ vertical-align: bottom;
+ height: 16px;
+}
+.component .body p.long-info {
+ padding: 10px;
+ line-height: 150%;
+ background: black;
+}
+.component .body p .alone-button {
+ display: block;
+ text-align: center;
+ color: white;
+ line-height: 40px;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #4F4F4F;
+ box-shadow: inset 0 0 2px black;
+ padding: 0 10px;
+ background: #b17a00;
+}
+.component .body p .alone-button:hover,
+.component .body p .alone-button:focus {
+ background: #dbb200;
+}
+.component .border-bottom {
+ border-bottom: solid 3px #ffdb0f;
+}
+.component .list-type-1 {
+ margin: 10px;
+ padding: 0;
+ list-style: none;
+}
+.component .list-type-1 li {
+ position: relative;
+ padding: 5px 10px;
+ text-align: right;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: rgba(0, 0, 0, 0.8);
+ color: #989898;
+}
+.component .list-type-1 li.strong {
+ border-top: double 3px #4F4F4F;
+ background: #111111;
+ color: white;
+}
+.component .list-type-1 li.empty {
+ background: none;
+ border: none;
+ height: 50px;
+}
+.component .list-type-1 li ul li {
+ height: auto;
+}
+.component .list-type-1 .label {
+ display: block;
+ font-size: 13px;
+}
+.component .list-type-1 .label .icon-color {
+ width: 15px;
+ padding: 1px;
+}
+.component .list-type-1 .value {
+ display: inline-block;
+ font-size: 22px;
+ line-height: 30px;
+ font-weight: bold;
+}
+.component .list-type-1 .value .icon,
+.component .list-type-1 .value .icon-color {
+ height: 18px;
+ margin-left: 8px;
+ position: relative;
+ top: -3px;
+}
+.component .list-type-1 .picto {
+ position: absolute;
+ top: 7px;
+ left: 10px;
+ height: 35px;
+ width: 35px;
+ line-height: 35px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+ font-size: 16px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+}
+.component .list-type-1 .picto.color1 {
+ background: #510816;
+}
+.component .list-type-1 .picto.color2 {
+ background: #0c0d44;
+}
+.component .list-type-1 .picto.color3 {
+ background: #b17a00;
+}
+.component .list-type-1 .picto.color4 {
+ background: #310948;
+}
+.component .list-type-1 .picto.color5 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color6 {
+ background: #004948;
+}
+.component .list-type-1 .picto.color7 {
+ background: #401b13;
+}
+.component .list-type-1 .picto.color8 {
+ background: #c3590b;
+}
+.component .list-type-1 .picto.color9 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color10 {
+ background: #4d0621;
+}
+.component .list-type-1 .picto.color11 {
+ background: #10684c;
+}
+.component .list-type-1 .picto.color12 {
+ background: #b17a00;
+}
+.component .list-type-1 .hide {
+ color: #4F4F4F;
+}
+.component .list-type-1 .buttons {
+ position: absolute;
+ top: 28px;
+ left: 5px;
+}
+.component .list-type-1 .buttons a {
+ display: inline-block;
+ margin: 0 4px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-style: 14px;
+ color: white;
+ border-radius: 3px;
+ background: #dbb200;
+}
+.component .list-type-1 .progress-bar {
+ text-align: left;
+ margin-top: 5px;
+}
+.component .sub-list-type-1 {
+ display: none;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.component .sub-list-type-1 li {
+ position: relative;
+ padding: 2px 0;
+ text-align: left;
+ border: none;
+ border-top: solid 1px #0A0A0A;
+}
+.component .sub-list-type-1 .label {
+ display: inline-block;
+ width: 60%;
+}
+.component .sub-list-type-1 .label .button {
+ position: relative;
+ left: -4px;
+ margin: 0 0 0 3px;
+}
+.component .sub-list-type-1 .value {
+ text-align: right;
+ line-height: 25px;
+ font-size: 18px;
+ width: 40%;
+}
+.component .sub-list-type-1 .value .button {
+ margin: 0 2px 0 6px;
+}
+.component .sub-list-type-1 .button {
+ display: inline-block;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: normal;
+ color: white;
+ border-radius: 3px;
+ background: #ffdb0f;
+}
+.component .list-type-1 form {
+ z-index: 1;
+ position: absolute;
+ display: none;
+ bottom: -40px;
+ right: 3px;
+}
+.component .list-type-1 form p {
+ position: relative;
+ background: white;
+ border-radius: 3px;
+ padding: 0;
+ margin: 0;
+ width: 200px;
+ height: 35px;
+}
+.component .list-type-1 form p:before {
+ content: '';
+ position: absolute;
+ top: -12px;
+ right: 12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+}
+.component .list-type-1 form input {
+ border: none;
+ background: none;
+ line-height: 35px;
+ height: 35px;
+ padding: 0 10px;
+}
+.component .list-type-1 form input[type='text'] {
+ width: 140px;
+}
+.component .list-type-1 form input[type='submit'] {
+ width: 40px;
+}
+.component .sub-list-type-1 form {
+ right: -6px;
+}
+/* NUMBER BOX */
+.number-box {
+ position: relative;
+ margin: 10px;
+ padding: 5px 10px;
+ background: black;
+ color: white;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ border-left: solid 10px #dbb200;
+}
+.number-box.half {
+ display: inline-block;
+ width: 254px;
+ margin-right: 0;
+ margin-bottom: 0;
+}
+.number-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.number-box.text {
+ border-left: solid 1px #0A0A0A;
+}
+.number-box.text a {
+ text-decoration: none;
+ color: white;
+}
+.number-box .label {
+ display: block;
+}
+.number-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.number-box .value .icon-color {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+.number-box .progress-bar {
+ margin: 5px 0;
+}
+.number-box .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.number-box .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #dbb200;
+}
+/* PROGRESS BAR */
+.progress-bar {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 3px;
+ background: #4F4F4F;
+}
+.progress-bar .content {
+ position: relative;
+ display: inline-block;
+ height: 3px;
+ vertical-align: top;
+ overflow: hidden;
+ max-width: 100%;
+}
+.progress-bar .content:nth-child(n) {
+ background: #ffdb0f;
+}
+.progress-bar .content:nth-child(2n) {
+ background: #b17a00;
+}
+.progress-bar .content.color1 {
+ background: #6e161b;
+}
+.progress-bar .content.color2 {
+ background: #1f1471;
+}
+.progress-bar .content.color3 {
+ background: #dbb200;
+}
+.progress-bar .content.color4 {
+ background: #5a1072;
+}
+.progress-bar .content.color5 {
+ background: #2c7915;
+}
+.progress-bar .content.color6 {
+ background: #076b87;
+}
+.progress-bar .content.color7 {
+ background: #67331d;
+}
+.progress-bar .content.color8 {
+ background: #d87913;
+}
+.progress-bar .content.color9 {
+ background: #2c7915;
+}
+.progress-bar .content.color10 {
+ background: #760f36;
+}
+.progress-bar .content.color11 {
+ background: #219772;
+}
+.progress-bar .content.color12 {
+ background: #dbb200;
+}
+.progress-bar .step {
+ position: absolute;
+}
+.progress-bar .step .label {
+ position: absolute;
+ display: block;
+ width: 150px;
+ left: 0;
+ top: -28px;
+}
+.progress-bar .step .label.bottom {
+ top: auto;
+ bottom: -28px;
+}
+.progress-bar .step .label.right {
+ right: 0;
+ left: auto;
+ text-align: right;
+}
+.progress-bar .step:before {
+ content: '';
+ position: absolute;
+ width: 12px;
+ height: 12px;
+ background: #dbb200;
+ box-shadow: 0 0 0 3px #b17a00;
+ border-radius: 100%;
+ top: -5px;
+ left: -5px;
+}
+/* BONUS */
+.bonus {
+ vertical-align: top;
+ display: inline-block;
+ font-size: 55%;
+ line-height: 100%;
+ padding: 3px;
+ margin: 2px 0 0 8px;
+ border-radius: 3px;
+ font-weight: normal;
+ background: #b17a00;
+}
+/* HEAD */
+.component .head.skin-1 img {
+ position: absolute;
+ top: 22px;
+ left: 20px;
+ padding: 8px;
+ width: 60px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .head.skin-1 img:before {
+ content: '';
+ width: 100px;
+ height: 100px;
+}
+.component .head.skin-1 h2 {
+ position: absolute;
+ bottom: 66px;
+ left: 105px;
+ font-size: 22px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-1 em {
+ position: absolute;
+ top: 62px;
+ left: 105px;
+ font-size: 13px;
+ line-height: 16px;
+ font-style: normal;
+}
+.component .head.skin-2 h2 {
+ position: absolute;
+ display: inline-block;
+ top: 45px;
+ left: 10px;
+ font-size: 22px;
+ line-height: 30px;
+ margin: 0;
+ padding: 0 10px;
+ background: black;
+ font-weight: normal;
+}
+.component .head.skin-3 img {
+ position: absolute;
+ width: 50px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 27px;
+}
+.component .head.skin-3 img.left {
+ left: 40px;
+}
+.component .head.skin-3 img.right {
+ right: 40px;
+}
+.component .head.skin-4 img.main {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 37px;
+}
+.component .head.skin-4 h2 {
+ position: absolute;
+ top: 35px;
+ left: 60px;
+ font-size: 18px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-4 em {
+ position: absolute;
+ top: 65px;
+ left: 60px;
+ font-size: 13px;
+ line-height: 16px;
+}
+.component .head.skin-5 h2 {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ font-size: 16px;
+ font-weight: normal;
+ margin: 0;
+ padding: 0 20px;
+ background: black;
+}
+.component .head.skin-5 h2:before {
+ content: '';
+ position: absolute;
+ display: block;
+ top: 5px;
+ left: 0;
+ width: 8px;
+ height: 8px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .more-item,
+.component .more-button {
+ display: block;
+ margin: 10px 10px 5px;
+ line-height: 34px;
+ padding: 0 12px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+}
+.component .more-item:hover,
+.component .more-button:hover,
+.component .more-item:focus,
+.component .more-button:focus,
+.component .more-item:active,
+.component .more-button:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .nav-element {
+ position: relative;
+ display: block;
+ margin: 10px;
+ height: 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component .nav-element img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ height: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component .nav-element.active {
+ background: #dbb200;
+}
+.component .nav-element .active img {
+ background: black;
+}
+.component .nav-element strong {
+ position: absolute;
+ top: 5px;
+ left: 70px;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component .nav-element em {
+ position: absolute;
+ top: 30px;
+ left: 70px;
+ color: white;
+ font-weight: normal;
+ font-size: 12px;
+ font-style: normal;
+ color: #efefef;
+}
+.component hr {
+ border: none;
+ border-bottom: dashed 1px #202020;
+ margin: 0 10px;
+}
+.component .set-item {
+ margin: 10px;
+ border-bottom: solid 1px #202020;
+}
+.component .set-item a.item:hover,
+.component .set-item a.item:focus {
+ background-color: #0c0c0c;
+}
+.component .set-item .item {
+ position: relative;
+ display: block;
+ color: white;
+ height: 60px;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+}
+.component .set-item .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+}
+.component .set-item .item .left img {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left img.color1 {
+ background: #6e161b;
+}
+.component .set-item .item .left img.color2 {
+ background: #1f1471;
+}
+.component .set-item .item .left img.color3 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.color4 {
+ background: #5a1072;
+}
+.component .set-item .item .left img.color5 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color6 {
+ background: #076b87;
+}
+.component .set-item .item .left img.color7 {
+ background: #67331d;
+}
+.component .set-item .item .left img.color8 {
+ background: #d87913;
+}
+.component .set-item .item .left img.color9 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color10 {
+ background: #760f36;
+}
+.component .set-item .item .left img.color11 {
+ background: #219772;
+}
+.component .set-item .item .left img.color12 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.round-color0 {
+ box-shadow: 0 0 0 2px #CCC;
+}
+.component .set-item .item .left img.round-color1 {
+ box-shadow: 0 0 0 2px #b01e2d;
+}
+.component .set-item .item .left img.round-color2 {
+ box-shadow: 0 0 0 2px #2f23c0;
+}
+.component .set-item .item .left img.round-color3 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left img.round-color4 {
+ box-shadow: 0 0 0 2px #a935c7;
+}
+.component .set-item .item .left img.round-color5 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color6 {
+ box-shadow: 0 0 0 2px #05bed7;
+}
+.component .set-item .item .left img.round-color7 {
+ box-shadow: 0 0 0 2px #ac5832;
+}
+.component .set-item .item .left img.round-color8 {
+ box-shadow: 0 0 0 2px #f2b636;
+}
+.component .set-item .item .left img.round-color9 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color10 {
+ box-shadow: 0 0 0 2px #a92859;
+}
+.component .set-item .item .left img.round-color11 {
+ box-shadow: 0 0 0 2px #34b089;
+}
+.component .set-item .item .left img.round-color12 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left span {
+ display: block;
+ width: 30px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 15px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left span.round-color0 {
+ background: #CCC;
+}
+.component .set-item .item .left span.round-color1 {
+ background: #b01e2d;
+}
+.component .set-item .item .left span.round-color2 {
+ background: #2f23c0;
+}
+.component .set-item .item .left span.round-color3 {
+ background: #ffdb0f;
+}
+.component .set-item .item .left span.round-color4 {
+ background: #a935c7;
+}
+.component .set-item .item .left span.round-color5 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color6 {
+ background: #05bed7;
+}
+.component .set-item .item .left span.round-color7 {
+ background: #ac5832;
+}
+.component .set-item .item .left span.round-color8 {
+ background: #f2b636;
+}
+.component .set-item .item .left span.round-color9 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color10 {
+ background: #a92859;
+}
+.component .set-item .item .left span.round-color11 {
+ background: #34b089;
+}
+.component .set-item .item .left span.round-color12 {
+ background: #ffdb0f;
+}
+.component .set-item .item .center {
+ position: absolute;
+ top: 0;
+ left: 60px;
+ right: 30px;
+ bottom: 0;
+ padding: 9px 0;
+}
+.component .set-item .item .center strong {
+ display: block;
+ line-height: 22px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+}
+.component .set-item .item .center a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+}
+.component .set-item .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 29px;
+ border-left: solid 1px #202020;
+}
+.component .set-item .item .right a {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 29px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+}
+.component .set-item .item .right a:hover,
+.component .set-item .item .right a:focus,
+.component .set-item .item .right a.active {
+ background-color: #202020;
+}
+.component .set-item .item .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.component .set-item .item .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #dbb200;
+}
+.army-bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ width: 220px;
+ color: #CCC;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.army-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+ left: 18px;
+}
+.army-bull strong {
+ display: block;
+ padding-bottom: 5px;
+ margin-bottom: 5px;
+ border-bottom: solid 1px #4F4F4F;
+ font-weight: normal;
+}
+.army-bull .label {
+ display: inline-block;
+ width: 70px;
+}
+.army-bull .value {
+ display: inline-block;
+ width: 40px;
+}
+.component .build-item {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ width: 278px;
+}
+.component .build-item a {
+ color: white;
+}
+.component .build-item .name {
+ position: relative;
+ height: 40px;
+ padding: 5px 5px 5px 90px;
+}
+.component .build-item .name img {
+ z-index: 20;
+ position: absolute;
+ top: -10px;
+ left: 5px;
+ width: 60px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .build-item .name strong {
+ display: block;
+ font-size: 18px;
+}
+.component .build-item .level {
+ display: block;
+ position: absolute;
+ width: 22px;
+ line-height: 22px;
+ text-align: center;
+ font-size: 12px;
+ border-radius: 100%;
+ top: 38px;
+ left: 58px;
+ border: solid 1px white;
+ z-index: 22;
+ background: #dbb200;
+}
+.component .build-item .info {
+ display: none;
+ position: absolute;
+ width: 20px;
+ line-height: 20px;
+ text-align: center;
+ font-size: 16px;
+ text-decoration: none;
+ border-radius: 3px;
+ top: 5px;
+ right: 5px;
+ background: #dbb200;
+ color: white;
+}
+.component .build-item .name-commander {
+ margin: 10px 10px 0 10px;
+ height: 40px;
+ padding: 0 10px;
+ border: none;
+ background: white;
+ border-radius: 3px;
+ width: 240px;
+ text-align: center;
+ font-size: 16px;
+}
+.component .build-item .button {
+ display: block;
+ margin: 10px;
+ padding: 5px 10px;
+ width: 240px;
+ line-height: 20px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ background: #dbb200;
+ box-shadow: inset 0 0 2px black;
+ border: none;
+ cursor: pointer;
+ min-height: 36px;
+}
+.component .build-item .button:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #ffdb0f;
+}
+.component .build-item .button.disable {
+ background: #202020;
+ cursor: default;
+}
+.component .build-item .button .icon-color {
+ width: 14px;
+}
+.component .build-item button.button {
+ width: 260px;
+}
+.component .build-item .ship-pack {
+ z-index: 10;
+ position: absolute;
+ bottom: 15px;
+ left: 15px;
+ width: 60px;
+ height: 40px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ background: white;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ border-radius: 3px;
+ box-shadow: inset 0 0 0 3px #CCC;
+}
+.component .build-item .ship-illu {
+ width: 260px;
+ margin: 5px 10px;
+ overflow: hidden;
+}
+.component .build-item .ship-illu img {
+ width: 100%;
+}
+.component .build-item.disabled {
+ opacity: .3;
+}
+.component .build-item.disabled .name img {
+ opacity: .50;
+}
+.component .build-item.disabled strong {
+ color: #4F4F4F;
+}
+.component .build-item.disabled .button.disable {
+ color: #696969;
+}
+.component .build-item.disabled .button.disable:hover {
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component .build-item.large {
+ width: 578px;
+}
+.component .build-item.large .info {
+ top: 75px;
+ right: 25px;
+}
+.component .build-item.large .button {
+ display: block;
+ top: -3px;
+ right: 0;
+ line-height: 18px;
+ width: 540px;
+ min-height: 36px;
+}
+.component .build-item.large .ship-illu {
+ width: 560px;
+ margin-top: 10px;
+}
+.component .build-item input {
+ display: block;
+ width: 243px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component .build-item select {
+ display: block;
+ width: 260px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component.panel-info .remove-info {
+ display: block;
+ position: absolute;
+ top: 2px;
+ right: 10px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ color: white;
+ border-radius: 3px;
+ background: #b17a00;
+}
+.component.panel-info .table {
+ margin: 10px;
+}
+.component.panel-info .table table {
+ width: 100%;
+ text-align: right;
+ border-collapse: collapse;
+ background: black;
+}
+.component.panel-info .table td {
+ border: solid 1px #202020;
+ padding: 6px 8px;
+}
+.component.panel-info .table tr.small-grey {
+ background: #0A0A0A;
+}
+.component.panel-info .table tr.active td {
+ background: #0A0A0A;
+ border-bottom: solid 1px #4F4F4F;
+}
+.component.panel-info .table .icon-color {
+ width: 12px;
+}
+.component.panel-info .illu {
+ margin: 0 10px;
+ box-shadow: inset 0 0 5px black;
+}
+.component.panel-info .skill-box {
+ position: relative;
+ margin: 0 10px;
+ padding: 5px 10px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+}
+.component.panel-info .skill-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.component.panel-info .skill-box .label {
+ display: block;
+}
+.component.panel-info .skill-box .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.panel-info .skill-box .value .icon-color {
+ width: 18px;
+}
+.component.panel-info .skill-box .progress-bar {
+ margin: 6px 0 2px 0;
+}
+.splash-screen {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 10000;
+ opacity: 0;
+ background: rgba(0, 0, 0, 0.8);
+}
+.splash-screen .modal {
+ width: 500px;
+ height: 140px;
+ position: absolute;
+ top: 80px;
+ right: 3000px;
+ background: #0A0A0A;
+ padding: 25px 175px 25px 75px;
+ color: white;
+ border-radius: 140px;
+ border: solid 1px #202020;
+}
+.splash-screen .modal h1 {
+ font-size: 36px;
+ margin: 0;
+ padding: 0 0 10px 0;
+}
+.splash-screen .modal h2 {
+ font-size: 20px;
+ margin: 0;
+ padding: 0;
+}
+.splash-screen .modal img {
+ position: absolute;
+ top: -15px;
+ right: -50px;
+ width: 200px;
+ padding: 10px;
+ background: #202020;
+ border-radius: 100%;
+ border: solid 1px #4F4F4F;
+}
+.splash-screen .modal:before {
+ content: '';
+ position: absolute;
+ top: -80px;
+ right: 20px;
+ border-color: transparent transparent #4F4F4F transparent;
+ border-width: 40px;
+ border-style: solid;
+}
+.common-link {
+ color: white;
+}
+.component .top-right-button {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ padding: 0 10px;
+ line-height: 30px;
+ color: white;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #dbb200;
+ z-index: 1;
+}
+.component .top-right-button:hover,
+.component .top-right-button:focus {
+ background: #b17a00;
+}
+.alert {
+ display: block;
+ margin: 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ text-decoration: none;
+ color: white;
+ background: #dbb200;
+ border-radius: 3px;
+ box-shadow: 0 0 2px black;
+}
+.common-link {
+ display: block;
+ margin: 10px;
+ color: white;
+ text-decoration: none;
+}
+.text-bloc a {
+ display: inline-block;
+ color: inherit;
+ opacity: .60;
+}
+.text-bloc a:hover,
+.text-bloc a:focus {
+ opacity: 1;
+}
+.queue {
+ margin: 10px;
+ color: white;
+}
+.queue .item {
+ position: relative;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ min-height: 60px;
+ display: block;
+}
+.queue .item.empty {
+ background: #0A0A0A;
+}
+.queue .item.empty strong {
+ font-weight: normal;
+}
+.queue .item.link {
+ min-height: 0;
+ padding: 10px;
+ color: #4F4F4F;
+ text-decoration: none;
+}
+.queue .item.link:hover,
+.queue .item.link:focus {
+ color: #CCC;
+}
+.queue .item a.button {
+ position: absolute;
+ display: block;
+ top: 2px;
+ right: 5px;
+ color: white;
+ text-decoration: none;
+}
+.queue .item a {
+ color: #CCC;
+}
+.queue .item .group-link {
+ position: absolute;
+ top: 9px;
+ right: 9px;
+}
+.queue .item .group-link a {
+ display: block;
+ width: 20px;
+ line-height: 20px;
+ margin: 0 0 5px 0;
+ border-radius: 3px;
+ color: white;
+ text-align: center;
+ text-decoration: none;
+ background: #dbb200;
+}
+.queue .item .group-link a:hover,
+.queue .item .group-link a:focus {
+ background: #ffdb0f;
+}
+.queue .item .picto {
+ float: left;
+ width: 40px;
+ height: 40px;
+ margin: 5px;
+ padding: 5px;
+ background: black;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.queue .item strong {
+ display: block;
+ margin: 6px 0 2px 0;
+}
+.queue .item strong .level {
+ font-size: 11px;
+ color: #CCC;
+}
+.queue .item .big {
+ font-size: 24px;
+}
+.queue .item em {
+ display: block;
+ font-style: normal;
+ color: #AEAEAE;
+}
+.queue .item .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 5px;
+ height: 3px;
+ background: #4F4F4F;
+}
+.queue .item .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #ffdb0f;
+}
+.choose-government {
+ display: block;
+ margin: 10px;
+ padding: 10px;
+ background: #0A0A0A;
+ border-radius: 3px;
+}
+.choose-government select {
+ display: block;
+ width: 100%;
+ padding: 8px;
+}
+.choose-government button {
+ display: block;
+ width: 100%;
+ margin: 10px 0 0 0;
+ padding: 0 10px;
+ line-height: 30px;
+ border: none;
+ color: white;
+ cursor: pointer;
+ background: #dbb200;
+}
+.choose-government button:hover,
+.choose-government button:focus {
+ background: #b17a00;
+}
+.evolution {
+ background: black;
+ margin: 10px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+}
+.evolution .header {
+ padding: 10px;
+ border-bottom: solid 1px #202020;
+ color: #EFEFEF;
+}
+.evolution .diargam {
+ padding: 10px;
+ background: #0A0A0A;
+}
+.evolution .diargam .progress-bar {
+ background: #0A0A0A !important;
+ height: 20px;
+ padding-bottom: 1px;
+}
+.evolution .diargam .progress-bar .content {
+ height: 20px;
+ line-height: 20px;
+ font-size: 12px;
+ color: white;
+ padding-left: 5px;
+}
+.evolution .diargam .progress-bar:nth-child(odd) .content {
+ background: #dbb200 !important;
+}
+.centred-link {
+ display: block;
+ width: 300px;
+ text-align: center;
+ margin: 0 auto;
+ text-decoration: none;
+ padding: 6px 10px;
+ color: #EFEFEF;
+ background: #dbb200;
+ border: solid 1px #b17a00;
+}
+.centred-link:hover,
+.centred-link:focus {
+ background: #b17a00;
+ border-color: #dbb200;
+ color: white;
+}
+span.centred-link {
+ background: #202020;
+ border: solid 1px #0A0A0A;
+ color: #4F4F4F;
+}
+span.centred-link:hover,
+span.centred-link:focus {
+ background: #202020;
+ border-color: #0A0A0A;
+ color: #4F4F4F;
+}
+.component.profil .center-box {
+ margin: 20px 10px 0;
+ color: white;
+ text-align: center;
+}
+.component.profil .center-box .label {
+ display: block;
+}
+.component.profil .center-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.profil .profil-flag {
+ position: relative;
+ width: 222px;
+ height: 460px;
+ margin: 0 auto;
+}
+.component.profil .profil-flag img {
+ position: relative;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ padding: 10px;
+ border-radius: 100%;
+ margin: 20px auto;
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+ z-index: 1;
+}
+.component.profil .profil-flag.color-1 img {
+ box-shadow: 0 0 0 4px #6e161b, 0 0 20px black;
+}
+.component.profil .profil-flag.color-2 img {
+ box-shadow: 0 0 0 4px #1f1471, 0 0 20px black;
+}
+.component.profil .profil-flag.color-3 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag.color-4 img {
+ box-shadow: 0 0 0 4px #5a1072, 0 0 20px black;
+}
+.component.profil .profil-flag.color-5 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-6 img {
+ box-shadow: 0 0 0 4px #076b87, 0 0 20px black;
+}
+.component.profil .profil-flag.color-7 img {
+ box-shadow: 0 0 0 4px #67331d, 0 0 20px black;
+}
+.component.profil .profil-flag.color-8 img {
+ box-shadow: 0 0 0 4px #d87913, 0 0 20px black;
+}
+.component.profil .profil-flag.color-9 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-10 img {
+ box-shadow: 0 0 0 4px #760f36, 0 0 20px black;
+}
+.component.profil .profil-flag.color-11 img {
+ box-shadow: 0 0 0 4px #219772, 0 0 20px black;
+}
+.component.profil .profil-flag.color-12 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag:before {
+ display: block;
+ position: absolute;
+ content: '';
+ top: 218px;
+ left: 33px;
+ width: 154px;
+ height: 241px;
+ background: url('src/desktop/faction/flag/flag-12.png') no-repeat;
+}
+.component.profil .profil-flag.color-1:before {
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.profil .profil-flag.color-2:before {
+ background: url('src/desktop/faction/flag/flag-2.png') no-repeat;
+}
+.component.profil .profil-flag.color-3:before {
+ background: url('src/desktop/faction/flag/flag-3.png') no-repeat;
+}
+.component.profil .profil-flag.color-4:before {
+ background: url('src/desktop/faction/flag/flag-4.png') no-repeat;
+}
+.component.profil .profil-flag.color-5:before {
+ background: url('src/desktop/faction/flag/flag-5.png') no-repeat;
+}
+.component.profil .profil-flag.color-6:before {
+ background: url('src/desktop/faction/flag/flag-6.png') no-repeat;
+}
+.component.profil .profil-flag.color-7:before {
+ background: url('src/desktop/faction/flag/flag-7.png') no-repeat;
+}
+.component.profil .profil-flag.color-8:before {
+ background: url('src/desktop/faction/flag/flag-8.png') no-repeat;
+}
+.component.profil .profil-flag.color-9:before {
+ background: url('src/desktop/faction/flag/flag-9.png') no-repeat;
+}
+.component.profil .profil-flag.color-10:before {
+ background: url('src/desktop/faction/flag/flag-10.png') no-repeat;
+}
+.component.profil .profil-flag.color-11:before {
+ background: url('src/desktop/faction/flag/flag-11.png') no-repeat;
+}
+.component.profil .profil-flag.color-12:before {
+ background: url('src/desktop/faction/flag/flag-12.png') no-repeat;
+}
+.component.profil .profil-flag .level {
+ z-index: 2;
+ display: block;
+ position: absolute;
+ top: 184px;
+ right: 2px;
+ width: 36px;
+ height: 36px;
+ text-align: center;
+ line-height: 36px;
+ background: #0A0A0A;
+ border: 3px solid #dbb200;
+ border-radius: 100%;
+}
+.component.profil .profil-flag.color-1 .level {
+ border-color: #6e161b;
+}
+.component.profil .profil-flag.color-2 .level {
+ border-color: #1f1471;
+}
+.component.profil .profil-flag.color-3 .level {
+ border-color: #dbb200;
+}
+.component.profil .profil-flag.color-4 .level {
+ border-color: #5a1072;
+}
+.component.profil .profil-flag.color-5 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-6 .level {
+ border-color: #076b87;
+}
+.component.profil .profil-flag.color-7 .level {
+ border-color: #67331d;
+}
+.component.profil .profil-flag.color-8 .level {
+ border-color: #d87913;
+}
+.component.profil .profil-flag.color-9 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-10 .level {
+ border-color: #760f36;
+}
+.component.profil .profil-flag.color-11 .level {
+ border-color: #219772;
+}
+.component.profil .profil-flag.color-12 .level {
+ border-color: #dbb200;
+}
+.component.profil .faction-flag {
+ display: block;
+ content: '';
+ width: 154px;
+ height: 241px;
+ margin: 0 auto;
+ background: url('src/desktop/faction/flag/flag-12.png') no-repeat;
+}
+.component.search-player {
+ position: relative;
+ background: transparent !important;
+}
+.component.search-player .box {
+ position: absolute;
+ top: 60px;
+ left: 50px;
+ width: 440px;
+ color: white;
+}
+.component.search-player .top {
+ background: rgba(0, 0, 0, 0.4);
+ padding: 10px;
+ border-radius: 3px 3px 0 0;
+}
+.component.search-player .top label {
+ display: block;
+ font-size: 16px;
+}
+.component.search-player .top input {
+ display: block;
+ border: none;
+ height: 40px;
+ width: 400px;
+ padding: 0 10px;
+ margin: 10px 0 0 0;
+ font-size: 20px;
+ color: #202020;
+ border-radius: 3px;
+}
+.component.search-player .center {
+ background: rgba(0, 0, 0, 0.8);
+ padding: 10px 25px 10px 10px;
+ min-height: 140px;
+ border-radius: 0 0 3px 3px;
+}
+.component.search-player .center .avatar {
+ float: left;
+ position: relative;
+ left: -20px;
+ width: 120px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: #0A0A0A;
+}
+.component.search-player .center .right {
+ margin-left: 140px;
+}
+.component.search-player .center h1 {
+ margin: 10px 0 0 0;
+ padding: 0;
+}
+.component.search-player .center hr {
+ margin: 10px 0;
+ border-color: #4F4F4F;
+}
+.component.search-player .center p {
+ margin: 5px 0;
+ padding: 0;
+}
+.component.search-player .center p span {
+ display: inline-block;
+ background: red;
+ line-height: 28px;
+ padding: 0 10px;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ border-right: none;
+}
+.component.search-player .center p span:first-child {
+ border-radius: 3px 0 0 3px;
+}
+.component.search-player .center p span:last-child {
+ border-radius: 0 3px 3px 0;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+}
+.component.search-player.color1 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component.search-player.color2 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component.search-player.color3 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.search-player.color4 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component.search-player.color5 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color6 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component.search-player.color7 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component.search-player.color8 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component.search-player.color9 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color10 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.component.search-player.color11 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.component.search-player.color12 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.new-message p.input {
+ position: relative;
+ background: white;
+ padding: 10px;
+ border-radius: 3px;
+}
+.component.new-message p.input:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ height: 0;
+ top: -12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+ left: 20px;
+}
+.component.new-message label {
+ display: block;
+ font-size: 13px;
+}
+.component.new-message .input-text input {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.new-message .input-area textarea {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+ max-width: 100%;
+ min-width: 100%;
+ height: 200px;
+}
+.component.new-message button {
+ display: inline-block;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 15px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #ffdb0f;
+}
+.component.new-message button:hover,
+.component.new-message button:focus {
+ background: #b17a00;
+}
+.notif {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border-top: solid 1px #4F4F4F;
+ border-right: solid 1px #202020;
+ border-left: solid 1px #202020;
+}
+.notif h4 {
+ position: relative;
+ overflow: hidden;
+ margin: 0;
+ padding: 0 10px;
+ font-size: 14px;
+ line-height: 30px;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+ font-weight: normal;
+ cursor: pointer;
+ color: white;
+}
+.notif.unreaded h4:before {
+ position: absolute;
+ content: '';
+ width: 40px;
+ height: 40px;
+ background: white;
+ top: -5px;
+ right: -15px;
+ background: #ffdb0f;
+ -webkit-transform: rotate(100deg);
+ -moz-transform: rotate(100deg);
+ -ms-transform: rotate(100deg);
+ -o-transform: rotate(100deg);
+ transform: rotate(100deg);
+}
+.notif .content {
+ display: none;
+ padding: 6px 8px;
+ line-height: 140%;
+ text-align: justify;
+ color: #efefef;
+}
+.notif .content p {
+ margin: 0;
+}
+.notif .content hr {
+ border: none;
+ background: none;
+ border-bottom: dashed 1px #202020;
+ margin: 5px 0;
+}
+.notif .content a {
+ color: white;
+}
+.notif .content .box-resource {
+ position: relative;
+ display: block;
+ margin: 5px 0;
+ padding: 5px 5px 5px 40px;
+}
+.notif .content .box-resource img {
+ position: absolute;
+ top: 6px;
+ left: 0;
+ border: solid 4px #4f4f4f;
+ border-radius: 100%;
+ border-color: #dbb200;
+}
+.notif .content .box-resource .label {
+ display: block;
+ font-size: 12px;
+}
+.notif .content .box-resource .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+.notif .footer {
+ display: none;
+ margin: 0;
+ padding: 0 10px;
+ line-height: 18px;
+ padding: 5px 5px;
+ border-top: solid 1px #202020;
+ font-style: italic;
+ text-align: right;
+ color: #CCC;
+}
+.notif .footer a {
+ color: #CCC;
+}
+.notif.open .content {
+ display: block;
+}
+.notif.open .footer {
+ display: block;
+}
+.component.rc .rc {
+ position: relative;
+ margin: 20px 10px 20px 30px;
+ border-left: solid 1px #CCC;
+ padding: 0 10px;
+ height: 380px;
+ color: #CCC;
+}
+.component.rc .rc.no-tax {
+ margin: 20px 10px 20px 30px;
+ border-left: dashed 1px #4F4F4F;
+ padding: 0 10px;
+ color: #CCC;
+}
+.component.rc .rc a,
+.component.rc .rc strong {
+ color: white;
+}
+.component.rc .rc .icon-color {
+ width: 20px;
+}
+.component.rc .rc .base {
+ position: relative;
+ padding: 15px 0 15px 40px;
+ height: 50px;
+}
+.component.rc .rc .base:last-child {
+ position: absolute;
+ bottom: 0px;
+}
+.component.rc .rc .place {
+ position: absolute;
+ top: 0px;
+ left: -50px;
+ width: 78px;
+ height: 78px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component.rc .rc .general {
+ list-style: none inset;
+ margin: 10px 0;
+ padding: 0;
+}
+.component.rc .rc .general li {
+ margin: 10px 0;
+ list-style-type: none;
+}
+.component.rc .rc .general li strong {
+ display: block;
+ font-size: 20px;
+ font-weight: bold;
+}
+.component .situation-content {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 500px;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component .situation-content .line-help {
+ position: absolute;
+ display: block;
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ text-align: center;
+ border-radius: 100%;
+ background: #b17a00;
+}
+.component .situation-content .line-help.line-1 {
+ top: 55px;
+ left: 190px;
+}
+.component .situation-content .line-help.line-2 {
+ top: 145px;
+ left: 406px;
+}
+.component .situation-content .toolbar {
+ position: absolute;
+ top: 30px;
+ right: 30px;
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
+ border-radius: 3px;
+ background: #dbb200;
+ z-index: 1;
+}
+.component .situation-content .toolbar a,
+.component .situation-content .toolbar span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 15px;
+ border-right: solid 1px black;
+ text-decoration: none;
+ color: white;
+}
+.component .situation-content .toolbar a img,
+.component .situation-content .toolbar span img {
+ position: relative;
+ top: -2px;
+ vertical-align: middle;
+ height: 18px;
+ width: 18px;
+}
+.component .situation-content .toolbar a:hover,
+.component .situation-content .toolbar a:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar form {
+ display: inline-block;
+}
+.component .situation-content .toolbar input {
+ height: 32px;
+ border: none;
+ background: none;
+ color: white;
+ padding: 0 15px;
+ font-size: inherit;
+}
+.component .situation-content .toolbar input:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar input.button {
+ background: url('src/desktop/common/edit.png') no-repeat center;
+}
+.component .situation-content .toolbar input.button:focus {
+ background: url('src/desktop/common/edit.png') no-repeat center rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .info {
+ position: absolute;
+ display: block;
+ width: 200px;
+ font-size: 12px;
+ color: #efefef;
+ line-height: 18px;
+}
+.component .situation-content .info strong {
+ color: white;
+ font-size: 14px;
+}
+.component .situation-content .info a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4f4f4f;
+}
+.component .situation-content .info a:hover,
+.component .situation-content .info a:focus {
+ border-color: #CCC;
+}
+.component .situation-content .commander {
+ position: absolute;
+ display: block;
+ text-decoration: none;
+ z-index: 1;
+}
+.component .situation-content .commander.empty {
+ color: #CCC;
+}
+.component .situation-content .commander.position-1-1 {
+ top: 135px;
+ left: 127px;
+}
+.component .situation-content .commander.position-1-2 {
+ top: 272px;
+ left: 100px;
+}
+.component .situation-content .commander.position-1-3 {
+ top: 415px;
+ left: 127px;
+}
+.component .situation-content .commander.position-2-1 {
+ top: 215px;
+ left: 352px;
+}
+.component .situation-content .commander.position-2-2 {
+ top: 272px;
+ left: 345px;
+}
+.component .situation-content .commander.position-2-3 {
+ top: 330px;
+ left: 352px;
+}
+.component .situation-content .commander.position-3 {
+ top: 355px;
+ left: 577px;
+}
+.component .situation-content .commander img {
+ width: 40px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+.component .situation-content .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .situation-content .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #dbb200;
+}
+.component .situation-content .commander .info {
+ top: 8px;
+ left: 65px;
+ width: 160px;
+}
+.component .situation-content .commander .link {
+ display: none;
+ position: absolute;
+ top: 14px;
+ left: -16px;
+ width: 24px;
+ height: 24px;
+ font-size: 20px;
+ font-weight: bold;
+ text-decoration: none;
+ border-radius: 100%;
+ text-align: center;
+ z-index: 1;
+ border: solid 1px white;
+}
+.component .situation-content .commander .link.to-left {
+ background: url('src/desktop/mover/to-left.png') no-repeat center black;
+}
+.component .situation-content .commander .link.to-right {
+ background: url('src/desktop/mover/to-right.png') no-repeat center black;
+}
+.component .situation-content .commander:hover > .link {
+ display: block;
+}
+.component .situation-content .stellar {
+ position: absolute;
+ display: block;
+ top: 180px;
+ left: 560px;
+}
+.component .situation-content .stellar img {
+ width: 220px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .situation-content .stellar .info {
+ font-size: 12px;
+ border-left: solid 1px #202020;
+}
+.component .situation-content .stellar .info.top {
+ bottom: 215px;
+ left: 50px;
+ padding: 0 0 30px 10px;
+}
+.component .situation-content .stellar .info.top strong {
+ font-size: 20px;
+}
+.component .situation-content .stellar .info.bottom {
+ top: 225px;
+ left: 160px;
+ padding: 10px 0 0 10px;
+}
+.component .situation-content .stellar .info.middle {
+ top: 20px;
+ left: 182px;
+ padding: 10px 0 0 50px;
+ border: none;
+ border-top: solid 1px #202020;
+}
+.component .situation-content .attack-link {
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ text-align: center;
+}
+.component .situation-content .attack-link a {
+ display: inline-block;
+ line-height: 40px;
+ padding: 0 25px;
+ border-radius: 3px 3px 0 0;
+ background: #202020;
+ color: white;
+ text-decoration: none;
+ font-size: 16px;
+}
+.component .situation-content .attack-link a:hover,
+.component .situation-content .attack-link a:focus {
+ box-shadow: 0 0 5px 3px black;
+}
+.component .situation-content.color0 .line-help {
+ background: #202020;
+}
+.component .situation-content.color0 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #202020;
+}
+.component .situation-content.color0 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #202020;
+}
+.component .situation-content.color0 .attack-link a {
+ background: #202020;
+}
+.component .situation-content.color1 .line-help {
+ background: #510816;
+}
+.component .situation-content.color1 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component .situation-content.color1 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #6e161b;
+}
+.component .situation-content.color1 .attack-link a {
+ background: #6e161b;
+}
+.component .situation-content.color2 .line-help {
+ background: #0c0d44;
+}
+.component .situation-content.color2 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component .situation-content.color2 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #1f1471;
+}
+.component .situation-content.color2 .attack-link a {
+ background: #1f1471;
+}
+.component .situation-content.color3 .line-help {
+ background: #b17a00;
+}
+.component .situation-content.color3 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .situation-content.color3 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #dbb200;
+}
+.component .situation-content.color3 .attack-link a {
+ background: #dbb200;
+}
+.component .situation-content.color4 .line-help {
+ background: #310948;
+}
+.component .situation-content.color4 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component .situation-content.color4 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #5a1072;
+}
+.component .situation-content.color4 .attack-link a {
+ background: #5a1072;
+}
+.component .situation-content.color5 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color5 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color5 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color5 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-content.color6 .line-help {
+ background: #004948;
+}
+.component .situation-content.color6 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component .situation-content.color6 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #076b87;
+}
+.component .situation-content.color6 .attack-link a {
+ background: #076b87;
+}
+.component .situation-content.color7 .line-help {
+ background: #401b13;
+}
+.component .situation-content.color7 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component .situation-content.color7 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #67331d;
+}
+.component .situation-content.color7 .attack-link a {
+ background: #67331d;
+}
+.component .situation-content.color8 .line-help {
+ background: #c3590b;
+}
+.component .situation-content.color8 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component .situation-content.color8 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #d87913;
+}
+.component .situation-content.color8 .attack-link a {
+ background: #d87913;
+}
+.component .situation-content.color9 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color9 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color9 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color9 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-info {
+ display: table;
+ width: 100%;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: black;
+}
+.component .situation-info .item {
+ display: table-cell;
+ padding: 10px;
+ border-right: solid 1px #202020;
+}
+.component .situation-info .item .value {
+ font-size: 26px;
+ font-weight: bold;
+ display: block;
+}
+.component .build-item.base-type .desc {
+ margin: 10px 0 0 0;
+ padding: 15px;
+ font-size: 13px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+}
+.component .build-item.base-type .list-choice {
+ position: relative;
+ height: 140px;
+ background: url('src/desktop/base/type-base.png') no-repeat center;
+ margin: 0;
+ border-bottom: solid 1px #202020;
+}
+.component .build-item.base-type .list-choice button {
+ position: absolute;
+ padding: 0;
+ border: none;
+ background: transparent;
+ cursor: pointer;
+}
+.component .build-item.base-type .list-choice button.item-1 {
+ top: 35px;
+ left: 5px;
+}
+.component .build-item.base-type .list-choice button.item-2 {
+ top: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-3 {
+ bottom: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-4 {
+ top: 35px;
+ right: 5px;
+}
+.component .build-item.base-type .list-choice button img {
+ display: block;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.color1 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.color2 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.color3 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.color4 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.color5 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color6 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.color7 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.color8 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.color9 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color10 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.color11 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.color12 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .build-item.base-type .desc-choice {
+ display: none;
+}
+.component .build-item.base-type .desc-choice h4 {
+ border-bottom: solid 1px #202020;
+ padding: 0 0 5px 0;
+}
+.component .build-item.base-type .desc-choice p {
+ text-align: left;
+ color: #CCC !important;
+}
+.component .build-item.base-type .desc-choice p strong {
+ display: block;
+ color: white;
+}
+.component .build-item.base-type .desc-choice p strong.short {
+ display: inline-block;
+ width: 100px;
+}
+.component.list-fleet .set-fleet {
+ position: relative;
+ margin: 10px;
+ padding: 0 0 0 70px;
+ min-height: 80px;
+}
+.component.list-fleet .set-fleet img.place {
+ position: absolute;
+ top: -5px;
+ left: -20px;
+ width: 80px;
+ background: #0A0A0A;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet h2 {
+ padding: 10px 0;
+ margin: 0;
+}
+.component.list-fleet .set-fleet h2 a {
+ font-size: 13px;
+ color: white;
+ font-weight: normal;
+ text-decoration: none;
+}
+.component.list-fleet .set-fleet .item {
+ position: relative;
+ height: 60px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-bottom: none;
+ width: 777px;
+}
+.component.list-fleet .set-fleet .item:last-child {
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item a {
+ display: inline-block;
+ text-decoration: none;
+ color: #CCC;
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .left .top {
+ position: absolute;
+ left: 60px;
+ display: block;
+ width: 500px;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .left .status {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .right .top {
+ position: absolute;
+ right: 60px;
+ display: block;
+ width: 200px;
+ text-align: right;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .right .cover {
+ width: 50px;
+ margin: 5px;
+ padding: 0;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .center {
+ position: absolute;
+ top: 41px;
+ left: 70px;
+ right: 70px;
+}
+.component.list-fleet .set-fleet .item .center .ship {
+ position: absolute;
+ top: -10px;
+ left: -11px;
+ right: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship {
+ display: block;
+ width: 100%;
+ background: #4F4F4F;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ position: relative;
+ display: block;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship {
+ top: -11px;
+ right: -11px;
+ left: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar span {
+ position: absolute;
+ top: 4px;
+ right: 15px;
+ font-size: 10px;
+}
+.component.list-fleet .set-fleet .item.color1 .status {
+ background: #6e161b;
+}
+.component.list-fleet .set-fleet .item.color2 .status {
+ background: #1f1471;
+}
+.component.list-fleet .set-fleet .item.color3 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color4 .status {
+ background: #5a1072;
+}
+.component.list-fleet .set-fleet .item.color5 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color6 .status {
+ background: #076b87;
+}
+.component.list-fleet .set-fleet .item.color7 .status {
+ background: #67331d;
+}
+.component.list-fleet .set-fleet .item.color8 .status {
+ background: #d87913;
+}
+.component.list-fleet .set-fleet .item.color9 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color10 .status {
+ background: #760f36;
+}
+.component.list-fleet .set-fleet .item.color11 .status {
+ background: #219772;
+}
+.component.list-fleet .set-fleet .item.color12 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar {
+ background: #4F4F4F;
+}
+.component.list-fleet .set-fleet .item .show-commander {
+ position: absolute;
+ top: -1px;
+ right: -30px;
+ width: 28px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .show-commander:hover,
+.component.list-fleet .set-fleet .item .show-commander:focus,
+.component.list-fleet .set-fleet .item .show-commander.active {
+ background-color: #202020;
+}
+.component.table-fleet table {
+ margin: 10px;
+ width: 880px;
+ border-collapse: collapse;
+}
+.component.table-fleet table tr:nth-child(odd) {
+ background: black;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:nth-child(even) {
+ background: #0A0A0A;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:first-child {
+ background: transparent;
+}
+.component.table-fleet table th,
+.component.table-fleet table td {
+ height: 40px;
+ width: 40px;
+ text-align: center;
+}
+.component.table-fleet table td span.zero-value {
+ color: #4F4F4F;
+}
+.component.table-fleet table .base {
+ width: 100px;
+ text-align: left;
+ padding: 0 20px;
+}
+.component.table-fleet table .base a {
+ border: none;
+}
+.component.table-fleet table .base strong {
+ display: block;
+ font-size: 16px;
+}
+.component.table-fleet table .large {
+ width: auto;
+ text-align: left;
+ padding: 0 10px;
+}
+.component.table-fleet table .sep {
+ border-left: solid 1px #dbb200;
+}
+.component.table-fleet table a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4F4F4F;
+ display: inline-block;
+}
+.component.table-fleet table th {
+ position: relative;
+ height: 70px;
+}
+.component.table-fleet table th span {
+ position: absolute;
+ bottom: 32px;
+ left: -10px;
+ display: block;
+ text-align: left;
+ width: 60px;
+ -ms-transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.component.commander-fleet .fleet {
+ vertical-align: top;
+ display: block;
+ text-align: center;
+}
+.component.commander-fleet .list-ship {
+ vertical-align: top;
+ display: inline-block;
+ width: 148px;
+}
+.component.commander-fleet .list-ship:first-child {
+ border-right: dashed 1px #4F4F4F;
+}
+.component.commander-fleet .list-ship a {
+ display: block;
+ position: relative;
+ margin: 6px;
+ height: 40px;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ border-radius: 3px;
+}
+.component.commander-fleet .list-ship a.empty {
+ opacity: 0.4;
+}
+.component.commander-fleet .list-ship img {
+ position: absolute;
+ display: inline-block;
+ width: 40px;
+}
+.component.commander-fleet .list-ship .text {
+ position: absolute;
+ left: 45px;
+ display: inline-block;
+ width: 88px;
+ color: white;
+}
+.component.commander-fleet .list-ship .text .quantity {
+ display: block;
+ font-weight: bold;
+ font-size: 18px;
+}
+.component.commander-fleet .army {
+ border-collapse: collapse;
+ width: 560px;
+ margin: 20px;
+}
+.component.commander-fleet .army td {
+ width: 65px;
+ padding: 5px;
+ border-right: dashed 1px #4F4F4F;
+ vertical-align: center;
+}
+.component.commander-fleet .army td:first-child {
+ width: auto;
+ vertical-align: top;
+ text-align: right;
+ padding: 0 20px;
+ font-size: 12px;
+}
+.component.commander-fleet .army tr:first-child td {
+ text-align: center;
+ padding: 10px 5px;
+ font-size: 18px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block {
+ display: block;
+ width: 54px;
+ height: 54px;
+ margin: 0 0 5px 0;
+ padding: 5px;
+ vertical-align: top;
+ border-radius: 5px;
+ background: #0A0A0A;
+ text-align: right;
+ border: solid 1px #202020;
+ color: #4F4F4F;
+}
+.component.commander-fleet .army .block.empty {
+ background: black;
+ border: solid 1px #0A0A0A;
+}
+.component.commander-fleet .army .block strong {
+ display: block;
+ font-size: 15px;
+ height: 38px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block em {
+ display: block;
+ padding: 2px;
+ font-size: 11px;
+ background: black;
+ text-align: center;
+ border-radius: 3px;
+}
+.component.commander-fleet .army .block.squadron {
+ border: solid 1px #4F4F4F;
+ color: white;
+ cursor: pointer;
+ background: #dbb200;
+}
+.component.commander-fleet .army .block.squadron.full0 {
+ background: url('src/desktop/squadron/squadron0.png') no-repeat 4px 2px #dbb200;
+}
+.component.commander-fleet .army .block.squadron.full1 {
+ background: url('src/desktop/squadron/squadron1.png') no-repeat 4px 2px #dbb200;
+}
+.component.commander-fleet .army .block.squadron.full2 {
+ background: url('src/desktop/squadron/squadron2.png') no-repeat 4px 2px #dbb200;
+}
+.component.commander-fleet .army .block.squadron.full3 {
+ background: url('src/desktop/squadron/squadron3.png') no-repeat 4px 2px #dbb200;
+}
+.component.commander-fleet .army .block.squadron.active {
+ box-shadow: inset 0 0 6px black,
+ 0 0 2px 0 white;
+ border: dashed 1px white;
+}
+.component.report .commander {
+ position: relative;
+ display: block;
+ margin: 10px;
+ padding: 8px 0 8px 72px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component.report .commander img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component.report .commander strong {
+ display: block;
+ padding: 0 0 8px 0;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component.report .commander em {
+ display: block;
+ line-height: 20px;
+ color: white;
+ font-style: normal;
+ color: #efefef;
+}
+.component.report .commander em .bonus {
+ font-size: 90%;
+ margin: 2px 0 0 2px;
+ padding: 3px 6px;
+}
+.component.report .dammage {
+ margin: 10px;
+ background: black;
+}
+.component.report .dammage table {
+ width: 100%;
+ border-collapse: collapse;
+ border-left: solid 1px #202020;
+ border-right: solid 1px #202020;
+}
+.component.report .dammage td {
+ border-color: #202020;
+ border-width: 1px;
+ border-style: solid dashed;
+ padding: 4px;
+ vertical-align: center;
+ text-align: center;
+ color: #CCC;
+ width: 28px;
+ height: 22px;
+}
+.component.report .dammage td:first-child {
+ text-align: left;
+ padding: 4px 8px;
+ width: auto;
+}
+.component.report .dammage td span {
+ display: inline-block;
+ background: red;
+ line-height: 22px;
+ width: 22px;
+ border-radius: 3px;
+ color: white;
+ background: #b17a00;
+}
+.component.topic .message {
+ position: relative;
+ padding: 0 0 0 80px;
+ margin: 10px;
+ min-height: 70px;
+}
+.component.topic .message .avatar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 56px;
+ padding: 6px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.topic .message .content {
+ position: relative;
+ background: black;
+ border: solid 1px #202020;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component.topic .message .content:before {
+ position: absolute;
+ content: '';
+ top: 25px;
+ left: -18px;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent #202020 transparent transparent;
+}
+.component.topic .message .content .text {
+ margin: 0;
+ padding: 10px 10px 12px 10px;
+ border-bottom: solid 1px #0A0A0A;
+ color: #efefef;
+}
+.component.topic .message .content .text a,
+.component.topic .message .content .text strong {
+ color: white;
+}
+.component.topic .message .content .text a.color1 {
+ color: #b01e2d;
+}
+.component.topic .message .content .text a.color2 {
+ color: #2f23c0;
+}
+.component.topic .message .content .text a.color3 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text a.color4 {
+ color: #a935c7;
+}
+.component.topic .message .content .text a.color5 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color6 {
+ color: #05bed7;
+}
+.component.topic .message .content .text a.color7 {
+ color: #ac5832;
+}
+.component.topic .message .content .text a.color8 {
+ color: #f2b636;
+}
+.component.topic .message .content .text a.color9 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color10 {
+ color: #a92859;
+}
+.component.topic .message .content .text a.color11 {
+ color: #34b089;
+}
+.component.topic .message .content .text a.color12 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text .icon-color {
+ width: 15px;
+}
+.component.topic .message .content .footer {
+ margin: 0;
+ padding: 6px 10px;
+ font-size: 12px;
+ color: #CCC;
+}
+.component.topic .message .content .footer a {
+ color: #CCC;
+}
+.component.topic .message.write .content:before {
+ left: -17px;
+ top: 11px;
+ border-color: transparent white transparent transparent;
+}
+.component.topic .message.write .content textarea {
+ border: none;
+ padding: 5px;
+ width: 487px;
+ height: 120px;
+ max-width: 487px;
+ min-width: 487px;
+ min-height: 50px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content input {
+ margin: 6px;
+ font-family: inherit;
+}
+.component.topic .message.write .content .title {
+ border: none;
+ margin: 0;
+ padding: 5px;
+ width: 487px;
+ height: 30px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content button {
+ margin: 6px;
+ font-family: inherit;
+ background: #dbb200;
+ border: none;
+ padding: 4px 8px;
+ color: white;
+ cursor: pointer;
+}
+.component.topic .message.write .content button:hover,
+.component.topic .message.write .content button:focus {
+ background: #b17a00;
+}
+.component.topic .system-message {
+ position: relative;
+ padding: 0 0 0 90px;
+ margin: 10px;
+}
+.component.topic .system-message:before {
+ content: '';
+ position: absolute;
+ top: 10px;
+ left: 0;
+ height: 1px;
+ width: 70px;
+ background: #4F4F4F;
+}
+.conv-item {
+ position: relative;
+ display: block;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+ height: 59px;
+ padding: 5px 5px 5px 70px;
+ margin: 0 10px;
+ color: white;
+ text-decoration: none;
+ overflow: hidden;
+}
+.conv-item .cover {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+ padding: 5px;
+}
+.conv-item .cover .picture {
+ width: 52px;
+ height: 52px;
+ background: #202020;
+ border-radius: 100%;
+ padding: 4px;
+}
+.conv-item .cover .picture.color0 {
+ box-shadow: 0 0 0 2px #4F4F4F;
+}
+.conv-item .cover .picture.color1 {
+ box-shadow: 0 0 0 2px #6e161b;
+}
+.conv-item .cover .picture.color2 {
+ box-shadow: 0 0 0 2px #1f1471;
+}
+.conv-item .cover .picture.color3 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .picture.color4 {
+ box-shadow: 0 0 0 2px #5a1072;
+}
+.conv-item .cover .picture.color5 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color6 {
+ box-shadow: 0 0 0 2px #076b87;
+}
+.conv-item .cover .picture.color7 {
+ box-shadow: 0 0 0 2px #67331d;
+}
+.conv-item .cover .picture.color8 {
+ box-shadow: 0 0 0 2px #d87913;
+}
+.conv-item .cover .picture.color9 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color10 {
+ box-shadow: 0 0 0 2px #760f36;
+}
+.conv-item .cover .picture.color11 {
+ box-shadow: 0 0 0 2px #219772;
+}
+.conv-item .cover .picture.color12 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .number,
+.conv-item .cover .new-message {
+ position: absolute;
+ width: 22px;
+ height: 22px;
+ border-radius: 100%;
+ background: #0A0A0A;
+ bottom: 5px;
+ right: 5px;
+ border: solid 1px #4F4F4F;
+ text-align: center;
+ line-height: 22px;
+ font-size: 11px;
+}
+.conv-item .cover .new-message {
+ left: 5px;
+ top: 5px;
+}
+.conv-item .cover .new-message img {
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin: 2px;
+}
+.conv-item .data {
+ line-height: 20px;
+}
+.conv-item:last-child {
+ border: solid 1px #202020;
+}
+.conv-item:hover,
+.conv-item:focus {
+ background: #0C0C0C;
+}
+.component.player .player {
+ position: relative;
+ display: inline-block;
+ margin: 10px 0 0 10px;
+ width: 211px;
+ height: 58px;
+ padding: 5px 5px 5px 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+ text-decoration: none;
+}
+.component.player .player a {
+ color: #ccc;
+ text-decoration: none;
+ border-bottom: solid 1px #202020;
+}
+.component.player .player a:hover,
+.component.player .player a:focus {
+ border-color: #4f4f4f;
+}
+.component.player .player img.picto {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 50px;
+ padding: 4px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.player .player .icon,
+.component.player .player .icon-color {
+ height: 16px;
+ padding: 1px;
+}
+.component.player .player span,
+.component.player .player strong {
+ display: block;
+ line-height: 20px;
+}
+.component.player .player strong {
+ font-size: 18px;
+}
+.component.player .player .online,
+.component.player .player .inactive {
+ position: absolute;
+ width: 18px;
+ height: 18px;
+ background: white;
+ top: 5px;
+ right: 5px;
+ border-radius: 100%;
+ background: #4F4F4F;
+}
+.component.player .player .online {
+ background: #ffdb0f;
+}
+.component.player .player.faction {
+ border-left: solid 1px #0A0A0A !important;
+ width: 202px;
+}
+.component.player .player.faction img {
+ top: 0;
+ left: 10px;
+ padding: 0;
+ border: none;
+ border-radius: 0;
+ background: transparent;
+}
+.component.player.rank .player {
+ border-left: solid 10px #4F4F4F;
+ width: 190px;
+}
+.component.player.rank .player.color1 {
+ border-left-color: #b01e2d;
+}
+.component.player.rank .player.color2 {
+ border-left-color: #2f23c0;
+}
+.component.player.rank .player.color3 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player.color4 {
+ border-left-color: #a935c7;
+}
+.component.player.rank .player.color5 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color6 {
+ border-left-color: #05bed7;
+}
+.component.player.rank .player.color7 {
+ border-left-color: #ac5832;
+}
+.component.player.rank .player.color8 {
+ border-left-color: #f2b636;
+}
+.component.player.rank .player.color9 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color10 {
+ border-left-color: #a92859;
+}
+.component.player.rank .player.color11 {
+ border-left-color: #34b089;
+}
+.component.player.rank .player.color12 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player .title,
+.component.player.rank .player .points {
+ color: #BBB;
+}
+.component.player.rank .player .position {
+ display: block;
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ line-height: 38px;
+ width: 38px;
+ border: solid 1px #202020;
+ text-align: center;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance {
+ display: block;
+ position: absolute;
+ top: 5px;
+ right: -4px;
+ line-height: 26px;
+ width: 26px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ text-align: center;
+ font-size: 11px;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance.lower {
+ bottom: 5px;
+ top: auto;
+}
+.component.player.rank .player.active .position {
+ background: white;
+ border: solid 1px white;
+ color: #202020;
+}
+.component.player.size2 .player {
+ width: 208px;
+}
+.component.player.size1 .player {
+ width: 202px;
+}
+.component.transaction .transaction {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 10px;
+}
+.component.transaction .transaction .right-link {
+ position: absolute;
+ top: 2px;
+ right: 5px;
+ display: block;
+ color: #FFF;
+ text-decoration: none;
+}
+.component.transaction .transaction .product {
+ position: relative;
+ height: 70px;
+ padding: 5px 10px 5px 55px;
+ cursor: pointer;
+}
+.component.transaction .transaction .product .picto {
+ position: absolute;
+ top: 5px;
+ left: -20px;
+ width: 60px;
+ height: 60px;
+ padding: 4px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+}
+.component.transaction .transaction .product .rate {
+ position: absolute;
+ bottom: 5px;
+ right: 8px;
+}
+.component.transaction .transaction .product .offer {
+ overflow: hidden;
+ height: 32px;
+}
+.component.transaction .transaction .product .for {
+ position: relative;
+ border-top: solid 1px #202020;
+ margin: 8px 0 6px 0;
+ color: #4F4F4F;
+}
+.component.transaction .transaction .product .for span {
+ display: block;
+ position: absolute;
+ top: -10px;
+ left: 10px;
+ background: #0A0A0A;
+ padding: 0 10px;
+ font-size: 12px;
+}
+.component.transaction .transaction .product .price {
+ font-size: 19px;
+ font-weight: bold;
+}
+.component.transaction .transaction .product .price .icon-color {
+ width: 14px;
+ position: relative;
+ top: -2px;
+ padding: 1px;
+}
+.component.transaction .transaction.resources .product .offer {
+ font-size: 28px;
+ font-weight: bold;
+ line-height: 30px;
+}
+.component.transaction .transaction.resources .product .offer .icon-color {
+ width: 20px;
+ position: relative;
+ top: -5px;
+}
+.component.transaction .transaction.commander .product .offer strong,
+.component.transaction .transaction.ship .product .offer strong {
+ display: block;
+ font-size: 14px;
+}
+.component.transaction .transaction.commander .product .offer em,
+.component.transaction .transaction.ship .product .offer em {
+ display: block;
+ font-size: 11px;
+}
+.component.transaction .transaction .hidden {
+ display: none;
+}
+.component.transaction .transaction .info {
+ position: relative;
+ border-top: solid 1px #202020;
+ height: 88px;
+ background: black;
+}
+.component.transaction .transaction .info p {
+ font-size: 11px;
+ margin: 5px 8px;
+}
+.component.transaction .transaction .info .seller {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+}
+.component.transaction .transaction .info .seller a {
+ font-weight: bold;
+ color: white;
+}
+.component.transaction .transaction .info .seller .color1 {
+ color: #b01e2d;
+}
+.component.transaction .transaction .info .seller .color2 {
+ color: #2f23c0;
+}
+.component.transaction .transaction .info .seller .color3 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .seller .color4 {
+ color: #a935c7;
+}
+.component.transaction .transaction .info .seller .color5 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color6 {
+ color: #05bed7;
+}
+.component.transaction .transaction .info .seller .color7 {
+ color: #ac5832;
+}
+.component.transaction .transaction .info .seller .color8 {
+ color: #f2b636;
+}
+.component.transaction .transaction .info .seller .color9 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color10 {
+ color: #a92859;
+}
+.component.transaction .transaction .info .seller .color11 {
+ color: #34b089;
+}
+.component.transaction .transaction .info .seller .color12 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .price-detail {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+ right: 0;
+}
+.component.transaction .transaction .info .price-detail p {
+ text-align: right;
+}
+.component.transaction .transaction .info .price-detail p .icon-color {
+ width: 10px;
+ padding: 1px;
+}
+.component.transaction .transaction .info .price-detail p span {
+ color: #4F4F4F;
+}
+.component.transaction .transaction .button {
+ border-top: solid 1px #202020;
+ padding: 5px;
+}
+.component.transaction .transaction .button a,
+.component.transaction .transaction .button span {
+ display: block;
+ padding: 5px 10px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ line-height: 20px;
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component.transaction .transaction .button a {
+ background: #dbb200;
+}
+.component.transaction .transaction .button a:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #ffdb0f;
+}
+.component.transaction .transaction .button span {
+ background: #202020;
+ cursor: default;
+}
+.component.transaction .transaction .button .icon-color {
+ width: 14px;
+}
+.component.transaction .transaction .shipping {
+ position: relative;
+ background: black;
+ height: 30px;
+}
+.component.transaction .transaction .shipping .ships {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+}
+.component.transaction .transaction .shipping .ships .icon-color {
+ position: relative;
+ width: 16px;
+ margin-left: 5px;
+ top: -5px;
+}
+.component.transaction .transaction .shipping .time {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 12px;
+}
+.component.transaction .transaction .shipping .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 0 60px;
+ height: 3px;
+ top: 13px;
+ background: #4F4F4F;
+}
+.component.transaction .transaction .shipping .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #ffdb0f;
+}
+.component .build-item.disable .button span {
+ color: #696969;
+}
+.component.transaction .new-transaction {
+ width: 279px;
+ position: absolute;
+ background: black;
+ z-index: 1;
+ padding: 10px;
+ border-bottom: solid 1px #ffdb0f;
+}
+.component.transaction .new-transaction label {
+ position: relative;
+ display: block;
+ padding: 5px 0;
+}
+.component.transaction .new-transaction label input {
+ display: block;
+ padding: 5px 10px;
+ margin: 5px 0 0 0;
+ width: 259px;
+ border: none;
+}
+.component.transaction .new-transaction.resources label input {
+ font-size: 16px;
+ color: #202020;
+ font-weight: bold;
+}
+.component.transaction .new-transaction .indicator {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 15px;
+}
+.component.transaction .new-transaction .indicator span {
+ position: absolute;
+ display: inline-block;
+ padding: 1px 6px;
+ font-size: 12px;
+ color: white;
+ border-radius: 3px;
+ top: -5px;
+ background: #b17a00;
+}
+.component.transaction .new-transaction .indicator span.min-price {
+ left: 5px;
+}
+.component.transaction .new-transaction .indicator span.max-price {
+ right: 5px;
+}
+.component.market-sell .body {
+ padding: 10px 0;
+}
+.component.market-sell .label-box {
+ position: relative;
+ padding: 0 10px;
+ margin: 10px 0;
+}
+.component.market-sell .label-box .label {
+ display: inline-block;
+ width: 100px;
+ line-height: 30px;
+}
+.component.market-sell .label-box .value {
+ display: inline-block;
+ width: 147px;
+ padding: 0 5px;
+ border: none;
+ line-height: 30px;
+ border-radius: 3px;
+ font-size: 16px;
+}
+.component.market-sell .label-box input.value {
+ height: 30px;
+ background: white;
+}
+.component.market-sell .label-box .icon-color {
+ position: absolute;
+ top: 4px;
+ right: 16px;
+ width: 18px;
+}
+.component.market-sell .queue {
+ margin: 0 10px;
+ cursor: pointer;
+}
+.component.market-sell .sell-form {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 0 10px 10px 10px;
+}
+.component.market-sell .sell-form input[type='submit'] {
+ display: block;
+ width: 100%;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 10px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #ffdb0f;
+}
+.component.market-sell .sell-form input[type='submit']:hover {
+ background: #b17a00;
+}
+.component.market-sell .sell-form input[disabled='disabled'] {
+ background: #202020 !important;
+}
+.wysiwyg {
+ display: block;
+ position: relative;
+}
+.wysiwyg .toolbar {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 5px;
+}
+.wysiwyg .toolbar button {
+ display: inline-block;
+ height: 26px;
+ line-height: 26px;
+ padding: 0 4px !important;
+ margin: 0 4px 0 0 !important;
+ background: #dbb200;
+ color: white;
+ border-radius: 3px;
+ overflow: hidden;
+ vertical-align: top;
+}
+.wysiwyg .modal {
+ position: absolute;
+ top: 40px;
+ left: 10px;
+ right: 10px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ box-shadow: 0 0 15px black;
+}
+.wysiwyg .modal .header {
+ position: relative;
+}
+.wysiwyg .modal .header h2 {
+ margin: 0;
+ padding: 0;
+ line-height: 36px;
+ padding: 0 10px;
+ font-size: 16px;
+ font-weight: normal;
+}
+.wysiwyg .modal .header .right {
+ position: absolute;
+ top: 5px;
+ right: 10px;
+ width: 300px;
+ text-align: right;
+}
+.wysiwyg .modal .header .right button {
+ display: inline-block;
+ width: 26px !important;
+ height: 26px !important;
+ line-height: 26px !important<;
+ font-size: 14px;
+ padding: 0 !important;
+ margin: 0 0 0 5px !important;
+}
+.wysiwyg .modal input {
+ width: 435px;
+ border: none;
+ height: 30px;
+ margin: 0 10px 10px 10px !important;
+ padding: 0 10px !important;
+}
+.wysiwyg textarea {
+ padding-top: 40px !important;
+}
+.input-area .wysiwyg .toolbar {
+ padding: 0;
+}
+.component.params .checkbox {
+ display: block;
+ position: relative;
+ padding: 10px 10px 10px 40px;
+ margin: 10px;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component.params .checkbox input {
+ position: absolute;
+ top: 8px;
+ left: 10px;
+}
+#map {
+ position: absolute;
+ z-index: 100;
+ background: url('src/desktop/map/common/map.jpg') repeat black;
+ padding: 0;
+ top: 0;
+ left: 0;
+}
+#map #sectors {
+ z-index: 300;
+}
+#map #spying {
+ z-index: 400;
+}
+#map #own-base {
+ z-index: 500;
+}
+#map #commercial-routes {
+ z-index: 600;
+}
+#map #fleet-movements {
+ z-index: 700;
+}
+#map #attacks {
+ z-index: 800;
+}
+#map #systems {
+ z-index: 900;
+}
+#map #map-info {
+ z-index: 910;
+}
+#map > div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+#map #sectors polygon {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 4 4;
+ opacity: 0.15;
+}
+#map #sectors .ally1 {
+ fill: #6e161b;
+}
+#map #sectors .ally2 {
+ fill: #1f1471;
+}
+#map #sectors .ally3 {
+ fill: #dbb200;
+}
+#map #sectors .ally4 {
+ fill: #5a1072;
+}
+#map #sectors .ally5 {
+ fill: #2c7915;
+}
+#map #sectors .ally6 {
+ fill: #076b87;
+}
+#map #sectors .ally7 {
+ fill: #67331d;
+}
+#map #sectors .ally8 {
+ fill: #d87913;
+}
+#map #sectors .ally9 {
+ fill: #2c7915;
+}
+#map #sectors .ally10 {
+ fill: #760f36;
+}
+#map #sectors .ally11 {
+ fill: #219772;
+}
+#map #sectors .ally12 {
+ fill: #dbb200;
+}
+#map #spying circle {
+ opacity: 0.08;
+ stroke: white;
+}
+#map #own-base circle {
+ opacity: 0.1;
+ fill: white;
+}
+#map #commercial-routes line {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 20 5 5 5 5 10;
+}
+#map #commercial-routes line.standBy {
+ stroke: rgba(255, 255, 255, 0.3);
+}
+#map #fleet-movements line {
+ stroke-width: 1px;
+}
+#map #fleet-movements line.back {
+ stroke-dasharray: 15 5;
+}
+#map #attacks line {
+ stroke-width: 1px;
+}
+#map #attacks line.color1 {
+ stroke: #b01e2d;
+}
+#map #attacks line.color2 {
+ stroke: #2f23c0;
+}
+#map #attacks line.color3 {
+ stroke: #ffdb0f;
+}
+#map #attacks line.color4 {
+ stroke: #a935c7;
+}
+#map #attacks line.color5 {
+ stroke: #57c632;
+}
+#map #attacks line.color6 {
+ stroke: #05bed7;
+}
+#map #attacks line.color7 {
+ stroke: #ac5832;
+}
+#map #attacks line.color8 {
+ stroke: #f2b636;
+}
+#map #attacks line.color9 {
+ stroke: #57c632;
+}
+#map #attacks line.color10 {
+ stroke: #a92859;
+}
+#map #attacks line.color11 {
+ stroke: #34b089;
+}
+#map #attacks line.color12 {
+ stroke: #ffdb0f;
+}
+#map #attacks circle.color1 {
+ fill: #b01e2d;
+}
+#map #attacks circle.color2 {
+ fill: #2f23c0;
+}
+#map #attacks circle.color3 {
+ fill: #ffdb0f;
+}
+#map #attacks circle.color4 {
+ fill: #a935c7;
+}
+#map #attacks circle.color5 {
+ fill: #57c632;
+}
+#map #attacks circle.color6 {
+ fill: #05bed7;
+}
+#map #attacks circle.color7 {
+ fill: #ac5832;
+}
+#map #attacks circle.color8 {
+ fill: #f2b636;
+}
+#map #attacks circle.color9 {
+ fill: #57c632;
+}
+#map #attacks circle.color10 {
+ fill: #a92859;
+}
+#map #attacks circle.color11 {
+ fill: #34b089;
+}
+#map #attacks circle.color12 {
+ fill: #ffdb0f;
+}
+#map #systems a {
+ display: block;
+ position: absolute;
+ border-radius: 100%;
+}
+#map #systems a.active {
+ background: black;
+ box-shadow: 0 0 0 1px black,
+ 0 0 0 3px white,
+ 0 0 10px 8px black;
+}
+#map #systems a img {
+ display: block;
+ width: 20px;
+ height: 20px;
+ border: none;
+ border-radius: 100%;
+ -moz-border-radius: 100%;
+ -webkit-border-radius: 100%;
+ -ms-border-radius: 100%;
+ -o-border-radius: 100%;
+}
+#map #systems a img.own {
+ background: white;
+}
+#map #systems .sector-number {
+ position: absolute;
+ display: block;
+ font-size: 22px;
+ line-height: 40px;
+ width: 40px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 0 5px #0A0A0A, 0 0 0 6px #4F4F4F;
+ background: #202020;
+ color: white;
+ font-weight: bold;
+ cursor: pointer;
+}
+#map #systems .sector-number.color1 {
+ background: #6e161b;
+}
+#map #systems .sector-number.color2 {
+ background: #1f1471;
+}
+#map #systems .sector-number.color3 {
+ background: #dbb200;
+}
+#map #systems .sector-number.color4 {
+ background: #5a1072;
+}
+#map #systems .sector-number.color5 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color6 {
+ background: #076b87;
+}
+#map #systems .sector-number.color7 {
+ background: #67331d;
+}
+#map #systems .sector-number.color8 {
+ background: #d87913;
+}
+#map #systems .sector-number.color9 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color10 {
+ background: #760f36;
+}
+#map #systems .sector-number.color11 {
+ background: #219772;
+}
+#map #systems .sector-number.color12 {
+ background: #dbb200;
+}
+#map #systems .sector-info {
+ display: none;
+ position: absolute;
+ color: white;
+ background: black;
+ background: rgba(0, 0, 0, 0.9);
+ padding: 8px 16px;
+ border-radius: 3px;
+}
+#map #systems .sector-info:before {
+ content: '';
+ position: absolute;
+ left: -20px;
+ top: 20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent black transparent transparent;
+ border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
+}
+#map #systems .sector-info h2 {
+ position: relative;
+ font-size: 40px;
+ font-weight: bold;
+ line-height: 40px;
+ text-shadow: 0 0 5px black;
+ margin: 0;
+ padding: 0;
+}
+#map #systems .sector-info p {
+ font-size: 13px;
+ margin: 6px 0 0 0;
+ padding: 0;
+ font-weight: bold;
+ font-variant: small-caps;
+}
+#map #systems .sector-info p a {
+ position: static;
+ display: inline-block;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ margin: 0 5px 0 0;
+}
+#map #systems .sector-info.color1 p a {
+ background: #6e161b;
+}
+#map #systems .sector-info.color2 p a {
+ background: #1f1471;
+}
+#map #systems .sector-info.color3 p a {
+ background: #dbb200;
+}
+#map #systems .sector-info.color4 p a {
+ background: #5a1072;
+}
+#map #systems .sector-info.color5 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color6 p a {
+ background: #076b87;
+}
+#map #systems .sector-info.color7 p a {
+ background: #67331d;
+}
+#map #systems .sector-info.color8 p a {
+ background: #d87913;
+}
+#map #systems .sector-info.color9 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color10 p a {
+ background: #760f36;
+}
+#map #systems .sector-info.color11 p a {
+ background: #219772;
+}
+#map #systems .sector-info.color12 p a {
+ background: #dbb200;
+}
+#map #map-info {
+ display: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ bottom: auto;
+ height: auto;
+ width: auto;
+ margin: 40px 60px 0 0;
+ color: white;
+ text-align: right;
+}
+#map #map-info h2 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 38px;
+ line-height: 60px;
+}
+#map #map-info h3 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 40px;
+}
+#map #map-info ul {
+ margin: 10px 0;
+ padding: 0;
+ list-style: none;
+}
+#map #map-info ul li {
+ position: relative;
+ margin: 0;
+ padding: 0 40px 0 0;
+ line-height: 20px;
+ height: 20px;
+ font-style: italic;
+ color: #CCC;
+ font-size: 13px;
+}
+#map #map-info ul li img {
+ position: absolute;
+ right: 10px;
+ top: 0px;
+}
+#map #spying circle {
+ fill: #dbb200;
+}
+#map #fleet-movements line {
+ stroke: #ffdb0f;
+}
+#map #fleet-movements circle {
+ fill: #ffdb0f;
+}
+#map-option {
+ z-index: 1000;
+ position: absolute;
+ display: inline-block;
+ height: 32px;
+ padding: 3px 0;
+ background: url('src/desktop/map/bOption.png') repeat-x;
+ top: 30px;
+ right: 20px;
+}
+#map-option:before {
+ content: '';
+ position: absolute;
+ display: block;
+ left: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bLeftOption.png');
+}
+#map-option:after {
+ content: '';
+ position: absolute;
+ display: block;
+ right: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bRightOption.png');
+}
+#map-option a {
+ position: relative;
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ margin: 1px 0 1px 1px;
+ background: #0A0A0A;
+}
+#map-option a.active {
+ background: #004948;
+}
+#map-option a img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 22px;
+}
+.color1 #map-option a.active {
+ background: #510816;
+}
+.color2 #map-option a.active {
+ background: #0c0d44;
+}
+.color3 #map-option a.active {
+ background: #b17a00;
+}
+.color4 #map-option a.active {
+ background: #310948;
+}
+.color5 #map-option a.active {
+ background: #24500a;
+}
+.color6 #map-option a.active {
+ background: #004948;
+}
+.color7 #map-option a.active {
+ background: #401b13;
+}
+.color8 #map-option a.active {
+ background: #c3590b;
+}
+.color9 #map-option a.active {
+ background: #24500a;
+}
+.color10 #map-option a.active {
+ background: #4d0621;
+}
+.color11 #map-option a.active {
+ background: #10684c;
+}
+.color12 #map-option a.active {
+ background: #b17a00;
+}
+#map-content {
+ z-index: 1000;
+ position: absolute;
+ top: 80px;
+ right: 20px;
+ display: block;
+}
+#map-content .mini-map {
+ position: relative;
+ width: 300px;
+ height: 300px;
+ overflow: hidden;
+ border: solid 1px #202020;
+ background: url('src/desktop/map/common/galaxy.jpg') no-repeat #0A0A0A;
+}
+#map-content .mini-map polygon {
+ stroke: white;
+ stroke-width: .5px;
+ opacity: 0.3;
+}
+#map-content .mini-map polygon:focus,
+#map-content .mini-map polygon:hover {
+ opacity: 0.1;
+ cursor: pointer;
+}
+#map-content .mini-map polygon.ally0 {
+ fill: #202020;
+}
+#map-content .mini-map polygon.ally1 {
+ fill: #6e161b;
+}
+#map-content .mini-map polygon.ally2 {
+ fill: #1f1471;
+}
+#map-content .mini-map polygon.ally3 {
+ fill: #dbb200;
+}
+#map-content .mini-map polygon.ally4 {
+ fill: #5a1072;
+}
+#map-content .mini-map polygon.ally5 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally6 {
+ fill: #076b87;
+}
+#map-content .mini-map polygon.ally7 {
+ fill: #67331d;
+}
+#map-content .mini-map polygon.ally8 {
+ fill: #d87913;
+}
+#map-content .mini-map polygon.ally9 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally10 {
+ fill: #760f36;
+}
+#map-content .mini-map polygon.ally11 {
+ fill: #219772;
+}
+#map-content .mini-map polygon.ally12 {
+ fill: #dbb200;
+}
+#map-content .mini-map .number {
+ position: absolute;
+ z-index: 600;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .sectors {
+ z-index: 500;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases {
+ z-index: 400;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases circle {
+ fill: rgba(255, 255, 255, 0.2);
+ stroke: white;
+}
+#map-content .mini-map .viewport {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: rgba(255, 255, 255, 0.1);
+ border: solid 1px white;
+ border-radius: 3px;
+}
+#map-content .mini-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 11px;
+}
+.map-movers {
+ display: none;
+ position: absolute;
+ z-index: 900;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+#coord-box {
+ z-index: 1000;
+ position: absolute;
+ bottom: 20px;
+ right: 20px;
+ width: 80px;
+ padding: 5px 10px;
+ background: rgba(0, 0, 0, 0.8);
+ color: white;
+ font-size: 20px;
+ text-align: center;
+}
+.tactical-map {
+ margin: 10px;
+ position: relative;
+ background: url('src/desktop/map/common/galaxy-large.jpg') repeat #0A0A0A;
+}
+.tactical-map polygon {
+ stroke: white;
+ stroke-width: .30px;
+ opacity: 0.15;
+}
+.tactical-map polygon.enabled {
+ position: relative;
+ stroke-width: 2px;
+ opacity: 0.80;
+ z-index: 1;
+}
+.tactical-map polygon.enabled.ally1 {
+ stroke: #510816;
+}
+.tactical-map polygon.enabled.ally2 {
+ stroke: #0c0d44;
+}
+.tactical-map polygon.enabled.ally3 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.enabled.ally4 {
+ stroke: #310948;
+}
+.tactical-map polygon.enabled.ally5 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally6 {
+ stroke: #004948;
+}
+.tactical-map polygon.enabled.ally7 {
+ stroke: #401b13;
+}
+.tactical-map polygon.enabled.ally8 {
+ stroke: #c3590b;
+}
+.tactical-map polygon.enabled.ally9 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally10 {
+ stroke: #4d0621;
+}
+.tactical-map polygon.enabled.ally11 {
+ stroke: #10684c;
+}
+.tactical-map polygon.enabled.ally12 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.ally0 {
+ fill: #202020;
+}
+.tactical-map polygon.ally1 {
+ fill: #6e161b;
+}
+.tactical-map polygon.ally2 {
+ fill: #1f1471;
+}
+.tactical-map polygon.ally3 {
+ fill: #dbb200;
+}
+.tactical-map polygon.ally4 {
+ fill: #5a1072;
+}
+.tactical-map polygon.ally5 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally6 {
+ fill: #076b87;
+}
+.tactical-map polygon.ally7 {
+ fill: #67331d;
+}
+.tactical-map polygon.ally8 {
+ fill: #d87913;
+}
+.tactical-map polygon.ally9 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally10 {
+ fill: #760f36;
+}
+.tactical-map polygon.ally11 {
+ fill: #219772;
+}
+.tactical-map polygon.ally12 {
+ fill: #dbb200;
+}
+.tactical-map .number {
+ position: absolute;
+ z-index: 800;
+ top: 0;
+ left: 0;
+}
+.tactical-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 12px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 1px white;
+}
+.tactical-map .number span.ally0 {
+ background: #0A0A0A;
+}
+.tactical-map .number span.ally1 {
+ background: #510816;
+}
+.tactical-map .number span.ally2 {
+ background: #0c0d44;
+}
+.tactical-map .number span.ally3 {
+ background: #b17a00;
+}
+.tactical-map .number span.ally4 {
+ background: #310948;
+}
+.tactical-map .number span.ally5 {
+ background: #24500a;
+}
+.tactical-map .number span.ally6 {
+ background: #004948;
+}
+.tactical-map .number span.ally7 {
+ background: #401b13;
+}
+.tactical-map .number span.ally8 {
+ background: #c3590b;
+}
+.tactical-map .number span.ally9 {
+ background: #24500a;
+}
+.tactical-map .number span.ally10 {
+ background: #4d0621;
+}
+.tactical-map .number span.ally11 {
+ background: #10684c;
+}
+.tactical-map .number span.ally12 {
+ background: #b17a00;
+}
+.tactical-map .number span.active {
+ background: white;
+ color: black;
+ box-shadow: 0 0 10px black;
+}
+.tactical-map.reactive polygon.enabled:hover,
+.tactical-map.reactive polygon.enabled.active {
+ cursor: pointer;
+}
+.tactical-map.reactive polygon.enabled:hover.ally1,
+.tactical-map.reactive polygon.enabled.active.ally1 {
+ fill: #510816;
+}
+.tactical-map.reactive polygon.enabled:hover.ally2,
+.tactical-map.reactive polygon.enabled.active.ally2 {
+ fill: #0c0d44;
+}
+.tactical-map.reactive polygon.enabled:hover.ally3,
+.tactical-map.reactive polygon.enabled.active.ally3 {
+ fill: #b17a00;
+}
+.tactical-map.reactive polygon.enabled:hover.ally4,
+.tactical-map.reactive polygon.enabled.active.ally4 {
+ fill: #310948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally5,
+.tactical-map.reactive polygon.enabled.active.ally5 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally6,
+.tactical-map.reactive polygon.enabled.active.ally6 {
+ fill: #004948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally7,
+.tactical-map.reactive polygon.enabled.active.ally7 {
+ fill: #401b13;
+}
+.tactical-map.reactive polygon.enabled:hover.ally8,
+.tactical-map.reactive polygon.enabled.active.ally8 {
+ fill: #c3590b;
+}
+.tactical-map.reactive polygon.enabled:hover.ally9,
+.tactical-map.reactive polygon.enabled.active.ally9 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally10,
+.tactical-map.reactive polygon.enabled.active.ally10 {
+ fill: #4d0621;
+}
+.tactical-map.reactive polygon.enabled:hover.ally11,
+.tactical-map.reactive polygon.enabled.active.ally11 {
+ fill: #10684c;
+}
+.tactical-map.reactive polygon.enabled:hover.ally12,
+.tactical-map.reactive polygon.enabled.active.ally12 {
+ fill: #b17a00;
+}
+#action-box {
+ display: block;
+ z-index: 1100;
+ position: absolute;
+ width: 100%;
+ height: 300px;
+ bottom: -300px;
+ left: 0;
+ border-top: solid 1px #0A0A0A;
+ background: black;
+ box-shadow: 0 0 15px black;
+}
+#action-box .header {
+ position: relative;
+ background: black;
+ border-bottom: solid 1px #202020;
+ height: 36px;
+ color: #EFEFEF;
+}
+#action-box .header ul {
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .header ul li {
+ display: inline-block;
+ line-height: 36px;
+ padding: 0 10px;
+ color: #CCC;
+ border-right: solid 1px #202020;
+}
+#action-box .header ul li a {
+ display: inline-block;
+ line-height: 24px;
+ margin: 3px 0;
+ padding: 0 6px;
+ text-decoration: none;
+ color: #CCC;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-right: none;
+ color: #8F8F8F;
+}
+#action-box .header ul li a:first-child {
+ border-radius: 3px 0 0 3px;
+}
+#action-box .header ul li a:last-child {
+ border-right: solid 1px #202020;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .header ul li a:hover,
+#action-box .header ul li a:focus {
+ background: #202020;
+ color: white;
+}
+#action-box .header ul li a.active {
+ color: white;
+ position: relative;
+ z-index: 1;
+ background: #b17a00;
+}
+#action-box .header ul li img {
+ position: relative;
+ top: 5px;
+ width: 20px;
+ border-radius: 100%;
+}
+#action-box .header .button {
+ position: absolute;
+ top: 7px;
+ right: 10px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ background: #202020;
+ border-radius: 3px;
+ text-decoration: none;
+ text-transform: uppercase;
+ color: white;
+}
+#action-box .header .button:focus,
+#action-box .header .button:hover {
+ background: #4F4F4F;
+}
+#action-box .body {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ height: 263px;
+ background: url('src/desktop/map/common/bLine.jpg') repeat-x center #080808;
+}
+#action-box .actbox-movers {
+ position: absolute;
+ display: block;
+ width: 60px;
+ height: 263px;
+ z-index: 1103;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#action-box .actbox-movers:hover,
+#action-box .actbox-movers:focus {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+#action-box .actbox-movers:active {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+#action-box .actbox-movers#actboxToLeft {
+ background: url('src/desktop/mover/left.png') no-repeat center;
+}
+#action-box .actbox-movers#actboxToRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center;
+}
+#action-box .body .system {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 263px;
+ width: 3000px;
+}
+#action-box .body .system ul {
+ display: inline-block;
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .body .system ul li {
+ display: inline-block;
+}
+#action-box .body .system ul li.place a,
+#action-box .body .system ul li.action {
+ width: 100px;
+ height: 260px;
+ border-top: solid 3px white;
+ position: relative;
+}
+#action-box .body .system ul li.place.color1 a,
+#action-box .body .system ul li.action.color1 {
+ border-top-color: #6e161b;
+}
+#action-box .body .system ul li.place.color2 a,
+#action-box .body .system ul li.action.color2 {
+ border-top-color: #1f1471;
+}
+#action-box .body .system ul li.place.color3 a,
+#action-box .body .system ul li.action.color3 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.place.color4 a,
+#action-box .body .system ul li.action.color4 {
+ border-top-color: #5a1072;
+}
+#action-box .body .system ul li.place.color5 a,
+#action-box .body .system ul li.action.color5 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color6 a,
+#action-box .body .system ul li.action.color6 {
+ border-top-color: #076b87;
+}
+#action-box .body .system ul li.place.color7 a,
+#action-box .body .system ul li.action.color7 {
+ border-top-color: #67331d;
+}
+#action-box .body .system ul li.place.color8 a,
+#action-box .body .system ul li.action.color8 {
+ border-top-color: #d87913;
+}
+#action-box .body .system ul li.place.color9 a,
+#action-box .body .system ul li.action.color9 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color10 a,
+#action-box .body .system ul li.action.color10 {
+ border-top-color: #760f36;
+}
+#action-box .body .system ul li.place.color11 a,
+#action-box .body .system ul li.action.color11 {
+ border-top-color: #219772;
+}
+#action-box .body .system ul li.place.color12 a,
+#action-box .body .system ul li.action.color12 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.star {
+ width: 300px;
+ height: 263px;
+ border-left: solid 1px #0F0F0F;
+ background: url('src/desktop/map/systems/default.png') no-repeat center center;
+}
+#action-box .body .system ul li.place a {
+ display: block;
+ border-left: solid 1px #0F0F0F;
+ text-align: center;
+}
+#action-box .body .system ul li.place a strong {
+ position: absolute;
+ bottom: 8px;
+ left: 10px;
+ font-size: 18px;
+ font-weight: bold;
+ color: white;
+}
+#action-box .body .system ul li.place a .land {
+ position: absolute;
+ z-index: 1102;
+ top: 88px;
+ left: 10px;
+ width: 80px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.place.active a .land {
+ box-shadow: 0 0 0 1px #202020;
+ background: #080808;
+}
+#action-box .body .system ul li.place a .avatar {
+ position: absolute;
+ z-index: 1101;
+ top: 10px;
+ left: 20px;
+ padding: 7px;
+ border: solid 1px #0F0F0F;
+ background: black;
+ width: 47px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action {
+ width: 0px;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .content {
+ position: absolute;
+ top: 9px;
+ left: 12px;
+ height: 240px;
+ width: 545px;
+ background: #111111;
+ border: solid 1px #202020;
+ box-shadow: inset 0 0 5px black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .content:before {
+ content: '';
+ position: absolute;
+ top: 107px;
+ left: -24px;
+ border-width: 12px;
+ border-style: solid;
+ border-color: transparent #202020 transparent transparent;
+}
+#action-box .body .system ul li.action .content .column {
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ height: 240px;
+ border-right: solid 1px #202020;
+ color: white;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link {
+ position: absolute;
+ top: 6px;
+ right: 8px;
+ opacity: .5;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link:hover,
+#action-box .body .system ul li.action .content .column .last-spy-link:focus {
+ opacity: 1;
+}
+#action-box .body .system ul li.action .content .column.info {
+ width: 199px;
+}
+#action-box .body .system ul li.action .content .column.act {
+ width: 345px;
+ border-right: none;
+}
+#action-box .body .system ul li.action .content .column p {
+ margin: 2px 10px;
+}
+#action-box .body .system ul li.action .content .column a {
+ color: white;
+}
+#action-box .body .system ul li.action .content .column hr {
+ margin: 8px 10px;
+ border: none;
+ background: none;
+ border-bottom: solid 1px #202020;
+}
+#action-box .body .system ul li.action .content .column strong {
+ line-height: 30px;
+}
+#action-box .body .system ul li.action .content .column.info strong {
+ line-height: 28px;
+ font-size: 18px;
+}
+#action-box .body .system ul li.action .content .column .label {
+ display: inline-block;
+ width: 78px;
+ font-size: 12px;
+}
+#action-box .body .system ul li.action .content .column .value {
+ display: inline-block;
+ width: 100px;
+ text-align: left;
+}
+#action-box .body .system ul li.action .content .column .value .icon,
+#action-box .body .system ul li.action .content .column .value .icon-color {
+ width: 18px;
+ height: 18px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .content .column.act .top .grey {
+ opacity: .4;
+}
+#action-box .body .system ul li.action .content .column.act .top img {
+ width: 45px;
+ padding: 8px;
+ margin: 0 4px 2px 0;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action .content .column .top,
+#action-box .body .system ul li.action .content .column .bottom {
+ padding: 5px;
+}
+#action-box .body .system ul li.action .box {
+ display: none;
+ position: absolute;
+ left: 10px;
+ right: 10px;
+ bottom: 10px;
+ top: 80px;
+ background: black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .box:nth-child(1) {
+ display: block;
+}
+#action-box .body .system ul li.action .box:before {
+ content: '';
+ position: absolute;
+ top: -20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent transparent black transparent;
+}
+#action-box .body .system ul li.action .box:nth-child(1):before {
+ left: 15px;
+}
+#action-box .body .system ul li.action .box:nth-child(2):before {
+ left: 84px;
+}
+#action-box .body .system ul li.action .box:nth-child(3):before {
+ left: 152px;
+}
+#action-box .body .system ul li.action .box:nth-child(4):before {
+ left: 218px;
+}
+#action-box .body .system ul li.action .box:nth-child(5):before {
+ left: 284px;
+}
+#action-box .body .system ul li.action .box h2 {
+ margin: 0;
+ padding: 0 11px;
+ line-height: 35px;
+ font-size: 15px;
+}
+#action-box .body .system ul li.action .box .box-content {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 0 0 3px 3px;
+ padding: 8px 10px;
+ background: #080808;
+ border: solid 1px black;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item {
+ display: none;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button {
+ display: inline-block;
+ width: 100px;
+ text-decoration: none;
+ margin: 8px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .picto {
+ float: left;
+ width: 30px;
+ height: 30px;
+ margin: 0 5px 0 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button span {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form {
+ margin-top: 10px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form input {
+ width: 187px;
+ padding: 7px;
+ border: none;
+ background: white;
+ border-radius: 3px 0 0 3px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button {
+ width: 100px;
+ padding: 6px 6px;
+ border: none;
+ color: white;
+ background: #dbb200;
+ cursor: pointer;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button:hover,
+#action-box .body .system ul li.action .box .box-content .spy-form button:focus {
+ background: #b17a00;
+}
+#action-box .body .system ul li.action .box .box-content .label-box {
+ display: inline-block;
+ width: 50%;
+ margin: 5px 0;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .key {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .val {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+#action-box .body .system ul li.action .box .box-content .rc {
+ margin: 5px 0 0 0;
+ padding: 10px 10px 0 50px;
+ border-top: solid 1px #202020;
+}
+#action-box .body .system ul li.action .box .box-content .rc .planet {
+ position: absolute;
+ top: -25px;
+ left: -25px;
+ width: 76px;
+ height: 76px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+#action-box .body .system ul li.action .box .box-content .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .button {
+ display: inline-block;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ line-height: 26px;
+ margin: 5px 0 0 0;
+ padding: 0 8px;
+ text-align: center;
+ text-decoration: none;
+}
+#action-box .body .system ul li.action .box .box-content a.button {
+ background: #dbb200;
+ border: #b17a00;
+}
+#action-box .body .system ul li.action .box .box-content a.button:hover,
+#action-box .body .system ul li.action .box .box-content a.button:focus {
+ background: #b17a00;
+}
+.component.admin table {
+ margin: 10px;
+ border-collapse: collapse;
+ width: 877px;
+}
+.component.admin table tr {
+ border-bottom: solid 1px #202020;
+}
+.component.admin table td {
+ padding: 5px 10px;
+ vertical-align: top;
+}
+.component.admin table .button {
+ display: inline-block;
+ padding: 0 5px;
+ line-height: 25px;
+ min-width: 15px;
+ text-align: center;
+ color: white;
+ border-radius: 3px;
+ background: #4F4F4F;
+ text-decoration: none;
+}
+.component.admin table td:nth-child(1) {
+ width: 50px;
+}
+.component.admin table td:nth-child(2) {
+ width: 100px;
+}
+.component.admin table td:nth-child(3) {
+ width: auto;
+}
+.component.admin table td:nth-child(4) {
+ width: 80px;
+}
+.on-off-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #dbb200;
+ border: solid 1px #b17a00;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+.on-off-button:hover,
+.on-off-button:focus {
+ background: #b17a00;
+ border-color: #dbb200;
+}
+.on-off-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+.inscription {
+ /* SUBNAV */
+ /* ALLY */
+}
+.inscription #nav .box.left span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 10px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 80px;
+ text-align: center;
+ color: #4f4f4f;
+ text-decoration: none;
+ font-variant: small-caps;
+}
+.inscription #nav .box.left span.active {
+ color: white;
+}
+.inscription #nav .box.right {
+ display: none;
+}
+.inscription #inscription-subnav {
+ position: fixed;
+ top: 45px;
+ left: 0;
+ width: 210px;
+ margin: 0 20px 0 60px;
+ z-index: 500;
+}
+.inscription #inscription-subnav .bind {
+ height: 15px;
+ background: url('src/desktop/inscriptionSubnav/bBind.png') no-repeat center;
+}
+.inscription #inscription-subnav .head {
+ position: relative;
+ height: 214px;
+ background: url('src/desktop/inscriptionSubnav/bHead.png') no-repeat center;
+}
+.inscription #inscription-subnav .head h2 {
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ top: 5px;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 24px;
+ width: 210px;
+ overflow: hidden;
+ text-align: center;
+ color: white;
+}
+.inscription #inscription-subnav .head img {
+ position: absolute;
+ top: 43px;
+ left: 28px;
+ width: 125px;
+ height: 125px;
+ background: #0A0A0A;
+}
+.inscription #inscription-subnav .head .level {
+ position: absolute;
+ display: block;
+ bottom: 15px;
+ left: 0;
+ width: 100%;
+ font-size: 20px;
+ line-height: 41px;
+ color: white;
+ text-align: center;
+ background: url('src/desktop/inscriptionSubnav/bLevel.png') no-repeat center;
+}
+.inscription #inscription-subnav .head .experience {
+ position: absolute;
+ display: inline-block;
+ top: 50px;
+ right: 32px;
+ width: 21px;
+ height: 112px;
+}
+.inscription #inscription-subnav .head .experience .value {
+ position: absolute;
+ display: block;
+ width: 100%;
+ bottom: 0;
+ border-radius: 3px;
+}
+.inscription #inscription-subnav .foot {
+ height: 290px;
+}
+.inscription #movers .toLeft {
+ left: 0 !important;
+}
+.inscription .component.inscription img.color1 {
+ background: #6e161b !important;
+}
+.inscription .component.inscription img.color2 {
+ background: #1f1471 !important;
+}
+.inscription .component.inscription img.color3 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription img.color4 {
+ background: #5a1072 !important;
+}
+.inscription .component.inscription img.color5 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color6 {
+ background: #076b87 !important;
+}
+.inscription .component.inscription img.color7 {
+ background: #67331d !important;
+}
+.inscription .component.inscription img.color8 {
+ background: #d87913 !important;
+}
+.inscription .component.inscription img.color9 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color10 {
+ background: #760f36 !important;
+}
+.inscription .component.inscription img.color11 {
+ background: #219772 !important;
+}
+.inscription .component.inscription img.color12 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription .chooseLink {
+ display: block;
+ margin: 10px;
+ padding: 10px 60px 10px 20px;
+ background: url('src/desktop/mover/right.png') no-repeat 235px center #CCC;
+ text-decoration: none;
+ color: white;
+ text-shadow: 0 0 2px black;
+ border: solid 1px #202020;
+ cursor: pointer;
+ -webkit-transition: all linear 200ms;
+ -moz-transition: all linear 200ms;
+ -ms-transition: all linear 200ms;
+ -o-transition: all linear 200ms;
+ transition: all linear 200ms;
+}
+.inscription .component.inscription .chooseLink:focus,
+.inscription .component.inscription .chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+.inscription .component.inscription button.chooseLink {
+ width: 277px;
+ text-align: left;
+}
+.inscription .component.inscription.color1 .chooseLink {
+ background-color: #6e161b;
+}
+.inscription .component.inscription.color2 .chooseLink {
+ background-color: #1f1471;
+}
+.inscription .component.inscription.color3 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color4 .chooseLink {
+ background-color: #5a1072;
+}
+.inscription .component.inscription.color5 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color6 .chooseLink {
+ background-color: #076b87;
+}
+.inscription .component.inscription.color7 .chooseLink {
+ background-color: #67331d;
+}
+.inscription .component.inscription.color8 .chooseLink {
+ background-color: #d87913;
+}
+.inscription .component.inscription.color9 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color10 .chooseLink {
+ background-color: #760f36;
+}
+.inscription .component.inscription.color11 .chooseLink {
+ background-color: #219772;
+}
+.inscription .component.inscription.color12 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color1 .chooseLink:hover,
+.inscription .component.inscription.color1 .chooseLink:focus {
+ background-color: #510816;
+}
+.inscription .component.inscription.color2 .chooseLink:hover,
+.inscription .component.inscription.color2 .chooseLink:focus {
+ background-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .chooseLink:hover,
+.inscription .component.inscription.color3 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription.color4 .chooseLink:hover,
+.inscription .component.inscription.color4 .chooseLink:focus {
+ background-color: #310948;
+}
+.inscription .component.inscription.color5 .chooseLink:hover,
+.inscription .component.inscription.color5 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color6 .chooseLink:hover,
+.inscription .component.inscription.color6 .chooseLink:focus {
+ background-color: #004948;
+}
+.inscription .component.inscription.color7 .chooseLink:hover,
+.inscription .component.inscription.color7 .chooseLink:focus {
+ background-color: #401b13;
+}
+.inscription .component.inscription.color8 .chooseLink:hover,
+.inscription .component.inscription.color8 .chooseLink:focus {
+ background-color: #c3590b;
+}
+.inscription .component.inscription.color9 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color10 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #4d0621;
+}
+.inscription .component.inscription.color11 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #10684c;
+}
+.inscription .component.inscription.color12 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription .chooseLink strong {
+ display: block;
+ font-size: 15px;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+}
+.inscription .component.inscription .chooseLink em {
+ font-style: normal;
+}
+.inscription .component.inscription span.chooseLink {
+ background: #202020 !important;
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+ cursor: auto;
+ padding: 10px;
+}
+.inscription .component.inscription span.chooseLink:focus,
+.inscription .component.inscription span.chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+}
+.inscription .component.inscription blockquote {
+ line-height: 200%;
+}
+.inscription .component.inscription #pseudo,
+.inscription .component.inscription #base {
+ position: relative;
+ width: 100%;
+ border: none;
+ padding: 12px 0;
+ margin: 0;
+ text-align: center;
+ font-size: 26px;
+ font-weight: bold;
+ background: white;
+ border-radius: 3px;
+}
+.inscription .component.inscription.color1 #pseudo {
+ color: #510816;
+}
+.inscription .component.inscription.color2 #pseudo {
+ color: #0c0d44;
+}
+.inscription .component.inscription.color3 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription.color4 #pseudo {
+ color: #310948;
+}
+.inscription .component.inscription.color5 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color6 #pseudo {
+ color: #004948;
+}
+.inscription .component.inscription.color7 #pseudo {
+ color: #401b13;
+}
+.inscription .component.inscription.color8 #pseudo {
+ color: #c3590b;
+}
+.inscription .component.inscription.color9 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color10 #pseudo {
+ color: #4d0621;
+}
+.inscription .component.inscription.color11 #pseudo {
+ color: #10684c;
+}
+.inscription .component.inscription.color12 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription .avatars {
+ padding: 5px;
+ text-align: center;
+}
+.inscription .component.inscription .avatar {
+ position: relative;
+ display: inline-block;
+ margin: 0 5px;
+ padding: 5px;
+ background: #202020;
+ border: solid 5px #0A0A0A;
+ border-radius: 100%;
+}
+.inscription .component.inscription .avatar input {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+.inscription .component.inscription .avatar img {
+ display: block;
+ width: 117px;
+ cursor: pointer;
+ border-radius: 100%;
+}
+.inscription .component.inscription.color1 .avatar:hover {
+ border-color: #510816;
+}
+.inscription .component.inscription.color2 .avatar:hover {
+ border-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color4 .avatar:hover {
+ border-color: #310948;
+}
+.inscription .component.inscription.color5 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color6 .avatar:hover {
+ border-color: #004948;
+}
+.inscription .component.inscription.color7 .avatar:hover {
+ border-color: #401b13;
+}
+.inscription .component.inscription.color8 .avatar:hover {
+ border-color: #c3590b;
+}
+.inscription .component.inscription.color9 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color10 .avatar:hover {
+ border-color: #4d0621;
+}
+.inscription .component.inscription.color11 .avatar:hover {
+ border-color: #10684c;
+}
+.inscription .component.inscription.color12 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color1 .avatar.active {
+ border-color: #b01e2d;
+}
+.inscription .component.inscription.color2 .avatar.active {
+ border-color: #2f23c0;
+}
+.inscription .component.inscription.color3 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription .component.inscription.color4 .avatar.active {
+ border-color: #a935c7;
+}
+.inscription .component.inscription.color5 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color6 .avatar.active {
+ border-color: #05bed7;
+}
+.inscription .component.inscription.color7 .avatar.active {
+ border-color: #ac5832;
+}
+.inscription .component.inscription.color8 .avatar.active {
+ border-color: #f2b636;
+}
+.inscription .component.inscription.color9 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color10 .avatar.active {
+ border-color: #a92859;
+}
+.inscription .component.inscription.color11 .avatar.active {
+ border-color: #34b089;
+}
+.inscription .component.inscription.color12 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription #alert {
+ bottom: -12px;
+ z-index: 10000;
+}
+.inscription .build-item {
+ min-height: 60px;
+}
+.inscription .build-item .name {
+ padding-top: 2px !important;
+}
+.inscription .build-item .name strong {
+ font-size: 16px !important;
+}
+.inscription .build-item .name em {
+ font-size: 12px !important;
+}
+.color0 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor0.png') no-repeat top left;
+}
+.color1 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor1.png') no-repeat top left;
+}
+.color2 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor2.png') no-repeat top left;
+}
+.color3 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor3.png') no-repeat top left;
+}
+.color4 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor4.png') no-repeat top left;
+}
+.color5 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor5.png') no-repeat top left;
+}
+.color6 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor6.png') no-repeat top left;
+}
+.color7 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor7.png') no-repeat top left;
+}
+.color8 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor8.png') no-repeat top left;
+}
+.color9 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor9.png') no-repeat top left;
+}
+.color10 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor10.png') no-repeat top left;
+}
+.color11 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor11.png') no-repeat top left;
+}
+.color12 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor12.png') no-repeat top left;
+}
+/* AUTOCOMPLETE MODULE */
+.ac_results {
+ width: 100%;
+ padding: 0px;
+ border: 1px solid #4F4F4F;
+ background-color: white;
+ overflow: hidden;
+ z-index: 99999;
+ box-shadow: 0 0 6px black;
+ border-radius: 3px;
+}
+.ac_results ul {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style-position: outside;
+ list-style: none;
+}
+.ac_results ul li {
+ padding: 4px 8px;
+ margin: 0px;
+ cursor: default;
+ display: block;
+ border-bottom: solid 1px #CCC;
+ overflow: hidden;
+}
+.ac_results ul li:last-child {
+ border: none;
+}
+.ac_results .img {
+ float: left;
+ width: 36px;
+ background: #202020;
+ border-radius: 3px;
+ margin: 0 8px 0 0;
+}
+.ac_results .value-1,
+.ac_results .value-2 {
+ display: block;
+ line-height: 18px;
+}
+.ac_results .value-1 {
+ font-weight: bold;
+}
+.ac_loading {
+ background: white url('src/desktop/module/indicator.gif') right center no-repeat;
+}
+.ac_over {
+ background: #efefef;
+}
+.ac_results .ac_over strong {
+ color: black;
+}
+.ac_results .ac_over img {
+ background: white;
+}
diff --git a/public/css/main.desktop.v3.color2.css b/public/css/main.desktop.v3.color2.css
index 7226f94ee..27cbdd65d 100644
--- a/public/css/main.desktop.v3.color2.css
+++ b/public/css/main.desktop.v3.color2.css
@@ -1 +1,6737 @@
-html{height:100%}body{margin:0;padding:0;font-family:Roboto,'Trebuchet MS',Arial,sans-serif;font-size:13px}.bull{display:none;position:absolute;z-index:1200;padding:4px 8px;max-width:280px;color:#fff;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px}.bull.top:before{bottom:-14px;border-color:#4F4F4F transparent transparent transparent}.bull.bottom:before{top:-14px;border-color:transparent transparent #4F4F4F transparent}.bull.left:before{right:9pt}.bull.right:before{left:9pt}body{width:100%;height:100%;overflow:hidden;background:#000}#nav,#tools{position:fixed;width:100%;height:26px;background:url(src/desktop/tools/bTools.png) repeat-x #000;box-shadow:0 0 10px #000;z-index:1000;border-color:#2f23c0}#nav{top:0;left:0;background:url(src/desktop/nav/bNav.png) repeat-x #000;border-bottom:solid 3px #000}#tools{bottom:0;left:0;background:url(src/desktop/tools/bTools.png) repeat-x #000;border-top:solid 3px #000}#container{position:absolute;top:29px;left:0;margin:0;padding:0;width:100%;background:#000;overflow:hidden;z-index:0;background:url(src/desktop/global/background.jpg) repeat-x #000}.icon,.icon-color{display:inline-block;vertical-align:bottom;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.icon-color{background:#2f23c0!important}#background-paralax{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat bottom left transparent;z-index:100;background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.profil{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.message{background-image:url(src/desktop/screen/message.jpg)}#background-paralax.fleet{background-image:url(src/desktop/screen/fleet.jpg)}#background-paralax.financial{background-image:url(src/desktop/screen/financial.jpg)}#background-paralax.technology{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.rank{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.params{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.bases{background-image:url(src/desktop/screen/base.jpg)}#movers a{position:absolute;width:60px;height:100%;z-index:400;background:red;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#movers a:focus,#movers a:hover{background-color:rgba(255,255,255,.08)}#movers a:active{background-color:rgba(255,255,255,.2)}#movers .toLeft{top:0;left:60px;background:url(src/desktop/mover/left.png) no-repeat center transparent}#movers .toRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center transparent}.component.financial table{border-collapse:collapse;width:100%}.component.financial td{vertical-align:top;width:50%}.component.uni .build-item{height:60px;margin:20px}.component.techno .build-item .name strong{font-size:1pc}.component.school .build-item .name strong{font-size:18px}.component.generator table{width:100%;border-collapse:collapse}.component.dock1 table{width:100%;border-collapse:collapse}.component.space .fix-body{background:url(src/desktop/base/situation.jpg) no-repeat top left #000}.component.memorial blockquote{font-size:22px;margin:30px 15px 0 30px;line-height:160%;font-weight:700;text-align:center}.component .info-building{margin:10px;padding:0;font-size:13px;border-top:solid 1px #4F4F4F}.component .info-building h4{margin:10px}.component .info-building p{font-size:13px}#nav .box a,#nav .box>span,#tools .box a,#tools .box>span{position:relative;display:inline-block;line-height:2pc;padding:0 25px;margin:5px 2px;font-size:14px;width:150px;color:#fff;text-decoration:none;font-variant:small-caps;background:url(src/desktop/button/bButtonMiddle.png) repeat-x}#nav .box a:before,#nav .box>span:before,#tools .box a:before,#tools .box>span:before{content:'';position:absolute;top:0;left:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonLeft.png) no-repeat}#nav .box a:after,#nav .box>span:after,#tools .box a:after,#tools .box>span:after{content:'';position:absolute;top:0;right:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonRight.png) no-repeat}#nav .box a.current-base,#tools .box a.current-base{margin-left:56px}#nav .box a.current-base img,#tools .box a.current-base img{position:absolute;top:-1pc;left:-54px;background:#000;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:solid 2px #4F4F4F;width:60px}#nav .box a:focus:before,#nav .box a:hover:before,#tools .box a:focus:before,#tools .box a:hover:before{background:url(src/desktop/button/bButtonLeftHover.png) repeat}#nav .box a:focus:after,#nav .box a:hover:after,#tools .box a:focus:after,#tools .box a:hover:after{background:url(src/desktop/button/bButtonRightHover.png) repeat}#nav .box a.active,#tools .box a.active{background:url(src/desktop/button/bButtonMiddleActive.png) repeat}#nav .box a.active:before,#tools .box a.active:before{background:url(src/desktop/button/bButtonLeftActive.png) repeat}#nav .box a.active:after,#tools .box a.active:after{background:url(src/desktop/button/bButtonRightActive.png) repeat}#nav .box a.square,#tools .box a.square{position:relative;padding:0 5px;margin:5px 2px;height:2pc;width:30px;background:url(src/desktop/button/bLittleButton.png) no-repeat;vertical-align:top}#nav .box a.square:after,#nav .box a.square:before,#tools .box a.square:after,#tools .box a.square:before{display:none}#nav .box a.square:focus,#nav .box a.square:hover,#tools .box a.square:focus,#tools .box a.square:hover{background:url(src/desktop/button/bLittleButtonHover.png) no-repeat}#nav .box a.square.active,#tools .box a.square.active{background:url(src/desktop/button/bLittleButtonActive-c2.png) no-repeat}#nav .box a.square.active.flashy,#tools .box a.square.active.flashy{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 9pt #2f23c0}#nav .box a.square img,#tools .box a.square img{position:absolute;width:24px;top:3px;left:8px}#nav .box a.square span.number,#tools .box a.square span.number{position:absolute;top:-5px;right:-5px;width:18px;line-height:18px;text-align:center;font-size:11px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#0c0d44}#nav .box{position:absolute;display:inline-block;height:46px;padding:0 3px;background:url(src/desktop/nav/bNavBox.png) repeat-x}#nav .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxLeft.png) no-repeat}#nav .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxRight.png) no-repeat}#nav .box.left{top:0;left:25px}#nav .box.left-2{top:0;left:420px}#nav .box.left-3{top:0;left:732px}#nav .box.right{top:0;right:25px}#nav .box a.square span.number{bottom:-5px;top:auto}#tools .box{position:absolute;display:inline-block;height:40px;padding:1px 3px 0 3px;background:url(src/desktop/tools/bToolBox.png) repeat-x;font-size:13px}#tools .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxRight.png) no-repeat}#tools .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxLeft.png) no-repeat}#tools .box.left{bottom:0;right:340px}#tools .box.right{bottom:0;right:25px}#tools .box a.square img{top:4px}#tools .box a.resource-link,#tools .box span.resource-link{width:110px;font-size:1pc}#tools .box a.resource-link img.icon-color,#tools .box span.resource-link img.icon-color{position:relative;display:inline-block;width:18px;vertical-align:middle;margin-left:5px;top:-2px;padding:1px}#nav .overbox .overflow,#tools .overbox .overflow{max-height:25pc;overflow:auto;position:relative}#nav .overbox h2,#tools .overbox h2{color:#fff;padding:10px 15px;margin:0;font-size:14px;font-weight:400;border-bottom:solid 1px #202020}#nav .overbox .link-title,#tools .overbox .link-title{position:absolute;top:10px;right:10px;line-height:20px;font-size:11px;padding:0 5px;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-decoration:none;color:#fff}#nav .overbox a,#tools .overbox a{color:inherit}#nav .overbox a.more-link,#tools .overbox a.more-link{display:block;padding:8px;font-size:9pt;border-top:solid 1px #202020;text-align:center;text-decoration:none;color:#4F4F4F}#nav .overbox a.more-link:focus,#nav .overbox a.more-link:hover,#tools .overbox a.more-link:focus,#tools .overbox a.more-link:hover{color:#CCC}#nav .overbox p.info,#tools .overbox p.info{padding:5px 15px;font-size:9pt;text-align:center;color:#CCC}#nav .overbox .outside-button,#tools .overbox .outside-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#1f1471;border:solid 1px #0c0d44;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}#nav .overbox .outside-button:focus,#nav .overbox .outside-button:hover,#tools .overbox .outside-button:focus,#tools .overbox .outside-button:hover{background:#0c0d44;border-color:#1f1471}#nav .overbox .outside-button.disabled,#tools .overbox .outside-button.disabled{background:#202020;border-color:#4F4F4F}#nav .overbox input.outside-button,#tools .overbox input.outside-button{line-height:26px}#nav .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}#nav .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:transparent transparent #202020 transparent;top:-18px;right:30px}#nav .overbox#change-bases{top:50px;left:10px;width:205px;padding:0 0 8px 0}#nav .overbox#change-bases:before{left:30px;right:auto}#nav .overbox#change-bases a{display:block;padding:3px 15px;color:#CCC;text-decoration:none;font-size:9pt;border-bottom:solid 1px #101010}#nav .overbox#change-bases a:focus,#nav .overbox#change-bases a:hover{background:#101010}#nav .overbox#change-bases a.active{background:#202020}#nav .overbox#change-bases strong{display:block;color:#CCC;font-size:13px}#nav .overbox#disconnect-box{top:50px;right:10px;width:205px;padding:8px 0}#nav .overbox#disconnect-box hr{margin:8px 0;border:none;background:0 0;border-top:solid 1px #202020}#nav .overbox#disconnect-box a{display:block;padding:0 15px;line-height:25px;font-size:13px;color:#CCC;text-decoration:none}#nav .overbox#disconnect-box a:focus,#nav .overbox#disconnect-box a:hover{color:#fff;background:#202020}#nav .overbox#bug-tracker{width:250px;top:50px;right:98px;padding:0 0 8px 0}#nav .overbox#bug-tracker p{color:#CCC;font-size:9pt;margin:10px}#nav .overbox#bug-tracker .option{margin:3px 10px 10px 10px;display:block;width:330px;padding:5px}#nav .overbox#bug-tracker textarea{display:block;margin:0 10px 10px 10px;padding:5px;width:318px;height:200px;min-width:318px;max-width:318px;border:solid 1px #202020;font-family:'Trebuchet MS',sans-serif;font-size:13px}#nav .overbox#bug-tracker .button{display:block;margin:0 10px 2px 10px}#nav .overbox#roadmap{width:350px;top:50px;right:10px}#nav .overbox#roadmap .overflow{width:350px;padding:8px 0}#nav .overbox#roadmap p{color:#CCC;font-size:9pt;margin:0 10px 10px 10px}#nav .overbox#roadmap p em{display:block;font-size:11px;color:#4F4F4F}#nav .overbox#roadmap hr{margin:5px 0;border:none;border-top:solid 1px #202020}#nav .overbox#tutorial{width:350px;top:50px;right:143px;color:#fff}#nav .overbox#tutorial form{padding:0 0 10px 0;margin:0;border-top:solid 1px #202020}#nav .overbox#tutorial .overflow{padding:15px 15px 0 15px}#nav .overbox#tutorial .overflow h3{position:relative;margin:0;padding:0 0 0 36px}#nav .overbox#tutorial .overflow h3 .number{position:absolute;top:-4px;left:0;display:block;width:26px;line-height:26px;text-align:center;background:#0c0d44;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;margin-right:10px}#nav .overbox#tutorial .overflow p{font-size:9pt;color:#CCC}#nav .overbox#new-notifications{top:50px;left:627px;width:300px}#tools .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:300px;bottom:45px;right:15px}#tools .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:#202020 transparent transparent transparent;bottom:-18px;right:30px}#tools .overbox.left-pic:before{left:30px;right:auto}#tools .overbox#tools-calendar{left:25px;bottom:45px;right:auto}#tools .overbox#tools-refinery{right:401px;bottom:45px}#tools .overbox#tools-generator{right:237px;bottom:45px}#tools .overbox#tools-technosphere{right:193px;bottom:45px}#tools .overbox#tools-dock1{right:148px;bottom:45px}#tools .overbox#tools-dock2{right:105px;bottom:45px}#tools .overbox#tools-credit{right:140px;bottom:45px}#tools .overbox#tools-incoming-attack{right:230px;bottom:45px}#tools .overbox#tools-outgoing-attack{right:185px;bottom:45px}#subnav{position:fixed;top:29px;left:2px;bottom:29px;padding:40px 0;width:60px;background:url(src/desktop/subnav/middle.png) repeat-y;z-index:1000}#subnav hr{border:none;margin:20px 0}#subnav .overflow{position:relative}#subnav .move-side-bar{display:none;position:absolute;z-index:5000;left:5px;width:3pc;height:3pc;line-height:3pc;border:none;background-color:rgba(0,0,0,.75);background-position:center;background-repeat:no-repeat;border-radius:100%;cursor:pointer}#subnav .move-side-bar:focus,#subnav .move-side-bar:hover{box-shadow:0 0 3px #fff}#subnav .move-side-bar.top{bottom:auto;top:20px;background-image:url(src/desktop/component/top.png)}#subnav .move-side-bar.bottom{bottom:20px;top:auto;background-image:url(src/desktop/component/bottom.png)}#subnav .item{position:relative;display:block;height:50px;width:50px;margin:0 0 10px 0;padding:8px 5px;color:#fff;text-decoration:none;background:url(src/desktop/subnav/button.png) no-repeat}#subnav .item.active{background:url(src/desktop/subnav/button-active-c2.png) no-repeat}#subnav .item.striped{background:url(src/desktop/subnav/button-striped.png) no-repeat}#subnav .item:before{content:'';position:absolute;right:-6px;bottom:0;width:9pt;height:47px;background:url(src/desktop/subnav/til.png) no-repeat}#subnav .item:hover:before{background:url(src/desktop/subnav/til-hover.png) no-repeat}#subnav .item:hover>.content{display:block}#subnav .item .picto{display:block;height:30px;width:30px;padding:10px}#subnav .item .picto img{display:block;height:30px;width:30px}#subnav .item .picto .number{position:absolute;bottom:-5px;right:-18px;display:block;width:28px;height:28px;line-height:28px;text-align:center;font-size:9pt;background:url(src/desktop/subnav/number.png) no-repeat}#subnav .item .content{display:none;position:absolute;top:0;left:75px;width:230px}#subnav .item .content.skin-1 span{display:inline-block;margin:15px 0 15px 1pc;padding:0 15px;line-height:30px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-1 span:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content{display:inline-block;margin:0 0 0 1pc;padding:10px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-2 .sub-content:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content hr{border:none;border-top:solid 1px #4F4F4F;margin:5px 0}#subnav .item .content.skin-2 .sub-content .ship{position:relative}#subnav .item .content.skin-2 .sub-content .ship img{width:2pc;height:2pc}#subnav .item .content.skin-2 .sub-content .ship img.zero{opacity:.5}#subnav .item .content.skin-2 .sub-content .ship .number{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;line-height:18px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;text-align:center;background:#2f23c0}#alert-content{display:none}#alert{position:absolute;bottom:18px;left:50px;padding:0;text-align:right;list-style:inset none}#alert li{position:relative;display:inline-block;margin:0 0 0 5px}#alert li img{display:block;height:50px;border:solid 1px #202020;padding:5px;background:#0A0A0A;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.alert-bull{display:block;position:absolute;z-index:1200;width:200px;padding:6px 8px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.alert-bull .title{display:block;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:solid 1px #4F4F4F}.alert-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;bottom:-14px;left:24px;border-color:#4F4F4F transparent transparent transparent}#content{position:absolute;width:500pc;height:100%;top:0;left:300px;z-index:200}#content .component{position:relative;display:table-cell;overflow:hidden;width:300px;background:rgba(0,0,0,.92)}#content .component.size2{width:600px}#content .component.size3{width:900px}#content .component:nth-child(1){background:rgba(0,0,0,.6)}#content .component:nth-child(2){background:rgba(0,0,0,.75)}#content .component:nth-child(3){background:rgba(0,0,0,.85)}#content .component:nth-child(4){background:rgba(0,0,0,.9)}#content .component .head{position:relative;display:inline-block;height:90pt;width:100%;vertical-align:top;color:#fff;background:url(src/desktop/component/bHead.jpg) repeat-x center #000;border-bottom:solid 1px #202020}#content .component .head h1{position:absolute;top:10px;left:10px;font-size:38px;line-height:50px;height:50px;display:inline-block;padding:0 10px;background:#000;overflow:hidden}#content .component .fix-body{position:relative;overflow:auto;color:#fff;border-right:solid 1px #202020}#content .component .fix-body .body{position:relative}.no-scrolling #content .component .fix-body{overflow:hidden}.no-scrolling #content .component .fix-body>a{position:absolute;width:100%;height:40px;left:0;opacity:0}.no-scrolling #content .component .fix-body.hover>a{opacity:1;background-position:center;background-repeat:no-repeat}.no-scrolling #content .component .fix-body .toTop{top:0;background-image:url(src/desktop/component/top.png),-webkit-gradient(linear,#000,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-moz-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-ms-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-o-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),linear-gradient(black,rgba(0,0,0,.8),transparent)}.no-scrolling #content .component .fix-body .toBottom{bottom:0;background-image:url(src/desktop/component/bottom.png),-webkit-gradient(linear,transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-moz-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-ms-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-o-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),linear-gradient(transparent,rgba(0,0,0,.8),#000)}#content .component.invisible{background:0 0}#content .component.invisible .publicity{position:absolute;bottom:0;left:0;right:0;background:red}.component .tool{display:table;width:100%;height:44px;margin:0;overflow:hidden;background:#000;border-bottom:solid 1px #2f23c0;color:#4F4F4F}.component .tool>span{display:table-cell;width:28px;border:solid 6px transparent;border-left:none}.component .tool>span:first-child{border:solid 5px transparent;width:auto;text-align:center}.component .tool>span:first-child a{width:auto}.component .tool>span a{position:relative;display:block;margin:0;padding:0;line-height:30px;width:30px;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px;text-align:center}.component .tool>span a img{width:18px;position:relative;top:-4px}.component .tool>span a.active{background:#1f1471;color:#fff;border-color:#2f23c0}.component .tool>span a.active.down{box-shadow:0 2px 0 0 #CCC}.component .tool>span a.active.up{box-shadow:0 -2px 0 0 #ccc}.component .tool>span a.active:focus,.component .tool>span a.active:hover{color:#CCC;box-shadow:inset 0 0 5px rgba(0,0,0,.5)}.component .tool>span a:active,.component .tool>span a:focus,.component .tool>span a:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .tool.sort-button>span:first-child{text-align:center}.component h3{width:100%;margin:0;background:#000;text-align:center;padding:0 2px;line-height:44px;font-weight:400;font-size:14px;color:#4F4F4F;text-decoration:none;border-bottom:solid 1px #2f23c0}.component h4{margin:10px 10px 0 10px;font-weight:400;font-size:18px}.component .body p{margin:10px;font-size:13px;text-align:justify}.component .body p.info{position:relative;border-top:solid 1px #202020;padding:10px;margin:10px;line-height:140%;background:rgba(0,0,0,.8)}.component .body p.info a{color:#fff}.component .body p.info .requierement{display:inline-block;margin:0 0 0 8px;vertical-align:bottom;height:1pc}.component .body p.long-info{padding:10px;line-height:150%;background:#000}.component .body p .alone-button{display:block;text-align:center;color:#fff;line-height:40px;border-radius:3px;text-decoration:none;background:#4F4F4F;box-shadow:inset 0 0 2px #000;padding:0 10px;background:#0c0d44}.component .body p .alone-button:focus,.component .body p .alone-button:hover{background:#1f1471}.component .border-bottom{border-bottom:solid 3px #2f23c0}.component .list-type-1{margin:10px;padding:0;list-style:none}.component .list-type-1 li{position:relative;padding:5px 10px;text-align:right;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:rgba(0,0,0,.8);color:#989898}.component .list-type-1 li.strong{border-top:double 3px #4F4F4F;background:#111;color:#fff}.component .list-type-1 li.empty{background:0 0;border:none;height:50px}.component .list-type-1 li ul li{height:auto}.component .list-type-1 .label{display:block;font-size:13px}.component .list-type-1 .label .icon-color{width:15px;padding:1px}.component .list-type-1 .value{display:inline-block;font-size:22px;line-height:30px;font-weight:700}.component .list-type-1 .value .icon,.component .list-type-1 .value .icon-color{height:18px;margin-left:8px;position:relative;top:-3px}.component .list-type-1 .picto{position:absolute;top:7px;left:10px;height:35px;width:35px;line-height:35px;padding:5px;border-radius:100%;background:#202020;font-size:1pc;text-align:center;color:#fff;text-decoration:none}.component .list-type-1 .picto.color1{background:#510816}.component .list-type-1 .picto.color2{background:#0c0d44}.component .list-type-1 .picto.color3{background:#b17a00}.component .list-type-1 .picto.color4{background:#310948}.component .list-type-1 .picto.color5{background:#24500a}.component .list-type-1 .picto.color6{background:#004948}.component .list-type-1 .picto.color7{background:#401b13}.component .list-type-1 .picto.color8{background:#c3590b}.component .list-type-1 .picto.color9{background:#24500a}.component .list-type-1 .picto.color10{background:#4d0621}.component .list-type-1 .picto.color11{background:#10684c}.component .list-type-1 .picto.color12{background:#b17a00}.component .list-type-1 .hide{color:#4F4F4F}.component .list-type-1 .buttons{position:absolute;top:28px;left:5px}.component .list-type-1 .buttons a{display:inline-block;margin:0 4px;width:18px;line-height:18px;text-align:center;text-decoration:none;font-style:14px;color:#fff;border-radius:3px;background:#1f1471}.component .list-type-1 .progress-bar{text-align:left;margin-top:5px}.component .sub-list-type-1{display:none;margin:0;padding:0;list-style:none}.component .sub-list-type-1 li{position:relative;padding:2px 0;text-align:left;border:none;border-top:solid 1px #0A0A0A}.component .sub-list-type-1 .label{display:inline-block;width:60%}.component .sub-list-type-1 .label .button{position:relative;left:-4px;margin:0 0 0 3px}.component .sub-list-type-1 .value{text-align:right;line-height:25px;font-size:18px;width:40%}.component .sub-list-type-1 .value .button{margin:0 2px 0 6px}.component .sub-list-type-1 .button{display:inline-block;width:18px;line-height:18px;text-align:center;text-decoration:none;font-size:14px;font-weight:400;color:#fff;border-radius:3px;background:#2f23c0}.component .list-type-1 form{z-index:1;position:absolute;display:none;bottom:-40px;right:3px}.component .list-type-1 form p{position:relative;background:#fff;border-radius:3px;padding:0;margin:0;width:200px;height:35px}.component .list-type-1 form p:before{content:'';position:absolute;top:-9pt;right:9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent}.component .list-type-1 form input{border:none;background:0 0;line-height:35px;height:35px;padding:0 10px}.component .list-type-1 form input[type=text]{width:140px}.component .list-type-1 form input[type=submit]{width:40px}.component .sub-list-type-1 form{right:-6px}.number-box{position:relative;margin:10px;padding:5px 10px;background:#000;color:#fff;border:solid 1px #0A0A0A;border-top:solid 1px #202020;border-left:solid 10px #1f1471}.number-box.half{display:inline-block;width:254px;margin-right:0;margin-bottom:0}.number-box.grey{border-left:solid 10px #4F4F4F!important}.number-box.text{border-left:solid 1px #0A0A0A}.number-box.text a{text-decoration:none;color:#fff}.number-box .label{display:block}.number-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.number-box .value .icon-color{width:20px;height:20px;vertical-align:middle}.number-box .progress-bar{margin:5px 0}.number-box .group-link{position:absolute;top:5px;right:5px}.number-box .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#1f1471}.progress-bar{position:relative;display:block;width:100%;height:3px;background:#4F4F4F}.progress-bar .content{position:relative;display:inline-block;height:3px;vertical-align:top;overflow:hidden;max-width:100%}.progress-bar .content:nth-child(n){background:#2f23c0}.progress-bar .content:nth-child(2n){background:#0c0d44}.progress-bar .content.color1{background:#6e161b}.progress-bar .content.color2{background:#1f1471}.progress-bar .content.color3{background:#dbb200}.progress-bar .content.color4{background:#5a1072}.progress-bar .content.color5{background:#2c7915}.progress-bar .content.color6{background:#076b87}.progress-bar .content.color7{background:#67331d}.progress-bar .content.color8{background:#d87913}.progress-bar .content.color9{background:#2c7915}.progress-bar .content.color10{background:#760f36}.progress-bar .content.color11{background:#219772}.progress-bar .content.color12{background:#dbb200}.progress-bar .step{position:absolute}.progress-bar .step .label{position:absolute;display:block;width:150px;left:0;top:-28px}.progress-bar .step .label.bottom{top:auto;bottom:-28px}.progress-bar .step .label.right{right:0;left:auto;text-align:right}.progress-bar .step:before{content:'';position:absolute;width:9pt;height:9pt;background:#1f1471;box-shadow:0 0 0 3px #0c0d44;border-radius:100%;top:-5px;left:-5px}.bonus{vertical-align:top;display:inline-block;font-size:55%;line-height:100%;padding:3px;margin:2px 0 0 8px;border-radius:3px;font-weight:400;background:#0c0d44}.component .head.skin-1 img{position:absolute;top:22px;left:20px;padding:8px;width:60px;border:solid 1px #202020;border-radius:100%;background:#000}.component .head.skin-1 img:before{content:'';width:75pt;height:75pt}.component .head.skin-1 h2{position:absolute;bottom:66px;left:105px;font-size:22px;line-height:22px;margin:0;padding:0}.component .head.skin-1 em{position:absolute;top:62px;left:105px;font-size:13px;line-height:1pc;font-style:normal}.component .head.skin-2 h2{position:absolute;display:inline-block;top:45px;left:10px;font-size:22px;line-height:30px;margin:0;padding:0 10px;background:#000;font-weight:400}.component .head.skin-3 img{position:absolute;width:50px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:27px}.component .head.skin-3 img.left{left:40px}.component .head.skin-3 img.right{right:40px}.component .head.skin-4 img.main{position:absolute;width:30px;height:30px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:37px}.component .head.skin-4 h2{position:absolute;top:35px;left:60px;font-size:18px;line-height:22px;margin:0;padding:0}.component .head.skin-4 em{position:absolute;top:65px;left:60px;font-size:13px;line-height:1pc}.component .head.skin-5 h2{position:absolute;top:50px;left:10px;font-size:1pc;font-weight:400;margin:0;padding:0 20px;background:#000}.component .head.skin-5 h2:before{content:'';position:absolute;display:block;top:5px;left:0;width:8px;height:8px;border:solid 1px #202020;background:#000;border-radius:100%}.component .more-button,.component .more-item{display:block;margin:10px 10px 5px;line-height:34px;padding:0 9pt;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px}.component .more-button:active,.component .more-button:focus,.component .more-button:hover,.component .more-item:active,.component .more-item:focus,.component .more-item:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .nav-element{position:relative;display:block;margin:10px;height:70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component .nav-element img{position:absolute;top:5px;left:5px;padding:8px;height:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component .nav-element.active{background:#1f1471}.component .nav-element .active img{background:#000}.component .nav-element strong{position:absolute;top:5px;left:70px;color:#fff;font-weight:700;font-size:17px}.component .nav-element em{position:absolute;top:30px;left:70px;color:#fff;font-weight:400;font-size:9pt;font-style:normal;color:#efefef}.component hr{border:none;border-bottom:dashed 1px #202020;margin:0 10px}.component .set-item{margin:10px;border-bottom:solid 1px #202020}.component .set-item a.item:focus,.component .set-item a.item:hover{background-color:#0c0c0c}.component .set-item .item{position:relative;display:block;color:#fff;height:60px;border:solid 1px #202020;border-bottom:none;background:#0A0A0A}.component .set-item .item .left{position:absolute;top:0;left:0;bottom:0;width:60px}.component .set-item .item .left img{width:30px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left img.color1{background:#6e161b}.component .set-item .item .left img.color2{background:#1f1471}.component .set-item .item .left img.color3{background:#dbb200}.component .set-item .item .left img.color4{background:#5a1072}.component .set-item .item .left img.color5{background:#2c7915}.component .set-item .item .left img.color6{background:#076b87}.component .set-item .item .left img.color7{background:#67331d}.component .set-item .item .left img.color8{background:#d87913}.component .set-item .item .left img.color9{background:#2c7915}.component .set-item .item .left img.color10{background:#760f36}.component .set-item .item .left img.color11{background:#219772}.component .set-item .item .left img.color12{background:#dbb200}.component .set-item .item .left img.round-color0{box-shadow:0 0 0 2px #CCC}.component .set-item .item .left img.round-color1{box-shadow:0 0 0 2px #b01e2d}.component .set-item .item .left img.round-color2{box-shadow:0 0 0 2px #2f23c0}.component .set-item .item .left img.round-color3{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left img.round-color4{box-shadow:0 0 0 2px #a935c7}.component .set-item .item .left img.round-color5{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color6{box-shadow:0 0 0 2px #05bed7}.component .set-item .item .left img.round-color7{box-shadow:0 0 0 2px #ac5832}.component .set-item .item .left img.round-color8{box-shadow:0 0 0 2px #f2b636}.component .set-item .item .left img.round-color9{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color10{box-shadow:0 0 0 2px #a92859}.component .set-item .item .left img.round-color11{box-shadow:0 0 0 2px #34b089}.component .set-item .item .left img.round-color12{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left span{display:block;width:30px;line-height:30px;text-align:center;font-size:15px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left span.round-color0{background:#CCC}.component .set-item .item .left span.round-color1{background:#b01e2d}.component .set-item .item .left span.round-color2{background:#2f23c0}.component .set-item .item .left span.round-color3{background:#ffdb0f}.component .set-item .item .left span.round-color4{background:#a935c7}.component .set-item .item .left span.round-color5{background:#57c632}.component .set-item .item .left span.round-color6{background:#05bed7}.component .set-item .item .left span.round-color7{background:#ac5832}.component .set-item .item .left span.round-color8{background:#f2b636}.component .set-item .item .left span.round-color9{background:#57c632}.component .set-item .item .left span.round-color10{background:#a92859}.component .set-item .item .left span.round-color11{background:#34b089}.component .set-item .item .left span.round-color12{background:#ffdb0f}.component .set-item .item .center{position:absolute;top:0;left:60px;right:30px;bottom:0;padding:9px 0}.component .set-item .item .center strong{display:block;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component .set-item .item .center a{color:#fff;text-decoration:none;border-bottom:solid 1px rgba(255,255,255,.25)}.component .set-item .item .right{position:absolute;top:0;right:0;bottom:0;width:29px;border-left:solid 1px #202020}.component .set-item .item .right a{position:absolute;top:0;left:0;width:29px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a}.component .set-item .item .right a.active,.component .set-item .item .right a:focus,.component .set-item .item .right a:hover{background-color:#202020}.component .set-item .item .group-link{position:absolute;top:5px;right:5px}.component .set-item .item .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#1f1471}.army-bull{display:none;position:absolute;z-index:1200;padding:4px 8px;width:220px;color:#CCC;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.army-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;top:-14px;border-color:transparent transparent #4F4F4F transparent;left:18px}.army-bull strong{display:block;padding-bottom:5px;margin-bottom:5px;border-bottom:solid 1px #4F4F4F;font-weight:400}.army-bull .label{display:inline-block;width:70px}.army-bull .value{display:inline-block;width:40px}.component .build-item{position:relative;margin:10px;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;width:278px}.component .build-item a{color:#fff}.component .build-item .name{position:relative;height:40px;padding:5px 5px 5px 90px}.component .build-item .name img{z-index:20;position:absolute;top:-10px;left:5px;width:60px;padding:8px;border:solid 1px #202020;border-radius:100%;background:#000}.component .build-item .name strong{display:block;font-size:18px}.component .build-item .level{display:block;position:absolute;width:22px;line-height:22px;text-align:center;font-size:9pt;border-radius:100%;top:38px;left:58px;border:solid 1px #fff;z-index:22;background:#1f1471}.component .build-item .info{display:none;position:absolute;width:20px;line-height:20px;text-align:center;font-size:1pc;text-decoration:none;border-radius:3px;top:5px;right:5px;background:#1f1471;color:#fff}.component .build-item .name-commander{margin:10px 10px 0 10px;height:40px;padding:0 10px;border:none;background:#fff;border-radius:3px;width:15pc;text-align:center;font-size:1pc}.component .build-item .button{display:block;margin:10px;padding:5px 10px;width:15pc;line-height:20px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;background:#1f1471;box-shadow:inset 0 0 2px #000;border:none;cursor:pointer;min-height:36px}.component .build-item .button:hover{box-shadow:inset 0 0 6px #000;background:#2f23c0}.component .build-item .button.disable{background:#202020;cursor:default}.component .build-item .button .icon-color{width:14px}.component .build-item button.button{width:260px}.component .build-item .ship-pack{z-index:10;position:absolute;bottom:15px;left:15px;width:60px;height:40px;padding:0;margin:0;border:none;background:#fff;text-align:center;font-size:24px;font-weight:700;border-radius:3px;box-shadow:inset 0 0 0 3px #CCC}.component .build-item .ship-illu{width:260px;margin:5px 10px;overflow:hidden}.component .build-item .ship-illu img{width:100%}.component .build-item.disabled{opacity:.3}.component .build-item.disabled .name img{opacity:.5}.component .build-item.disabled strong{color:#4F4F4F}.component .build-item.disabled .button.disable{color:#696969}.component .build-item.disabled .button.disable:hover{background:#202020;box-shadow:inset 0 0 2px #000}.component .build-item.large{width:578px}.component .build-item.large .info{top:75px;right:25px}.component .build-item.large .button{display:block;top:-3px;right:0;line-height:18px;width:540px;min-height:36px}.component .build-item.large .ship-illu{width:35pc;margin-top:10px}.component .build-item input{display:block;width:243px;margin:10px;padding:8px;border:none}.component .build-item select{display:block;width:260px;margin:10px;padding:8px;border:none}.component.panel-info .remove-info{display:block;position:absolute;top:2px;right:10px;line-height:20px;width:20px;text-align:center;text-decoration:none;color:#fff;border-radius:3px;background:#0c0d44}.component.panel-info .table{margin:10px}.component.panel-info .table table{width:100%;text-align:right;border-collapse:collapse;background:#000}.component.panel-info .table td{border:solid 1px #202020;padding:6px 8px}.component.panel-info .table tr.small-grey{background:#0A0A0A}.component.panel-info .table tr.active td{background:#0A0A0A;border-bottom:solid 1px #4F4F4F}.component.panel-info .table .icon-color{width:9pt}.component.panel-info .illu{margin:0 10px;box-shadow:inset 0 0 5px #000}.component.panel-info .skill-box{position:relative;margin:0 10px;padding:5px 10px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000}.component.panel-info .skill-box.grey{border-left:solid 10px #4F4F4F!important}.component.panel-info .skill-box .label{display:block}.component.panel-info .skill-box .value{display:block;font-size:18px;font-weight:700;margin:4px 0 0 0}.component.panel-info .skill-box .value .icon-color{width:18px}.component.panel-info .skill-box .progress-bar{margin:6px 0 2px 0}.splash-screen{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;background:rgba(0,0,0,.8)}.splash-screen .modal{width:500px;height:140px;position:absolute;top:5pc;right:3000px;background:#0A0A0A;padding:25px 175px 25px 75px;color:#fff;border-radius:140px;border:solid 1px #202020}.splash-screen .modal h1{font-size:36px;margin:0;padding:0 0 10px 0}.splash-screen .modal h2{font-size:20px;margin:0;padding:0}.splash-screen .modal img{position:absolute;top:-15px;right:-50px;width:200px;padding:10px;background:#202020;border-radius:100%;border:solid 1px #4F4F4F}.splash-screen .modal:before{content:'';position:absolute;top:-5pc;right:20px;border-color:transparent transparent #4F4F4F transparent;border-width:40px;border-style:solid}.common-link{color:#fff}.component .top-right-button{display:block;position:absolute;top:0;right:10px;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;text-decoration:none;background:#1f1471;z-index:1}.component .top-right-button:focus,.component .top-right-button:hover{background:#0c0d44}.alert{display:block;margin:10px;line-height:30px;padding:0 10px;text-decoration:none;color:#fff;background:#1f1471;border-radius:3px;box-shadow:0 0 2px #000}.common-link{display:block;margin:10px;color:#fff;text-decoration:none}.text-bloc a{display:inline-block;color:inherit;opacity:.6}.text-bloc a:focus,.text-bloc a:hover{opacity:1}.queue{margin:10px;color:#fff}.queue .item{position:relative;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;min-height:60px;display:block}.queue .item.empty{background:#0A0A0A}.queue .item.empty strong{font-weight:400}.queue .item.link{min-height:0;padding:10px;color:#4F4F4F;text-decoration:none}.queue .item.link:focus,.queue .item.link:hover{color:#CCC}.queue .item a.button{position:absolute;display:block;top:2px;right:5px;color:#fff;text-decoration:none}.queue .item a{color:#CCC}.queue .item .group-link{position:absolute;top:9px;right:9px}.queue .item .group-link a{display:block;width:20px;line-height:20px;margin:0 0 5px 0;border-radius:3px;color:#fff;text-align:center;text-decoration:none;background:#1f1471}.queue .item .group-link a:focus,.queue .item .group-link a:hover{background:#2f23c0}.queue .item .picto{float:left;width:40px;height:40px;margin:5px;padding:5px;background:#000;border-radius:100%;border:solid 1px #202020}.queue .item strong{display:block;margin:6px 0 2px 0}.queue .item strong .level{font-size:11px;color:#CCC}.queue .item .big{font-size:24px}.queue .item em{display:block;font-style:normal;color:#AEAEAE}.queue .item .progress-container{position:relative;display:block;clear:both;margin:5px;height:3px;background:#4F4F4F}.queue .item .progress-bar{position:absolute;display:block;height:100%;background:#2f23c0}.choose-government{display:block;margin:10px;padding:10px;background:#0A0A0A;border-radius:3px}.choose-government select{display:block;width:100%;padding:8px}.choose-government button{display:block;width:100%;margin:10px 0 0 0;padding:0 10px;line-height:30px;border:none;color:#fff;cursor:pointer;background:#1f1471}.choose-government button:focus,.choose-government button:hover{background:#0c0d44}.evolution{background:#000;margin:10px;border-top:solid 1px #202020;border-bottom:solid 1px #202020}.evolution .header{padding:10px;border-bottom:solid 1px #202020;color:#EFEFEF}.evolution .diargam{padding:10px;background:#0A0A0A}.evolution .diargam .progress-bar{background:#0A0A0A!important;height:20px;padding-bottom:1px}.evolution .diargam .progress-bar .content{height:20px;line-height:20px;font-size:9pt;color:#fff;padding-left:5px}.evolution .diargam .progress-bar:nth-child(odd) .content{background:#1f1471!important}.centred-link{display:block;width:300px;text-align:center;margin:0 auto;text-decoration:none;padding:6px 10px;color:#EFEFEF;background:#1f1471;border:solid 1px #0c0d44}.centred-link:focus,.centred-link:hover{background:#0c0d44;border-color:#1f1471;color:#fff}span.centred-link{background:#202020;border:solid 1px #0A0A0A;color:#4F4F4F}span.centred-link:focus,span.centred-link:hover{background:#202020;border-color:#0A0A0A;color:#4F4F4F}.component.profil .center-box{margin:20px 10px 0;color:#fff;text-align:center}.component.profil .center-box .label{display:block}.component.profil .center-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.component.profil .profil-flag{position:relative;width:222px;height:460px;margin:0 auto}.component.profil .profil-flag img{position:relative;background:#0A0A0A;border:solid 1px #202020;padding:10px;border-radius:100%;margin:20px auto;box-shadow:0 0 0 4px #1f1471,0 0 20px #000;z-index:1}.component.profil .profil-flag.color-1 img{box-shadow:0 0 0 4px #6e161b,0 0 20px #000}.component.profil .profil-flag.color-2 img{box-shadow:0 0 0 4px #1f1471,0 0 20px #000}.component.profil .profil-flag.color-3 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag.color-4 img{box-shadow:0 0 0 4px #5a1072,0 0 20px #000}.component.profil .profil-flag.color-5 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-6 img{box-shadow:0 0 0 4px #076b87,0 0 20px #000}.component.profil .profil-flag.color-7 img{box-shadow:0 0 0 4px #67331d,0 0 20px #000}.component.profil .profil-flag.color-8 img{box-shadow:0 0 0 4px #d87913,0 0 20px #000}.component.profil .profil-flag.color-9 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-10 img{box-shadow:0 0 0 4px #760f36,0 0 20px #000}.component.profil .profil-flag.color-11 img{box-shadow:0 0 0 4px #219772,0 0 20px #000}.component.profil .profil-flag.color-12 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag:before{display:block;position:absolute;content:'';top:218px;left:33px;width:154px;height:241px;background:url(src/desktop/faction/flag/flag-2.png) no-repeat}.component.profil .profil-flag.color-1:before{background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.profil .profil-flag.color-2:before{background:url(src/desktop/faction/flag/flag-2.png) no-repeat}.component.profil .profil-flag.color-3:before{background:url(src/desktop/faction/flag/flag-3.png) no-repeat}.component.profil .profil-flag.color-4:before{background:url(src/desktop/faction/flag/flag-4.png) no-repeat}.component.profil .profil-flag.color-5:before{background:url(src/desktop/faction/flag/flag-5.png) no-repeat}.component.profil .profil-flag.color-6:before{background:url(src/desktop/faction/flag/flag-6.png) no-repeat}.component.profil .profil-flag.color-7:before{background:url(src/desktop/faction/flag/flag-7.png) no-repeat}.component.profil .profil-flag.color-8:before{background:url(src/desktop/faction/flag/flag-8.png) no-repeat}.component.profil .profil-flag.color-9:before{background:url(src/desktop/faction/flag/flag-9.png) no-repeat}.component.profil .profil-flag.color-10:before{background:url(src/desktop/faction/flag/flag-10.png) no-repeat}.component.profil .profil-flag.color-11:before{background:url(src/desktop/faction/flag/flag-11.png) no-repeat}.component.profil .profil-flag.color-12:before{background:url(src/desktop/faction/flag/flag-12.png) no-repeat}.component.profil .profil-flag .level{z-index:2;display:block;position:absolute;top:184px;right:2px;width:36px;height:36px;text-align:center;line-height:36px;background:#0A0A0A;border:3px solid #1f1471;border-radius:100%}.component.profil .profil-flag.color-1 .level{border-color:#6e161b}.component.profil .profil-flag.color-2 .level{border-color:#1f1471}.component.profil .profil-flag.color-3 .level{border-color:#dbb200}.component.profil .profil-flag.color-4 .level{border-color:#5a1072}.component.profil .profil-flag.color-5 .level{border-color:#2c7915}.component.profil .profil-flag.color-6 .level{border-color:#076b87}.component.profil .profil-flag.color-7 .level{border-color:#67331d}.component.profil .profil-flag.color-8 .level{border-color:#d87913}.component.profil .profil-flag.color-9 .level{border-color:#2c7915}.component.profil .profil-flag.color-10 .level{border-color:#760f36}.component.profil .profil-flag.color-11 .level{border-color:#219772}.component.profil .profil-flag.color-12 .level{border-color:#dbb200}.component.profil .faction-flag{display:block;content:'';width:154px;height:241px;margin:0 auto;background:url(src/desktop/faction/flag/flag-2.png) no-repeat}.component.search-player{position:relative;background:0 0!important}.component.search-player .box{position:absolute;top:60px;left:50px;width:440px;color:#fff}.component.search-player .top{background:rgba(0,0,0,.4);padding:10px;border-radius:3px 3px 0 0}.component.search-player .top label{display:block;font-size:1pc}.component.search-player .top input{display:block;border:none;height:40px;width:25pc;padding:0 10px;margin:10px 0 0 0;font-size:20px;color:#202020;border-radius:3px}.component.search-player .center{background:rgba(0,0,0,.8);padding:10px 25px 10px 10px;min-height:140px;border-radius:0 0 3px 3px}.component.search-player .center .avatar{float:left;position:relative;left:-20px;width:90pt;padding:8px;border:solid 1px #202020;border-radius:100%;background:#0A0A0A}.component.search-player .center .right{margin-left:140px}.component.search-player .center h1{margin:10px 0 0 0;padding:0}.component.search-player .center hr{margin:10px 0;border-color:#4F4F4F}.component.search-player .center p{margin:5px 0;padding:0}.component.search-player .center p span{display:inline-block;background:red;line-height:28px;padding:0 10px;border:solid 1px rgba(255,255,255,.5);border-right:none}.component.search-player .center p span:first-child{border-radius:3px 0 0 3px}.component.search-player .center p span:last-child{border-radius:0 3px 3px 0;border:solid 1px rgba(255,255,255,.5)}.component.search-player.color1 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component.search-player.color2 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component.search-player.color3 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.search-player.color4 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component.search-player.color5 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color6 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component.search-player.color7 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component.search-player.color8 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component.search-player.color9 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color10 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.component.search-player.color11 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.component.search-player.color12 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.new-message p.input{position:relative;background:#fff;padding:10px;border-radius:3px}.component.new-message p.input:before{content:'';position:absolute;width:0;height:0;top:-9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent;left:20px}.component.new-message label{display:block;font-size:13px}.component.new-message .input-text input{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px}.component.new-message .input-area textarea{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px;max-width:100%;min-width:100%;height:200px}.component.new-message button{display:inline-block;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 15px;color:#fff;cursor:pointer;overflow:hidden;background:#2f23c0}.component.new-message button:focus,.component.new-message button:hover{background:#0c0d44}.notif{position:relative;margin:10px;background:#000;border-top:solid 1px #4F4F4F;border-right:solid 1px #202020;border-left:solid 1px #202020}.notif h4{position:relative;overflow:hidden;margin:0;padding:0 10px;font-size:14px;line-height:30px;border-bottom:solid 1px #202020;background:#0A0A0A;font-weight:400;cursor:pointer;color:#fff}.notif.unreaded h4:before{position:absolute;content:'';width:40px;height:40px;background:#fff;top:-5px;right:-15px;background:#2f23c0;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}.notif .content{display:none;padding:6px 8px;line-height:140%;text-align:justify;color:#efefef}.notif .content p{margin:0}.notif .content hr{border:none;background:0 0;border-bottom:dashed 1px #202020;margin:5px 0}.notif .content a{color:#fff}.notif .content .box-resource{position:relative;display:block;margin:5px 0;padding:5px 5px 5px 40px}.notif .content .box-resource img{position:absolute;top:6px;left:0;border:solid 4px #4f4f4f;border-radius:100%;border-color:#1f1471}.notif .content .box-resource .label{display:block;font-size:9pt}.notif .content .box-resource .value{display:block;font-size:18px;font-weight:700}.notif .footer{display:none;margin:0;padding:0 10px;line-height:18px;padding:5px 5px;border-top:solid 1px #202020;font-style:italic;text-align:right;color:#CCC}.notif .footer a{color:#CCC}.notif.open .content{display:block}.notif.open .footer{display:block}.component.rc .rc{position:relative;margin:20px 10px 20px 30px;border-left:solid 1px #CCC;padding:0 10px;height:380px;color:#CCC}.component.rc .rc.no-tax{margin:20px 10px 20px 30px;border-left:dashed 1px #4F4F4F;padding:0 10px;color:#CCC}.component.rc .rc a,.component.rc .rc strong{color:#fff}.component.rc .rc .icon-color{width:20px}.component.rc .rc .base{position:relative;padding:15px 0 15px 40px;height:50px}.component.rc .rc .base:last-child{position:absolute;bottom:0}.component.rc .rc .place{position:absolute;top:0;left:-50px;width:78px;height:78px;border:solid 1px #202020;background:#000;border-radius:100%}.component.rc .rc .general{list-style:none inset;margin:10px 0;padding:0}.component.rc .rc .general li{margin:10px 0;list-style-type:none}.component.rc .rc .general li strong{display:block;font-size:20px;font-weight:700}.component .situation-content{position:relative;display:block;width:100%;height:500px;border-bottom:solid 1px #0A0A0A}.component .situation-content .line-help{position:absolute;display:block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:100%;background:#0c0d44}.component .situation-content .line-help.line-1{top:55px;left:190px}.component .situation-content .line-help.line-2{top:145px;left:406px}.component .situation-content .toolbar{position:absolute;top:30px;right:30px;box-shadow:0 0 0 4px rgba(255,255,255,.1);border-radius:3px;background:#1f1471;z-index:1}.component .situation-content .toolbar a,.component .situation-content .toolbar span{display:inline-block;line-height:2pc;padding:0 15px;border-right:solid 1px #000;text-decoration:none;color:#fff}.component .situation-content .toolbar a img,.component .situation-content .toolbar span img{position:relative;top:-2px;vertical-align:middle;height:18px;width:18px}.component .situation-content .toolbar a:focus,.component .situation-content .toolbar a:hover{background:rgba(0,0,0,.25)}.component .situation-content .toolbar form{display:inline-block}.component .situation-content .toolbar input{height:2pc;border:none;background:0 0;color:#fff;padding:0 15px;font-size:inherit}.component .situation-content .toolbar input:focus{background:rgba(0,0,0,.25)}.component .situation-content .toolbar input.button{background:url(src/desktop/common/edit.png) no-repeat center}.component .situation-content .toolbar input.button:focus{background:url(src/desktop/common/edit.png) no-repeat center rgba(0,0,0,.25)}.component .situation-content .info{position:absolute;display:block;width:200px;font-size:9pt;color:#efefef;line-height:18px}.component .situation-content .info strong{color:#fff;font-size:14px}.component .situation-content .info a{color:#fff;text-decoration:none;border-bottom:solid 1px #4f4f4f}.component .situation-content .info a:focus,.component .situation-content .info a:hover{border-color:#CCC}.component .situation-content .commander{position:absolute;display:block;text-decoration:none;z-index:1}.component .situation-content .commander.empty{color:#CCC}.component .situation-content .commander.position-1-1{top:135px;left:127px}.component .situation-content .commander.position-1-2{top:17pc;left:75pt}.component .situation-content .commander.position-1-3{top:415px;left:127px}.component .situation-content .commander.position-2-1{top:215px;left:22pc}.component .situation-content .commander.position-2-2{top:17pc;left:345px}.component .situation-content .commander.position-2-3{top:330px;left:22pc}.component .situation-content .commander.position-3{top:355px;left:577px}.component .situation-content .commander img{width:40px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}.component .situation-content .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component .situation-content .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #1f1471}.component .situation-content .commander .info{top:8px;left:65px;width:10pc}.component .situation-content .commander .link{display:none;position:absolute;top:14px;left:-1pc;width:24px;height:24px;font-size:20px;font-weight:700;text-decoration:none;border-radius:100%;text-align:center;z-index:1;border:solid 1px #fff}.component .situation-content .commander .link.to-left{background:url(src/desktop/mover/to-left.png) no-repeat center #000}.component .situation-content .commander .link.to-right{background:url(src/desktop/mover/to-right.png) no-repeat center #000}.component .situation-content .commander:hover>.link{display:block}.component .situation-content .stellar{position:absolute;display:block;top:180px;left:35pc}.component .situation-content .stellar img{width:220px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%}.component .situation-content .stellar .info{font-size:9pt;border-left:solid 1px #202020}.component .situation-content .stellar .info.top{bottom:215px;left:50px;padding:0 0 30px 10px}.component .situation-content .stellar .info.top strong{font-size:20px}.component .situation-content .stellar .info.bottom{top:225px;left:10pc;padding:10px 0 0 10px}.component .situation-content .stellar .info.middle{top:20px;left:182px;padding:10px 0 0 50px;border:none;border-top:solid 1px #202020}.component .situation-content .attack-link{position:absolute;bottom:-1px;left:0;right:0;text-align:center}.component .situation-content .attack-link a{display:inline-block;line-height:40px;padding:0 25px;border-radius:3px 3px 0 0;background:#202020;color:#fff;text-decoration:none;font-size:1pc}.component .situation-content .attack-link a:focus,.component .situation-content .attack-link a:hover{box-shadow:0 0 5px 3px #000}.component .situation-content.color0 .line-help{background:#202020}.component .situation-content.color0 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #202020}.component .situation-content.color0 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #202020}.component .situation-content.color0 .attack-link a{background:#202020}.component .situation-content.color1 .line-help{background:#510816}.component .situation-content.color1 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component .situation-content.color1 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #6e161b}.component .situation-content.color1 .attack-link a{background:#6e161b}.component .situation-content.color2 .line-help{background:#0c0d44}.component .situation-content.color2 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component .situation-content.color2 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #1f1471}.component .situation-content.color2 .attack-link a{background:#1f1471}.component .situation-content.color3 .line-help{background:#b17a00}.component .situation-content.color3 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .situation-content.color3 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #dbb200}.component .situation-content.color3 .attack-link a{background:#dbb200}.component .situation-content.color4 .line-help{background:#310948}.component .situation-content.color4 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component .situation-content.color4 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #5a1072}.component .situation-content.color4 .attack-link a{background:#5a1072}.component .situation-content.color5 .line-help{background:#24500a}.component .situation-content.color5 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color5 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color5 .attack-link a{background:#2c7915}.component .situation-content.color6 .line-help{background:#004948}.component .situation-content.color6 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component .situation-content.color6 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #076b87}.component .situation-content.color6 .attack-link a{background:#076b87}.component .situation-content.color7 .line-help{background:#401b13}.component .situation-content.color7 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component .situation-content.color7 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #67331d}.component .situation-content.color7 .attack-link a{background:#67331d}.component .situation-content.color8 .line-help{background:#c3590b}.component .situation-content.color8 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component .situation-content.color8 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #d87913}.component .situation-content.color8 .attack-link a{background:#d87913}.component .situation-content.color9 .line-help{background:#24500a}.component .situation-content.color9 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color9 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color9 .attack-link a{background:#2c7915}.component .situation-info{display:table;width:100%;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#000}.component .situation-info .item{display:table-cell;padding:10px;border-right:solid 1px #202020}.component .situation-info .item .value{font-size:26px;font-weight:700;display:block}.component .build-item.base-type .desc{margin:10px 0 0 0;padding:15px;font-size:13px;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#0A0A0A}.component .build-item.base-type .list-choice{position:relative;height:140px;background:url(src/desktop/base/type-base.png) no-repeat center;margin:0;border-bottom:solid 1px #202020}.component .build-item.base-type .list-choice button{position:absolute;padding:0;border:none;background:0 0;cursor:pointer}.component .build-item.base-type .list-choice button.item-1{top:35px;left:5px}.component .build-item.base-type .list-choice button.item-2{top:5px;left:107px}.component .build-item.base-type .list-choice button.item-3{bottom:5px;left:107px}.component .build-item.base-type .list-choice button.item-4{top:35px;right:5px}.component .build-item.base-type .list-choice button img{display:block;padding:8px;width:40px;border:solid 1px #202020;border-radius:100%;background:#000}.color1 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.color2 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.color3 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.color4 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.color5 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color6 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.color7 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.color8 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.color9 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color10 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.color11 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.color12 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .build-item.base-type .desc-choice{display:none}.component .build-item.base-type .desc-choice h4{border-bottom:solid 1px #202020;padding:0 0 5px 0}.component .build-item.base-type .desc-choice p{text-align:left;color:#CCC!important}.component .build-item.base-type .desc-choice p strong{display:block;color:#fff}.component .build-item.base-type .desc-choice p strong.short{display:inline-block;width:75pt}.component.list-fleet .set-fleet{position:relative;margin:10px;padding:0 0 0 70px;min-height:5pc}.component.list-fleet .set-fleet img.place{position:absolute;top:-5px;left:-20px;width:5pc;background:#0A0A0A;border-radius:100%;border:solid 1px #202020}.component.list-fleet .set-fleet h2{padding:10px 0;margin:0}.component.list-fleet .set-fleet h2 a{font-size:13px;color:#fff;font-weight:400;text-decoration:none}.component.list-fleet .set-fleet .item{position:relative;height:60px;background:#0A0A0A;border:solid 1px #202020;border-bottom:none;width:777px}.component.list-fleet .set-fleet .item:last-child{border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item a{display:inline-block;text-decoration:none;color:#CCC;border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item .left{position:absolute;top:0;left:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .left .top{position:absolute;left:60px;display:block;width:500px;top:10px}.component.list-fleet .set-fleet .item .left .status{width:30px;margin:10px;padding:5px;border-radius:100%}.component.list-fleet .set-fleet .item .right{position:absolute;top:0;right:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .right .top{position:absolute;right:60px;display:block;width:200px;text-align:right;top:10px}.component.list-fleet .set-fleet .item .right .cover{width:50px;margin:5px;padding:0;border-radius:100%}.component.list-fleet .set-fleet .item .center{position:absolute;top:41px;left:70px;right:70px}.component.list-fleet .set-fleet .item .center .ship{position:absolute;top:-10px;left:-11px;right:auto}.component.list-fleet .set-fleet .item .center .progress-ship{display:block;width:100%;background:#4F4F4F;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar{position:relative;display:block;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship{top:-11px;right:-11px;left:auto}.component.list-fleet .set-fleet .item .center .progress-ship .bar span{position:absolute;top:4px;right:15px;font-size:10px}.component.list-fleet .set-fleet .item.color1 .status{background:#6e161b}.component.list-fleet .set-fleet .item.color2 .status{background:#1f1471}.component.list-fleet .set-fleet .item.color3 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color4 .status{background:#5a1072}.component.list-fleet .set-fleet .item.color5 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color6 .status{background:#076b87}.component.list-fleet .set-fleet .item.color7 .status{background:#67331d}.component.list-fleet .set-fleet .item.color8 .status{background:#d87913}.component.list-fleet .set-fleet .item.color9 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color10 .status{background:#760f36}.component.list-fleet .set-fleet .item.color11 .status{background:#219772}.component.list-fleet .set-fleet .item.color12 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item .center .progress-ship .bar{background:#2f23c0}.component.list-fleet .set-fleet .item .center.reversed .progress-ship{background:#2f23c0}.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar{background:#4F4F4F}.component.list-fleet .set-fleet .item .show-commander{position:absolute;top:-1px;right:-30px;width:28px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a;border:solid 1px #202020}.component.list-fleet .set-fleet .item .show-commander.active,.component.list-fleet .set-fleet .item .show-commander:focus,.component.list-fleet .set-fleet .item .show-commander:hover{background-color:#202020}.component.table-fleet table{margin:10px;width:55pc;border-collapse:collapse}.component.table-fleet table tr:nth-child(odd){background:#000;border-bottom:solid 1px #202020}.component.table-fleet table tr:nth-child(even){background:#0A0A0A;border-bottom:solid 1px #202020}.component.table-fleet table tr:first-child{background:0 0}.component.table-fleet table td,.component.table-fleet table th{height:40px;width:40px;text-align:center}.component.table-fleet table td span.zero-value{color:#4F4F4F}.component.table-fleet table .base{width:75pt;text-align:left;padding:0 20px}.component.table-fleet table .base a{border:none}.component.table-fleet table .base strong{display:block;font-size:1pc}.component.table-fleet table .large{width:auto;text-align:left;padding:0 10px}.component.table-fleet table .sep{border-left:solid 1px #1f1471}.component.table-fleet table a{color:#fff;text-decoration:none;border-bottom:solid 1px #4F4F4F;display:inline-block}.component.table-fleet table th{position:relative;height:70px}.component.table-fleet table th span{position:absolute;bottom:2pc;left:-10px;display:block;text-align:left;width:60px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.component.commander-fleet .fleet{vertical-align:top;display:block;text-align:center}.component.commander-fleet .list-ship{vertical-align:top;display:inline-block;width:148px}.component.commander-fleet .list-ship:first-child{border-right:dashed 1px #4F4F4F}.component.commander-fleet .list-ship a{display:block;position:relative;margin:6px;height:40px;background:#202020;border:solid 1px #4F4F4F;border-radius:3px}.component.commander-fleet .list-ship a.empty{opacity:.4}.component.commander-fleet .list-ship img{position:absolute;display:inline-block;width:40px}.component.commander-fleet .list-ship .text{position:absolute;left:45px;display:inline-block;width:88px;color:#fff}.component.commander-fleet .list-ship .text .quantity{display:block;font-weight:700;font-size:18px}.component.commander-fleet .army{border-collapse:collapse;width:35pc;margin:20px}.component.commander-fleet .army td{width:65px;padding:5px;border-right:dashed 1px #4F4F4F;vertical-align:center}.component.commander-fleet .army td:first-child{width:auto;vertical-align:top;text-align:right;padding:0 20px;font-size:9pt}.component.commander-fleet .army tr:first-child td{text-align:center;padding:10px 5px;font-size:18px;font-weight:700}.component.commander-fleet .army .block{display:block;width:54px;height:54px;margin:0 0 5px 0;padding:5px;vertical-align:top;border-radius:5px;background:#0A0A0A;text-align:right;border:solid 1px #202020;color:#4F4F4F}.component.commander-fleet .army .block.empty{background:#000;border:solid 1px #0A0A0A}.component.commander-fleet .army .block strong{display:block;font-size:15px;height:38px;font-weight:700}.component.commander-fleet .army .block em{display:block;padding:2px;font-size:11px;background:#000;text-align:center;border-radius:3px}.component.commander-fleet .army .block.squadron{border:solid 1px #4F4F4F;color:#fff;cursor:pointer;background:#1f1471}.component.commander-fleet .army .block.squadron.full0{background:url(src/desktop/squadron/squadron0.png) no-repeat 4px 2px #1f1471}.component.commander-fleet .army .block.squadron.full1{background:url(src/desktop/squadron/squadron1.png) no-repeat 4px 2px #1f1471}.component.commander-fleet .army .block.squadron.full2{background:url(src/desktop/squadron/squadron2.png) no-repeat 4px 2px #1f1471}.component.commander-fleet .army .block.squadron.full3{background:url(src/desktop/squadron/squadron3.png) no-repeat 4px 2px #1f1471}.component.commander-fleet .army .block.squadron.active{box-shadow:inset 0 0 6px #000,0 0 2px 0 #fff;border:dashed 1px #fff}.component.report .commander{position:relative;display:block;margin:10px;padding:8px 0 8px 72px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component.report .commander img{position:absolute;top:5px;left:5px;padding:8px;width:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component.report .commander strong{display:block;padding:0 0 8px 0;color:#fff;font-weight:700;font-size:17px}.component.report .commander em{display:block;line-height:20px;color:#fff;font-style:normal;color:#efefef}.component.report .commander em .bonus{font-size:90%;margin:2px 0 0 2px;padding:3px 6px}.component.report .dammage{margin:10px;background:#000}.component.report .dammage table{width:100%;border-collapse:collapse;border-left:solid 1px #202020;border-right:solid 1px #202020}.component.report .dammage td{border-color:#202020;border-width:1px;border-style:solid dashed;padding:4px;vertical-align:center;text-align:center;color:#CCC;width:28px;height:22px}.component.report .dammage td:first-child{text-align:left;padding:4px 8px;width:auto}.component.report .dammage td span{display:inline-block;background:red;line-height:22px;width:22px;border-radius:3px;color:#fff;background:#0c0d44}.component.topic .message{position:relative;padding:0 0 0 5pc;margin:10px;min-height:70px}.component.topic .message .avatar{position:absolute;top:0;left:0;width:56px;padding:6px;border:solid 1px #202020;border-radius:100%;background:#000}.component.topic .message .content{position:relative;background:#000;border:solid 1px #202020;border-bottom:solid 1px #0A0A0A}.component.topic .message .content:before{position:absolute;content:'';top:25px;left:-18px;border-style:solid;border-width:9px;border-color:transparent #202020 transparent transparent}.component.topic .message .content .text{margin:0;padding:10px 10px 9pt 10px;border-bottom:solid 1px #0A0A0A;color:#efefef}.component.topic .message .content .text a,.component.topic .message .content .text strong{color:#fff}.component.topic .message .content .text a.color1{color:#b01e2d}.component.topic .message .content .text a.color2{color:#2f23c0}.component.topic .message .content .text a.color3{color:#ffdb0f}.component.topic .message .content .text a.color4{color:#a935c7}.component.topic .message .content .text a.color5{color:#57c632}.component.topic .message .content .text a.color6{color:#05bed7}.component.topic .message .content .text a.color7{color:#ac5832}.component.topic .message .content .text a.color8{color:#f2b636}.component.topic .message .content .text a.color9{color:#57c632}.component.topic .message .content .text a.color10{color:#a92859}.component.topic .message .content .text a.color11{color:#34b089}.component.topic .message .content .text a.color12{color:#ffdb0f}.component.topic .message .content .text .icon-color{width:15px}.component.topic .message .content .footer{margin:0;padding:6px 10px;font-size:9pt;color:#CCC}.component.topic .message .content .footer a{color:#CCC}.component.topic .message.write .content:before{left:-17px;top:11px;border-color:transparent #fff transparent transparent}.component.topic .message.write .content textarea{border:none;padding:5px;width:487px;height:90pt;max-width:487px;min-width:487px;min-height:50px;font-family:inherit;font-size:13px}.component.topic .message.write .content input{margin:6px;font-family:inherit}.component.topic .message.write .content .title{border:none;margin:0;padding:5px;width:487px;height:30px;font-family:inherit;font-size:13px}.component.topic .message.write .content button{margin:6px;font-family:inherit;background:#1f1471;border:none;padding:4px 8px;color:#fff;cursor:pointer}.component.topic .message.write .content button:focus,.component.topic .message.write .content button:hover{background:#0c0d44}.component.topic .system-message{position:relative;padding:0 0 0 90px;margin:10px}.component.topic .system-message:before{content:'';position:absolute;top:10px;left:0;height:1px;width:70px;background:#4F4F4F}.conv-item{position:relative;display:block;border:solid 1px #202020;border-bottom:none;background:#0A0A0A;height:59px;padding:5px 5px 5px 70px;margin:0 10px;color:#fff;text-decoration:none;overflow:hidden}.conv-item .cover{position:absolute;display:block;top:0;left:0;bottom:0;width:60px;padding:5px}.conv-item .cover .picture{width:52px;height:52px;background:#202020;border-radius:100%;padding:4px}.conv-item .cover .picture.color0{box-shadow:0 0 0 2px #4F4F4F}.conv-item .cover .picture.color1{box-shadow:0 0 0 2px #6e161b}.conv-item .cover .picture.color2{box-shadow:0 0 0 2px #1f1471}.conv-item .cover .picture.color3{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .picture.color4{box-shadow:0 0 0 2px #5a1072}.conv-item .cover .picture.color5{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color6{box-shadow:0 0 0 2px #076b87}.conv-item .cover .picture.color7{box-shadow:0 0 0 2px #67331d}.conv-item .cover .picture.color8{box-shadow:0 0 0 2px #d87913}.conv-item .cover .picture.color9{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color10{box-shadow:0 0 0 2px #760f36}.conv-item .cover .picture.color11{box-shadow:0 0 0 2px #219772}.conv-item .cover .picture.color12{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .new-message,.conv-item .cover .number{position:absolute;width:22px;height:22px;border-radius:100%;background:#0A0A0A;bottom:5px;right:5px;border:solid 1px #4F4F4F;text-align:center;line-height:22px;font-size:11px}.conv-item .cover .new-message{left:5px;top:5px}.conv-item .cover .new-message img{display:block;width:18px;height:18px;margin:2px}.conv-item .data{line-height:20px}.conv-item:last-child{border:solid 1px #202020}.conv-item:focus,.conv-item:hover{background:#0C0C0C}.component.player .player{position:relative;display:inline-block;margin:10px 0 0 10px;width:211px;height:58px;padding:5px 5px 5px 70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff;text-decoration:none}.component.player .player a{color:#ccc;text-decoration:none;border-bottom:solid 1px #202020}.component.player .player a:focus,.component.player .player a:hover{border-color:#4f4f4f}.component.player .player img.picto{position:absolute;top:5px;left:5px;width:50px;padding:4px;border:solid 1px #202020;border-radius:100%;background:#000}.component.player .player .icon,.component.player .player .icon-color{height:1pc;padding:1px}.component.player .player span,.component.player .player strong{display:block;line-height:20px}.component.player .player strong{font-size:18px}.component.player .player .inactive,.component.player .player .online{position:absolute;width:18px;height:18px;background:#fff;top:5px;right:5px;border-radius:100%;background:#4F4F4F}.component.player .player .online{background:#2f23c0}.component.player .player.faction{border-left:solid 1px #0A0A0A!important;width:202px}.component.player .player.faction img{top:0;left:10px;padding:0;border:none;border-radius:0;background:0 0}.component.player.rank .player{border-left:solid 10px #4F4F4F;width:190px}.component.player.rank .player.color1{border-left-color:#b01e2d}.component.player.rank .player.color2{border-left-color:#2f23c0}.component.player.rank .player.color3{border-left-color:#ffdb0f}.component.player.rank .player.color4{border-left-color:#a935c7}.component.player.rank .player.color5{border-left-color:#57c632}.component.player.rank .player.color6{border-left-color:#05bed7}.component.player.rank .player.color7{border-left-color:#ac5832}.component.player.rank .player.color8{border-left-color:#f2b636}.component.player.rank .player.color9{border-left-color:#57c632}.component.player.rank .player.color10{border-left-color:#a92859}.component.player.rank .player.color11{border-left-color:#34b089}.component.player.rank .player.color12{border-left-color:#ffdb0f}.component.player.rank .player .points,.component.player.rank .player .title{color:#BBB}.component.player.rank .player .position{display:block;position:absolute;top:14px;right:14px;line-height:38px;width:38px;border:solid 1px #202020;text-align:center;border-radius:100%}.component.player.rank .player .variance{display:block;position:absolute;top:5px;right:-4px;line-height:26px;width:26px;border:solid 1px #202020;background:#0A0A0A;text-align:center;font-size:11px;border-radius:100%}.component.player.rank .player .variance.lower{bottom:5px;top:auto}.component.player.rank .player.active .position{background:#fff;border:solid 1px #fff;color:#202020}.component.player.size2 .player{width:13pc}.component.player.size1 .player{width:202px}.component.transaction .transaction{background:#0A0A0A;border:solid 1px #202020;margin:10px}.component.transaction .transaction .right-link{position:absolute;top:2px;right:5px;display:block;color:#FFF;text-decoration:none}.component.transaction .transaction .product{position:relative;height:70px;padding:5px 10px 5px 55px;cursor:pointer}.component.transaction .transaction .product .picto{position:absolute;top:5px;left:-20px;width:60px;height:60px;padding:4px;background:#000;border:solid 1px #202020;border-radius:100%}.component.transaction .transaction .product .rate{position:absolute;bottom:5px;right:8px}.component.transaction .transaction .product .offer{overflow:hidden;height:2pc}.component.transaction .transaction .product .for{position:relative;border-top:solid 1px #202020;margin:8px 0 6px 0;color:#4F4F4F}.component.transaction .transaction .product .for span{display:block;position:absolute;top:-10px;left:10px;background:#0A0A0A;padding:0 10px;font-size:9pt}.component.transaction .transaction .product .price{font-size:19px;font-weight:700}.component.transaction .transaction .product .price .icon-color{width:14px;position:relative;top:-2px;padding:1px}.component.transaction .transaction.resources .product .offer{font-size:28px;font-weight:700;line-height:30px}.component.transaction .transaction.resources .product .offer .icon-color{width:20px;position:relative;top:-5px}.component.transaction .transaction.commander .product .offer strong,.component.transaction .transaction.ship .product .offer strong{display:block;font-size:14px}.component.transaction .transaction.commander .product .offer em,.component.transaction .transaction.ship .product .offer em{display:block;font-size:11px}.component.transaction .transaction .hidden{display:none}.component.transaction .transaction .info{position:relative;border-top:solid 1px #202020;height:88px;background:#000}.component.transaction .transaction .info p{font-size:11px;margin:5px 8px}.component.transaction .transaction .info .seller{position:absolute;top:0;width:50%;bottom:0}.component.transaction .transaction .info .seller a{font-weight:700;color:#fff}.component.transaction .transaction .info .seller .color1{color:#b01e2d}.component.transaction .transaction .info .seller .color2{color:#2f23c0}.component.transaction .transaction .info .seller .color3{color:#ffdb0f}.component.transaction .transaction .info .seller .color4{color:#a935c7}.component.transaction .transaction .info .seller .color5{color:#57c632}.component.transaction .transaction .info .seller .color6{color:#05bed7}.component.transaction .transaction .info .seller .color7{color:#ac5832}.component.transaction .transaction .info .seller .color8{color:#f2b636}.component.transaction .transaction .info .seller .color9{color:#57c632}.component.transaction .transaction .info .seller .color10{color:#a92859}.component.transaction .transaction .info .seller .color11{color:#34b089}.component.transaction .transaction .info .seller .color12{color:#ffdb0f}.component.transaction .transaction .info .price-detail{position:absolute;top:0;width:50%;bottom:0;right:0}.component.transaction .transaction .info .price-detail p{text-align:right}.component.transaction .transaction .info .price-detail p .icon-color{width:10px;padding:1px}.component.transaction .transaction .info .price-detail p span{color:#4F4F4F}.component.transaction .transaction .button{border-top:solid 1px #202020;padding:5px}.component.transaction .transaction .button a,.component.transaction .transaction .button span{display:block;padding:5px 10px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;line-height:20px;background:#202020;box-shadow:inset 0 0 2px #000}.component.transaction .transaction .button a{background:#1f1471}.component.transaction .transaction .button a:hover{box-shadow:inset 0 0 6px #000;background:#2f23c0}.component.transaction .transaction .button span{background:#202020;cursor:default}.component.transaction .transaction .button .icon-color{width:14px}.component.transaction .transaction .shipping{position:relative;background:#000;height:30px}.component.transaction .transaction .shipping .ships{position:absolute;top:0;left:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center}.component.transaction .transaction .shipping .ships .icon-color{position:relative;width:1pc;margin-left:5px;top:-5px}.component.transaction .transaction .shipping .time{position:absolute;top:0;right:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center;font-size:9pt}.component.transaction .transaction .shipping .progress-container{position:relative;display:block;clear:both;margin:0 60px;height:3px;top:13px;background:#4F4F4F}.component.transaction .transaction .shipping .progress-bar{position:absolute;display:block;height:100%;background:#2f23c0}.component .build-item.disable .button span{color:#696969}.component.transaction .new-transaction{width:279px;position:absolute;background:#000;z-index:1;padding:10px;border-bottom:solid 1px #2f23c0}.component.transaction .new-transaction label{position:relative;display:block;padding:5px 0}.component.transaction .new-transaction label input{display:block;padding:5px 10px;margin:5px 0 0 0;width:259px;border:none}.component.transaction .new-transaction.resources label input{font-size:1pc;color:#202020;font-weight:700}.component.transaction .new-transaction .indicator{position:relative;display:block;width:100%;height:15px}.component.transaction .new-transaction .indicator span{position:absolute;display:inline-block;padding:1px 6px;font-size:9pt;color:#fff;border-radius:3px;top:-5px;background:#0c0d44}.component.transaction .new-transaction .indicator span.min-price{left:5px}.component.transaction .new-transaction .indicator span.max-price{right:5px}.component.market-sell .body{padding:10px 0}.component.market-sell .label-box{position:relative;padding:0 10px;margin:10px 0}.component.market-sell .label-box .label{display:inline-block;width:75pt;line-height:30px}.component.market-sell .label-box .value{display:inline-block;width:147px;padding:0 5px;border:none;line-height:30px;border-radius:3px;font-size:1pc}.component.market-sell .label-box input.value{height:30px;background:#fff}.component.market-sell .label-box .icon-color{position:absolute;top:4px;right:1pc;width:18px}.component.market-sell .queue{margin:0 10px;cursor:pointer}.component.market-sell .sell-form{background:#0A0A0A;border:solid 1px #202020;margin:0 10px 10px 10px}.component.market-sell .sell-form input[type=submit]{display:block;width:100%;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 10px;color:#fff;cursor:pointer;overflow:hidden;background:#2f23c0}.component.market-sell .sell-form input[type=submit]:hover{background:#0c0d44}.component.market-sell .sell-form input[disabled=disabled]{background:#202020!important}.wysiwyg{display:block;position:relative}.wysiwyg .toolbar{display:block;position:absolute;top:0;left:0;right:0;padding:5px}.wysiwyg .toolbar button{display:inline-block;height:26px;line-height:26px;padding:0 4px!important;margin:0 4px 0 0!important;background:#1f1471;color:#fff;border-radius:3px;overflow:hidden;vertical-align:top}.wysiwyg .modal{position:absolute;top:40px;left:10px;right:10px;background:#0A0A0A;border:solid 1px #202020;box-shadow:0 0 15px #000}.wysiwyg .modal .header{position:relative}.wysiwyg .modal .header h2{margin:0;padding:0;line-height:36px;padding:0 10px;font-size:1pc;font-weight:400}.wysiwyg .modal .header .right{position:absolute;top:5px;right:10px;width:300px;text-align:right}.wysiwyg .modal .header .right button{display:inline-block;width:26px!important;height:26px!important;line-height:26px !important<;font-size:14px;padding:0!important;margin:0 0 0 5px!important}.wysiwyg .modal input{width:435px;border:none;height:30px;margin:0 10px 10px 10px!important;padding:0 10px!important}.wysiwyg textarea{padding-top:40px!important}.input-area .wysiwyg .toolbar{padding:0}.component.params .checkbox{display:block;position:relative;padding:10px 10px 10px 40px;margin:10px;background:rgba(0,0,0,.8)}.component.params .checkbox input{position:absolute;top:8px;left:10px}#map{position:absolute;z-index:100;background:url(src/desktop/map/common/map.jpg) repeat #000;padding:0;top:0;left:0}#map #sectors{z-index:300}#map #spying{z-index:400}#map #own-base{z-index:500}#map #commercial-routes{z-index:600}#map #fleet-movements{z-index:700}#map #attacks{z-index:800}#map #systems{z-index:900}#map #map-info{z-index:910}#map>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#map #sectors polygon{stroke:#fff;stroke-width:1px;stroke-dasharray:4 4;opacity:.15}#map #sectors .ally1{fill:#6e161b}#map #sectors .ally2{fill:#1f1471}#map #sectors .ally3{fill:#dbb200}#map #sectors .ally4{fill:#5a1072}#map #sectors .ally5{fill:#2c7915}#map #sectors .ally6{fill:#076b87}#map #sectors .ally7{fill:#67331d}#map #sectors .ally8{fill:#d87913}#map #sectors .ally9{fill:#2c7915}#map #sectors .ally10{fill:#760f36}#map #sectors .ally11{fill:#219772}#map #sectors .ally12{fill:#dbb200}#map #spying circle{opacity:.08;stroke:#fff}#map #own-base circle{opacity:.1;fill:#fff}#map #commercial-routes line{stroke:#fff;stroke-width:1px;stroke-dasharray:20 5 5 5 5 10}#map #commercial-routes line.standBy{stroke:rgba(255,255,255,.3)}#map #fleet-movements line{stroke-width:1px}#map #fleet-movements line.back{stroke-dasharray:15 5}#map #attacks line{stroke-width:1px}#map #attacks line.color1{stroke:#b01e2d}#map #attacks line.color2{stroke:#2f23c0}#map #attacks line.color3{stroke:#ffdb0f}#map #attacks line.color4{stroke:#a935c7}#map #attacks line.color5{stroke:#57c632}#map #attacks line.color6{stroke:#05bed7}#map #attacks line.color7{stroke:#ac5832}#map #attacks line.color8{stroke:#f2b636}#map #attacks line.color9{stroke:#57c632}#map #attacks line.color10{stroke:#a92859}#map #attacks line.color11{stroke:#34b089}#map #attacks line.color12{stroke:#ffdb0f}#map #attacks circle.color1{fill:#b01e2d}#map #attacks circle.color2{fill:#2f23c0}#map #attacks circle.color3{fill:#ffdb0f}#map #attacks circle.color4{fill:#a935c7}#map #attacks circle.color5{fill:#57c632}#map #attacks circle.color6{fill:#05bed7}#map #attacks circle.color7{fill:#ac5832}#map #attacks circle.color8{fill:#f2b636}#map #attacks circle.color9{fill:#57c632}#map #attacks circle.color10{fill:#a92859}#map #attacks circle.color11{fill:#34b089}#map #attacks circle.color12{fill:#ffdb0f}#map #systems a{display:block;position:absolute;border-radius:100%}#map #systems a.active{background:#000;box-shadow:0 0 0 1px #000,0 0 0 3px #fff,0 0 10px 8px #000}#map #systems a img{display:block;width:20px;height:20px;border:none;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}#map #systems a img.own{background:#fff}#map #systems .sector-number{position:absolute;display:block;font-size:22px;line-height:40px;width:40px;text-align:center;border-radius:100%;box-shadow:0 0 0 5px #0A0A0A,0 0 0 6px #4F4F4F;background:#202020;color:#fff;font-weight:700;cursor:pointer}#map #systems .sector-number.color1{background:#6e161b}#map #systems .sector-number.color2{background:#1f1471}#map #systems .sector-number.color3{background:#dbb200}#map #systems .sector-number.color4{background:#5a1072}#map #systems .sector-number.color5{background:#2c7915}#map #systems .sector-number.color6{background:#076b87}#map #systems .sector-number.color7{background:#67331d}#map #systems .sector-number.color8{background:#d87913}#map #systems .sector-number.color9{background:#2c7915}#map #systems .sector-number.color10{background:#760f36}#map #systems .sector-number.color11{background:#219772}#map #systems .sector-number.color12{background:#dbb200}#map #systems .sector-info{display:none;position:absolute;color:#fff;background:#000;background:rgba(0,0,0,.9);padding:8px 1pc;border-radius:3px}#map #systems .sector-info:before{content:'';position:absolute;left:-20px;top:20px;border-style:solid;border-width:10px;border-color:transparent #000 transparent transparent;border-color:transparent rgba(0,0,0,.9) transparent transparent}#map #systems .sector-info h2{position:relative;font-size:40px;font-weight:700;line-height:40px;text-shadow:0 0 5px #000;margin:0;padding:0}#map #systems .sector-info p{font-size:13px;margin:6px 0 0 0;padding:0;font-weight:700;font-variant:small-caps}#map #systems .sector-info p a{position:static;display:inline-block;color:#fff;background:#202020;border-radius:3px;line-height:20px;width:20px;text-align:center;text-decoration:none;border:solid 1px rgba(255,255,255,.5);margin:0 5px 0 0}#map #systems .sector-info.color1 p a{background:#6e161b}#map #systems .sector-info.color2 p a{background:#1f1471}#map #systems .sector-info.color3 p a{background:#dbb200}#map #systems .sector-info.color4 p a{background:#5a1072}#map #systems .sector-info.color5 p a{background:#2c7915}#map #systems .sector-info.color6 p a{background:#076b87}#map #systems .sector-info.color7 p a{background:#67331d}#map #systems .sector-info.color8 p a{background:#d87913}#map #systems .sector-info.color9 p a{background:#2c7915}#map #systems .sector-info.color10 p a{background:#760f36}#map #systems .sector-info.color11 p a{background:#219772}#map #systems .sector-info.color12 p a{background:#dbb200}#map #map-info{display:none;position:absolute;top:0;right:0;left:auto;bottom:auto;height:auto;width:auto;margin:40px 60px 0 0;color:#fff;text-align:right}#map #map-info h2{margin:0;padding:0 20px;font-size:38px;line-height:60px}#map #map-info h3{margin:0;padding:0 20px;font-size:1pc;font-weight:400;line-height:40px}#map #map-info ul{margin:10px 0;padding:0;list-style:none}#map #map-info ul li{position:relative;margin:0;padding:0 40px 0 0;line-height:20px;height:20px;font-style:italic;color:#CCC;font-size:13px}#map #map-info ul li img{position:absolute;right:10px;top:0}#map #spying circle{fill:#1f1471}#map #fleet-movements line{stroke:#2f23c0}#map #fleet-movements circle{fill:#2f23c0}#map-option{z-index:1000;position:absolute;display:inline-block;height:2pc;padding:3px 0;background:url(src/desktop/map/bOption.png) repeat-x;top:30px;right:20px}#map-option:before{content:'';position:absolute;display:block;left:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bLeftOption.png)}#map-option:after{content:'';position:absolute;display:block;right:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bRightOption.png)}#map-option a{position:relative;display:inline-block;height:30px;width:30px;margin:1px 0 1px 1px;background:#0A0A0A}#map-option a.active{background:#004948}#map-option a img{position:absolute;top:5px;left:5px;width:22px}.color1 #map-option a.active{background:#510816}.color2 #map-option a.active{background:#0c0d44}.color3 #map-option a.active{background:#b17a00}.color4 #map-option a.active{background:#310948}.color5 #map-option a.active{background:#24500a}.color6 #map-option a.active{background:#004948}.color7 #map-option a.active{background:#401b13}.color8 #map-option a.active{background:#c3590b}.color9 #map-option a.active{background:#24500a}.color10 #map-option a.active{background:#4d0621}.color11 #map-option a.active{background:#10684c}.color12 #map-option a.active{background:#b17a00}#map-content{z-index:1000;position:absolute;top:5pc;right:20px;display:block}#map-content .mini-map{position:relative;width:300px;height:300px;overflow:hidden;border:solid 1px #202020;background:url(src/desktop/map/common/galaxy.jpg) no-repeat #0a0a0a}#map-content .mini-map polygon{stroke:#fff;stroke-width:.5px;opacity:.3}#map-content .mini-map polygon:focus,#map-content .mini-map polygon:hover{opacity:.1;cursor:pointer}#map-content .mini-map polygon.ally0{fill:#202020}#map-content .mini-map polygon.ally1{fill:#6e161b}#map-content .mini-map polygon.ally2{fill:#1f1471}#map-content .mini-map polygon.ally3{fill:#dbb200}#map-content .mini-map polygon.ally4{fill:#5a1072}#map-content .mini-map polygon.ally5{fill:#2c7915}#map-content .mini-map polygon.ally6{fill:#076b87}#map-content .mini-map polygon.ally7{fill:#67331d}#map-content .mini-map polygon.ally8{fill:#d87913}#map-content .mini-map polygon.ally9{fill:#2c7915}#map-content .mini-map polygon.ally10{fill:#760f36}#map-content .mini-map polygon.ally11{fill:#219772}#map-content .mini-map polygon.ally12{fill:#dbb200}#map-content .mini-map .number{position:absolute;z-index:600;top:0;left:0}#map-content .mini-map .sectors{z-index:500;position:absolute;top:0;left:0}#map-content .mini-map .bases{z-index:400;position:absolute;top:0;left:0}#map-content .mini-map .bases circle{fill:rgba(255,255,255,.2);stroke:#fff}#map-content .mini-map .viewport{position:absolute;top:0;left:0;background:rgba(255,255,255,.1);border:solid 1px #fff;border-radius:3px}#map-content .mini-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:11px}.map-movers{display:none;position:absolute;z-index:900;background-repeat:no-repeat;background-position:center}#coord-box{z-index:1000;position:absolute;bottom:20px;right:20px;width:5pc;padding:5px 10px;background:rgba(0,0,0,.8);color:#fff;font-size:20px;text-align:center}.tactical-map{margin:10px;position:relative;background:url(src/desktop/map/common/galaxy-large.jpg) repeat #0a0a0a}.tactical-map polygon{stroke:#fff;stroke-width:.3px;opacity:.15}.tactical-map polygon.enabled{position:relative;stroke-width:2px;opacity:.8;z-index:1}.tactical-map polygon.enabled.ally1{stroke:#510816}.tactical-map polygon.enabled.ally2{stroke:#0c0d44}.tactical-map polygon.enabled.ally3{stroke:#b17a00}.tactical-map polygon.enabled.ally4{stroke:#310948}.tactical-map polygon.enabled.ally5{stroke:#24500a}.tactical-map polygon.enabled.ally6{stroke:#004948}.tactical-map polygon.enabled.ally7{stroke:#401b13}.tactical-map polygon.enabled.ally8{stroke:#c3590b}.tactical-map polygon.enabled.ally9{stroke:#24500a}.tactical-map polygon.enabled.ally10{stroke:#4d0621}.tactical-map polygon.enabled.ally11{stroke:#10684c}.tactical-map polygon.enabled.ally12{stroke:#b17a00}.tactical-map polygon.ally0{fill:#202020}.tactical-map polygon.ally1{fill:#6e161b}.tactical-map polygon.ally2{fill:#1f1471}.tactical-map polygon.ally3{fill:#dbb200}.tactical-map polygon.ally4{fill:#5a1072}.tactical-map polygon.ally5{fill:#2c7915}.tactical-map polygon.ally6{fill:#076b87}.tactical-map polygon.ally7{fill:#67331d}.tactical-map polygon.ally8{fill:#d87913}.tactical-map polygon.ally9{fill:#2c7915}.tactical-map polygon.ally10{fill:#760f36}.tactical-map polygon.ally11{fill:#219772}.tactical-map polygon.ally12{fill:#dbb200}.tactical-map .number{position:absolute;z-index:800;top:0;left:0}.tactical-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:9pt;line-height:22px;width:22px;text-align:center;border-radius:100%;box-shadow:0 0 1px #fff}.tactical-map .number span.ally0{background:#0A0A0A}.tactical-map .number span.ally1{background:#510816}.tactical-map .number span.ally2{background:#0c0d44}.tactical-map .number span.ally3{background:#b17a00}.tactical-map .number span.ally4{background:#310948}.tactical-map .number span.ally5{background:#24500a}.tactical-map .number span.ally6{background:#004948}.tactical-map .number span.ally7{background:#401b13}.tactical-map .number span.ally8{background:#c3590b}.tactical-map .number span.ally9{background:#24500a}.tactical-map .number span.ally10{background:#4d0621}.tactical-map .number span.ally11{background:#10684c}.tactical-map .number span.ally12{background:#b17a00}.tactical-map .number span.active{background:#fff;color:#000;box-shadow:0 0 10px #000}.tactical-map.reactive polygon.enabled.active,.tactical-map.reactive polygon.enabled:hover{cursor:pointer}.tactical-map.reactive polygon.enabled.active.ally1,.tactical-map.reactive polygon.enabled:hover.ally1{fill:#510816}.tactical-map.reactive polygon.enabled.active.ally2,.tactical-map.reactive polygon.enabled:hover.ally2{fill:#0c0d44}.tactical-map.reactive polygon.enabled.active.ally3,.tactical-map.reactive polygon.enabled:hover.ally3{fill:#b17a00}.tactical-map.reactive polygon.enabled.active.ally4,.tactical-map.reactive polygon.enabled:hover.ally4{fill:#310948}.tactical-map.reactive polygon.enabled.active.ally5,.tactical-map.reactive polygon.enabled:hover.ally5{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally6,.tactical-map.reactive polygon.enabled:hover.ally6{fill:#004948}.tactical-map.reactive polygon.enabled.active.ally7,.tactical-map.reactive polygon.enabled:hover.ally7{fill:#401b13}.tactical-map.reactive polygon.enabled.active.ally8,.tactical-map.reactive polygon.enabled:hover.ally8{fill:#c3590b}.tactical-map.reactive polygon.enabled.active.ally9,.tactical-map.reactive polygon.enabled:hover.ally9{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally10,.tactical-map.reactive polygon.enabled:hover.ally10{fill:#4d0621}.tactical-map.reactive polygon.enabled.active.ally11,.tactical-map.reactive polygon.enabled:hover.ally11{fill:#10684c}.tactical-map.reactive polygon.enabled.active.ally12,.tactical-map.reactive polygon.enabled:hover.ally12{fill:#b17a00}#action-box{display:block;z-index:1100;position:absolute;width:100%;height:300px;bottom:-300px;left:0;border-top:solid 1px #0A0A0A;background:#000;box-shadow:0 0 15px #000}#action-box .header{position:relative;background:#000;border-bottom:solid 1px #202020;height:36px;color:#EFEFEF}#action-box .header ul{list-style:none inset;margin:0;padding:0}#action-box .header ul li{display:inline-block;line-height:36px;padding:0 10px;color:#CCC;border-right:solid 1px #202020}#action-box .header ul li a{display:inline-block;line-height:24px;margin:3px 0;padding:0 6px;text-decoration:none;color:#CCC;background:#0A0A0A;border:solid 1px #202020;border-right:none;color:#8F8F8F}#action-box .header ul li a:first-child{border-radius:3px 0 0 3px}#action-box .header ul li a:last-child{border-right:solid 1px #202020;border-radius:0 3px 3px 0}#action-box .header ul li a:focus,#action-box .header ul li a:hover{background:#202020;color:#fff}#action-box .header ul li a.active{color:#fff;position:relative;z-index:1;background:#0c0d44}#action-box .header ul li img{position:relative;top:5px;width:20px;border-radius:100%}#action-box .header .button{position:absolute;top:7px;right:10px;line-height:22px;width:22px;text-align:center;background:#202020;border-radius:3px;text-decoration:none;text-transform:uppercase;color:#fff}#action-box .header .button:focus,#action-box .header .button:hover{background:#4F4F4F}#action-box .body{position:relative;overflow:hidden;width:100%;height:263px;background:url(src/desktop/map/common/bLine.jpg) repeat-x center #080808}#action-box .actbox-movers{position:absolute;display:block;width:60px;height:263px;z-index:1103;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#action-box .actbox-movers:focus,#action-box .actbox-movers:hover{background-color:rgba(255,255,255,.05)}#action-box .actbox-movers:active{background-color:rgba(255,255,255,.15)}#action-box .actbox-movers#actboxToLeft{background:url(src/desktop/mover/left.png) no-repeat center}#action-box .actbox-movers#actboxToRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center}#action-box .body .system{position:absolute;top:0;left:0;height:263px;width:3000px}#action-box .body .system ul{display:inline-block;list-style:none inset;margin:0;padding:0}#action-box .body .system ul li{display:inline-block}#action-box .body .system ul li.action,#action-box .body .system ul li.place a{width:75pt;height:260px;border-top:solid 3px #fff;position:relative}#action-box .body .system ul li.action.color1,#action-box .body .system ul li.place.color1 a{border-top-color:#6e161b}#action-box .body .system ul li.action.color2,#action-box .body .system ul li.place.color2 a{border-top-color:#1f1471}#action-box .body .system ul li.action.color3,#action-box .body .system ul li.place.color3 a{border-top-color:#dbb200}#action-box .body .system ul li.action.color4,#action-box .body .system ul li.place.color4 a{border-top-color:#5a1072}#action-box .body .system ul li.action.color5,#action-box .body .system ul li.place.color5 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color6,#action-box .body .system ul li.place.color6 a{border-top-color:#076b87}#action-box .body .system ul li.action.color7,#action-box .body .system ul li.place.color7 a{border-top-color:#67331d}#action-box .body .system ul li.action.color8,#action-box .body .system ul li.place.color8 a{border-top-color:#d87913}#action-box .body .system ul li.action.color9,#action-box .body .system ul li.place.color9 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color10,#action-box .body .system ul li.place.color10 a{border-top-color:#760f36}#action-box .body .system ul li.action.color11,#action-box .body .system ul li.place.color11 a{border-top-color:#219772}#action-box .body .system ul li.action.color12,#action-box .body .system ul li.place.color12 a{border-top-color:#dbb200}#action-box .body .system ul li.star{width:300px;height:263px;border-left:solid 1px #0F0F0F;background:url(src/desktop/map/systems/default.png) no-repeat center center}#action-box .body .system ul li.place a{display:block;border-left:solid 1px #0F0F0F;text-align:center}#action-box .body .system ul li.place a strong{position:absolute;bottom:8px;left:10px;font-size:18px;font-weight:700;color:#fff}#action-box .body .system ul li.place a .land{position:absolute;z-index:1102;top:88px;left:10px;width:5pc;border-radius:100%}#action-box .body .system ul li.place.active a .land{box-shadow:0 0 0 1px #202020;background:#080808}#action-box .body .system ul li.place a .avatar{position:absolute;z-index:1101;top:10px;left:20px;padding:7px;border:solid 1px #0F0F0F;background:#000;width:47px;border-radius:100%}#action-box .body .system ul li.action{width:0;overflow:hidden}#action-box .body .system ul li.action .content{position:absolute;top:9px;left:9pt;height:15pc;width:545px;background:#111;border:solid 1px #202020;box-shadow:inset 0 0 5px #000;border-radius:3px}#action-box .body .system ul li.action .content:before{content:'';position:absolute;top:107px;left:-24px;border-width:9pt;border-style:solid;border-color:transparent #202020 transparent transparent}#action-box .body .system ul li.action .content .column{position:relative;display:inline-block;vertical-align:top;height:15pc;border-right:solid 1px #202020;color:#fff}#action-box .body .system ul li.action .content .column .last-spy-link{position:absolute;top:6px;right:8px;opacity:.5;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}#action-box .body .system ul li.action .content .column .last-spy-link:focus,#action-box .body .system ul li.action .content .column .last-spy-link:hover{opacity:1}#action-box .body .system ul li.action .content .column.info{width:199px}#action-box .body .system ul li.action .content .column.act{width:345px;border-right:none}#action-box .body .system ul li.action .content .column p{margin:2px 10px}#action-box .body .system ul li.action .content .column a{color:#fff}#action-box .body .system ul li.action .content .column hr{margin:8px 10px;border:none;background:0 0;border-bottom:solid 1px #202020}#action-box .body .system ul li.action .content .column strong{line-height:30px}#action-box .body .system ul li.action .content .column.info strong{line-height:28px;font-size:18px}#action-box .body .system ul li.action .content .column .label{display:inline-block;width:78px;font-size:9pt}#action-box .body .system ul li.action .content .column .value{display:inline-block;width:75pt;text-align:left}#action-box .body .system ul li.action .content .column .value .icon,#action-box .body .system ul li.action .content .column .value .icon-color{width:18px;height:18px;padding:1px}#action-box .body .system ul li.action .content .column.act .top .grey{opacity:.4}#action-box .body .system ul li.action .content .column.act .top img{width:45px;padding:8px;margin:0 4px 2px 0;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}#action-box .body .system ul li.action .content .column .bottom,#action-box .body .system ul li.action .content .column .top{padding:5px}#action-box .body .system ul li.action .box{display:none;position:absolute;left:10px;right:10px;bottom:10px;top:5pc;background:#000;border-radius:3px}#action-box .body .system ul li.action .box:nth-child(1){display:block}#action-box .body .system ul li.action .box:before{content:'';position:absolute;top:-20px;border-style:solid;border-width:10px;border-color:transparent transparent #000 transparent}#action-box .body .system ul li.action .box:nth-child(1):before{left:15px}#action-box .body .system ul li.action .box:nth-child(2):before{left:84px}#action-box .body .system ul li.action .box:nth-child(3):before{left:152px}#action-box .body .system ul li.action .box:nth-child(4):before{left:218px}#action-box .body .system ul li.action .box:nth-child(5):before{left:284px}#action-box .body .system ul li.action .box h2{margin:0;padding:0 11px;line-height:35px;font-size:15px}#action-box .body .system ul li.action .box .box-content{position:absolute;top:35px;left:0;right:0;bottom:0;border-radius:0 0 3px 3px;padding:8px 10px;background:#080808;border:solid 1px #000;overflow:hidden}#action-box .body .system ul li.action .box .box-content .commander-tile .item{display:none}#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander{display:block}#action-box .body .system ul li.action .box .box-content .spy-button{display:inline-block;width:75pt;text-decoration:none;margin:8px 0}#action-box .body .system ul li.action .box .box-content .spy-button .picto{float:left;width:30px;height:30px;margin:0 5px 0 0}#action-box .body .system ul li.action .box .box-content .spy-button span{display:block}#action-box .body .system ul li.action .box .box-content .spy-button .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .spy-form{margin-top:10px}#action-box .body .system ul li.action .box .box-content .spy-form input{width:187px;padding:7px;border:none;background:#fff;border-radius:3px 0 0 3px}#action-box .body .system ul li.action .box .box-content .spy-form button{width:75pt;padding:6px 6px;border:none;color:#fff;background:#1f1471;cursor:pointer;border-radius:0 3px 3px 0}#action-box .body .system ul li.action .box .box-content .spy-form button:focus,#action-box .body .system ul li.action .box .box-content .spy-form button:hover{background:#0c0d44}#action-box .body .system ul li.action .box .box-content .label-box{display:inline-block;width:50%;margin:5px 0}#action-box .body .system ul li.action .box .box-content .label-box .key{display:block}#action-box .body .system ul li.action .box .box-content .label-box .val{display:block;font-size:18px;font-weight:700}#action-box .body .system ul li.action .box .box-content .rc{margin:5px 0 0 0;padding:10px 10px 0 50px;border-top:solid 1px #202020}#action-box .body .system ul li.action .box .box-content .rc .planet{position:absolute;top:-25px;left:-25px;width:76px;height:76px;border:solid 1px #202020;border-radius:100%;background:#000}#action-box .body .system ul li.action .box .box-content .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .button{display:inline-block;background:#202020;border:solid 1px #4F4F4F;line-height:26px;margin:5px 0 0 0;padding:0 8px;text-align:center;text-decoration:none}#action-box .body .system ul li.action .box .box-content a.button{background:#1f1471;border:#0c0d44}#action-box .body .system ul li.action .box .box-content a.button:focus,#action-box .body .system ul li.action .box .box-content a.button:hover{background:#0c0d44}.component.admin table{margin:10px;border-collapse:collapse;width:877px}.component.admin table tr{border-bottom:solid 1px #202020}.component.admin table td{padding:5px 10px;vertical-align:top}.component.admin table .button{display:inline-block;padding:0 5px;line-height:25px;min-width:15px;text-align:center;color:#fff;border-radius:3px;background:#4F4F4F;text-decoration:none}.component.admin table td:nth-child(1){width:50px}.component.admin table td:nth-child(2){width:75pt}.component.admin table td:nth-child(3){width:auto}.component.admin table td:nth-child(4){width:5pc}.on-off-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#1f1471;border:solid 1px #0c0d44;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}.on-off-button:focus,.on-off-button:hover{background:#0c0d44;border-color:#1f1471}.on-off-button.disabled{background:#202020;border-color:#4F4F4F}.inscription #nav .box.left span{display:inline-block;line-height:2pc;padding:0 10px;margin:5px 2px;font-size:14px;width:5pc;text-align:center;color:#4f4f4f;text-decoration:none;font-variant:small-caps}.inscription #nav .box.left span.active{color:#fff}.inscription #nav .box.right{display:none}.inscription #inscription-subnav{position:fixed;top:45px;left:0;width:210px;margin:0 20px 0 60px;z-index:500}.inscription #inscription-subnav .bind{height:15px;background:url(src/desktop/inscriptionSubnav/bBind.png) no-repeat center}.inscription #inscription-subnav .head{position:relative;height:214px;background:url(src/desktop/inscriptionSubnav/bHead.png) no-repeat center}.inscription #inscription-subnav .head h2{position:absolute;margin:0;padding:0;top:5px;font-weight:700;font-size:1pc;line-height:24px;width:210px;overflow:hidden;text-align:center;color:#fff}.inscription #inscription-subnav .head img{position:absolute;top:43px;left:28px;width:125px;height:125px;background:#0A0A0A}.inscription #inscription-subnav .head .level{position:absolute;display:block;bottom:15px;left:0;width:100%;font-size:20px;line-height:41px;color:#fff;text-align:center;background:url(src/desktop/inscriptionSubnav/bLevel.png) no-repeat center}.inscription #inscription-subnav .head .experience{position:absolute;display:inline-block;top:50px;right:2pc;width:21px;height:7pc}.inscription #inscription-subnav .head .experience .value{position:absolute;display:block;width:100%;bottom:0;border-radius:3px}.inscription #inscription-subnav .foot{height:290px}.inscription #movers .toLeft{left:0!important}.inscription .component.inscription img.color1{background:#6e161b!important}.inscription .component.inscription img.color2{background:#1f1471!important}.inscription .component.inscription img.color3{background:#dbb200!important}.inscription .component.inscription img.color4{background:#5a1072!important}.inscription .component.inscription img.color5{background:#2c7915!important}.inscription .component.inscription img.color6{background:#076b87!important}.inscription .component.inscription img.color7{background:#67331d!important}.inscription .component.inscription img.color8{background:#d87913!important}.inscription .component.inscription img.color9{background:#2c7915!important}.inscription .component.inscription img.color10{background:#760f36!important}.inscription .component.inscription img.color11{background:#219772!important}.inscription .component.inscription img.color12{background:#dbb200!important}.inscription .component.inscription .chooseLink{display:block;margin:10px;padding:10px 60px 10px 20px;background:url(src/desktop/mover/right.png) no-repeat 235px center #ccc;text-decoration:none;color:#fff;text-shadow:0 0 2px #000;border:solid 1px #202020;cursor:pointer;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s}.inscription .component.inscription .chooseLink:focus,.inscription .component.inscription .chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.inscription .component.inscription button.chooseLink{width:277px;text-align:left}.inscription .component.inscription.color1 .chooseLink{background-color:#6e161b}.inscription .component.inscription.color2 .chooseLink{background-color:#1f1471}.inscription .component.inscription.color3 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color4 .chooseLink{background-color:#5a1072}.inscription .component.inscription.color5 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color6 .chooseLink{background-color:#076b87}.inscription .component.inscription.color7 .chooseLink{background-color:#67331d}.inscription .component.inscription.color8 .chooseLink{background-color:#d87913}.inscription .component.inscription.color9 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color10 .chooseLink{background-color:#760f36}.inscription .component.inscription.color11 .chooseLink{background-color:#219772}.inscription .component.inscription.color12 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color1 .chooseLink:focus,.inscription .component.inscription.color1 .chooseLink:hover{background-color:#510816}.inscription .component.inscription.color2 .chooseLink:focus,.inscription .component.inscription.color2 .chooseLink:hover{background-color:#0c0d44}.inscription .component.inscription.color3 .chooseLink:focus,.inscription .component.inscription.color3 .chooseLink:hover{background-color:#b17a00}.inscription .component.inscription.color4 .chooseLink:focus,.inscription .component.inscription.color4 .chooseLink:hover{background-color:#310948}.inscription .component.inscription.color5 .chooseLink:focus,.inscription .component.inscription.color5 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color6 .chooseLink:focus,.inscription .component.inscription.color6 .chooseLink:hover{background-color:#004948}.inscription .component.inscription.color7 .chooseLink:focus,.inscription .component.inscription.color7 .chooseLink:hover{background-color:#401b13}.inscription .component.inscription.color8 .chooseLink:focus,.inscription .component.inscription.color8 .chooseLink:hover{background-color:#c3590b}.inscription .component.inscription.color9 .chooseLink:focus,.inscription .component.inscription.color9 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color10 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#4d0621}.inscription .component.inscription.color11 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#10684c}.inscription .component.inscription.color12 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#b17a00}.inscription .component.inscription .chooseLink strong{display:block;font-size:15px;border-bottom:solid 1px rgba(255,255,255,.25);padding:0 0 5px 0;margin:0 0 5px 0}.inscription .component.inscription .chooseLink em{font-style:normal}.inscription .component.inscription span.chooseLink{background:#202020!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25);cursor:auto;padding:10px}.inscription .component.inscription span.chooseLink:focus,.inscription .component.inscription span.chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}.inscription .component.inscription blockquote{line-height:200%}.inscription .component.inscription #base,.inscription .component.inscription #pseudo{position:relative;width:100%;border:none;padding:9pt 0;margin:0;text-align:center;font-size:26px;font-weight:700;background:#fff;border-radius:3px}.inscription .component.inscription.color1 #pseudo{color:#510816}.inscription .component.inscription.color2 #pseudo{color:#0c0d44}.inscription .component.inscription.color3 #pseudo{color:#b17a00}.inscription .component.inscription.color4 #pseudo{color:#310948}.inscription .component.inscription.color5 #pseudo{color:#24500a}.inscription .component.inscription.color6 #pseudo{color:#004948}.inscription .component.inscription.color7 #pseudo{color:#401b13}.inscription .component.inscription.color8 #pseudo{color:#c3590b}.inscription .component.inscription.color9 #pseudo{color:#24500a}.inscription .component.inscription.color10 #pseudo{color:#4d0621}.inscription .component.inscription.color11 #pseudo{color:#10684c}.inscription .component.inscription.color12 #pseudo{color:#b17a00}.inscription .component.inscription .avatars{padding:5px;text-align:center}.inscription .component.inscription .avatar{position:relative;display:inline-block;margin:0 5px;padding:5px;background:#202020;border:solid 5px #0A0A0A;border-radius:100%}.inscription .component.inscription .avatar input{position:absolute;top:10px;left:10px}.inscription .component.inscription .avatar img{display:block;width:117px;cursor:pointer;border-radius:100%}.inscription .component.inscription.color1 .avatar:hover{border-color:#510816}.inscription .component.inscription.color2 .avatar:hover{border-color:#0c0d44}.inscription .component.inscription.color3 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color4 .avatar:hover{border-color:#310948}.inscription .component.inscription.color5 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color6 .avatar:hover{border-color:#004948}.inscription .component.inscription.color7 .avatar:hover{border-color:#401b13}.inscription .component.inscription.color8 .avatar:hover{border-color:#c3590b}.inscription .component.inscription.color9 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color10 .avatar:hover{border-color:#4d0621}.inscription .component.inscription.color11 .avatar:hover{border-color:#10684c}.inscription .component.inscription.color12 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color1 .avatar.active{border-color:#b01e2d}.inscription .component.inscription.color2 .avatar.active{border-color:#2f23c0}.inscription .component.inscription.color3 .avatar.active{border-color:#ffdb0f}.inscription .component.inscription.color4 .avatar.active{border-color:#a935c7}.inscription .component.inscription.color5 .avatar.active{border-color:#57c632}.inscription .component.inscription.color6 .avatar.active{border-color:#05bed7}.inscription .component.inscription.color7 .avatar.active{border-color:#ac5832}.inscription .component.inscription.color8 .avatar.active{border-color:#f2b636}.inscription .component.inscription.color9 .avatar.active{border-color:#57c632}.inscription .component.inscription.color10 .avatar.active{border-color:#a92859}.inscription .component.inscription.color11 .avatar.active{border-color:#34b089}.inscription .component.inscription.color12 .avatar.active{border-color:#ffdb0f}.inscription #alert{bottom:-9pt;z-index:10000}.inscription .build-item{min-height:60px}.inscription .build-item .name{padding-top:2px!important}.inscription .build-item .name strong{font-size:1pc!important}.inscription .build-item .name em{font-size:9pt!important}.color0 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor0.png) no-repeat top left}.color1 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor1.png) no-repeat top left}.color2 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor2.png) no-repeat top left}.color3 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor3.png) no-repeat top left}.color4 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor4.png) no-repeat top left}.color5 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor5.png) no-repeat top left}.color6 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor6.png) no-repeat top left}.color7 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor7.png) no-repeat top left}.color8 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor8.png) no-repeat top left}.color9 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor9.png) no-repeat top left}.color10 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor10.png) no-repeat top left}.color11 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor11.png) no-repeat top left}.color12 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor12.png) no-repeat top left}.ac_results{width:100%;padding:0;border:1px solid #4F4F4F;background-color:#fff;overflow:hidden;z-index:99999;box-shadow:0 0 6px #000;border-radius:3px}.ac_results ul{width:100%;padding:0;margin:0;list-style-position:outside;list-style:none}.ac_results ul li{padding:4px 8px;margin:0;cursor:default;display:block;border-bottom:solid 1px #CCC;overflow:hidden}.ac_results ul li:last-child{border:none}.ac_results .img{float:left;width:36px;background:#202020;border-radius:3px;margin:0 8px 0 0}.ac_results .value-1,.ac_results .value-2{display:block;line-height:18px}.ac_results .value-1{font-weight:700}.ac_loading{background:#fff url(src/desktop/module/indicator.gif) right center no-repeat}.ac_over{background:#efefef}.ac_results .ac_over strong{color:#000}.ac_results .ac_over img{background:#fff}
\ No newline at end of file
+html {
+ height: 100%;
+}
+body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Roboto', 'Trebuchet MS', 'Arial', sans-serif;
+ font-size: 13px;
+}
+.bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ max-width: 280px;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+}
+.bull.top:before {
+ bottom: -14px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+.bull.bottom:before {
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+}
+.bull.left:before {
+ right: 12px;
+}
+.bull.right:before {
+ left: 12px;
+}
+body {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: black;
+}
+#nav,
+#tools {
+ position: fixed;
+ width: 100%;
+ height: 26px;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ box-shadow: 0 0 10px black;
+ z-index: 1000;
+ border-color: #2f23c0;
+}
+#nav {
+ top: 0;
+ left: 0;
+ background: url('src/desktop/nav/bNav.png') repeat-x black;
+ border-bottom: solid 3px black;
+}
+#tools {
+ bottom: 0;
+ left: 0;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ border-top: solid 3px black;
+}
+#container {
+ position: absolute;
+ top: 29px;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ background: black;
+ overflow: hidden;
+ z-index: 0;
+ background: url('src/desktop/global/background.jpg') repeat-x black;
+}
+.icon,
+.icon-color {
+ display: inline-block;
+ vertical-align: bottom;
+ padding: 2px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.icon-color {
+ background: #2f23c0 !important;
+}
+#background-paralax {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: no-repeat bottom left transparent;
+ z-index: 100;
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.profil {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.message {
+ background-image: url('src/desktop/screen/message.jpg');
+}
+#background-paralax.fleet {
+ background-image: url('src/desktop/screen/fleet.jpg');
+}
+#background-paralax.financial {
+ background-image: url('src/desktop/screen/financial.jpg');
+}
+#background-paralax.technology {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.rank {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.params {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.bases {
+ background-image: url('src/desktop/screen/base.jpg');
+}
+#movers a {
+ position: absolute;
+ width: 60px;
+ height: 100%;
+ z-index: 400;
+ background: red;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#movers a:hover,
+#movers a:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+#movers a:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+#movers .toLeft {
+ top: 0;
+ left: 60px;
+ background: url('src/desktop/mover/left.png') no-repeat center transparent;
+}
+#movers .toRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center transparent;
+}
+/* finance */
+.component.financial table {
+ border-collapse: collapse;
+ width: 100%;
+}
+.component.financial td {
+ vertical-align: top;
+ width: 50%;
+}
+/* uni */
+.component.uni .build-item {
+ height: 60px;
+ margin: 20px;
+}
+/* techno */
+.component.techno .build-item .name strong {
+ font-size: 16px;
+}
+/* school */
+.component.school .build-item .name strong {
+ font-size: 18px;
+}
+/* generator */
+.component.generator table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* dock1 */
+.component.dock1 table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* situation */
+.component.space .fix-body {
+ background: url('src/desktop/base/situation.jpg') no-repeat top left black;
+}
+/* memorial */
+.component.memorial blockquote {
+ font-size: 22px;
+ margin: 30px 15px 0 30px;
+ line-height: 160%;
+ font-weight: bold;
+ text-align: center;
+}
+.component .info-building {
+ margin: 10px;
+ padding: 0;
+ font-size: 13px;
+ border-top: solid 1px #4F4F4F;
+}
+.component .info-building h4 {
+ margin: 10px;
+}
+.component .info-building p {
+ font-size: 13px;
+}
+#tools .box a,
+#nav .box a,
+#tools .box > span,
+#nav .box > span {
+ position: relative;
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 25px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 150px;
+ color: white;
+ text-decoration: none;
+ font-variant: small-caps;
+ background: url('src/desktop/button/bButtonMiddle.png') repeat-x;
+}
+#tools .box a:before,
+#nav .box a:before,
+#tools .box > span:before,
+#nav .box > span:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonLeft.png') no-repeat;
+}
+#tools .box a:after,
+#nav .box a:after,
+#tools .box > span:after,
+#nav .box > span:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonRight.png') no-repeat;
+}
+#tools .box a.current-base,
+#nav .box a.current-base {
+ margin-left: 56px;
+}
+#tools .box a.current-base img,
+#nav .box a.current-base img {
+ position: absolute;
+ top: -16px;
+ left: -54px;
+ background: black;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ border: solid 2px #4F4F4F;
+ width: 60px;
+}
+#tools .box a:hover:before,
+#nav .box a:hover:before,
+#tools .box a:focus:before,
+#nav .box a:focus:before {
+ background: url('src/desktop/button/bButtonLeftHover.png') repeat;
+}
+#tools .box a:hover:after,
+#nav .box a:hover:after,
+#tools .box a:focus:after,
+#nav .box a:focus:after {
+ background: url('src/desktop/button/bButtonRightHover.png') repeat;
+}
+#tools .box a.active,
+#nav .box a.active {
+ background: url('src/desktop/button/bButtonMiddleActive.png') repeat;
+}
+#tools .box a.active:before,
+#nav .box a.active:before {
+ background: url('src/desktop/button/bButtonLeftActive.png') repeat;
+}
+#tools .box a.active:after,
+#nav .box a.active:after {
+ background: url('src/desktop/button/bButtonRightActive.png') repeat;
+}
+#tools .box a.square,
+#nav .box a.square {
+ position: relative;
+ padding: 0 5px;
+ margin: 5px 2px;
+ height: 32px;
+ width: 30px;
+ background: url('src/desktop/button/bLittleButton.png') no-repeat;
+ vertical-align: top;
+}
+#tools .box a.square:before,
+#nav .box a.square:before,
+#tools .box a.square:after,
+#nav .box a.square:after {
+ display: none;
+}
+#tools .box a.square:hover,
+#nav .box a.square:hover,
+#tools .box a.square:focus,
+#nav .box a.square:focus {
+ background: url('src/desktop/button/bLittleButtonHover.png') no-repeat;
+}
+#tools .box a.square.active,
+#nav .box a.square.active {
+ background: url('src/desktop/button/bLittleButtonActive-c2.png') no-repeat;
+}
+#tools .box a.square.active.flashy,
+#nav .box a.square.active.flashy {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: inset 0 0 12px #2f23c0;
+}
+#tools .box a.square img,
+#nav .box a.square img {
+ position: absolute;
+ width: 24px;
+ top: 3px;
+ left: 8px;
+}
+#tools .box a.square span.number,
+#nav .box a.square span.number {
+ position: absolute;
+ top: -5px;
+ right: -5px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ font-size: 11px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ background: #0c0d44;
+}
+#nav .box {
+ position: absolute;
+ display: inline-block;
+ height: 46px;
+ padding: 0 3px;
+ background: url('src/desktop/nav/bNavBox.png') repeat-x;
+}
+#nav .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxLeft.png') no-repeat;
+}
+#nav .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxRight.png') no-repeat;
+}
+#nav .box.left {
+ top: 0;
+ left: 25px;
+}
+#nav .box.left-2 {
+ top: 0;
+ left: 420px;
+}
+#nav .box.left-3 {
+ top: 0;
+ left: 732px;
+}
+#nav .box.right {
+ top: 0;
+ right: 25px;
+}
+#nav .box a.square span.number {
+ bottom: -5px;
+ top: auto;
+}
+#tools .box {
+ position: absolute;
+ display: inline-block;
+ height: 40px;
+ padding: 1px 3px 0 3px;
+ background: url('src/desktop/tools/bToolBox.png') repeat-x;
+ font-size: 13px;
+}
+#tools .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxRight.png') no-repeat;
+}
+#tools .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxLeft.png') no-repeat;
+}
+#tools .box.left {
+ bottom: 0;
+ right: 340px;
+}
+#tools .box.right {
+ bottom: 0;
+ right: 25px;
+}
+#tools .box a.square img {
+ top: 4px;
+}
+#tools .box a.resource-link,
+#tools .box span.resource-link {
+ width: 110px;
+ font-size: 16px;
+}
+#tools .box a.resource-link img.icon-color,
+#tools .box span.resource-link img.icon-color {
+ position: relative;
+ display: inline-block;
+ width: 18px;
+ vertical-align: middle;
+ margin-left: 5px;
+ top: -2px;
+ padding: 1px;
+}
+#nav .overbox .overflow,
+#tools .overbox .overflow {
+ max-height: 400px;
+ overflow: auto;
+ position: relative;
+}
+#nav .overbox h2,
+#tools .overbox h2 {
+ color: white;
+ padding: 10px 15px;
+ margin: 0;
+ font-size: 14px;
+ font-weight: normal;
+ border-bottom: solid 1px #202020;
+}
+#nav .overbox .link-title,
+#tools .overbox .link-title {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ line-height: 20px;
+ font-size: 11px;
+ padding: 0 5px;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ text-decoration: none;
+ color: white;
+}
+#nav .overbox a,
+#tools .overbox a {
+ color: inherit;
+}
+#nav .overbox a.more-link,
+#tools .overbox a.more-link {
+ display: block;
+ padding: 8px;
+ font-size: 12px;
+ border-top: solid 1px #202020;
+ text-align: center;
+ text-decoration: none;
+ color: #4F4F4F;
+}
+#nav .overbox a.more-link:focus,
+#tools .overbox a.more-link:focus,
+#nav .overbox a.more-link:hover,
+#tools .overbox a.more-link:hover {
+ color: #CCC;
+}
+#nav .overbox p.info,
+#tools .overbox p.info {
+ padding: 5px 15px;
+ font-size: 12px;
+ text-align: center;
+ color: #CCC;
+}
+#nav .overbox .outside-button,
+#tools .overbox .outside-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #1f1471;
+ border: solid 1px #0c0d44;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+#nav .overbox .outside-button:hover,
+#tools .overbox .outside-button:hover,
+#nav .overbox .outside-button:focus,
+#tools .overbox .outside-button:focus {
+ background: #0c0d44;
+ border-color: #1f1471;
+}
+#nav .overbox .outside-button.disabled,
+#tools .overbox .outside-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+#nav .overbox input.outside-button,
+#tools .overbox input.outside-button {
+ line-height: 26px;
+}
+#nav .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+}
+#nav .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent transparent #202020 transparent;
+ top: -18px;
+ right: 30px;
+}
+#nav .overbox#change-bases {
+ top: 50px;
+ left: 10px;
+ width: 205px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#change-bases:before {
+ left: 30px;
+ right: auto;
+}
+#nav .overbox#change-bases a {
+ display: block;
+ padding: 3px 15px;
+ color: #CCC;
+ text-decoration: none;
+ font-size: 12px;
+ border-bottom: solid 1px #101010;
+}
+#nav .overbox#change-bases a:focus,
+#nav .overbox#change-bases a:hover {
+ background: #101010;
+}
+#nav .overbox#change-bases a.active {
+ background: #202020;
+}
+#nav .overbox#change-bases strong {
+ display: block;
+ color: #CCC;
+ font-size: 13px;
+}
+#nav .overbox#disconnect-box {
+ top: 50px;
+ right: 10px;
+ width: 205px;
+ padding: 8px 0;
+}
+#nav .overbox#disconnect-box hr {
+ margin: 8px 0;
+ border: none;
+ background: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#disconnect-box a {
+ display: block;
+ padding: 0 15px;
+ line-height: 25px;
+ font-size: 13px;
+ color: #CCC;
+ text-decoration: none;
+}
+#nav .overbox#disconnect-box a:hover,
+#nav .overbox#disconnect-box a:focus {
+ color: white;
+ background: #202020;
+}
+#nav .overbox#bug-tracker {
+ width: 250px;
+ top: 50px;
+ right: 98px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#bug-tracker p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 10px;
+}
+#nav .overbox#bug-tracker .option {
+ margin: 3px 10px 10px 10px;
+ display: block;
+ width: 330px;
+ padding: 5px;
+}
+#nav .overbox#bug-tracker textarea {
+ display: block;
+ margin: 0 10px 10px 10px;
+ padding: 5px;
+ width: 318px;
+ height: 200px;
+ min-width: 318px;
+ max-width: 318px;
+ border: solid 1px #202020;
+ font-family: 'Trebuchet MS', sans-serif;
+ font-size: 13px;
+}
+#nav .overbox#bug-tracker .button {
+ display: block;
+ margin: 0 10px 2px 10px;
+}
+#nav .overbox#roadmap {
+ width: 350px;
+ top: 50px;
+ right: 10px;
+}
+#nav .overbox#roadmap .overflow {
+ width: 350px;
+ padding: 8px 0;
+}
+#nav .overbox#roadmap p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 0 10px 10px 10px;
+}
+#nav .overbox#roadmap p em {
+ display: block;
+ font-size: 11px;
+ color: #4F4F4F;
+}
+#nav .overbox#roadmap hr {
+ margin: 5px 0;
+ border: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial {
+ width: 350px;
+ top: 50px;
+ right: 143px;
+ color: white;
+}
+#nav .overbox#tutorial form {
+ padding: 0 0 10px 0;
+ margin: 0;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial .overflow {
+ padding: 15px 15px 0 15px;
+}
+#nav .overbox#tutorial .overflow h3 {
+ position: relative;
+ margin: 0;
+ padding: 0 0 0 36px;
+}
+#nav .overbox#tutorial .overflow h3 .number {
+ position: absolute;
+ top: -4px;
+ left: 0;
+ display: block;
+ width: 26px;
+ line-height: 26px;
+ text-align: center;
+ background: #0c0d44;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ margin-right: 10px;
+}
+#nav .overbox#tutorial .overflow p {
+ font-size: 12px;
+ color: #CCC;
+}
+#nav .overbox#new-notifications {
+ top: 50px;
+ left: 627px;
+ width: 300px;
+}
+#tools .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ width: 300px;
+ bottom: 45px;
+ right: 15px;
+}
+#tools .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: #202020 transparent transparent transparent;
+ bottom: -18px;
+ right: 30px;
+}
+#tools .overbox.left-pic:before {
+ left: 30px;
+ right: auto;
+}
+#tools .overbox#tools-calendar {
+ left: 25px;
+ bottom: 45px;
+ right: auto;
+}
+#tools .overbox#tools-refinery {
+ right: 401px;
+ bottom: 45px;
+}
+#tools .overbox#tools-generator {
+ right: 237px;
+ bottom: 45px;
+}
+#tools .overbox#tools-technosphere {
+ right: 193px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock1 {
+ right: 148px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock2 {
+ right: 105px;
+ bottom: 45px;
+}
+#tools .overbox#tools-credit {
+ right: 140px;
+ bottom: 45px;
+}
+#tools .overbox#tools-incoming-attack {
+ right: 230px;
+ bottom: 45px;
+}
+#tools .overbox#tools-outgoing-attack {
+ right: 185px;
+ bottom: 45px;
+}
+#subnav {
+ position: fixed;
+ top: 29px;
+ left: 2px;
+ bottom: 29px;
+ padding: 40px 0;
+ width: 60px;
+ background: url('src/desktop/subnav/middle.png') repeat-y;
+ z-index: 1000;
+}
+#subnav hr {
+ border: none;
+ margin: 20px 0;
+}
+#subnav .overflow {
+ position: relative;
+}
+#subnav .move-side-bar {
+ display: none;
+ position: absolute;
+ z-index: 5000;
+ left: 5px;
+ width: 48px;
+ height: 48px;
+ line-height: 48px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.75);
+ background-position: center;
+ background-repeat: no-repeat;
+ border-radius: 100%;
+ cursor: pointer;
+}
+#subnav .move-side-bar:hover,
+#subnav .move-side-bar:focus {
+ box-shadow: 0 0 3px white;
+}
+#subnav .move-side-bar.top {
+ bottom: auto;
+ top: 20px;
+ background-image: url('src/desktop/component/top.png');
+}
+#subnav .move-side-bar.bottom {
+ bottom: 20px;
+ top: auto;
+ background-image: url('src/desktop/component/bottom.png');
+}
+#subnav .item {
+ position: relative;
+ display: block;
+ height: 50px;
+ width: 50px;
+ margin: 0 0 10px 0;
+ padding: 8px 5px;
+ color: white;
+ text-decoration: none;
+ background: url('src/desktop/subnav/button.png') no-repeat;
+}
+#subnav .item.active {
+ background: url('src/desktop/subnav/button-active-c2.png') no-repeat;
+}
+#subnav .item.striped {
+ background: url('src/desktop/subnav/button-striped.png') no-repeat;
+}
+#subnav .item:before {
+ content: '';
+ position: absolute;
+ right: -6px;
+ bottom: 0;
+ width: 12px;
+ height: 47px;
+ background: url('src/desktop/subnav/til.png') no-repeat;
+}
+#subnav .item:hover:before {
+ background: url('src/desktop/subnav/til-hover.png') no-repeat;
+}
+#subnav .item:hover > .content {
+ display: block;
+}
+#subnav .item .picto {
+ display: block;
+ height: 30px;
+ width: 30px;
+ padding: 10px;
+}
+#subnav .item .picto img {
+ display: block;
+ height: 30px;
+ width: 30px;
+}
+#subnav .item .picto .number {
+ position: absolute;
+ bottom: -5px;
+ right: -18px;
+ display: block;
+ width: 28px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ font-size: 12px;
+ background: url('src/desktop/subnav/number.png') no-repeat;
+}
+#subnav .item .content {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 75px;
+ width: 230px;
+}
+#subnav .item .content.skin-1 span {
+ display: inline-block;
+ margin: 15px 0 15px 16px;
+ padding: 0 15px;
+ line-height: 30px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-1 span:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content {
+ display: inline-block;
+ margin: 0 0 0 16px;
+ padding: 10px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-2 .sub-content:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content hr {
+ border: none;
+ border-top: solid 1px #4F4F4F;
+ margin: 5px 0;
+}
+#subnav .item .content.skin-2 .sub-content .ship {
+ position: relative;
+}
+#subnav .item .content.skin-2 .sub-content .ship img {
+ width: 32px;
+ height: 32px;
+}
+#subnav .item .content.skin-2 .sub-content .ship img.zero {
+ opacity: .5;
+}
+#subnav .item .content.skin-2 .sub-content .ship .number {
+ position: absolute;
+ bottom: -2px;
+ right: -2px;
+ width: 18px;
+ height: 18px;
+ line-height: 18px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ text-align: center;
+ background: #2f23c0;
+}
+#alert-content {
+ display: none;
+}
+#alert {
+ position: absolute;
+ bottom: 18px;
+ left: 50px;
+ padding: 0;
+ text-align: right;
+ list-style: inset none;
+}
+#alert li {
+ position: relative;
+ display: inline-block;
+ margin: 0 0 0 5px;
+}
+#alert li img {
+ display: block;
+ height: 50px;
+ border: solid 1px #202020;
+ padding: 5px;
+ background: #0A0A0A;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.alert-bull {
+ display: block;
+ position: absolute;
+ z-index: 1200;
+ width: 200px;
+ padding: 6px 8px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.alert-bull .title {
+ display: block;
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+ border-bottom: solid 1px #4F4F4F;
+}
+.alert-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ bottom: -14px;
+ left: 24px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+#content {
+ position: absolute;
+ width: 8000px;
+ height: 100%;
+ top: 0;
+ left: 300px;
+ z-index: 200;
+}
+#content .component {
+ position: relative;
+ display: table-cell;
+ overflow: hidden;
+ width: 300px;
+ background: rgba(0, 0, 0, 0.92);
+}
+#content .component.size2 {
+ width: 600px;
+}
+#content .component.size3 {
+ width: 900px;
+}
+#content .component:nth-child(1) {
+ background: rgba(0, 0, 0, 0.6);
+}
+#content .component:nth-child(2) {
+ background: rgba(0, 0, 0, 0.75);
+}
+#content .component:nth-child(3) {
+ background: rgba(0, 0, 0, 0.85);
+}
+#content .component:nth-child(4) {
+ background: rgba(0, 0, 0, 0.9);
+}
+#content .component .head {
+ position: relative;
+ display: inline-block;
+ height: 120px;
+ width: 100%;
+ vertical-align: top;
+ color: white;
+ background: url('src/desktop/component/bHead.jpg') repeat-x center black;
+ border-bottom: solid 1px #202020;
+}
+#content .component .head h1 {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ font-size: 38px;
+ line-height: 50px;
+ height: 50px;
+ display: inline-block;
+ padding: 0 10px;
+ background: black;
+ overflow: hidden;
+}
+#content .component .fix-body {
+ position: relative;
+ overflow: auto;
+ color: white;
+ border-right: solid 1px #202020;
+}
+#content .component .fix-body .body {
+ position: relative;
+}
+.no-scrolling #content .component .fix-body {
+ overflow: hidden;
+}
+.no-scrolling #content .component .fix-body > a {
+ position: absolute;
+ width: 100%;
+ height: 40px;
+ left: 0;
+ opacity: 0;
+}
+.no-scrolling #content .component .fix-body.hover > a {
+ opacity: 1;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+.no-scrolling #content .component .fix-body .toTop {
+ top: 0;
+ background-image: url('src/desktop/component/top.png'), -webkit-gradient(linear, black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -moz-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -ms-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -o-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+}
+.no-scrolling #content .component .fix-body .toBottom {
+ bottom: 0;
+ background-image: url('src/desktop/component/bottom.png'), -webkit-gradient(linear, transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+}
+#content .component.invisible {
+ background: transparent;
+}
+#content .component.invisible .publicity {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: red;
+}
+.component .tool {
+ display: table;
+ width: 100%;
+ height: 44px;
+ margin: 0;
+ overflow: hidden;
+ background: black;
+ border-bottom: solid 1px #2f23c0;
+ color: #4F4F4F;
+}
+.component .tool > span {
+ display: table-cell;
+ width: 28px;
+ border: solid 6px transparent;
+ border-left: none;
+}
+.component .tool > span:first-child {
+ border: solid 5px transparent;
+ width: auto;
+ text-align: center;
+}
+.component .tool > span:first-child a {
+ width: auto;
+}
+.component .tool > span a {
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 0;
+ line-height: 30px;
+ width: 30px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+ text-align: center;
+}
+.component .tool > span a img {
+ width: 18px;
+ position: relative;
+ top: -4px;
+}
+.component .tool > span a.active {
+ background: #1f1471;
+ color: white;
+ border-color: #2f23c0;
+}
+.component .tool > span a.active.down {
+ box-shadow: 0 2px 0 0 #CCC;
+}
+.component .tool > span a.active.up {
+ box-shadow: 0 -2px 0 0 #CCC;
+}
+.component .tool > span a.active:hover,
+.component .tool > span a.active:focus {
+ color: #CCC;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
+}
+.component .tool > span a:hover,
+.component .tool > span a:focus,
+.component .tool > span a:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .tool.sort-button > span:first-child {
+ text-align: center;
+}
+.component h3 {
+ width: 100%;
+ margin: 0;
+ background: black;
+ text-align: center;
+ padding: 0 2px;
+ line-height: 44px;
+ font-weight: normal;
+ font-size: 14px;
+ color: #4F4F4F;
+ text-decoration: none;
+ border-bottom: solid 1px #2f23c0;
+}
+.component h4 {
+ margin: 10px 10px 0 10px;
+ font-weight: normal;
+ font-size: 18px;
+}
+.component .body p {
+ margin: 10px;
+ font-size: 13px;
+ text-align: justify;
+}
+.component .body p.info {
+ position: relative;
+ border-top: solid 1px #202020;
+ padding: 10px;
+ margin: 10px;
+ line-height: 140%;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component .body p.info a {
+ color: white;
+}
+.component .body p.info .requierement {
+ display: inline-block;
+ margin: 0 0 0 8px;
+ vertical-align: bottom;
+ height: 16px;
+}
+.component .body p.long-info {
+ padding: 10px;
+ line-height: 150%;
+ background: black;
+}
+.component .body p .alone-button {
+ display: block;
+ text-align: center;
+ color: white;
+ line-height: 40px;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #4F4F4F;
+ box-shadow: inset 0 0 2px black;
+ padding: 0 10px;
+ background: #0c0d44;
+}
+.component .body p .alone-button:hover,
+.component .body p .alone-button:focus {
+ background: #1f1471;
+}
+.component .border-bottom {
+ border-bottom: solid 3px #2f23c0;
+}
+.component .list-type-1 {
+ margin: 10px;
+ padding: 0;
+ list-style: none;
+}
+.component .list-type-1 li {
+ position: relative;
+ padding: 5px 10px;
+ text-align: right;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: rgba(0, 0, 0, 0.8);
+ color: #989898;
+}
+.component .list-type-1 li.strong {
+ border-top: double 3px #4F4F4F;
+ background: #111111;
+ color: white;
+}
+.component .list-type-1 li.empty {
+ background: none;
+ border: none;
+ height: 50px;
+}
+.component .list-type-1 li ul li {
+ height: auto;
+}
+.component .list-type-1 .label {
+ display: block;
+ font-size: 13px;
+}
+.component .list-type-1 .label .icon-color {
+ width: 15px;
+ padding: 1px;
+}
+.component .list-type-1 .value {
+ display: inline-block;
+ font-size: 22px;
+ line-height: 30px;
+ font-weight: bold;
+}
+.component .list-type-1 .value .icon,
+.component .list-type-1 .value .icon-color {
+ height: 18px;
+ margin-left: 8px;
+ position: relative;
+ top: -3px;
+}
+.component .list-type-1 .picto {
+ position: absolute;
+ top: 7px;
+ left: 10px;
+ height: 35px;
+ width: 35px;
+ line-height: 35px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+ font-size: 16px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+}
+.component .list-type-1 .picto.color1 {
+ background: #510816;
+}
+.component .list-type-1 .picto.color2 {
+ background: #0c0d44;
+}
+.component .list-type-1 .picto.color3 {
+ background: #b17a00;
+}
+.component .list-type-1 .picto.color4 {
+ background: #310948;
+}
+.component .list-type-1 .picto.color5 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color6 {
+ background: #004948;
+}
+.component .list-type-1 .picto.color7 {
+ background: #401b13;
+}
+.component .list-type-1 .picto.color8 {
+ background: #c3590b;
+}
+.component .list-type-1 .picto.color9 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color10 {
+ background: #4d0621;
+}
+.component .list-type-1 .picto.color11 {
+ background: #10684c;
+}
+.component .list-type-1 .picto.color12 {
+ background: #b17a00;
+}
+.component .list-type-1 .hide {
+ color: #4F4F4F;
+}
+.component .list-type-1 .buttons {
+ position: absolute;
+ top: 28px;
+ left: 5px;
+}
+.component .list-type-1 .buttons a {
+ display: inline-block;
+ margin: 0 4px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-style: 14px;
+ color: white;
+ border-radius: 3px;
+ background: #1f1471;
+}
+.component .list-type-1 .progress-bar {
+ text-align: left;
+ margin-top: 5px;
+}
+.component .sub-list-type-1 {
+ display: none;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.component .sub-list-type-1 li {
+ position: relative;
+ padding: 2px 0;
+ text-align: left;
+ border: none;
+ border-top: solid 1px #0A0A0A;
+}
+.component .sub-list-type-1 .label {
+ display: inline-block;
+ width: 60%;
+}
+.component .sub-list-type-1 .label .button {
+ position: relative;
+ left: -4px;
+ margin: 0 0 0 3px;
+}
+.component .sub-list-type-1 .value {
+ text-align: right;
+ line-height: 25px;
+ font-size: 18px;
+ width: 40%;
+}
+.component .sub-list-type-1 .value .button {
+ margin: 0 2px 0 6px;
+}
+.component .sub-list-type-1 .button {
+ display: inline-block;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: normal;
+ color: white;
+ border-radius: 3px;
+ background: #2f23c0;
+}
+.component .list-type-1 form {
+ z-index: 1;
+ position: absolute;
+ display: none;
+ bottom: -40px;
+ right: 3px;
+}
+.component .list-type-1 form p {
+ position: relative;
+ background: white;
+ border-radius: 3px;
+ padding: 0;
+ margin: 0;
+ width: 200px;
+ height: 35px;
+}
+.component .list-type-1 form p:before {
+ content: '';
+ position: absolute;
+ top: -12px;
+ right: 12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+}
+.component .list-type-1 form input {
+ border: none;
+ background: none;
+ line-height: 35px;
+ height: 35px;
+ padding: 0 10px;
+}
+.component .list-type-1 form input[type='text'] {
+ width: 140px;
+}
+.component .list-type-1 form input[type='submit'] {
+ width: 40px;
+}
+.component .sub-list-type-1 form {
+ right: -6px;
+}
+/* NUMBER BOX */
+.number-box {
+ position: relative;
+ margin: 10px;
+ padding: 5px 10px;
+ background: black;
+ color: white;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ border-left: solid 10px #1f1471;
+}
+.number-box.half {
+ display: inline-block;
+ width: 254px;
+ margin-right: 0;
+ margin-bottom: 0;
+}
+.number-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.number-box.text {
+ border-left: solid 1px #0A0A0A;
+}
+.number-box.text a {
+ text-decoration: none;
+ color: white;
+}
+.number-box .label {
+ display: block;
+}
+.number-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.number-box .value .icon-color {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+.number-box .progress-bar {
+ margin: 5px 0;
+}
+.number-box .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.number-box .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #1f1471;
+}
+/* PROGRESS BAR */
+.progress-bar {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 3px;
+ background: #4F4F4F;
+}
+.progress-bar .content {
+ position: relative;
+ display: inline-block;
+ height: 3px;
+ vertical-align: top;
+ overflow: hidden;
+ max-width: 100%;
+}
+.progress-bar .content:nth-child(n) {
+ background: #2f23c0;
+}
+.progress-bar .content:nth-child(2n) {
+ background: #0c0d44;
+}
+.progress-bar .content.color1 {
+ background: #6e161b;
+}
+.progress-bar .content.color2 {
+ background: #1f1471;
+}
+.progress-bar .content.color3 {
+ background: #dbb200;
+}
+.progress-bar .content.color4 {
+ background: #5a1072;
+}
+.progress-bar .content.color5 {
+ background: #2c7915;
+}
+.progress-bar .content.color6 {
+ background: #076b87;
+}
+.progress-bar .content.color7 {
+ background: #67331d;
+}
+.progress-bar .content.color8 {
+ background: #d87913;
+}
+.progress-bar .content.color9 {
+ background: #2c7915;
+}
+.progress-bar .content.color10 {
+ background: #760f36;
+}
+.progress-bar .content.color11 {
+ background: #219772;
+}
+.progress-bar .content.color12 {
+ background: #dbb200;
+}
+.progress-bar .step {
+ position: absolute;
+}
+.progress-bar .step .label {
+ position: absolute;
+ display: block;
+ width: 150px;
+ left: 0;
+ top: -28px;
+}
+.progress-bar .step .label.bottom {
+ top: auto;
+ bottom: -28px;
+}
+.progress-bar .step .label.right {
+ right: 0;
+ left: auto;
+ text-align: right;
+}
+.progress-bar .step:before {
+ content: '';
+ position: absolute;
+ width: 12px;
+ height: 12px;
+ background: #1f1471;
+ box-shadow: 0 0 0 3px #0c0d44;
+ border-radius: 100%;
+ top: -5px;
+ left: -5px;
+}
+/* BONUS */
+.bonus {
+ vertical-align: top;
+ display: inline-block;
+ font-size: 55%;
+ line-height: 100%;
+ padding: 3px;
+ margin: 2px 0 0 8px;
+ border-radius: 3px;
+ font-weight: normal;
+ background: #0c0d44;
+}
+/* HEAD */
+.component .head.skin-1 img {
+ position: absolute;
+ top: 22px;
+ left: 20px;
+ padding: 8px;
+ width: 60px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .head.skin-1 img:before {
+ content: '';
+ width: 100px;
+ height: 100px;
+}
+.component .head.skin-1 h2 {
+ position: absolute;
+ bottom: 66px;
+ left: 105px;
+ font-size: 22px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-1 em {
+ position: absolute;
+ top: 62px;
+ left: 105px;
+ font-size: 13px;
+ line-height: 16px;
+ font-style: normal;
+}
+.component .head.skin-2 h2 {
+ position: absolute;
+ display: inline-block;
+ top: 45px;
+ left: 10px;
+ font-size: 22px;
+ line-height: 30px;
+ margin: 0;
+ padding: 0 10px;
+ background: black;
+ font-weight: normal;
+}
+.component .head.skin-3 img {
+ position: absolute;
+ width: 50px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 27px;
+}
+.component .head.skin-3 img.left {
+ left: 40px;
+}
+.component .head.skin-3 img.right {
+ right: 40px;
+}
+.component .head.skin-4 img.main {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 37px;
+}
+.component .head.skin-4 h2 {
+ position: absolute;
+ top: 35px;
+ left: 60px;
+ font-size: 18px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-4 em {
+ position: absolute;
+ top: 65px;
+ left: 60px;
+ font-size: 13px;
+ line-height: 16px;
+}
+.component .head.skin-5 h2 {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ font-size: 16px;
+ font-weight: normal;
+ margin: 0;
+ padding: 0 20px;
+ background: black;
+}
+.component .head.skin-5 h2:before {
+ content: '';
+ position: absolute;
+ display: block;
+ top: 5px;
+ left: 0;
+ width: 8px;
+ height: 8px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .more-item,
+.component .more-button {
+ display: block;
+ margin: 10px 10px 5px;
+ line-height: 34px;
+ padding: 0 12px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+}
+.component .more-item:hover,
+.component .more-button:hover,
+.component .more-item:focus,
+.component .more-button:focus,
+.component .more-item:active,
+.component .more-button:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .nav-element {
+ position: relative;
+ display: block;
+ margin: 10px;
+ height: 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component .nav-element img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ height: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component .nav-element.active {
+ background: #1f1471;
+}
+.component .nav-element .active img {
+ background: black;
+}
+.component .nav-element strong {
+ position: absolute;
+ top: 5px;
+ left: 70px;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component .nav-element em {
+ position: absolute;
+ top: 30px;
+ left: 70px;
+ color: white;
+ font-weight: normal;
+ font-size: 12px;
+ font-style: normal;
+ color: #efefef;
+}
+.component hr {
+ border: none;
+ border-bottom: dashed 1px #202020;
+ margin: 0 10px;
+}
+.component .set-item {
+ margin: 10px;
+ border-bottom: solid 1px #202020;
+}
+.component .set-item a.item:hover,
+.component .set-item a.item:focus {
+ background-color: #0c0c0c;
+}
+.component .set-item .item {
+ position: relative;
+ display: block;
+ color: white;
+ height: 60px;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+}
+.component .set-item .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+}
+.component .set-item .item .left img {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left img.color1 {
+ background: #6e161b;
+}
+.component .set-item .item .left img.color2 {
+ background: #1f1471;
+}
+.component .set-item .item .left img.color3 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.color4 {
+ background: #5a1072;
+}
+.component .set-item .item .left img.color5 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color6 {
+ background: #076b87;
+}
+.component .set-item .item .left img.color7 {
+ background: #67331d;
+}
+.component .set-item .item .left img.color8 {
+ background: #d87913;
+}
+.component .set-item .item .left img.color9 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color10 {
+ background: #760f36;
+}
+.component .set-item .item .left img.color11 {
+ background: #219772;
+}
+.component .set-item .item .left img.color12 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.round-color0 {
+ box-shadow: 0 0 0 2px #CCC;
+}
+.component .set-item .item .left img.round-color1 {
+ box-shadow: 0 0 0 2px #b01e2d;
+}
+.component .set-item .item .left img.round-color2 {
+ box-shadow: 0 0 0 2px #2f23c0;
+}
+.component .set-item .item .left img.round-color3 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left img.round-color4 {
+ box-shadow: 0 0 0 2px #a935c7;
+}
+.component .set-item .item .left img.round-color5 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color6 {
+ box-shadow: 0 0 0 2px #05bed7;
+}
+.component .set-item .item .left img.round-color7 {
+ box-shadow: 0 0 0 2px #ac5832;
+}
+.component .set-item .item .left img.round-color8 {
+ box-shadow: 0 0 0 2px #f2b636;
+}
+.component .set-item .item .left img.round-color9 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color10 {
+ box-shadow: 0 0 0 2px #a92859;
+}
+.component .set-item .item .left img.round-color11 {
+ box-shadow: 0 0 0 2px #34b089;
+}
+.component .set-item .item .left img.round-color12 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left span {
+ display: block;
+ width: 30px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 15px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left span.round-color0 {
+ background: #CCC;
+}
+.component .set-item .item .left span.round-color1 {
+ background: #b01e2d;
+}
+.component .set-item .item .left span.round-color2 {
+ background: #2f23c0;
+}
+.component .set-item .item .left span.round-color3 {
+ background: #ffdb0f;
+}
+.component .set-item .item .left span.round-color4 {
+ background: #a935c7;
+}
+.component .set-item .item .left span.round-color5 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color6 {
+ background: #05bed7;
+}
+.component .set-item .item .left span.round-color7 {
+ background: #ac5832;
+}
+.component .set-item .item .left span.round-color8 {
+ background: #f2b636;
+}
+.component .set-item .item .left span.round-color9 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color10 {
+ background: #a92859;
+}
+.component .set-item .item .left span.round-color11 {
+ background: #34b089;
+}
+.component .set-item .item .left span.round-color12 {
+ background: #ffdb0f;
+}
+.component .set-item .item .center {
+ position: absolute;
+ top: 0;
+ left: 60px;
+ right: 30px;
+ bottom: 0;
+ padding: 9px 0;
+}
+.component .set-item .item .center strong {
+ display: block;
+ line-height: 22px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+}
+.component .set-item .item .center a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+}
+.component .set-item .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 29px;
+ border-left: solid 1px #202020;
+}
+.component .set-item .item .right a {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 29px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+}
+.component .set-item .item .right a:hover,
+.component .set-item .item .right a:focus,
+.component .set-item .item .right a.active {
+ background-color: #202020;
+}
+.component .set-item .item .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.component .set-item .item .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #1f1471;
+}
+.army-bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ width: 220px;
+ color: #CCC;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.army-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+ left: 18px;
+}
+.army-bull strong {
+ display: block;
+ padding-bottom: 5px;
+ margin-bottom: 5px;
+ border-bottom: solid 1px #4F4F4F;
+ font-weight: normal;
+}
+.army-bull .label {
+ display: inline-block;
+ width: 70px;
+}
+.army-bull .value {
+ display: inline-block;
+ width: 40px;
+}
+.component .build-item {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ width: 278px;
+}
+.component .build-item a {
+ color: white;
+}
+.component .build-item .name {
+ position: relative;
+ height: 40px;
+ padding: 5px 5px 5px 90px;
+}
+.component .build-item .name img {
+ z-index: 20;
+ position: absolute;
+ top: -10px;
+ left: 5px;
+ width: 60px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .build-item .name strong {
+ display: block;
+ font-size: 18px;
+}
+.component .build-item .level {
+ display: block;
+ position: absolute;
+ width: 22px;
+ line-height: 22px;
+ text-align: center;
+ font-size: 12px;
+ border-radius: 100%;
+ top: 38px;
+ left: 58px;
+ border: solid 1px white;
+ z-index: 22;
+ background: #1f1471;
+}
+.component .build-item .info {
+ display: none;
+ position: absolute;
+ width: 20px;
+ line-height: 20px;
+ text-align: center;
+ font-size: 16px;
+ text-decoration: none;
+ border-radius: 3px;
+ top: 5px;
+ right: 5px;
+ background: #1f1471;
+ color: white;
+}
+.component .build-item .name-commander {
+ margin: 10px 10px 0 10px;
+ height: 40px;
+ padding: 0 10px;
+ border: none;
+ background: white;
+ border-radius: 3px;
+ width: 240px;
+ text-align: center;
+ font-size: 16px;
+}
+.component .build-item .button {
+ display: block;
+ margin: 10px;
+ padding: 5px 10px;
+ width: 240px;
+ line-height: 20px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ background: #1f1471;
+ box-shadow: inset 0 0 2px black;
+ border: none;
+ cursor: pointer;
+ min-height: 36px;
+}
+.component .build-item .button:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #2f23c0;
+}
+.component .build-item .button.disable {
+ background: #202020;
+ cursor: default;
+}
+.component .build-item .button .icon-color {
+ width: 14px;
+}
+.component .build-item button.button {
+ width: 260px;
+}
+.component .build-item .ship-pack {
+ z-index: 10;
+ position: absolute;
+ bottom: 15px;
+ left: 15px;
+ width: 60px;
+ height: 40px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ background: white;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ border-radius: 3px;
+ box-shadow: inset 0 0 0 3px #CCC;
+}
+.component .build-item .ship-illu {
+ width: 260px;
+ margin: 5px 10px;
+ overflow: hidden;
+}
+.component .build-item .ship-illu img {
+ width: 100%;
+}
+.component .build-item.disabled {
+ opacity: .3;
+}
+.component .build-item.disabled .name img {
+ opacity: .50;
+}
+.component .build-item.disabled strong {
+ color: #4F4F4F;
+}
+.component .build-item.disabled .button.disable {
+ color: #696969;
+}
+.component .build-item.disabled .button.disable:hover {
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component .build-item.large {
+ width: 578px;
+}
+.component .build-item.large .info {
+ top: 75px;
+ right: 25px;
+}
+.component .build-item.large .button {
+ display: block;
+ top: -3px;
+ right: 0;
+ line-height: 18px;
+ width: 540px;
+ min-height: 36px;
+}
+.component .build-item.large .ship-illu {
+ width: 560px;
+ margin-top: 10px;
+}
+.component .build-item input {
+ display: block;
+ width: 243px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component .build-item select {
+ display: block;
+ width: 260px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component.panel-info .remove-info {
+ display: block;
+ position: absolute;
+ top: 2px;
+ right: 10px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ color: white;
+ border-radius: 3px;
+ background: #0c0d44;
+}
+.component.panel-info .table {
+ margin: 10px;
+}
+.component.panel-info .table table {
+ width: 100%;
+ text-align: right;
+ border-collapse: collapse;
+ background: black;
+}
+.component.panel-info .table td {
+ border: solid 1px #202020;
+ padding: 6px 8px;
+}
+.component.panel-info .table tr.small-grey {
+ background: #0A0A0A;
+}
+.component.panel-info .table tr.active td {
+ background: #0A0A0A;
+ border-bottom: solid 1px #4F4F4F;
+}
+.component.panel-info .table .icon-color {
+ width: 12px;
+}
+.component.panel-info .illu {
+ margin: 0 10px;
+ box-shadow: inset 0 0 5px black;
+}
+.component.panel-info .skill-box {
+ position: relative;
+ margin: 0 10px;
+ padding: 5px 10px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+}
+.component.panel-info .skill-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.component.panel-info .skill-box .label {
+ display: block;
+}
+.component.panel-info .skill-box .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.panel-info .skill-box .value .icon-color {
+ width: 18px;
+}
+.component.panel-info .skill-box .progress-bar {
+ margin: 6px 0 2px 0;
+}
+.splash-screen {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 10000;
+ opacity: 0;
+ background: rgba(0, 0, 0, 0.8);
+}
+.splash-screen .modal {
+ width: 500px;
+ height: 140px;
+ position: absolute;
+ top: 80px;
+ right: 3000px;
+ background: #0A0A0A;
+ padding: 25px 175px 25px 75px;
+ color: white;
+ border-radius: 140px;
+ border: solid 1px #202020;
+}
+.splash-screen .modal h1 {
+ font-size: 36px;
+ margin: 0;
+ padding: 0 0 10px 0;
+}
+.splash-screen .modal h2 {
+ font-size: 20px;
+ margin: 0;
+ padding: 0;
+}
+.splash-screen .modal img {
+ position: absolute;
+ top: -15px;
+ right: -50px;
+ width: 200px;
+ padding: 10px;
+ background: #202020;
+ border-radius: 100%;
+ border: solid 1px #4F4F4F;
+}
+.splash-screen .modal:before {
+ content: '';
+ position: absolute;
+ top: -80px;
+ right: 20px;
+ border-color: transparent transparent #4F4F4F transparent;
+ border-width: 40px;
+ border-style: solid;
+}
+.common-link {
+ color: white;
+}
+.component .top-right-button {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ padding: 0 10px;
+ line-height: 30px;
+ color: white;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #1f1471;
+ z-index: 1;
+}
+.component .top-right-button:hover,
+.component .top-right-button:focus {
+ background: #0c0d44;
+}
+.alert {
+ display: block;
+ margin: 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ text-decoration: none;
+ color: white;
+ background: #1f1471;
+ border-radius: 3px;
+ box-shadow: 0 0 2px black;
+}
+.common-link {
+ display: block;
+ margin: 10px;
+ color: white;
+ text-decoration: none;
+}
+.text-bloc a {
+ display: inline-block;
+ color: inherit;
+ opacity: .60;
+}
+.text-bloc a:hover,
+.text-bloc a:focus {
+ opacity: 1;
+}
+.queue {
+ margin: 10px;
+ color: white;
+}
+.queue .item {
+ position: relative;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ min-height: 60px;
+ display: block;
+}
+.queue .item.empty {
+ background: #0A0A0A;
+}
+.queue .item.empty strong {
+ font-weight: normal;
+}
+.queue .item.link {
+ min-height: 0;
+ padding: 10px;
+ color: #4F4F4F;
+ text-decoration: none;
+}
+.queue .item.link:hover,
+.queue .item.link:focus {
+ color: #CCC;
+}
+.queue .item a.button {
+ position: absolute;
+ display: block;
+ top: 2px;
+ right: 5px;
+ color: white;
+ text-decoration: none;
+}
+.queue .item a {
+ color: #CCC;
+}
+.queue .item .group-link {
+ position: absolute;
+ top: 9px;
+ right: 9px;
+}
+.queue .item .group-link a {
+ display: block;
+ width: 20px;
+ line-height: 20px;
+ margin: 0 0 5px 0;
+ border-radius: 3px;
+ color: white;
+ text-align: center;
+ text-decoration: none;
+ background: #1f1471;
+}
+.queue .item .group-link a:hover,
+.queue .item .group-link a:focus {
+ background: #2f23c0;
+}
+.queue .item .picto {
+ float: left;
+ width: 40px;
+ height: 40px;
+ margin: 5px;
+ padding: 5px;
+ background: black;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.queue .item strong {
+ display: block;
+ margin: 6px 0 2px 0;
+}
+.queue .item strong .level {
+ font-size: 11px;
+ color: #CCC;
+}
+.queue .item .big {
+ font-size: 24px;
+}
+.queue .item em {
+ display: block;
+ font-style: normal;
+ color: #AEAEAE;
+}
+.queue .item .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 5px;
+ height: 3px;
+ background: #4F4F4F;
+}
+.queue .item .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #2f23c0;
+}
+.choose-government {
+ display: block;
+ margin: 10px;
+ padding: 10px;
+ background: #0A0A0A;
+ border-radius: 3px;
+}
+.choose-government select {
+ display: block;
+ width: 100%;
+ padding: 8px;
+}
+.choose-government button {
+ display: block;
+ width: 100%;
+ margin: 10px 0 0 0;
+ padding: 0 10px;
+ line-height: 30px;
+ border: none;
+ color: white;
+ cursor: pointer;
+ background: #1f1471;
+}
+.choose-government button:hover,
+.choose-government button:focus {
+ background: #0c0d44;
+}
+.evolution {
+ background: black;
+ margin: 10px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+}
+.evolution .header {
+ padding: 10px;
+ border-bottom: solid 1px #202020;
+ color: #EFEFEF;
+}
+.evolution .diargam {
+ padding: 10px;
+ background: #0A0A0A;
+}
+.evolution .diargam .progress-bar {
+ background: #0A0A0A !important;
+ height: 20px;
+ padding-bottom: 1px;
+}
+.evolution .diargam .progress-bar .content {
+ height: 20px;
+ line-height: 20px;
+ font-size: 12px;
+ color: white;
+ padding-left: 5px;
+}
+.evolution .diargam .progress-bar:nth-child(odd) .content {
+ background: #1f1471 !important;
+}
+.centred-link {
+ display: block;
+ width: 300px;
+ text-align: center;
+ margin: 0 auto;
+ text-decoration: none;
+ padding: 6px 10px;
+ color: #EFEFEF;
+ background: #1f1471;
+ border: solid 1px #0c0d44;
+}
+.centred-link:hover,
+.centred-link:focus {
+ background: #0c0d44;
+ border-color: #1f1471;
+ color: white;
+}
+span.centred-link {
+ background: #202020;
+ border: solid 1px #0A0A0A;
+ color: #4F4F4F;
+}
+span.centred-link:hover,
+span.centred-link:focus {
+ background: #202020;
+ border-color: #0A0A0A;
+ color: #4F4F4F;
+}
+.component.profil .center-box {
+ margin: 20px 10px 0;
+ color: white;
+ text-align: center;
+}
+.component.profil .center-box .label {
+ display: block;
+}
+.component.profil .center-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.profil .profil-flag {
+ position: relative;
+ width: 222px;
+ height: 460px;
+ margin: 0 auto;
+}
+.component.profil .profil-flag img {
+ position: relative;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ padding: 10px;
+ border-radius: 100%;
+ margin: 20px auto;
+ box-shadow: 0 0 0 4px #1f1471, 0 0 20px black;
+ z-index: 1;
+}
+.component.profil .profil-flag.color-1 img {
+ box-shadow: 0 0 0 4px #6e161b, 0 0 20px black;
+}
+.component.profil .profil-flag.color-2 img {
+ box-shadow: 0 0 0 4px #1f1471, 0 0 20px black;
+}
+.component.profil .profil-flag.color-3 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag.color-4 img {
+ box-shadow: 0 0 0 4px #5a1072, 0 0 20px black;
+}
+.component.profil .profil-flag.color-5 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-6 img {
+ box-shadow: 0 0 0 4px #076b87, 0 0 20px black;
+}
+.component.profil .profil-flag.color-7 img {
+ box-shadow: 0 0 0 4px #67331d, 0 0 20px black;
+}
+.component.profil .profil-flag.color-8 img {
+ box-shadow: 0 0 0 4px #d87913, 0 0 20px black;
+}
+.component.profil .profil-flag.color-9 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-10 img {
+ box-shadow: 0 0 0 4px #760f36, 0 0 20px black;
+}
+.component.profil .profil-flag.color-11 img {
+ box-shadow: 0 0 0 4px #219772, 0 0 20px black;
+}
+.component.profil .profil-flag.color-12 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag:before {
+ display: block;
+ position: absolute;
+ content: '';
+ top: 218px;
+ left: 33px;
+ width: 154px;
+ height: 241px;
+ background: url('src/desktop/faction/flag/flag-2.png') no-repeat;
+}
+.component.profil .profil-flag.color-1:before {
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.profil .profil-flag.color-2:before {
+ background: url('src/desktop/faction/flag/flag-2.png') no-repeat;
+}
+.component.profil .profil-flag.color-3:before {
+ background: url('src/desktop/faction/flag/flag-3.png') no-repeat;
+}
+.component.profil .profil-flag.color-4:before {
+ background: url('src/desktop/faction/flag/flag-4.png') no-repeat;
+}
+.component.profil .profil-flag.color-5:before {
+ background: url('src/desktop/faction/flag/flag-5.png') no-repeat;
+}
+.component.profil .profil-flag.color-6:before {
+ background: url('src/desktop/faction/flag/flag-6.png') no-repeat;
+}
+.component.profil .profil-flag.color-7:before {
+ background: url('src/desktop/faction/flag/flag-7.png') no-repeat;
+}
+.component.profil .profil-flag.color-8:before {
+ background: url('src/desktop/faction/flag/flag-8.png') no-repeat;
+}
+.component.profil .profil-flag.color-9:before {
+ background: url('src/desktop/faction/flag/flag-9.png') no-repeat;
+}
+.component.profil .profil-flag.color-10:before {
+ background: url('src/desktop/faction/flag/flag-10.png') no-repeat;
+}
+.component.profil .profil-flag.color-11:before {
+ background: url('src/desktop/faction/flag/flag-11.png') no-repeat;
+}
+.component.profil .profil-flag.color-12:before {
+ background: url('src/desktop/faction/flag/flag-12.png') no-repeat;
+}
+.component.profil .profil-flag .level {
+ z-index: 2;
+ display: block;
+ position: absolute;
+ top: 184px;
+ right: 2px;
+ width: 36px;
+ height: 36px;
+ text-align: center;
+ line-height: 36px;
+ background: #0A0A0A;
+ border: 3px solid #1f1471;
+ border-radius: 100%;
+}
+.component.profil .profil-flag.color-1 .level {
+ border-color: #6e161b;
+}
+.component.profil .profil-flag.color-2 .level {
+ border-color: #1f1471;
+}
+.component.profil .profil-flag.color-3 .level {
+ border-color: #dbb200;
+}
+.component.profil .profil-flag.color-4 .level {
+ border-color: #5a1072;
+}
+.component.profil .profil-flag.color-5 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-6 .level {
+ border-color: #076b87;
+}
+.component.profil .profil-flag.color-7 .level {
+ border-color: #67331d;
+}
+.component.profil .profil-flag.color-8 .level {
+ border-color: #d87913;
+}
+.component.profil .profil-flag.color-9 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-10 .level {
+ border-color: #760f36;
+}
+.component.profil .profil-flag.color-11 .level {
+ border-color: #219772;
+}
+.component.profil .profil-flag.color-12 .level {
+ border-color: #dbb200;
+}
+.component.profil .faction-flag {
+ display: block;
+ content: '';
+ width: 154px;
+ height: 241px;
+ margin: 0 auto;
+ background: url('src/desktop/faction/flag/flag-2.png') no-repeat;
+}
+.component.search-player {
+ position: relative;
+ background: transparent !important;
+}
+.component.search-player .box {
+ position: absolute;
+ top: 60px;
+ left: 50px;
+ width: 440px;
+ color: white;
+}
+.component.search-player .top {
+ background: rgba(0, 0, 0, 0.4);
+ padding: 10px;
+ border-radius: 3px 3px 0 0;
+}
+.component.search-player .top label {
+ display: block;
+ font-size: 16px;
+}
+.component.search-player .top input {
+ display: block;
+ border: none;
+ height: 40px;
+ width: 400px;
+ padding: 0 10px;
+ margin: 10px 0 0 0;
+ font-size: 20px;
+ color: #202020;
+ border-radius: 3px;
+}
+.component.search-player .center {
+ background: rgba(0, 0, 0, 0.8);
+ padding: 10px 25px 10px 10px;
+ min-height: 140px;
+ border-radius: 0 0 3px 3px;
+}
+.component.search-player .center .avatar {
+ float: left;
+ position: relative;
+ left: -20px;
+ width: 120px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: #0A0A0A;
+}
+.component.search-player .center .right {
+ margin-left: 140px;
+}
+.component.search-player .center h1 {
+ margin: 10px 0 0 0;
+ padding: 0;
+}
+.component.search-player .center hr {
+ margin: 10px 0;
+ border-color: #4F4F4F;
+}
+.component.search-player .center p {
+ margin: 5px 0;
+ padding: 0;
+}
+.component.search-player .center p span {
+ display: inline-block;
+ background: red;
+ line-height: 28px;
+ padding: 0 10px;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ border-right: none;
+}
+.component.search-player .center p span:first-child {
+ border-radius: 3px 0 0 3px;
+}
+.component.search-player .center p span:last-child {
+ border-radius: 0 3px 3px 0;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+}
+.component.search-player.color1 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component.search-player.color2 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component.search-player.color3 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.search-player.color4 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component.search-player.color5 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color6 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component.search-player.color7 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component.search-player.color8 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component.search-player.color9 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color10 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.component.search-player.color11 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.component.search-player.color12 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.new-message p.input {
+ position: relative;
+ background: white;
+ padding: 10px;
+ border-radius: 3px;
+}
+.component.new-message p.input:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ height: 0;
+ top: -12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+ left: 20px;
+}
+.component.new-message label {
+ display: block;
+ font-size: 13px;
+}
+.component.new-message .input-text input {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.new-message .input-area textarea {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+ max-width: 100%;
+ min-width: 100%;
+ height: 200px;
+}
+.component.new-message button {
+ display: inline-block;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 15px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #2f23c0;
+}
+.component.new-message button:hover,
+.component.new-message button:focus {
+ background: #0c0d44;
+}
+.notif {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border-top: solid 1px #4F4F4F;
+ border-right: solid 1px #202020;
+ border-left: solid 1px #202020;
+}
+.notif h4 {
+ position: relative;
+ overflow: hidden;
+ margin: 0;
+ padding: 0 10px;
+ font-size: 14px;
+ line-height: 30px;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+ font-weight: normal;
+ cursor: pointer;
+ color: white;
+}
+.notif.unreaded h4:before {
+ position: absolute;
+ content: '';
+ width: 40px;
+ height: 40px;
+ background: white;
+ top: -5px;
+ right: -15px;
+ background: #2f23c0;
+ -webkit-transform: rotate(100deg);
+ -moz-transform: rotate(100deg);
+ -ms-transform: rotate(100deg);
+ -o-transform: rotate(100deg);
+ transform: rotate(100deg);
+}
+.notif .content {
+ display: none;
+ padding: 6px 8px;
+ line-height: 140%;
+ text-align: justify;
+ color: #efefef;
+}
+.notif .content p {
+ margin: 0;
+}
+.notif .content hr {
+ border: none;
+ background: none;
+ border-bottom: dashed 1px #202020;
+ margin: 5px 0;
+}
+.notif .content a {
+ color: white;
+}
+.notif .content .box-resource {
+ position: relative;
+ display: block;
+ margin: 5px 0;
+ padding: 5px 5px 5px 40px;
+}
+.notif .content .box-resource img {
+ position: absolute;
+ top: 6px;
+ left: 0;
+ border: solid 4px #4f4f4f;
+ border-radius: 100%;
+ border-color: #1f1471;
+}
+.notif .content .box-resource .label {
+ display: block;
+ font-size: 12px;
+}
+.notif .content .box-resource .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+.notif .footer {
+ display: none;
+ margin: 0;
+ padding: 0 10px;
+ line-height: 18px;
+ padding: 5px 5px;
+ border-top: solid 1px #202020;
+ font-style: italic;
+ text-align: right;
+ color: #CCC;
+}
+.notif .footer a {
+ color: #CCC;
+}
+.notif.open .content {
+ display: block;
+}
+.notif.open .footer {
+ display: block;
+}
+.component.rc .rc {
+ position: relative;
+ margin: 20px 10px 20px 30px;
+ border-left: solid 1px #CCC;
+ padding: 0 10px;
+ height: 380px;
+ color: #CCC;
+}
+.component.rc .rc.no-tax {
+ margin: 20px 10px 20px 30px;
+ border-left: dashed 1px #4F4F4F;
+ padding: 0 10px;
+ color: #CCC;
+}
+.component.rc .rc a,
+.component.rc .rc strong {
+ color: white;
+}
+.component.rc .rc .icon-color {
+ width: 20px;
+}
+.component.rc .rc .base {
+ position: relative;
+ padding: 15px 0 15px 40px;
+ height: 50px;
+}
+.component.rc .rc .base:last-child {
+ position: absolute;
+ bottom: 0px;
+}
+.component.rc .rc .place {
+ position: absolute;
+ top: 0px;
+ left: -50px;
+ width: 78px;
+ height: 78px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component.rc .rc .general {
+ list-style: none inset;
+ margin: 10px 0;
+ padding: 0;
+}
+.component.rc .rc .general li {
+ margin: 10px 0;
+ list-style-type: none;
+}
+.component.rc .rc .general li strong {
+ display: block;
+ font-size: 20px;
+ font-weight: bold;
+}
+.component .situation-content {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 500px;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component .situation-content .line-help {
+ position: absolute;
+ display: block;
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ text-align: center;
+ border-radius: 100%;
+ background: #0c0d44;
+}
+.component .situation-content .line-help.line-1 {
+ top: 55px;
+ left: 190px;
+}
+.component .situation-content .line-help.line-2 {
+ top: 145px;
+ left: 406px;
+}
+.component .situation-content .toolbar {
+ position: absolute;
+ top: 30px;
+ right: 30px;
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
+ border-radius: 3px;
+ background: #1f1471;
+ z-index: 1;
+}
+.component .situation-content .toolbar a,
+.component .situation-content .toolbar span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 15px;
+ border-right: solid 1px black;
+ text-decoration: none;
+ color: white;
+}
+.component .situation-content .toolbar a img,
+.component .situation-content .toolbar span img {
+ position: relative;
+ top: -2px;
+ vertical-align: middle;
+ height: 18px;
+ width: 18px;
+}
+.component .situation-content .toolbar a:hover,
+.component .situation-content .toolbar a:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar form {
+ display: inline-block;
+}
+.component .situation-content .toolbar input {
+ height: 32px;
+ border: none;
+ background: none;
+ color: white;
+ padding: 0 15px;
+ font-size: inherit;
+}
+.component .situation-content .toolbar input:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar input.button {
+ background: url('src/desktop/common/edit.png') no-repeat center;
+}
+.component .situation-content .toolbar input.button:focus {
+ background: url('src/desktop/common/edit.png') no-repeat center rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .info {
+ position: absolute;
+ display: block;
+ width: 200px;
+ font-size: 12px;
+ color: #efefef;
+ line-height: 18px;
+}
+.component .situation-content .info strong {
+ color: white;
+ font-size: 14px;
+}
+.component .situation-content .info a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4f4f4f;
+}
+.component .situation-content .info a:hover,
+.component .situation-content .info a:focus {
+ border-color: #CCC;
+}
+.component .situation-content .commander {
+ position: absolute;
+ display: block;
+ text-decoration: none;
+ z-index: 1;
+}
+.component .situation-content .commander.empty {
+ color: #CCC;
+}
+.component .situation-content .commander.position-1-1 {
+ top: 135px;
+ left: 127px;
+}
+.component .situation-content .commander.position-1-2 {
+ top: 272px;
+ left: 100px;
+}
+.component .situation-content .commander.position-1-3 {
+ top: 415px;
+ left: 127px;
+}
+.component .situation-content .commander.position-2-1 {
+ top: 215px;
+ left: 352px;
+}
+.component .situation-content .commander.position-2-2 {
+ top: 272px;
+ left: 345px;
+}
+.component .situation-content .commander.position-2-3 {
+ top: 330px;
+ left: 352px;
+}
+.component .situation-content .commander.position-3 {
+ top: 355px;
+ left: 577px;
+}
+.component .situation-content .commander img {
+ width: 40px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+.component .situation-content .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component .situation-content .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #1f1471;
+}
+.component .situation-content .commander .info {
+ top: 8px;
+ left: 65px;
+ width: 160px;
+}
+.component .situation-content .commander .link {
+ display: none;
+ position: absolute;
+ top: 14px;
+ left: -16px;
+ width: 24px;
+ height: 24px;
+ font-size: 20px;
+ font-weight: bold;
+ text-decoration: none;
+ border-radius: 100%;
+ text-align: center;
+ z-index: 1;
+ border: solid 1px white;
+}
+.component .situation-content .commander .link.to-left {
+ background: url('src/desktop/mover/to-left.png') no-repeat center black;
+}
+.component .situation-content .commander .link.to-right {
+ background: url('src/desktop/mover/to-right.png') no-repeat center black;
+}
+.component .situation-content .commander:hover > .link {
+ display: block;
+}
+.component .situation-content .stellar {
+ position: absolute;
+ display: block;
+ top: 180px;
+ left: 560px;
+}
+.component .situation-content .stellar img {
+ width: 220px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .situation-content .stellar .info {
+ font-size: 12px;
+ border-left: solid 1px #202020;
+}
+.component .situation-content .stellar .info.top {
+ bottom: 215px;
+ left: 50px;
+ padding: 0 0 30px 10px;
+}
+.component .situation-content .stellar .info.top strong {
+ font-size: 20px;
+}
+.component .situation-content .stellar .info.bottom {
+ top: 225px;
+ left: 160px;
+ padding: 10px 0 0 10px;
+}
+.component .situation-content .stellar .info.middle {
+ top: 20px;
+ left: 182px;
+ padding: 10px 0 0 50px;
+ border: none;
+ border-top: solid 1px #202020;
+}
+.component .situation-content .attack-link {
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ text-align: center;
+}
+.component .situation-content .attack-link a {
+ display: inline-block;
+ line-height: 40px;
+ padding: 0 25px;
+ border-radius: 3px 3px 0 0;
+ background: #202020;
+ color: white;
+ text-decoration: none;
+ font-size: 16px;
+}
+.component .situation-content .attack-link a:hover,
+.component .situation-content .attack-link a:focus {
+ box-shadow: 0 0 5px 3px black;
+}
+.component .situation-content.color0 .line-help {
+ background: #202020;
+}
+.component .situation-content.color0 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #202020;
+}
+.component .situation-content.color0 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #202020;
+}
+.component .situation-content.color0 .attack-link a {
+ background: #202020;
+}
+.component .situation-content.color1 .line-help {
+ background: #510816;
+}
+.component .situation-content.color1 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component .situation-content.color1 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #6e161b;
+}
+.component .situation-content.color1 .attack-link a {
+ background: #6e161b;
+}
+.component .situation-content.color2 .line-help {
+ background: #0c0d44;
+}
+.component .situation-content.color2 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component .situation-content.color2 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #1f1471;
+}
+.component .situation-content.color2 .attack-link a {
+ background: #1f1471;
+}
+.component .situation-content.color3 .line-help {
+ background: #b17a00;
+}
+.component .situation-content.color3 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .situation-content.color3 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #dbb200;
+}
+.component .situation-content.color3 .attack-link a {
+ background: #dbb200;
+}
+.component .situation-content.color4 .line-help {
+ background: #310948;
+}
+.component .situation-content.color4 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component .situation-content.color4 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #5a1072;
+}
+.component .situation-content.color4 .attack-link a {
+ background: #5a1072;
+}
+.component .situation-content.color5 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color5 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color5 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color5 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-content.color6 .line-help {
+ background: #004948;
+}
+.component .situation-content.color6 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component .situation-content.color6 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #076b87;
+}
+.component .situation-content.color6 .attack-link a {
+ background: #076b87;
+}
+.component .situation-content.color7 .line-help {
+ background: #401b13;
+}
+.component .situation-content.color7 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component .situation-content.color7 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #67331d;
+}
+.component .situation-content.color7 .attack-link a {
+ background: #67331d;
+}
+.component .situation-content.color8 .line-help {
+ background: #c3590b;
+}
+.component .situation-content.color8 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component .situation-content.color8 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #d87913;
+}
+.component .situation-content.color8 .attack-link a {
+ background: #d87913;
+}
+.component .situation-content.color9 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color9 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color9 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color9 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-info {
+ display: table;
+ width: 100%;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: black;
+}
+.component .situation-info .item {
+ display: table-cell;
+ padding: 10px;
+ border-right: solid 1px #202020;
+}
+.component .situation-info .item .value {
+ font-size: 26px;
+ font-weight: bold;
+ display: block;
+}
+.component .build-item.base-type .desc {
+ margin: 10px 0 0 0;
+ padding: 15px;
+ font-size: 13px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+}
+.component .build-item.base-type .list-choice {
+ position: relative;
+ height: 140px;
+ background: url('src/desktop/base/type-base.png') no-repeat center;
+ margin: 0;
+ border-bottom: solid 1px #202020;
+}
+.component .build-item.base-type .list-choice button {
+ position: absolute;
+ padding: 0;
+ border: none;
+ background: transparent;
+ cursor: pointer;
+}
+.component .build-item.base-type .list-choice button.item-1 {
+ top: 35px;
+ left: 5px;
+}
+.component .build-item.base-type .list-choice button.item-2 {
+ top: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-3 {
+ bottom: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-4 {
+ top: 35px;
+ right: 5px;
+}
+.component .build-item.base-type .list-choice button img {
+ display: block;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.color1 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.color2 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.color3 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.color4 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.color5 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color6 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.color7 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.color8 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.color9 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color10 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.color11 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.color12 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .build-item.base-type .desc-choice {
+ display: none;
+}
+.component .build-item.base-type .desc-choice h4 {
+ border-bottom: solid 1px #202020;
+ padding: 0 0 5px 0;
+}
+.component .build-item.base-type .desc-choice p {
+ text-align: left;
+ color: #CCC !important;
+}
+.component .build-item.base-type .desc-choice p strong {
+ display: block;
+ color: white;
+}
+.component .build-item.base-type .desc-choice p strong.short {
+ display: inline-block;
+ width: 100px;
+}
+.component.list-fleet .set-fleet {
+ position: relative;
+ margin: 10px;
+ padding: 0 0 0 70px;
+ min-height: 80px;
+}
+.component.list-fleet .set-fleet img.place {
+ position: absolute;
+ top: -5px;
+ left: -20px;
+ width: 80px;
+ background: #0A0A0A;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet h2 {
+ padding: 10px 0;
+ margin: 0;
+}
+.component.list-fleet .set-fleet h2 a {
+ font-size: 13px;
+ color: white;
+ font-weight: normal;
+ text-decoration: none;
+}
+.component.list-fleet .set-fleet .item {
+ position: relative;
+ height: 60px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-bottom: none;
+ width: 777px;
+}
+.component.list-fleet .set-fleet .item:last-child {
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item a {
+ display: inline-block;
+ text-decoration: none;
+ color: #CCC;
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .left .top {
+ position: absolute;
+ left: 60px;
+ display: block;
+ width: 500px;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .left .status {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .right .top {
+ position: absolute;
+ right: 60px;
+ display: block;
+ width: 200px;
+ text-align: right;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .right .cover {
+ width: 50px;
+ margin: 5px;
+ padding: 0;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .center {
+ position: absolute;
+ top: 41px;
+ left: 70px;
+ right: 70px;
+}
+.component.list-fleet .set-fleet .item .center .ship {
+ position: absolute;
+ top: -10px;
+ left: -11px;
+ right: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship {
+ display: block;
+ width: 100%;
+ background: #4F4F4F;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ position: relative;
+ display: block;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship {
+ top: -11px;
+ right: -11px;
+ left: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar span {
+ position: absolute;
+ top: 4px;
+ right: 15px;
+ font-size: 10px;
+}
+.component.list-fleet .set-fleet .item.color1 .status {
+ background: #6e161b;
+}
+.component.list-fleet .set-fleet .item.color2 .status {
+ background: #1f1471;
+}
+.component.list-fleet .set-fleet .item.color3 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color4 .status {
+ background: #5a1072;
+}
+.component.list-fleet .set-fleet .item.color5 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color6 .status {
+ background: #076b87;
+}
+.component.list-fleet .set-fleet .item.color7 .status {
+ background: #67331d;
+}
+.component.list-fleet .set-fleet .item.color8 .status {
+ background: #d87913;
+}
+.component.list-fleet .set-fleet .item.color9 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color10 .status {
+ background: #760f36;
+}
+.component.list-fleet .set-fleet .item.color11 .status {
+ background: #219772;
+}
+.component.list-fleet .set-fleet .item.color12 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar {
+ background: #4F4F4F;
+}
+.component.list-fleet .set-fleet .item .show-commander {
+ position: absolute;
+ top: -1px;
+ right: -30px;
+ width: 28px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .show-commander:hover,
+.component.list-fleet .set-fleet .item .show-commander:focus,
+.component.list-fleet .set-fleet .item .show-commander.active {
+ background-color: #202020;
+}
+.component.table-fleet table {
+ margin: 10px;
+ width: 880px;
+ border-collapse: collapse;
+}
+.component.table-fleet table tr:nth-child(odd) {
+ background: black;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:nth-child(even) {
+ background: #0A0A0A;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:first-child {
+ background: transparent;
+}
+.component.table-fleet table th,
+.component.table-fleet table td {
+ height: 40px;
+ width: 40px;
+ text-align: center;
+}
+.component.table-fleet table td span.zero-value {
+ color: #4F4F4F;
+}
+.component.table-fleet table .base {
+ width: 100px;
+ text-align: left;
+ padding: 0 20px;
+}
+.component.table-fleet table .base a {
+ border: none;
+}
+.component.table-fleet table .base strong {
+ display: block;
+ font-size: 16px;
+}
+.component.table-fleet table .large {
+ width: auto;
+ text-align: left;
+ padding: 0 10px;
+}
+.component.table-fleet table .sep {
+ border-left: solid 1px #1f1471;
+}
+.component.table-fleet table a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4F4F4F;
+ display: inline-block;
+}
+.component.table-fleet table th {
+ position: relative;
+ height: 70px;
+}
+.component.table-fleet table th span {
+ position: absolute;
+ bottom: 32px;
+ left: -10px;
+ display: block;
+ text-align: left;
+ width: 60px;
+ -ms-transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.component.commander-fleet .fleet {
+ vertical-align: top;
+ display: block;
+ text-align: center;
+}
+.component.commander-fleet .list-ship {
+ vertical-align: top;
+ display: inline-block;
+ width: 148px;
+}
+.component.commander-fleet .list-ship:first-child {
+ border-right: dashed 1px #4F4F4F;
+}
+.component.commander-fleet .list-ship a {
+ display: block;
+ position: relative;
+ margin: 6px;
+ height: 40px;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ border-radius: 3px;
+}
+.component.commander-fleet .list-ship a.empty {
+ opacity: 0.4;
+}
+.component.commander-fleet .list-ship img {
+ position: absolute;
+ display: inline-block;
+ width: 40px;
+}
+.component.commander-fleet .list-ship .text {
+ position: absolute;
+ left: 45px;
+ display: inline-block;
+ width: 88px;
+ color: white;
+}
+.component.commander-fleet .list-ship .text .quantity {
+ display: block;
+ font-weight: bold;
+ font-size: 18px;
+}
+.component.commander-fleet .army {
+ border-collapse: collapse;
+ width: 560px;
+ margin: 20px;
+}
+.component.commander-fleet .army td {
+ width: 65px;
+ padding: 5px;
+ border-right: dashed 1px #4F4F4F;
+ vertical-align: center;
+}
+.component.commander-fleet .army td:first-child {
+ width: auto;
+ vertical-align: top;
+ text-align: right;
+ padding: 0 20px;
+ font-size: 12px;
+}
+.component.commander-fleet .army tr:first-child td {
+ text-align: center;
+ padding: 10px 5px;
+ font-size: 18px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block {
+ display: block;
+ width: 54px;
+ height: 54px;
+ margin: 0 0 5px 0;
+ padding: 5px;
+ vertical-align: top;
+ border-radius: 5px;
+ background: #0A0A0A;
+ text-align: right;
+ border: solid 1px #202020;
+ color: #4F4F4F;
+}
+.component.commander-fleet .army .block.empty {
+ background: black;
+ border: solid 1px #0A0A0A;
+}
+.component.commander-fleet .army .block strong {
+ display: block;
+ font-size: 15px;
+ height: 38px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block em {
+ display: block;
+ padding: 2px;
+ font-size: 11px;
+ background: black;
+ text-align: center;
+ border-radius: 3px;
+}
+.component.commander-fleet .army .block.squadron {
+ border: solid 1px #4F4F4F;
+ color: white;
+ cursor: pointer;
+ background: #1f1471;
+}
+.component.commander-fleet .army .block.squadron.full0 {
+ background: url('src/desktop/squadron/squadron0.png') no-repeat 4px 2px #1f1471;
+}
+.component.commander-fleet .army .block.squadron.full1 {
+ background: url('src/desktop/squadron/squadron1.png') no-repeat 4px 2px #1f1471;
+}
+.component.commander-fleet .army .block.squadron.full2 {
+ background: url('src/desktop/squadron/squadron2.png') no-repeat 4px 2px #1f1471;
+}
+.component.commander-fleet .army .block.squadron.full3 {
+ background: url('src/desktop/squadron/squadron3.png') no-repeat 4px 2px #1f1471;
+}
+.component.commander-fleet .army .block.squadron.active {
+ box-shadow: inset 0 0 6px black,
+ 0 0 2px 0 white;
+ border: dashed 1px white;
+}
+.component.report .commander {
+ position: relative;
+ display: block;
+ margin: 10px;
+ padding: 8px 0 8px 72px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component.report .commander img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component.report .commander strong {
+ display: block;
+ padding: 0 0 8px 0;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component.report .commander em {
+ display: block;
+ line-height: 20px;
+ color: white;
+ font-style: normal;
+ color: #efefef;
+}
+.component.report .commander em .bonus {
+ font-size: 90%;
+ margin: 2px 0 0 2px;
+ padding: 3px 6px;
+}
+.component.report .dammage {
+ margin: 10px;
+ background: black;
+}
+.component.report .dammage table {
+ width: 100%;
+ border-collapse: collapse;
+ border-left: solid 1px #202020;
+ border-right: solid 1px #202020;
+}
+.component.report .dammage td {
+ border-color: #202020;
+ border-width: 1px;
+ border-style: solid dashed;
+ padding: 4px;
+ vertical-align: center;
+ text-align: center;
+ color: #CCC;
+ width: 28px;
+ height: 22px;
+}
+.component.report .dammage td:first-child {
+ text-align: left;
+ padding: 4px 8px;
+ width: auto;
+}
+.component.report .dammage td span {
+ display: inline-block;
+ background: red;
+ line-height: 22px;
+ width: 22px;
+ border-radius: 3px;
+ color: white;
+ background: #0c0d44;
+}
+.component.topic .message {
+ position: relative;
+ padding: 0 0 0 80px;
+ margin: 10px;
+ min-height: 70px;
+}
+.component.topic .message .avatar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 56px;
+ padding: 6px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.topic .message .content {
+ position: relative;
+ background: black;
+ border: solid 1px #202020;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component.topic .message .content:before {
+ position: absolute;
+ content: '';
+ top: 25px;
+ left: -18px;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent #202020 transparent transparent;
+}
+.component.topic .message .content .text {
+ margin: 0;
+ padding: 10px 10px 12px 10px;
+ border-bottom: solid 1px #0A0A0A;
+ color: #efefef;
+}
+.component.topic .message .content .text a,
+.component.topic .message .content .text strong {
+ color: white;
+}
+.component.topic .message .content .text a.color1 {
+ color: #b01e2d;
+}
+.component.topic .message .content .text a.color2 {
+ color: #2f23c0;
+}
+.component.topic .message .content .text a.color3 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text a.color4 {
+ color: #a935c7;
+}
+.component.topic .message .content .text a.color5 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color6 {
+ color: #05bed7;
+}
+.component.topic .message .content .text a.color7 {
+ color: #ac5832;
+}
+.component.topic .message .content .text a.color8 {
+ color: #f2b636;
+}
+.component.topic .message .content .text a.color9 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color10 {
+ color: #a92859;
+}
+.component.topic .message .content .text a.color11 {
+ color: #34b089;
+}
+.component.topic .message .content .text a.color12 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text .icon-color {
+ width: 15px;
+}
+.component.topic .message .content .footer {
+ margin: 0;
+ padding: 6px 10px;
+ font-size: 12px;
+ color: #CCC;
+}
+.component.topic .message .content .footer a {
+ color: #CCC;
+}
+.component.topic .message.write .content:before {
+ left: -17px;
+ top: 11px;
+ border-color: transparent white transparent transparent;
+}
+.component.topic .message.write .content textarea {
+ border: none;
+ padding: 5px;
+ width: 487px;
+ height: 120px;
+ max-width: 487px;
+ min-width: 487px;
+ min-height: 50px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content input {
+ margin: 6px;
+ font-family: inherit;
+}
+.component.topic .message.write .content .title {
+ border: none;
+ margin: 0;
+ padding: 5px;
+ width: 487px;
+ height: 30px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content button {
+ margin: 6px;
+ font-family: inherit;
+ background: #1f1471;
+ border: none;
+ padding: 4px 8px;
+ color: white;
+ cursor: pointer;
+}
+.component.topic .message.write .content button:hover,
+.component.topic .message.write .content button:focus {
+ background: #0c0d44;
+}
+.component.topic .system-message {
+ position: relative;
+ padding: 0 0 0 90px;
+ margin: 10px;
+}
+.component.topic .system-message:before {
+ content: '';
+ position: absolute;
+ top: 10px;
+ left: 0;
+ height: 1px;
+ width: 70px;
+ background: #4F4F4F;
+}
+.conv-item {
+ position: relative;
+ display: block;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+ height: 59px;
+ padding: 5px 5px 5px 70px;
+ margin: 0 10px;
+ color: white;
+ text-decoration: none;
+ overflow: hidden;
+}
+.conv-item .cover {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+ padding: 5px;
+}
+.conv-item .cover .picture {
+ width: 52px;
+ height: 52px;
+ background: #202020;
+ border-radius: 100%;
+ padding: 4px;
+}
+.conv-item .cover .picture.color0 {
+ box-shadow: 0 0 0 2px #4F4F4F;
+}
+.conv-item .cover .picture.color1 {
+ box-shadow: 0 0 0 2px #6e161b;
+}
+.conv-item .cover .picture.color2 {
+ box-shadow: 0 0 0 2px #1f1471;
+}
+.conv-item .cover .picture.color3 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .picture.color4 {
+ box-shadow: 0 0 0 2px #5a1072;
+}
+.conv-item .cover .picture.color5 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color6 {
+ box-shadow: 0 0 0 2px #076b87;
+}
+.conv-item .cover .picture.color7 {
+ box-shadow: 0 0 0 2px #67331d;
+}
+.conv-item .cover .picture.color8 {
+ box-shadow: 0 0 0 2px #d87913;
+}
+.conv-item .cover .picture.color9 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color10 {
+ box-shadow: 0 0 0 2px #760f36;
+}
+.conv-item .cover .picture.color11 {
+ box-shadow: 0 0 0 2px #219772;
+}
+.conv-item .cover .picture.color12 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .number,
+.conv-item .cover .new-message {
+ position: absolute;
+ width: 22px;
+ height: 22px;
+ border-radius: 100%;
+ background: #0A0A0A;
+ bottom: 5px;
+ right: 5px;
+ border: solid 1px #4F4F4F;
+ text-align: center;
+ line-height: 22px;
+ font-size: 11px;
+}
+.conv-item .cover .new-message {
+ left: 5px;
+ top: 5px;
+}
+.conv-item .cover .new-message img {
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin: 2px;
+}
+.conv-item .data {
+ line-height: 20px;
+}
+.conv-item:last-child {
+ border: solid 1px #202020;
+}
+.conv-item:hover,
+.conv-item:focus {
+ background: #0C0C0C;
+}
+.component.player .player {
+ position: relative;
+ display: inline-block;
+ margin: 10px 0 0 10px;
+ width: 211px;
+ height: 58px;
+ padding: 5px 5px 5px 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+ text-decoration: none;
+}
+.component.player .player a {
+ color: #ccc;
+ text-decoration: none;
+ border-bottom: solid 1px #202020;
+}
+.component.player .player a:hover,
+.component.player .player a:focus {
+ border-color: #4f4f4f;
+}
+.component.player .player img.picto {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 50px;
+ padding: 4px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.player .player .icon,
+.component.player .player .icon-color {
+ height: 16px;
+ padding: 1px;
+}
+.component.player .player span,
+.component.player .player strong {
+ display: block;
+ line-height: 20px;
+}
+.component.player .player strong {
+ font-size: 18px;
+}
+.component.player .player .online,
+.component.player .player .inactive {
+ position: absolute;
+ width: 18px;
+ height: 18px;
+ background: white;
+ top: 5px;
+ right: 5px;
+ border-radius: 100%;
+ background: #4F4F4F;
+}
+.component.player .player .online {
+ background: #2f23c0;
+}
+.component.player .player.faction {
+ border-left: solid 1px #0A0A0A !important;
+ width: 202px;
+}
+.component.player .player.faction img {
+ top: 0;
+ left: 10px;
+ padding: 0;
+ border: none;
+ border-radius: 0;
+ background: transparent;
+}
+.component.player.rank .player {
+ border-left: solid 10px #4F4F4F;
+ width: 190px;
+}
+.component.player.rank .player.color1 {
+ border-left-color: #b01e2d;
+}
+.component.player.rank .player.color2 {
+ border-left-color: #2f23c0;
+}
+.component.player.rank .player.color3 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player.color4 {
+ border-left-color: #a935c7;
+}
+.component.player.rank .player.color5 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color6 {
+ border-left-color: #05bed7;
+}
+.component.player.rank .player.color7 {
+ border-left-color: #ac5832;
+}
+.component.player.rank .player.color8 {
+ border-left-color: #f2b636;
+}
+.component.player.rank .player.color9 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color10 {
+ border-left-color: #a92859;
+}
+.component.player.rank .player.color11 {
+ border-left-color: #34b089;
+}
+.component.player.rank .player.color12 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player .title,
+.component.player.rank .player .points {
+ color: #BBB;
+}
+.component.player.rank .player .position {
+ display: block;
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ line-height: 38px;
+ width: 38px;
+ border: solid 1px #202020;
+ text-align: center;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance {
+ display: block;
+ position: absolute;
+ top: 5px;
+ right: -4px;
+ line-height: 26px;
+ width: 26px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ text-align: center;
+ font-size: 11px;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance.lower {
+ bottom: 5px;
+ top: auto;
+}
+.component.player.rank .player.active .position {
+ background: white;
+ border: solid 1px white;
+ color: #202020;
+}
+.component.player.size2 .player {
+ width: 208px;
+}
+.component.player.size1 .player {
+ width: 202px;
+}
+.component.transaction .transaction {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 10px;
+}
+.component.transaction .transaction .right-link {
+ position: absolute;
+ top: 2px;
+ right: 5px;
+ display: block;
+ color: #FFF;
+ text-decoration: none;
+}
+.component.transaction .transaction .product {
+ position: relative;
+ height: 70px;
+ padding: 5px 10px 5px 55px;
+ cursor: pointer;
+}
+.component.transaction .transaction .product .picto {
+ position: absolute;
+ top: 5px;
+ left: -20px;
+ width: 60px;
+ height: 60px;
+ padding: 4px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+}
+.component.transaction .transaction .product .rate {
+ position: absolute;
+ bottom: 5px;
+ right: 8px;
+}
+.component.transaction .transaction .product .offer {
+ overflow: hidden;
+ height: 32px;
+}
+.component.transaction .transaction .product .for {
+ position: relative;
+ border-top: solid 1px #202020;
+ margin: 8px 0 6px 0;
+ color: #4F4F4F;
+}
+.component.transaction .transaction .product .for span {
+ display: block;
+ position: absolute;
+ top: -10px;
+ left: 10px;
+ background: #0A0A0A;
+ padding: 0 10px;
+ font-size: 12px;
+}
+.component.transaction .transaction .product .price {
+ font-size: 19px;
+ font-weight: bold;
+}
+.component.transaction .transaction .product .price .icon-color {
+ width: 14px;
+ position: relative;
+ top: -2px;
+ padding: 1px;
+}
+.component.transaction .transaction.resources .product .offer {
+ font-size: 28px;
+ font-weight: bold;
+ line-height: 30px;
+}
+.component.transaction .transaction.resources .product .offer .icon-color {
+ width: 20px;
+ position: relative;
+ top: -5px;
+}
+.component.transaction .transaction.commander .product .offer strong,
+.component.transaction .transaction.ship .product .offer strong {
+ display: block;
+ font-size: 14px;
+}
+.component.transaction .transaction.commander .product .offer em,
+.component.transaction .transaction.ship .product .offer em {
+ display: block;
+ font-size: 11px;
+}
+.component.transaction .transaction .hidden {
+ display: none;
+}
+.component.transaction .transaction .info {
+ position: relative;
+ border-top: solid 1px #202020;
+ height: 88px;
+ background: black;
+}
+.component.transaction .transaction .info p {
+ font-size: 11px;
+ margin: 5px 8px;
+}
+.component.transaction .transaction .info .seller {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+}
+.component.transaction .transaction .info .seller a {
+ font-weight: bold;
+ color: white;
+}
+.component.transaction .transaction .info .seller .color1 {
+ color: #b01e2d;
+}
+.component.transaction .transaction .info .seller .color2 {
+ color: #2f23c0;
+}
+.component.transaction .transaction .info .seller .color3 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .seller .color4 {
+ color: #a935c7;
+}
+.component.transaction .transaction .info .seller .color5 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color6 {
+ color: #05bed7;
+}
+.component.transaction .transaction .info .seller .color7 {
+ color: #ac5832;
+}
+.component.transaction .transaction .info .seller .color8 {
+ color: #f2b636;
+}
+.component.transaction .transaction .info .seller .color9 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color10 {
+ color: #a92859;
+}
+.component.transaction .transaction .info .seller .color11 {
+ color: #34b089;
+}
+.component.transaction .transaction .info .seller .color12 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .price-detail {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+ right: 0;
+}
+.component.transaction .transaction .info .price-detail p {
+ text-align: right;
+}
+.component.transaction .transaction .info .price-detail p .icon-color {
+ width: 10px;
+ padding: 1px;
+}
+.component.transaction .transaction .info .price-detail p span {
+ color: #4F4F4F;
+}
+.component.transaction .transaction .button {
+ border-top: solid 1px #202020;
+ padding: 5px;
+}
+.component.transaction .transaction .button a,
+.component.transaction .transaction .button span {
+ display: block;
+ padding: 5px 10px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ line-height: 20px;
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component.transaction .transaction .button a {
+ background: #1f1471;
+}
+.component.transaction .transaction .button a:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #2f23c0;
+}
+.component.transaction .transaction .button span {
+ background: #202020;
+ cursor: default;
+}
+.component.transaction .transaction .button .icon-color {
+ width: 14px;
+}
+.component.transaction .transaction .shipping {
+ position: relative;
+ background: black;
+ height: 30px;
+}
+.component.transaction .transaction .shipping .ships {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+}
+.component.transaction .transaction .shipping .ships .icon-color {
+ position: relative;
+ width: 16px;
+ margin-left: 5px;
+ top: -5px;
+}
+.component.transaction .transaction .shipping .time {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 12px;
+}
+.component.transaction .transaction .shipping .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 0 60px;
+ height: 3px;
+ top: 13px;
+ background: #4F4F4F;
+}
+.component.transaction .transaction .shipping .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #2f23c0;
+}
+.component .build-item.disable .button span {
+ color: #696969;
+}
+.component.transaction .new-transaction {
+ width: 279px;
+ position: absolute;
+ background: black;
+ z-index: 1;
+ padding: 10px;
+ border-bottom: solid 1px #2f23c0;
+}
+.component.transaction .new-transaction label {
+ position: relative;
+ display: block;
+ padding: 5px 0;
+}
+.component.transaction .new-transaction label input {
+ display: block;
+ padding: 5px 10px;
+ margin: 5px 0 0 0;
+ width: 259px;
+ border: none;
+}
+.component.transaction .new-transaction.resources label input {
+ font-size: 16px;
+ color: #202020;
+ font-weight: bold;
+}
+.component.transaction .new-transaction .indicator {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 15px;
+}
+.component.transaction .new-transaction .indicator span {
+ position: absolute;
+ display: inline-block;
+ padding: 1px 6px;
+ font-size: 12px;
+ color: white;
+ border-radius: 3px;
+ top: -5px;
+ background: #0c0d44;
+}
+.component.transaction .new-transaction .indicator span.min-price {
+ left: 5px;
+}
+.component.transaction .new-transaction .indicator span.max-price {
+ right: 5px;
+}
+.component.market-sell .body {
+ padding: 10px 0;
+}
+.component.market-sell .label-box {
+ position: relative;
+ padding: 0 10px;
+ margin: 10px 0;
+}
+.component.market-sell .label-box .label {
+ display: inline-block;
+ width: 100px;
+ line-height: 30px;
+}
+.component.market-sell .label-box .value {
+ display: inline-block;
+ width: 147px;
+ padding: 0 5px;
+ border: none;
+ line-height: 30px;
+ border-radius: 3px;
+ font-size: 16px;
+}
+.component.market-sell .label-box input.value {
+ height: 30px;
+ background: white;
+}
+.component.market-sell .label-box .icon-color {
+ position: absolute;
+ top: 4px;
+ right: 16px;
+ width: 18px;
+}
+.component.market-sell .queue {
+ margin: 0 10px;
+ cursor: pointer;
+}
+.component.market-sell .sell-form {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 0 10px 10px 10px;
+}
+.component.market-sell .sell-form input[type='submit'] {
+ display: block;
+ width: 100%;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 10px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #2f23c0;
+}
+.component.market-sell .sell-form input[type='submit']:hover {
+ background: #0c0d44;
+}
+.component.market-sell .sell-form input[disabled='disabled'] {
+ background: #202020 !important;
+}
+.wysiwyg {
+ display: block;
+ position: relative;
+}
+.wysiwyg .toolbar {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 5px;
+}
+.wysiwyg .toolbar button {
+ display: inline-block;
+ height: 26px;
+ line-height: 26px;
+ padding: 0 4px !important;
+ margin: 0 4px 0 0 !important;
+ background: #1f1471;
+ color: white;
+ border-radius: 3px;
+ overflow: hidden;
+ vertical-align: top;
+}
+.wysiwyg .modal {
+ position: absolute;
+ top: 40px;
+ left: 10px;
+ right: 10px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ box-shadow: 0 0 15px black;
+}
+.wysiwyg .modal .header {
+ position: relative;
+}
+.wysiwyg .modal .header h2 {
+ margin: 0;
+ padding: 0;
+ line-height: 36px;
+ padding: 0 10px;
+ font-size: 16px;
+ font-weight: normal;
+}
+.wysiwyg .modal .header .right {
+ position: absolute;
+ top: 5px;
+ right: 10px;
+ width: 300px;
+ text-align: right;
+}
+.wysiwyg .modal .header .right button {
+ display: inline-block;
+ width: 26px !important;
+ height: 26px !important;
+ line-height: 26px !important<;
+ font-size: 14px;
+ padding: 0 !important;
+ margin: 0 0 0 5px !important;
+}
+.wysiwyg .modal input {
+ width: 435px;
+ border: none;
+ height: 30px;
+ margin: 0 10px 10px 10px !important;
+ padding: 0 10px !important;
+}
+.wysiwyg textarea {
+ padding-top: 40px !important;
+}
+.input-area .wysiwyg .toolbar {
+ padding: 0;
+}
+.component.params .checkbox {
+ display: block;
+ position: relative;
+ padding: 10px 10px 10px 40px;
+ margin: 10px;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component.params .checkbox input {
+ position: absolute;
+ top: 8px;
+ left: 10px;
+}
+#map {
+ position: absolute;
+ z-index: 100;
+ background: url('src/desktop/map/common/map.jpg') repeat black;
+ padding: 0;
+ top: 0;
+ left: 0;
+}
+#map #sectors {
+ z-index: 300;
+}
+#map #spying {
+ z-index: 400;
+}
+#map #own-base {
+ z-index: 500;
+}
+#map #commercial-routes {
+ z-index: 600;
+}
+#map #fleet-movements {
+ z-index: 700;
+}
+#map #attacks {
+ z-index: 800;
+}
+#map #systems {
+ z-index: 900;
+}
+#map #map-info {
+ z-index: 910;
+}
+#map > div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+#map #sectors polygon {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 4 4;
+ opacity: 0.15;
+}
+#map #sectors .ally1 {
+ fill: #6e161b;
+}
+#map #sectors .ally2 {
+ fill: #1f1471;
+}
+#map #sectors .ally3 {
+ fill: #dbb200;
+}
+#map #sectors .ally4 {
+ fill: #5a1072;
+}
+#map #sectors .ally5 {
+ fill: #2c7915;
+}
+#map #sectors .ally6 {
+ fill: #076b87;
+}
+#map #sectors .ally7 {
+ fill: #67331d;
+}
+#map #sectors .ally8 {
+ fill: #d87913;
+}
+#map #sectors .ally9 {
+ fill: #2c7915;
+}
+#map #sectors .ally10 {
+ fill: #760f36;
+}
+#map #sectors .ally11 {
+ fill: #219772;
+}
+#map #sectors .ally12 {
+ fill: #dbb200;
+}
+#map #spying circle {
+ opacity: 0.08;
+ stroke: white;
+}
+#map #own-base circle {
+ opacity: 0.1;
+ fill: white;
+}
+#map #commercial-routes line {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 20 5 5 5 5 10;
+}
+#map #commercial-routes line.standBy {
+ stroke: rgba(255, 255, 255, 0.3);
+}
+#map #fleet-movements line {
+ stroke-width: 1px;
+}
+#map #fleet-movements line.back {
+ stroke-dasharray: 15 5;
+}
+#map #attacks line {
+ stroke-width: 1px;
+}
+#map #attacks line.color1 {
+ stroke: #b01e2d;
+}
+#map #attacks line.color2 {
+ stroke: #2f23c0;
+}
+#map #attacks line.color3 {
+ stroke: #ffdb0f;
+}
+#map #attacks line.color4 {
+ stroke: #a935c7;
+}
+#map #attacks line.color5 {
+ stroke: #57c632;
+}
+#map #attacks line.color6 {
+ stroke: #05bed7;
+}
+#map #attacks line.color7 {
+ stroke: #ac5832;
+}
+#map #attacks line.color8 {
+ stroke: #f2b636;
+}
+#map #attacks line.color9 {
+ stroke: #57c632;
+}
+#map #attacks line.color10 {
+ stroke: #a92859;
+}
+#map #attacks line.color11 {
+ stroke: #34b089;
+}
+#map #attacks line.color12 {
+ stroke: #ffdb0f;
+}
+#map #attacks circle.color1 {
+ fill: #b01e2d;
+}
+#map #attacks circle.color2 {
+ fill: #2f23c0;
+}
+#map #attacks circle.color3 {
+ fill: #ffdb0f;
+}
+#map #attacks circle.color4 {
+ fill: #a935c7;
+}
+#map #attacks circle.color5 {
+ fill: #57c632;
+}
+#map #attacks circle.color6 {
+ fill: #05bed7;
+}
+#map #attacks circle.color7 {
+ fill: #ac5832;
+}
+#map #attacks circle.color8 {
+ fill: #f2b636;
+}
+#map #attacks circle.color9 {
+ fill: #57c632;
+}
+#map #attacks circle.color10 {
+ fill: #a92859;
+}
+#map #attacks circle.color11 {
+ fill: #34b089;
+}
+#map #attacks circle.color12 {
+ fill: #ffdb0f;
+}
+#map #systems a {
+ display: block;
+ position: absolute;
+ border-radius: 100%;
+}
+#map #systems a.active {
+ background: black;
+ box-shadow: 0 0 0 1px black,
+ 0 0 0 3px white,
+ 0 0 10px 8px black;
+}
+#map #systems a img {
+ display: block;
+ width: 20px;
+ height: 20px;
+ border: none;
+ border-radius: 100%;
+ -moz-border-radius: 100%;
+ -webkit-border-radius: 100%;
+ -ms-border-radius: 100%;
+ -o-border-radius: 100%;
+}
+#map #systems a img.own {
+ background: white;
+}
+#map #systems .sector-number {
+ position: absolute;
+ display: block;
+ font-size: 22px;
+ line-height: 40px;
+ width: 40px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 0 5px #0A0A0A, 0 0 0 6px #4F4F4F;
+ background: #202020;
+ color: white;
+ font-weight: bold;
+ cursor: pointer;
+}
+#map #systems .sector-number.color1 {
+ background: #6e161b;
+}
+#map #systems .sector-number.color2 {
+ background: #1f1471;
+}
+#map #systems .sector-number.color3 {
+ background: #dbb200;
+}
+#map #systems .sector-number.color4 {
+ background: #5a1072;
+}
+#map #systems .sector-number.color5 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color6 {
+ background: #076b87;
+}
+#map #systems .sector-number.color7 {
+ background: #67331d;
+}
+#map #systems .sector-number.color8 {
+ background: #d87913;
+}
+#map #systems .sector-number.color9 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color10 {
+ background: #760f36;
+}
+#map #systems .sector-number.color11 {
+ background: #219772;
+}
+#map #systems .sector-number.color12 {
+ background: #dbb200;
+}
+#map #systems .sector-info {
+ display: none;
+ position: absolute;
+ color: white;
+ background: black;
+ background: rgba(0, 0, 0, 0.9);
+ padding: 8px 16px;
+ border-radius: 3px;
+}
+#map #systems .sector-info:before {
+ content: '';
+ position: absolute;
+ left: -20px;
+ top: 20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent black transparent transparent;
+ border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
+}
+#map #systems .sector-info h2 {
+ position: relative;
+ font-size: 40px;
+ font-weight: bold;
+ line-height: 40px;
+ text-shadow: 0 0 5px black;
+ margin: 0;
+ padding: 0;
+}
+#map #systems .sector-info p {
+ font-size: 13px;
+ margin: 6px 0 0 0;
+ padding: 0;
+ font-weight: bold;
+ font-variant: small-caps;
+}
+#map #systems .sector-info p a {
+ position: static;
+ display: inline-block;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ margin: 0 5px 0 0;
+}
+#map #systems .sector-info.color1 p a {
+ background: #6e161b;
+}
+#map #systems .sector-info.color2 p a {
+ background: #1f1471;
+}
+#map #systems .sector-info.color3 p a {
+ background: #dbb200;
+}
+#map #systems .sector-info.color4 p a {
+ background: #5a1072;
+}
+#map #systems .sector-info.color5 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color6 p a {
+ background: #076b87;
+}
+#map #systems .sector-info.color7 p a {
+ background: #67331d;
+}
+#map #systems .sector-info.color8 p a {
+ background: #d87913;
+}
+#map #systems .sector-info.color9 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color10 p a {
+ background: #760f36;
+}
+#map #systems .sector-info.color11 p a {
+ background: #219772;
+}
+#map #systems .sector-info.color12 p a {
+ background: #dbb200;
+}
+#map #map-info {
+ display: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ bottom: auto;
+ height: auto;
+ width: auto;
+ margin: 40px 60px 0 0;
+ color: white;
+ text-align: right;
+}
+#map #map-info h2 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 38px;
+ line-height: 60px;
+}
+#map #map-info h3 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 40px;
+}
+#map #map-info ul {
+ margin: 10px 0;
+ padding: 0;
+ list-style: none;
+}
+#map #map-info ul li {
+ position: relative;
+ margin: 0;
+ padding: 0 40px 0 0;
+ line-height: 20px;
+ height: 20px;
+ font-style: italic;
+ color: #CCC;
+ font-size: 13px;
+}
+#map #map-info ul li img {
+ position: absolute;
+ right: 10px;
+ top: 0px;
+}
+#map #spying circle {
+ fill: #1f1471;
+}
+#map #fleet-movements line {
+ stroke: #2f23c0;
+}
+#map #fleet-movements circle {
+ fill: #2f23c0;
+}
+#map-option {
+ z-index: 1000;
+ position: absolute;
+ display: inline-block;
+ height: 32px;
+ padding: 3px 0;
+ background: url('src/desktop/map/bOption.png') repeat-x;
+ top: 30px;
+ right: 20px;
+}
+#map-option:before {
+ content: '';
+ position: absolute;
+ display: block;
+ left: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bLeftOption.png');
+}
+#map-option:after {
+ content: '';
+ position: absolute;
+ display: block;
+ right: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bRightOption.png');
+}
+#map-option a {
+ position: relative;
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ margin: 1px 0 1px 1px;
+ background: #0A0A0A;
+}
+#map-option a.active {
+ background: #004948;
+}
+#map-option a img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 22px;
+}
+.color1 #map-option a.active {
+ background: #510816;
+}
+.color2 #map-option a.active {
+ background: #0c0d44;
+}
+.color3 #map-option a.active {
+ background: #b17a00;
+}
+.color4 #map-option a.active {
+ background: #310948;
+}
+.color5 #map-option a.active {
+ background: #24500a;
+}
+.color6 #map-option a.active {
+ background: #004948;
+}
+.color7 #map-option a.active {
+ background: #401b13;
+}
+.color8 #map-option a.active {
+ background: #c3590b;
+}
+.color9 #map-option a.active {
+ background: #24500a;
+}
+.color10 #map-option a.active {
+ background: #4d0621;
+}
+.color11 #map-option a.active {
+ background: #10684c;
+}
+.color12 #map-option a.active {
+ background: #b17a00;
+}
+#map-content {
+ z-index: 1000;
+ position: absolute;
+ top: 80px;
+ right: 20px;
+ display: block;
+}
+#map-content .mini-map {
+ position: relative;
+ width: 300px;
+ height: 300px;
+ overflow: hidden;
+ border: solid 1px #202020;
+ background: url('src/desktop/map/common/galaxy.jpg') no-repeat #0A0A0A;
+}
+#map-content .mini-map polygon {
+ stroke: white;
+ stroke-width: .5px;
+ opacity: 0.3;
+}
+#map-content .mini-map polygon:focus,
+#map-content .mini-map polygon:hover {
+ opacity: 0.1;
+ cursor: pointer;
+}
+#map-content .mini-map polygon.ally0 {
+ fill: #202020;
+}
+#map-content .mini-map polygon.ally1 {
+ fill: #6e161b;
+}
+#map-content .mini-map polygon.ally2 {
+ fill: #1f1471;
+}
+#map-content .mini-map polygon.ally3 {
+ fill: #dbb200;
+}
+#map-content .mini-map polygon.ally4 {
+ fill: #5a1072;
+}
+#map-content .mini-map polygon.ally5 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally6 {
+ fill: #076b87;
+}
+#map-content .mini-map polygon.ally7 {
+ fill: #67331d;
+}
+#map-content .mini-map polygon.ally8 {
+ fill: #d87913;
+}
+#map-content .mini-map polygon.ally9 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally10 {
+ fill: #760f36;
+}
+#map-content .mini-map polygon.ally11 {
+ fill: #219772;
+}
+#map-content .mini-map polygon.ally12 {
+ fill: #dbb200;
+}
+#map-content .mini-map .number {
+ position: absolute;
+ z-index: 600;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .sectors {
+ z-index: 500;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases {
+ z-index: 400;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases circle {
+ fill: rgba(255, 255, 255, 0.2);
+ stroke: white;
+}
+#map-content .mini-map .viewport {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: rgba(255, 255, 255, 0.1);
+ border: solid 1px white;
+ border-radius: 3px;
+}
+#map-content .mini-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 11px;
+}
+.map-movers {
+ display: none;
+ position: absolute;
+ z-index: 900;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+#coord-box {
+ z-index: 1000;
+ position: absolute;
+ bottom: 20px;
+ right: 20px;
+ width: 80px;
+ padding: 5px 10px;
+ background: rgba(0, 0, 0, 0.8);
+ color: white;
+ font-size: 20px;
+ text-align: center;
+}
+.tactical-map {
+ margin: 10px;
+ position: relative;
+ background: url('src/desktop/map/common/galaxy-large.jpg') repeat #0A0A0A;
+}
+.tactical-map polygon {
+ stroke: white;
+ stroke-width: .30px;
+ opacity: 0.15;
+}
+.tactical-map polygon.enabled {
+ position: relative;
+ stroke-width: 2px;
+ opacity: 0.80;
+ z-index: 1;
+}
+.tactical-map polygon.enabled.ally1 {
+ stroke: #510816;
+}
+.tactical-map polygon.enabled.ally2 {
+ stroke: #0c0d44;
+}
+.tactical-map polygon.enabled.ally3 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.enabled.ally4 {
+ stroke: #310948;
+}
+.tactical-map polygon.enabled.ally5 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally6 {
+ stroke: #004948;
+}
+.tactical-map polygon.enabled.ally7 {
+ stroke: #401b13;
+}
+.tactical-map polygon.enabled.ally8 {
+ stroke: #c3590b;
+}
+.tactical-map polygon.enabled.ally9 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally10 {
+ stroke: #4d0621;
+}
+.tactical-map polygon.enabled.ally11 {
+ stroke: #10684c;
+}
+.tactical-map polygon.enabled.ally12 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.ally0 {
+ fill: #202020;
+}
+.tactical-map polygon.ally1 {
+ fill: #6e161b;
+}
+.tactical-map polygon.ally2 {
+ fill: #1f1471;
+}
+.tactical-map polygon.ally3 {
+ fill: #dbb200;
+}
+.tactical-map polygon.ally4 {
+ fill: #5a1072;
+}
+.tactical-map polygon.ally5 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally6 {
+ fill: #076b87;
+}
+.tactical-map polygon.ally7 {
+ fill: #67331d;
+}
+.tactical-map polygon.ally8 {
+ fill: #d87913;
+}
+.tactical-map polygon.ally9 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally10 {
+ fill: #760f36;
+}
+.tactical-map polygon.ally11 {
+ fill: #219772;
+}
+.tactical-map polygon.ally12 {
+ fill: #dbb200;
+}
+.tactical-map .number {
+ position: absolute;
+ z-index: 800;
+ top: 0;
+ left: 0;
+}
+.tactical-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 12px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 1px white;
+}
+.tactical-map .number span.ally0 {
+ background: #0A0A0A;
+}
+.tactical-map .number span.ally1 {
+ background: #510816;
+}
+.tactical-map .number span.ally2 {
+ background: #0c0d44;
+}
+.tactical-map .number span.ally3 {
+ background: #b17a00;
+}
+.tactical-map .number span.ally4 {
+ background: #310948;
+}
+.tactical-map .number span.ally5 {
+ background: #24500a;
+}
+.tactical-map .number span.ally6 {
+ background: #004948;
+}
+.tactical-map .number span.ally7 {
+ background: #401b13;
+}
+.tactical-map .number span.ally8 {
+ background: #c3590b;
+}
+.tactical-map .number span.ally9 {
+ background: #24500a;
+}
+.tactical-map .number span.ally10 {
+ background: #4d0621;
+}
+.tactical-map .number span.ally11 {
+ background: #10684c;
+}
+.tactical-map .number span.ally12 {
+ background: #b17a00;
+}
+.tactical-map .number span.active {
+ background: white;
+ color: black;
+ box-shadow: 0 0 10px black;
+}
+.tactical-map.reactive polygon.enabled:hover,
+.tactical-map.reactive polygon.enabled.active {
+ cursor: pointer;
+}
+.tactical-map.reactive polygon.enabled:hover.ally1,
+.tactical-map.reactive polygon.enabled.active.ally1 {
+ fill: #510816;
+}
+.tactical-map.reactive polygon.enabled:hover.ally2,
+.tactical-map.reactive polygon.enabled.active.ally2 {
+ fill: #0c0d44;
+}
+.tactical-map.reactive polygon.enabled:hover.ally3,
+.tactical-map.reactive polygon.enabled.active.ally3 {
+ fill: #b17a00;
+}
+.tactical-map.reactive polygon.enabled:hover.ally4,
+.tactical-map.reactive polygon.enabled.active.ally4 {
+ fill: #310948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally5,
+.tactical-map.reactive polygon.enabled.active.ally5 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally6,
+.tactical-map.reactive polygon.enabled.active.ally6 {
+ fill: #004948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally7,
+.tactical-map.reactive polygon.enabled.active.ally7 {
+ fill: #401b13;
+}
+.tactical-map.reactive polygon.enabled:hover.ally8,
+.tactical-map.reactive polygon.enabled.active.ally8 {
+ fill: #c3590b;
+}
+.tactical-map.reactive polygon.enabled:hover.ally9,
+.tactical-map.reactive polygon.enabled.active.ally9 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally10,
+.tactical-map.reactive polygon.enabled.active.ally10 {
+ fill: #4d0621;
+}
+.tactical-map.reactive polygon.enabled:hover.ally11,
+.tactical-map.reactive polygon.enabled.active.ally11 {
+ fill: #10684c;
+}
+.tactical-map.reactive polygon.enabled:hover.ally12,
+.tactical-map.reactive polygon.enabled.active.ally12 {
+ fill: #b17a00;
+}
+#action-box {
+ display: block;
+ z-index: 1100;
+ position: absolute;
+ width: 100%;
+ height: 300px;
+ bottom: -300px;
+ left: 0;
+ border-top: solid 1px #0A0A0A;
+ background: black;
+ box-shadow: 0 0 15px black;
+}
+#action-box .header {
+ position: relative;
+ background: black;
+ border-bottom: solid 1px #202020;
+ height: 36px;
+ color: #EFEFEF;
+}
+#action-box .header ul {
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .header ul li {
+ display: inline-block;
+ line-height: 36px;
+ padding: 0 10px;
+ color: #CCC;
+ border-right: solid 1px #202020;
+}
+#action-box .header ul li a {
+ display: inline-block;
+ line-height: 24px;
+ margin: 3px 0;
+ padding: 0 6px;
+ text-decoration: none;
+ color: #CCC;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-right: none;
+ color: #8F8F8F;
+}
+#action-box .header ul li a:first-child {
+ border-radius: 3px 0 0 3px;
+}
+#action-box .header ul li a:last-child {
+ border-right: solid 1px #202020;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .header ul li a:hover,
+#action-box .header ul li a:focus {
+ background: #202020;
+ color: white;
+}
+#action-box .header ul li a.active {
+ color: white;
+ position: relative;
+ z-index: 1;
+ background: #0c0d44;
+}
+#action-box .header ul li img {
+ position: relative;
+ top: 5px;
+ width: 20px;
+ border-radius: 100%;
+}
+#action-box .header .button {
+ position: absolute;
+ top: 7px;
+ right: 10px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ background: #202020;
+ border-radius: 3px;
+ text-decoration: none;
+ text-transform: uppercase;
+ color: white;
+}
+#action-box .header .button:focus,
+#action-box .header .button:hover {
+ background: #4F4F4F;
+}
+#action-box .body {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ height: 263px;
+ background: url('src/desktop/map/common/bLine.jpg') repeat-x center #080808;
+}
+#action-box .actbox-movers {
+ position: absolute;
+ display: block;
+ width: 60px;
+ height: 263px;
+ z-index: 1103;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#action-box .actbox-movers:hover,
+#action-box .actbox-movers:focus {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+#action-box .actbox-movers:active {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+#action-box .actbox-movers#actboxToLeft {
+ background: url('src/desktop/mover/left.png') no-repeat center;
+}
+#action-box .actbox-movers#actboxToRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center;
+}
+#action-box .body .system {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 263px;
+ width: 3000px;
+}
+#action-box .body .system ul {
+ display: inline-block;
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .body .system ul li {
+ display: inline-block;
+}
+#action-box .body .system ul li.place a,
+#action-box .body .system ul li.action {
+ width: 100px;
+ height: 260px;
+ border-top: solid 3px white;
+ position: relative;
+}
+#action-box .body .system ul li.place.color1 a,
+#action-box .body .system ul li.action.color1 {
+ border-top-color: #6e161b;
+}
+#action-box .body .system ul li.place.color2 a,
+#action-box .body .system ul li.action.color2 {
+ border-top-color: #1f1471;
+}
+#action-box .body .system ul li.place.color3 a,
+#action-box .body .system ul li.action.color3 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.place.color4 a,
+#action-box .body .system ul li.action.color4 {
+ border-top-color: #5a1072;
+}
+#action-box .body .system ul li.place.color5 a,
+#action-box .body .system ul li.action.color5 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color6 a,
+#action-box .body .system ul li.action.color6 {
+ border-top-color: #076b87;
+}
+#action-box .body .system ul li.place.color7 a,
+#action-box .body .system ul li.action.color7 {
+ border-top-color: #67331d;
+}
+#action-box .body .system ul li.place.color8 a,
+#action-box .body .system ul li.action.color8 {
+ border-top-color: #d87913;
+}
+#action-box .body .system ul li.place.color9 a,
+#action-box .body .system ul li.action.color9 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color10 a,
+#action-box .body .system ul li.action.color10 {
+ border-top-color: #760f36;
+}
+#action-box .body .system ul li.place.color11 a,
+#action-box .body .system ul li.action.color11 {
+ border-top-color: #219772;
+}
+#action-box .body .system ul li.place.color12 a,
+#action-box .body .system ul li.action.color12 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.star {
+ width: 300px;
+ height: 263px;
+ border-left: solid 1px #0F0F0F;
+ background: url('src/desktop/map/systems/default.png') no-repeat center center;
+}
+#action-box .body .system ul li.place a {
+ display: block;
+ border-left: solid 1px #0F0F0F;
+ text-align: center;
+}
+#action-box .body .system ul li.place a strong {
+ position: absolute;
+ bottom: 8px;
+ left: 10px;
+ font-size: 18px;
+ font-weight: bold;
+ color: white;
+}
+#action-box .body .system ul li.place a .land {
+ position: absolute;
+ z-index: 1102;
+ top: 88px;
+ left: 10px;
+ width: 80px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.place.active a .land {
+ box-shadow: 0 0 0 1px #202020;
+ background: #080808;
+}
+#action-box .body .system ul li.place a .avatar {
+ position: absolute;
+ z-index: 1101;
+ top: 10px;
+ left: 20px;
+ padding: 7px;
+ border: solid 1px #0F0F0F;
+ background: black;
+ width: 47px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action {
+ width: 0px;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .content {
+ position: absolute;
+ top: 9px;
+ left: 12px;
+ height: 240px;
+ width: 545px;
+ background: #111111;
+ border: solid 1px #202020;
+ box-shadow: inset 0 0 5px black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .content:before {
+ content: '';
+ position: absolute;
+ top: 107px;
+ left: -24px;
+ border-width: 12px;
+ border-style: solid;
+ border-color: transparent #202020 transparent transparent;
+}
+#action-box .body .system ul li.action .content .column {
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ height: 240px;
+ border-right: solid 1px #202020;
+ color: white;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link {
+ position: absolute;
+ top: 6px;
+ right: 8px;
+ opacity: .5;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link:hover,
+#action-box .body .system ul li.action .content .column .last-spy-link:focus {
+ opacity: 1;
+}
+#action-box .body .system ul li.action .content .column.info {
+ width: 199px;
+}
+#action-box .body .system ul li.action .content .column.act {
+ width: 345px;
+ border-right: none;
+}
+#action-box .body .system ul li.action .content .column p {
+ margin: 2px 10px;
+}
+#action-box .body .system ul li.action .content .column a {
+ color: white;
+}
+#action-box .body .system ul li.action .content .column hr {
+ margin: 8px 10px;
+ border: none;
+ background: none;
+ border-bottom: solid 1px #202020;
+}
+#action-box .body .system ul li.action .content .column strong {
+ line-height: 30px;
+}
+#action-box .body .system ul li.action .content .column.info strong {
+ line-height: 28px;
+ font-size: 18px;
+}
+#action-box .body .system ul li.action .content .column .label {
+ display: inline-block;
+ width: 78px;
+ font-size: 12px;
+}
+#action-box .body .system ul li.action .content .column .value {
+ display: inline-block;
+ width: 100px;
+ text-align: left;
+}
+#action-box .body .system ul li.action .content .column .value .icon,
+#action-box .body .system ul li.action .content .column .value .icon-color {
+ width: 18px;
+ height: 18px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .content .column.act .top .grey {
+ opacity: .4;
+}
+#action-box .body .system ul li.action .content .column.act .top img {
+ width: 45px;
+ padding: 8px;
+ margin: 0 4px 2px 0;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action .content .column .top,
+#action-box .body .system ul li.action .content .column .bottom {
+ padding: 5px;
+}
+#action-box .body .system ul li.action .box {
+ display: none;
+ position: absolute;
+ left: 10px;
+ right: 10px;
+ bottom: 10px;
+ top: 80px;
+ background: black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .box:nth-child(1) {
+ display: block;
+}
+#action-box .body .system ul li.action .box:before {
+ content: '';
+ position: absolute;
+ top: -20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent transparent black transparent;
+}
+#action-box .body .system ul li.action .box:nth-child(1):before {
+ left: 15px;
+}
+#action-box .body .system ul li.action .box:nth-child(2):before {
+ left: 84px;
+}
+#action-box .body .system ul li.action .box:nth-child(3):before {
+ left: 152px;
+}
+#action-box .body .system ul li.action .box:nth-child(4):before {
+ left: 218px;
+}
+#action-box .body .system ul li.action .box:nth-child(5):before {
+ left: 284px;
+}
+#action-box .body .system ul li.action .box h2 {
+ margin: 0;
+ padding: 0 11px;
+ line-height: 35px;
+ font-size: 15px;
+}
+#action-box .body .system ul li.action .box .box-content {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 0 0 3px 3px;
+ padding: 8px 10px;
+ background: #080808;
+ border: solid 1px black;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item {
+ display: none;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button {
+ display: inline-block;
+ width: 100px;
+ text-decoration: none;
+ margin: 8px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .picto {
+ float: left;
+ width: 30px;
+ height: 30px;
+ margin: 0 5px 0 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button span {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form {
+ margin-top: 10px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form input {
+ width: 187px;
+ padding: 7px;
+ border: none;
+ background: white;
+ border-radius: 3px 0 0 3px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button {
+ width: 100px;
+ padding: 6px 6px;
+ border: none;
+ color: white;
+ background: #1f1471;
+ cursor: pointer;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button:hover,
+#action-box .body .system ul li.action .box .box-content .spy-form button:focus {
+ background: #0c0d44;
+}
+#action-box .body .system ul li.action .box .box-content .label-box {
+ display: inline-block;
+ width: 50%;
+ margin: 5px 0;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .key {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .val {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+#action-box .body .system ul li.action .box .box-content .rc {
+ margin: 5px 0 0 0;
+ padding: 10px 10px 0 50px;
+ border-top: solid 1px #202020;
+}
+#action-box .body .system ul li.action .box .box-content .rc .planet {
+ position: absolute;
+ top: -25px;
+ left: -25px;
+ width: 76px;
+ height: 76px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+#action-box .body .system ul li.action .box .box-content .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .button {
+ display: inline-block;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ line-height: 26px;
+ margin: 5px 0 0 0;
+ padding: 0 8px;
+ text-align: center;
+ text-decoration: none;
+}
+#action-box .body .system ul li.action .box .box-content a.button {
+ background: #1f1471;
+ border: #0c0d44;
+}
+#action-box .body .system ul li.action .box .box-content a.button:hover,
+#action-box .body .system ul li.action .box .box-content a.button:focus {
+ background: #0c0d44;
+}
+.component.admin table {
+ margin: 10px;
+ border-collapse: collapse;
+ width: 877px;
+}
+.component.admin table tr {
+ border-bottom: solid 1px #202020;
+}
+.component.admin table td {
+ padding: 5px 10px;
+ vertical-align: top;
+}
+.component.admin table .button {
+ display: inline-block;
+ padding: 0 5px;
+ line-height: 25px;
+ min-width: 15px;
+ text-align: center;
+ color: white;
+ border-radius: 3px;
+ background: #4F4F4F;
+ text-decoration: none;
+}
+.component.admin table td:nth-child(1) {
+ width: 50px;
+}
+.component.admin table td:nth-child(2) {
+ width: 100px;
+}
+.component.admin table td:nth-child(3) {
+ width: auto;
+}
+.component.admin table td:nth-child(4) {
+ width: 80px;
+}
+.on-off-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #1f1471;
+ border: solid 1px #0c0d44;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+.on-off-button:hover,
+.on-off-button:focus {
+ background: #0c0d44;
+ border-color: #1f1471;
+}
+.on-off-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+.inscription {
+ /* SUBNAV */
+ /* ALLY */
+}
+.inscription #nav .box.left span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 10px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 80px;
+ text-align: center;
+ color: #4f4f4f;
+ text-decoration: none;
+ font-variant: small-caps;
+}
+.inscription #nav .box.left span.active {
+ color: white;
+}
+.inscription #nav .box.right {
+ display: none;
+}
+.inscription #inscription-subnav {
+ position: fixed;
+ top: 45px;
+ left: 0;
+ width: 210px;
+ margin: 0 20px 0 60px;
+ z-index: 500;
+}
+.inscription #inscription-subnav .bind {
+ height: 15px;
+ background: url('src/desktop/inscriptionSubnav/bBind.png') no-repeat center;
+}
+.inscription #inscription-subnav .head {
+ position: relative;
+ height: 214px;
+ background: url('src/desktop/inscriptionSubnav/bHead.png') no-repeat center;
+}
+.inscription #inscription-subnav .head h2 {
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ top: 5px;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 24px;
+ width: 210px;
+ overflow: hidden;
+ text-align: center;
+ color: white;
+}
+.inscription #inscription-subnav .head img {
+ position: absolute;
+ top: 43px;
+ left: 28px;
+ width: 125px;
+ height: 125px;
+ background: #0A0A0A;
+}
+.inscription #inscription-subnav .head .level {
+ position: absolute;
+ display: block;
+ bottom: 15px;
+ left: 0;
+ width: 100%;
+ font-size: 20px;
+ line-height: 41px;
+ color: white;
+ text-align: center;
+ background: url('src/desktop/inscriptionSubnav/bLevel.png') no-repeat center;
+}
+.inscription #inscription-subnav .head .experience {
+ position: absolute;
+ display: inline-block;
+ top: 50px;
+ right: 32px;
+ width: 21px;
+ height: 112px;
+}
+.inscription #inscription-subnav .head .experience .value {
+ position: absolute;
+ display: block;
+ width: 100%;
+ bottom: 0;
+ border-radius: 3px;
+}
+.inscription #inscription-subnav .foot {
+ height: 290px;
+}
+.inscription #movers .toLeft {
+ left: 0 !important;
+}
+.inscription .component.inscription img.color1 {
+ background: #6e161b !important;
+}
+.inscription .component.inscription img.color2 {
+ background: #1f1471 !important;
+}
+.inscription .component.inscription img.color3 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription img.color4 {
+ background: #5a1072 !important;
+}
+.inscription .component.inscription img.color5 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color6 {
+ background: #076b87 !important;
+}
+.inscription .component.inscription img.color7 {
+ background: #67331d !important;
+}
+.inscription .component.inscription img.color8 {
+ background: #d87913 !important;
+}
+.inscription .component.inscription img.color9 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color10 {
+ background: #760f36 !important;
+}
+.inscription .component.inscription img.color11 {
+ background: #219772 !important;
+}
+.inscription .component.inscription img.color12 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription .chooseLink {
+ display: block;
+ margin: 10px;
+ padding: 10px 60px 10px 20px;
+ background: url('src/desktop/mover/right.png') no-repeat 235px center #CCC;
+ text-decoration: none;
+ color: white;
+ text-shadow: 0 0 2px black;
+ border: solid 1px #202020;
+ cursor: pointer;
+ -webkit-transition: all linear 200ms;
+ -moz-transition: all linear 200ms;
+ -ms-transition: all linear 200ms;
+ -o-transition: all linear 200ms;
+ transition: all linear 200ms;
+}
+.inscription .component.inscription .chooseLink:focus,
+.inscription .component.inscription .chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+.inscription .component.inscription button.chooseLink {
+ width: 277px;
+ text-align: left;
+}
+.inscription .component.inscription.color1 .chooseLink {
+ background-color: #6e161b;
+}
+.inscription .component.inscription.color2 .chooseLink {
+ background-color: #1f1471;
+}
+.inscription .component.inscription.color3 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color4 .chooseLink {
+ background-color: #5a1072;
+}
+.inscription .component.inscription.color5 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color6 .chooseLink {
+ background-color: #076b87;
+}
+.inscription .component.inscription.color7 .chooseLink {
+ background-color: #67331d;
+}
+.inscription .component.inscription.color8 .chooseLink {
+ background-color: #d87913;
+}
+.inscription .component.inscription.color9 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color10 .chooseLink {
+ background-color: #760f36;
+}
+.inscription .component.inscription.color11 .chooseLink {
+ background-color: #219772;
+}
+.inscription .component.inscription.color12 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color1 .chooseLink:hover,
+.inscription .component.inscription.color1 .chooseLink:focus {
+ background-color: #510816;
+}
+.inscription .component.inscription.color2 .chooseLink:hover,
+.inscription .component.inscription.color2 .chooseLink:focus {
+ background-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .chooseLink:hover,
+.inscription .component.inscription.color3 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription.color4 .chooseLink:hover,
+.inscription .component.inscription.color4 .chooseLink:focus {
+ background-color: #310948;
+}
+.inscription .component.inscription.color5 .chooseLink:hover,
+.inscription .component.inscription.color5 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color6 .chooseLink:hover,
+.inscription .component.inscription.color6 .chooseLink:focus {
+ background-color: #004948;
+}
+.inscription .component.inscription.color7 .chooseLink:hover,
+.inscription .component.inscription.color7 .chooseLink:focus {
+ background-color: #401b13;
+}
+.inscription .component.inscription.color8 .chooseLink:hover,
+.inscription .component.inscription.color8 .chooseLink:focus {
+ background-color: #c3590b;
+}
+.inscription .component.inscription.color9 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color10 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #4d0621;
+}
+.inscription .component.inscription.color11 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #10684c;
+}
+.inscription .component.inscription.color12 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription .chooseLink strong {
+ display: block;
+ font-size: 15px;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+}
+.inscription .component.inscription .chooseLink em {
+ font-style: normal;
+}
+.inscription .component.inscription span.chooseLink {
+ background: #202020 !important;
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+ cursor: auto;
+ padding: 10px;
+}
+.inscription .component.inscription span.chooseLink:focus,
+.inscription .component.inscription span.chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+}
+.inscription .component.inscription blockquote {
+ line-height: 200%;
+}
+.inscription .component.inscription #pseudo,
+.inscription .component.inscription #base {
+ position: relative;
+ width: 100%;
+ border: none;
+ padding: 12px 0;
+ margin: 0;
+ text-align: center;
+ font-size: 26px;
+ font-weight: bold;
+ background: white;
+ border-radius: 3px;
+}
+.inscription .component.inscription.color1 #pseudo {
+ color: #510816;
+}
+.inscription .component.inscription.color2 #pseudo {
+ color: #0c0d44;
+}
+.inscription .component.inscription.color3 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription.color4 #pseudo {
+ color: #310948;
+}
+.inscription .component.inscription.color5 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color6 #pseudo {
+ color: #004948;
+}
+.inscription .component.inscription.color7 #pseudo {
+ color: #401b13;
+}
+.inscription .component.inscription.color8 #pseudo {
+ color: #c3590b;
+}
+.inscription .component.inscription.color9 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color10 #pseudo {
+ color: #4d0621;
+}
+.inscription .component.inscription.color11 #pseudo {
+ color: #10684c;
+}
+.inscription .component.inscription.color12 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription .avatars {
+ padding: 5px;
+ text-align: center;
+}
+.inscription .component.inscription .avatar {
+ position: relative;
+ display: inline-block;
+ margin: 0 5px;
+ padding: 5px;
+ background: #202020;
+ border: solid 5px #0A0A0A;
+ border-radius: 100%;
+}
+.inscription .component.inscription .avatar input {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+.inscription .component.inscription .avatar img {
+ display: block;
+ width: 117px;
+ cursor: pointer;
+ border-radius: 100%;
+}
+.inscription .component.inscription.color1 .avatar:hover {
+ border-color: #510816;
+}
+.inscription .component.inscription.color2 .avatar:hover {
+ border-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color4 .avatar:hover {
+ border-color: #310948;
+}
+.inscription .component.inscription.color5 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color6 .avatar:hover {
+ border-color: #004948;
+}
+.inscription .component.inscription.color7 .avatar:hover {
+ border-color: #401b13;
+}
+.inscription .component.inscription.color8 .avatar:hover {
+ border-color: #c3590b;
+}
+.inscription .component.inscription.color9 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color10 .avatar:hover {
+ border-color: #4d0621;
+}
+.inscription .component.inscription.color11 .avatar:hover {
+ border-color: #10684c;
+}
+.inscription .component.inscription.color12 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color1 .avatar.active {
+ border-color: #b01e2d;
+}
+.inscription .component.inscription.color2 .avatar.active {
+ border-color: #2f23c0;
+}
+.inscription .component.inscription.color3 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription .component.inscription.color4 .avatar.active {
+ border-color: #a935c7;
+}
+.inscription .component.inscription.color5 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color6 .avatar.active {
+ border-color: #05bed7;
+}
+.inscription .component.inscription.color7 .avatar.active {
+ border-color: #ac5832;
+}
+.inscription .component.inscription.color8 .avatar.active {
+ border-color: #f2b636;
+}
+.inscription .component.inscription.color9 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color10 .avatar.active {
+ border-color: #a92859;
+}
+.inscription .component.inscription.color11 .avatar.active {
+ border-color: #34b089;
+}
+.inscription .component.inscription.color12 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription #alert {
+ bottom: -12px;
+ z-index: 10000;
+}
+.inscription .build-item {
+ min-height: 60px;
+}
+.inscription .build-item .name {
+ padding-top: 2px !important;
+}
+.inscription .build-item .name strong {
+ font-size: 16px !important;
+}
+.inscription .build-item .name em {
+ font-size: 12px !important;
+}
+.color0 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor0.png') no-repeat top left;
+}
+.color1 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor1.png') no-repeat top left;
+}
+.color2 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor2.png') no-repeat top left;
+}
+.color3 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor3.png') no-repeat top left;
+}
+.color4 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor4.png') no-repeat top left;
+}
+.color5 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor5.png') no-repeat top left;
+}
+.color6 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor6.png') no-repeat top left;
+}
+.color7 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor7.png') no-repeat top left;
+}
+.color8 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor8.png') no-repeat top left;
+}
+.color9 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor9.png') no-repeat top left;
+}
+.color10 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor10.png') no-repeat top left;
+}
+.color11 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor11.png') no-repeat top left;
+}
+.color12 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor12.png') no-repeat top left;
+}
+/* AUTOCOMPLETE MODULE */
+.ac_results {
+ width: 100%;
+ padding: 0px;
+ border: 1px solid #4F4F4F;
+ background-color: white;
+ overflow: hidden;
+ z-index: 99999;
+ box-shadow: 0 0 6px black;
+ border-radius: 3px;
+}
+.ac_results ul {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style-position: outside;
+ list-style: none;
+}
+.ac_results ul li {
+ padding: 4px 8px;
+ margin: 0px;
+ cursor: default;
+ display: block;
+ border-bottom: solid 1px #CCC;
+ overflow: hidden;
+}
+.ac_results ul li:last-child {
+ border: none;
+}
+.ac_results .img {
+ float: left;
+ width: 36px;
+ background: #202020;
+ border-radius: 3px;
+ margin: 0 8px 0 0;
+}
+.ac_results .value-1,
+.ac_results .value-2 {
+ display: block;
+ line-height: 18px;
+}
+.ac_results .value-1 {
+ font-weight: bold;
+}
+.ac_loading {
+ background: white url('src/desktop/module/indicator.gif') right center no-repeat;
+}
+.ac_over {
+ background: #efefef;
+}
+.ac_results .ac_over strong {
+ color: black;
+}
+.ac_results .ac_over img {
+ background: white;
+}
diff --git a/public/css/main.desktop.v3.color3.css b/public/css/main.desktop.v3.color3.css
index dbe4a7f3e..8f29ca1e8 100644
--- a/public/css/main.desktop.v3.color3.css
+++ b/public/css/main.desktop.v3.color3.css
@@ -1 +1,6737 @@
-html{height:100%}body{margin:0;padding:0;font-family:Roboto,'Trebuchet MS',Arial,sans-serif;font-size:13px}.bull{display:none;position:absolute;z-index:1200;padding:4px 8px;max-width:280px;color:#fff;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px}.bull.top:before{bottom:-14px;border-color:#4F4F4F transparent transparent transparent}.bull.bottom:before{top:-14px;border-color:transparent transparent #4F4F4F transparent}.bull.left:before{right:9pt}.bull.right:before{left:9pt}body{width:100%;height:100%;overflow:hidden;background:#000}#nav,#tools{position:fixed;width:100%;height:26px;background:url(src/desktop/tools/bTools.png) repeat-x #000;box-shadow:0 0 10px #000;z-index:1000;border-color:#ffdb0f}#nav{top:0;left:0;background:url(src/desktop/nav/bNav.png) repeat-x #000;border-bottom:solid 3px #000}#tools{bottom:0;left:0;background:url(src/desktop/tools/bTools.png) repeat-x #000;border-top:solid 3px #000}#container{position:absolute;top:29px;left:0;margin:0;padding:0;width:100%;background:#000;overflow:hidden;z-index:0;background:url(src/desktop/global/background.jpg) repeat-x #000}.icon,.icon-color{display:inline-block;vertical-align:bottom;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.icon-color{background:#ffdb0f!important}#background-paralax{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat bottom left transparent;z-index:100;background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.profil{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.message{background-image:url(src/desktop/screen/message.jpg)}#background-paralax.fleet{background-image:url(src/desktop/screen/fleet.jpg)}#background-paralax.financial{background-image:url(src/desktop/screen/financial.jpg)}#background-paralax.technology{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.rank{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.params{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.bases{background-image:url(src/desktop/screen/base.jpg)}#movers a{position:absolute;width:60px;height:100%;z-index:400;background:red;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#movers a:focus,#movers a:hover{background-color:rgba(255,255,255,.08)}#movers a:active{background-color:rgba(255,255,255,.2)}#movers .toLeft{top:0;left:60px;background:url(src/desktop/mover/left.png) no-repeat center transparent}#movers .toRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center transparent}.component.financial table{border-collapse:collapse;width:100%}.component.financial td{vertical-align:top;width:50%}.component.uni .build-item{height:60px;margin:20px}.component.techno .build-item .name strong{font-size:1pc}.component.school .build-item .name strong{font-size:18px}.component.generator table{width:100%;border-collapse:collapse}.component.dock1 table{width:100%;border-collapse:collapse}.component.space .fix-body{background:url(src/desktop/base/situation.jpg) no-repeat top left #000}.component.memorial blockquote{font-size:22px;margin:30px 15px 0 30px;line-height:160%;font-weight:700;text-align:center}.component .info-building{margin:10px;padding:0;font-size:13px;border-top:solid 1px #4F4F4F}.component .info-building h4{margin:10px}.component .info-building p{font-size:13px}#nav .box a,#nav .box>span,#tools .box a,#tools .box>span{position:relative;display:inline-block;line-height:2pc;padding:0 25px;margin:5px 2px;font-size:14px;width:150px;color:#fff;text-decoration:none;font-variant:small-caps;background:url(src/desktop/button/bButtonMiddle.png) repeat-x}#nav .box a:before,#nav .box>span:before,#tools .box a:before,#tools .box>span:before{content:'';position:absolute;top:0;left:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonLeft.png) no-repeat}#nav .box a:after,#nav .box>span:after,#tools .box a:after,#tools .box>span:after{content:'';position:absolute;top:0;right:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonRight.png) no-repeat}#nav .box a.current-base,#tools .box a.current-base{margin-left:56px}#nav .box a.current-base img,#tools .box a.current-base img{position:absolute;top:-1pc;left:-54px;background:#000;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:solid 2px #4F4F4F;width:60px}#nav .box a:focus:before,#nav .box a:hover:before,#tools .box a:focus:before,#tools .box a:hover:before{background:url(src/desktop/button/bButtonLeftHover.png) repeat}#nav .box a:focus:after,#nav .box a:hover:after,#tools .box a:focus:after,#tools .box a:hover:after{background:url(src/desktop/button/bButtonRightHover.png) repeat}#nav .box a.active,#tools .box a.active{background:url(src/desktop/button/bButtonMiddleActive.png) repeat}#nav .box a.active:before,#tools .box a.active:before{background:url(src/desktop/button/bButtonLeftActive.png) repeat}#nav .box a.active:after,#tools .box a.active:after{background:url(src/desktop/button/bButtonRightActive.png) repeat}#nav .box a.square,#tools .box a.square{position:relative;padding:0 5px;margin:5px 2px;height:2pc;width:30px;background:url(src/desktop/button/bLittleButton.png) no-repeat;vertical-align:top}#nav .box a.square:after,#nav .box a.square:before,#tools .box a.square:after,#tools .box a.square:before{display:none}#nav .box a.square:focus,#nav .box a.square:hover,#tools .box a.square:focus,#tools .box a.square:hover{background:url(src/desktop/button/bLittleButtonHover.png) no-repeat}#nav .box a.square.active,#tools .box a.square.active{background:url(src/desktop/button/bLittleButtonActive-c3.png) no-repeat}#nav .box a.square.active.flashy,#tools .box a.square.active.flashy{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 9pt #ffdb0f}#nav .box a.square img,#tools .box a.square img{position:absolute;width:24px;top:3px;left:8px}#nav .box a.square span.number,#tools .box a.square span.number{position:absolute;top:-5px;right:-5px;width:18px;line-height:18px;text-align:center;font-size:11px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#b17a00}#nav .box{position:absolute;display:inline-block;height:46px;padding:0 3px;background:url(src/desktop/nav/bNavBox.png) repeat-x}#nav .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxLeft.png) no-repeat}#nav .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxRight.png) no-repeat}#nav .box.left{top:0;left:25px}#nav .box.left-2{top:0;left:420px}#nav .box.left-3{top:0;left:732px}#nav .box.right{top:0;right:25px}#nav .box a.square span.number{bottom:-5px;top:auto}#tools .box{position:absolute;display:inline-block;height:40px;padding:1px 3px 0 3px;background:url(src/desktop/tools/bToolBox.png) repeat-x;font-size:13px}#tools .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxRight.png) no-repeat}#tools .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxLeft.png) no-repeat}#tools .box.left{bottom:0;right:340px}#tools .box.right{bottom:0;right:25px}#tools .box a.square img{top:4px}#tools .box a.resource-link,#tools .box span.resource-link{width:110px;font-size:1pc}#tools .box a.resource-link img.icon-color,#tools .box span.resource-link img.icon-color{position:relative;display:inline-block;width:18px;vertical-align:middle;margin-left:5px;top:-2px;padding:1px}#nav .overbox .overflow,#tools .overbox .overflow{max-height:25pc;overflow:auto;position:relative}#nav .overbox h2,#tools .overbox h2{color:#fff;padding:10px 15px;margin:0;font-size:14px;font-weight:400;border-bottom:solid 1px #202020}#nav .overbox .link-title,#tools .overbox .link-title{position:absolute;top:10px;right:10px;line-height:20px;font-size:11px;padding:0 5px;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-decoration:none;color:#fff}#nav .overbox a,#tools .overbox a{color:inherit}#nav .overbox a.more-link,#tools .overbox a.more-link{display:block;padding:8px;font-size:9pt;border-top:solid 1px #202020;text-align:center;text-decoration:none;color:#4F4F4F}#nav .overbox a.more-link:focus,#nav .overbox a.more-link:hover,#tools .overbox a.more-link:focus,#tools .overbox a.more-link:hover{color:#CCC}#nav .overbox p.info,#tools .overbox p.info{padding:5px 15px;font-size:9pt;text-align:center;color:#CCC}#nav .overbox .outside-button,#tools .overbox .outside-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#dbb200;border:solid 1px #b17a00;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}#nav .overbox .outside-button:focus,#nav .overbox .outside-button:hover,#tools .overbox .outside-button:focus,#tools .overbox .outside-button:hover{background:#b17a00;border-color:#dbb200}#nav .overbox .outside-button.disabled,#tools .overbox .outside-button.disabled{background:#202020;border-color:#4F4F4F}#nav .overbox input.outside-button,#tools .overbox input.outside-button{line-height:26px}#nav .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}#nav .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:transparent transparent #202020 transparent;top:-18px;right:30px}#nav .overbox#change-bases{top:50px;left:10px;width:205px;padding:0 0 8px 0}#nav .overbox#change-bases:before{left:30px;right:auto}#nav .overbox#change-bases a{display:block;padding:3px 15px;color:#CCC;text-decoration:none;font-size:9pt;border-bottom:solid 1px #101010}#nav .overbox#change-bases a:focus,#nav .overbox#change-bases a:hover{background:#101010}#nav .overbox#change-bases a.active{background:#202020}#nav .overbox#change-bases strong{display:block;color:#CCC;font-size:13px}#nav .overbox#disconnect-box{top:50px;right:10px;width:205px;padding:8px 0}#nav .overbox#disconnect-box hr{margin:8px 0;border:none;background:0 0;border-top:solid 1px #202020}#nav .overbox#disconnect-box a{display:block;padding:0 15px;line-height:25px;font-size:13px;color:#CCC;text-decoration:none}#nav .overbox#disconnect-box a:focus,#nav .overbox#disconnect-box a:hover{color:#fff;background:#202020}#nav .overbox#bug-tracker{width:250px;top:50px;right:98px;padding:0 0 8px 0}#nav .overbox#bug-tracker p{color:#CCC;font-size:9pt;margin:10px}#nav .overbox#bug-tracker .option{margin:3px 10px 10px 10px;display:block;width:330px;padding:5px}#nav .overbox#bug-tracker textarea{display:block;margin:0 10px 10px 10px;padding:5px;width:318px;height:200px;min-width:318px;max-width:318px;border:solid 1px #202020;font-family:'Trebuchet MS',sans-serif;font-size:13px}#nav .overbox#bug-tracker .button{display:block;margin:0 10px 2px 10px}#nav .overbox#roadmap{width:350px;top:50px;right:10px}#nav .overbox#roadmap .overflow{width:350px;padding:8px 0}#nav .overbox#roadmap p{color:#CCC;font-size:9pt;margin:0 10px 10px 10px}#nav .overbox#roadmap p em{display:block;font-size:11px;color:#4F4F4F}#nav .overbox#roadmap hr{margin:5px 0;border:none;border-top:solid 1px #202020}#nav .overbox#tutorial{width:350px;top:50px;right:143px;color:#fff}#nav .overbox#tutorial form{padding:0 0 10px 0;margin:0;border-top:solid 1px #202020}#nav .overbox#tutorial .overflow{padding:15px 15px 0 15px}#nav .overbox#tutorial .overflow h3{position:relative;margin:0;padding:0 0 0 36px}#nav .overbox#tutorial .overflow h3 .number{position:absolute;top:-4px;left:0;display:block;width:26px;line-height:26px;text-align:center;background:#b17a00;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;margin-right:10px}#nav .overbox#tutorial .overflow p{font-size:9pt;color:#CCC}#nav .overbox#new-notifications{top:50px;left:627px;width:300px}#tools .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:300px;bottom:45px;right:15px}#tools .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:#202020 transparent transparent transparent;bottom:-18px;right:30px}#tools .overbox.left-pic:before{left:30px;right:auto}#tools .overbox#tools-calendar{left:25px;bottom:45px;right:auto}#tools .overbox#tools-refinery{right:401px;bottom:45px}#tools .overbox#tools-generator{right:237px;bottom:45px}#tools .overbox#tools-technosphere{right:193px;bottom:45px}#tools .overbox#tools-dock1{right:148px;bottom:45px}#tools .overbox#tools-dock2{right:105px;bottom:45px}#tools .overbox#tools-credit{right:140px;bottom:45px}#tools .overbox#tools-incoming-attack{right:230px;bottom:45px}#tools .overbox#tools-outgoing-attack{right:185px;bottom:45px}#subnav{position:fixed;top:29px;left:2px;bottom:29px;padding:40px 0;width:60px;background:url(src/desktop/subnav/middle.png) repeat-y;z-index:1000}#subnav hr{border:none;margin:20px 0}#subnav .overflow{position:relative}#subnav .move-side-bar{display:none;position:absolute;z-index:5000;left:5px;width:3pc;height:3pc;line-height:3pc;border:none;background-color:rgba(0,0,0,.75);background-position:center;background-repeat:no-repeat;border-radius:100%;cursor:pointer}#subnav .move-side-bar:focus,#subnav .move-side-bar:hover{box-shadow:0 0 3px #fff}#subnav .move-side-bar.top{bottom:auto;top:20px;background-image:url(src/desktop/component/top.png)}#subnav .move-side-bar.bottom{bottom:20px;top:auto;background-image:url(src/desktop/component/bottom.png)}#subnav .item{position:relative;display:block;height:50px;width:50px;margin:0 0 10px 0;padding:8px 5px;color:#fff;text-decoration:none;background:url(src/desktop/subnav/button.png) no-repeat}#subnav .item.active{background:url(src/desktop/subnav/button-active-c3.png) no-repeat}#subnav .item.striped{background:url(src/desktop/subnav/button-striped.png) no-repeat}#subnav .item:before{content:'';position:absolute;right:-6px;bottom:0;width:9pt;height:47px;background:url(src/desktop/subnav/til.png) no-repeat}#subnav .item:hover:before{background:url(src/desktop/subnav/til-hover.png) no-repeat}#subnav .item:hover>.content{display:block}#subnav .item .picto{display:block;height:30px;width:30px;padding:10px}#subnav .item .picto img{display:block;height:30px;width:30px}#subnav .item .picto .number{position:absolute;bottom:-5px;right:-18px;display:block;width:28px;height:28px;line-height:28px;text-align:center;font-size:9pt;background:url(src/desktop/subnav/number.png) no-repeat}#subnav .item .content{display:none;position:absolute;top:0;left:75px;width:230px}#subnav .item .content.skin-1 span{display:inline-block;margin:15px 0 15px 1pc;padding:0 15px;line-height:30px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-1 span:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content{display:inline-block;margin:0 0 0 1pc;padding:10px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-2 .sub-content:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content hr{border:none;border-top:solid 1px #4F4F4F;margin:5px 0}#subnav .item .content.skin-2 .sub-content .ship{position:relative}#subnav .item .content.skin-2 .sub-content .ship img{width:2pc;height:2pc}#subnav .item .content.skin-2 .sub-content .ship img.zero{opacity:.5}#subnav .item .content.skin-2 .sub-content .ship .number{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;line-height:18px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;text-align:center;background:#ffdb0f}#alert-content{display:none}#alert{position:absolute;bottom:18px;left:50px;padding:0;text-align:right;list-style:inset none}#alert li{position:relative;display:inline-block;margin:0 0 0 5px}#alert li img{display:block;height:50px;border:solid 1px #202020;padding:5px;background:#0A0A0A;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.alert-bull{display:block;position:absolute;z-index:1200;width:200px;padding:6px 8px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.alert-bull .title{display:block;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:solid 1px #4F4F4F}.alert-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;bottom:-14px;left:24px;border-color:#4F4F4F transparent transparent transparent}#content{position:absolute;width:500pc;height:100%;top:0;left:300px;z-index:200}#content .component{position:relative;display:table-cell;overflow:hidden;width:300px;background:rgba(0,0,0,.92)}#content .component.size2{width:600px}#content .component.size3{width:900px}#content .component:nth-child(1){background:rgba(0,0,0,.6)}#content .component:nth-child(2){background:rgba(0,0,0,.75)}#content .component:nth-child(3){background:rgba(0,0,0,.85)}#content .component:nth-child(4){background:rgba(0,0,0,.9)}#content .component .head{position:relative;display:inline-block;height:90pt;width:100%;vertical-align:top;color:#fff;background:url(src/desktop/component/bHead.jpg) repeat-x center #000;border-bottom:solid 1px #202020}#content .component .head h1{position:absolute;top:10px;left:10px;font-size:38px;line-height:50px;height:50px;display:inline-block;padding:0 10px;background:#000;overflow:hidden}#content .component .fix-body{position:relative;overflow:auto;color:#fff;border-right:solid 1px #202020}#content .component .fix-body .body{position:relative}.no-scrolling #content .component .fix-body{overflow:hidden}.no-scrolling #content .component .fix-body>a{position:absolute;width:100%;height:40px;left:0;opacity:0}.no-scrolling #content .component .fix-body.hover>a{opacity:1;background-position:center;background-repeat:no-repeat}.no-scrolling #content .component .fix-body .toTop{top:0;background-image:url(src/desktop/component/top.png),-webkit-gradient(linear,#000,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-moz-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-ms-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-o-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),linear-gradient(black,rgba(0,0,0,.8),transparent)}.no-scrolling #content .component .fix-body .toBottom{bottom:0;background-image:url(src/desktop/component/bottom.png),-webkit-gradient(linear,transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-moz-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-ms-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-o-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),linear-gradient(transparent,rgba(0,0,0,.8),#000)}#content .component.invisible{background:0 0}#content .component.invisible .publicity{position:absolute;bottom:0;left:0;right:0;background:red}.component .tool{display:table;width:100%;height:44px;margin:0;overflow:hidden;background:#000;border-bottom:solid 1px #ffdb0f;color:#4F4F4F}.component .tool>span{display:table-cell;width:28px;border:solid 6px transparent;border-left:none}.component .tool>span:first-child{border:solid 5px transparent;width:auto;text-align:center}.component .tool>span:first-child a{width:auto}.component .tool>span a{position:relative;display:block;margin:0;padding:0;line-height:30px;width:30px;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px;text-align:center}.component .tool>span a img{width:18px;position:relative;top:-4px}.component .tool>span a.active{background:#dbb200;color:#fff;border-color:#ffdb0f}.component .tool>span a.active.down{box-shadow:0 2px 0 0 #CCC}.component .tool>span a.active.up{box-shadow:0 -2px 0 0 #ccc}.component .tool>span a.active:focus,.component .tool>span a.active:hover{color:#CCC;box-shadow:inset 0 0 5px rgba(0,0,0,.5)}.component .tool>span a:active,.component .tool>span a:focus,.component .tool>span a:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .tool.sort-button>span:first-child{text-align:center}.component h3{width:100%;margin:0;background:#000;text-align:center;padding:0 2px;line-height:44px;font-weight:400;font-size:14px;color:#4F4F4F;text-decoration:none;border-bottom:solid 1px #ffdb0f}.component h4{margin:10px 10px 0 10px;font-weight:400;font-size:18px}.component .body p{margin:10px;font-size:13px;text-align:justify}.component .body p.info{position:relative;border-top:solid 1px #202020;padding:10px;margin:10px;line-height:140%;background:rgba(0,0,0,.8)}.component .body p.info a{color:#fff}.component .body p.info .requierement{display:inline-block;margin:0 0 0 8px;vertical-align:bottom;height:1pc}.component .body p.long-info{padding:10px;line-height:150%;background:#000}.component .body p .alone-button{display:block;text-align:center;color:#fff;line-height:40px;border-radius:3px;text-decoration:none;background:#4F4F4F;box-shadow:inset 0 0 2px #000;padding:0 10px;background:#b17a00}.component .body p .alone-button:focus,.component .body p .alone-button:hover{background:#dbb200}.component .border-bottom{border-bottom:solid 3px #ffdb0f}.component .list-type-1{margin:10px;padding:0;list-style:none}.component .list-type-1 li{position:relative;padding:5px 10px;text-align:right;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:rgba(0,0,0,.8);color:#989898}.component .list-type-1 li.strong{border-top:double 3px #4F4F4F;background:#111;color:#fff}.component .list-type-1 li.empty{background:0 0;border:none;height:50px}.component .list-type-1 li ul li{height:auto}.component .list-type-1 .label{display:block;font-size:13px}.component .list-type-1 .label .icon-color{width:15px;padding:1px}.component .list-type-1 .value{display:inline-block;font-size:22px;line-height:30px;font-weight:700}.component .list-type-1 .value .icon,.component .list-type-1 .value .icon-color{height:18px;margin-left:8px;position:relative;top:-3px}.component .list-type-1 .picto{position:absolute;top:7px;left:10px;height:35px;width:35px;line-height:35px;padding:5px;border-radius:100%;background:#202020;font-size:1pc;text-align:center;color:#fff;text-decoration:none}.component .list-type-1 .picto.color1{background:#510816}.component .list-type-1 .picto.color2{background:#0c0d44}.component .list-type-1 .picto.color3{background:#b17a00}.component .list-type-1 .picto.color4{background:#310948}.component .list-type-1 .picto.color5{background:#24500a}.component .list-type-1 .picto.color6{background:#004948}.component .list-type-1 .picto.color7{background:#401b13}.component .list-type-1 .picto.color8{background:#c3590b}.component .list-type-1 .picto.color9{background:#24500a}.component .list-type-1 .picto.color10{background:#4d0621}.component .list-type-1 .picto.color11{background:#10684c}.component .list-type-1 .picto.color12{background:#b17a00}.component .list-type-1 .hide{color:#4F4F4F}.component .list-type-1 .buttons{position:absolute;top:28px;left:5px}.component .list-type-1 .buttons a{display:inline-block;margin:0 4px;width:18px;line-height:18px;text-align:center;text-decoration:none;font-style:14px;color:#fff;border-radius:3px;background:#dbb200}.component .list-type-1 .progress-bar{text-align:left;margin-top:5px}.component .sub-list-type-1{display:none;margin:0;padding:0;list-style:none}.component .sub-list-type-1 li{position:relative;padding:2px 0;text-align:left;border:none;border-top:solid 1px #0A0A0A}.component .sub-list-type-1 .label{display:inline-block;width:60%}.component .sub-list-type-1 .label .button{position:relative;left:-4px;margin:0 0 0 3px}.component .sub-list-type-1 .value{text-align:right;line-height:25px;font-size:18px;width:40%}.component .sub-list-type-1 .value .button{margin:0 2px 0 6px}.component .sub-list-type-1 .button{display:inline-block;width:18px;line-height:18px;text-align:center;text-decoration:none;font-size:14px;font-weight:400;color:#fff;border-radius:3px;background:#ffdb0f}.component .list-type-1 form{z-index:1;position:absolute;display:none;bottom:-40px;right:3px}.component .list-type-1 form p{position:relative;background:#fff;border-radius:3px;padding:0;margin:0;width:200px;height:35px}.component .list-type-1 form p:before{content:'';position:absolute;top:-9pt;right:9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent}.component .list-type-1 form input{border:none;background:0 0;line-height:35px;height:35px;padding:0 10px}.component .list-type-1 form input[type=text]{width:140px}.component .list-type-1 form input[type=submit]{width:40px}.component .sub-list-type-1 form{right:-6px}.number-box{position:relative;margin:10px;padding:5px 10px;background:#000;color:#fff;border:solid 1px #0A0A0A;border-top:solid 1px #202020;border-left:solid 10px #dbb200}.number-box.half{display:inline-block;width:254px;margin-right:0;margin-bottom:0}.number-box.grey{border-left:solid 10px #4F4F4F!important}.number-box.text{border-left:solid 1px #0A0A0A}.number-box.text a{text-decoration:none;color:#fff}.number-box .label{display:block}.number-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.number-box .value .icon-color{width:20px;height:20px;vertical-align:middle}.number-box .progress-bar{margin:5px 0}.number-box .group-link{position:absolute;top:5px;right:5px}.number-box .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#dbb200}.progress-bar{position:relative;display:block;width:100%;height:3px;background:#4F4F4F}.progress-bar .content{position:relative;display:inline-block;height:3px;vertical-align:top;overflow:hidden;max-width:100%}.progress-bar .content:nth-child(n){background:#ffdb0f}.progress-bar .content:nth-child(2n){background:#b17a00}.progress-bar .content.color1{background:#6e161b}.progress-bar .content.color2{background:#1f1471}.progress-bar .content.color3{background:#dbb200}.progress-bar .content.color4{background:#5a1072}.progress-bar .content.color5{background:#2c7915}.progress-bar .content.color6{background:#076b87}.progress-bar .content.color7{background:#67331d}.progress-bar .content.color8{background:#d87913}.progress-bar .content.color9{background:#2c7915}.progress-bar .content.color10{background:#760f36}.progress-bar .content.color11{background:#219772}.progress-bar .content.color12{background:#dbb200}.progress-bar .step{position:absolute}.progress-bar .step .label{position:absolute;display:block;width:150px;left:0;top:-28px}.progress-bar .step .label.bottom{top:auto;bottom:-28px}.progress-bar .step .label.right{right:0;left:auto;text-align:right}.progress-bar .step:before{content:'';position:absolute;width:9pt;height:9pt;background:#dbb200;box-shadow:0 0 0 3px #b17a00;border-radius:100%;top:-5px;left:-5px}.bonus{vertical-align:top;display:inline-block;font-size:55%;line-height:100%;padding:3px;margin:2px 0 0 8px;border-radius:3px;font-weight:400;background:#b17a00}.component .head.skin-1 img{position:absolute;top:22px;left:20px;padding:8px;width:60px;border:solid 1px #202020;border-radius:100%;background:#000}.component .head.skin-1 img:before{content:'';width:75pt;height:75pt}.component .head.skin-1 h2{position:absolute;bottom:66px;left:105px;font-size:22px;line-height:22px;margin:0;padding:0}.component .head.skin-1 em{position:absolute;top:62px;left:105px;font-size:13px;line-height:1pc;font-style:normal}.component .head.skin-2 h2{position:absolute;display:inline-block;top:45px;left:10px;font-size:22px;line-height:30px;margin:0;padding:0 10px;background:#000;font-weight:400}.component .head.skin-3 img{position:absolute;width:50px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:27px}.component .head.skin-3 img.left{left:40px}.component .head.skin-3 img.right{right:40px}.component .head.skin-4 img.main{position:absolute;width:30px;height:30px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:37px}.component .head.skin-4 h2{position:absolute;top:35px;left:60px;font-size:18px;line-height:22px;margin:0;padding:0}.component .head.skin-4 em{position:absolute;top:65px;left:60px;font-size:13px;line-height:1pc}.component .head.skin-5 h2{position:absolute;top:50px;left:10px;font-size:1pc;font-weight:400;margin:0;padding:0 20px;background:#000}.component .head.skin-5 h2:before{content:'';position:absolute;display:block;top:5px;left:0;width:8px;height:8px;border:solid 1px #202020;background:#000;border-radius:100%}.component .more-button,.component .more-item{display:block;margin:10px 10px 5px;line-height:34px;padding:0 9pt;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px}.component .more-button:active,.component .more-button:focus,.component .more-button:hover,.component .more-item:active,.component .more-item:focus,.component .more-item:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .nav-element{position:relative;display:block;margin:10px;height:70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component .nav-element img{position:absolute;top:5px;left:5px;padding:8px;height:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component .nav-element.active{background:#dbb200}.component .nav-element .active img{background:#000}.component .nav-element strong{position:absolute;top:5px;left:70px;color:#fff;font-weight:700;font-size:17px}.component .nav-element em{position:absolute;top:30px;left:70px;color:#fff;font-weight:400;font-size:9pt;font-style:normal;color:#efefef}.component hr{border:none;border-bottom:dashed 1px #202020;margin:0 10px}.component .set-item{margin:10px;border-bottom:solid 1px #202020}.component .set-item a.item:focus,.component .set-item a.item:hover{background-color:#0c0c0c}.component .set-item .item{position:relative;display:block;color:#fff;height:60px;border:solid 1px #202020;border-bottom:none;background:#0A0A0A}.component .set-item .item .left{position:absolute;top:0;left:0;bottom:0;width:60px}.component .set-item .item .left img{width:30px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left img.color1{background:#6e161b}.component .set-item .item .left img.color2{background:#1f1471}.component .set-item .item .left img.color3{background:#dbb200}.component .set-item .item .left img.color4{background:#5a1072}.component .set-item .item .left img.color5{background:#2c7915}.component .set-item .item .left img.color6{background:#076b87}.component .set-item .item .left img.color7{background:#67331d}.component .set-item .item .left img.color8{background:#d87913}.component .set-item .item .left img.color9{background:#2c7915}.component .set-item .item .left img.color10{background:#760f36}.component .set-item .item .left img.color11{background:#219772}.component .set-item .item .left img.color12{background:#dbb200}.component .set-item .item .left img.round-color0{box-shadow:0 0 0 2px #CCC}.component .set-item .item .left img.round-color1{box-shadow:0 0 0 2px #b01e2d}.component .set-item .item .left img.round-color2{box-shadow:0 0 0 2px #2f23c0}.component .set-item .item .left img.round-color3{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left img.round-color4{box-shadow:0 0 0 2px #a935c7}.component .set-item .item .left img.round-color5{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color6{box-shadow:0 0 0 2px #05bed7}.component .set-item .item .left img.round-color7{box-shadow:0 0 0 2px #ac5832}.component .set-item .item .left img.round-color8{box-shadow:0 0 0 2px #f2b636}.component .set-item .item .left img.round-color9{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color10{box-shadow:0 0 0 2px #a92859}.component .set-item .item .left img.round-color11{box-shadow:0 0 0 2px #34b089}.component .set-item .item .left img.round-color12{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left span{display:block;width:30px;line-height:30px;text-align:center;font-size:15px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left span.round-color0{background:#CCC}.component .set-item .item .left span.round-color1{background:#b01e2d}.component .set-item .item .left span.round-color2{background:#2f23c0}.component .set-item .item .left span.round-color3{background:#ffdb0f}.component .set-item .item .left span.round-color4{background:#a935c7}.component .set-item .item .left span.round-color5{background:#57c632}.component .set-item .item .left span.round-color6{background:#05bed7}.component .set-item .item .left span.round-color7{background:#ac5832}.component .set-item .item .left span.round-color8{background:#f2b636}.component .set-item .item .left span.round-color9{background:#57c632}.component .set-item .item .left span.round-color10{background:#a92859}.component .set-item .item .left span.round-color11{background:#34b089}.component .set-item .item .left span.round-color12{background:#ffdb0f}.component .set-item .item .center{position:absolute;top:0;left:60px;right:30px;bottom:0;padding:9px 0}.component .set-item .item .center strong{display:block;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component .set-item .item .center a{color:#fff;text-decoration:none;border-bottom:solid 1px rgba(255,255,255,.25)}.component .set-item .item .right{position:absolute;top:0;right:0;bottom:0;width:29px;border-left:solid 1px #202020}.component .set-item .item .right a{position:absolute;top:0;left:0;width:29px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a}.component .set-item .item .right a.active,.component .set-item .item .right a:focus,.component .set-item .item .right a:hover{background-color:#202020}.component .set-item .item .group-link{position:absolute;top:5px;right:5px}.component .set-item .item .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#dbb200}.army-bull{display:none;position:absolute;z-index:1200;padding:4px 8px;width:220px;color:#CCC;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.army-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;top:-14px;border-color:transparent transparent #4F4F4F transparent;left:18px}.army-bull strong{display:block;padding-bottom:5px;margin-bottom:5px;border-bottom:solid 1px #4F4F4F;font-weight:400}.army-bull .label{display:inline-block;width:70px}.army-bull .value{display:inline-block;width:40px}.component .build-item{position:relative;margin:10px;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;width:278px}.component .build-item a{color:#fff}.component .build-item .name{position:relative;height:40px;padding:5px 5px 5px 90px}.component .build-item .name img{z-index:20;position:absolute;top:-10px;left:5px;width:60px;padding:8px;border:solid 1px #202020;border-radius:100%;background:#000}.component .build-item .name strong{display:block;font-size:18px}.component .build-item .level{display:block;position:absolute;width:22px;line-height:22px;text-align:center;font-size:9pt;border-radius:100%;top:38px;left:58px;border:solid 1px #fff;z-index:22;background:#dbb200}.component .build-item .info{display:none;position:absolute;width:20px;line-height:20px;text-align:center;font-size:1pc;text-decoration:none;border-radius:3px;top:5px;right:5px;background:#dbb200;color:#fff}.component .build-item .name-commander{margin:10px 10px 0 10px;height:40px;padding:0 10px;border:none;background:#fff;border-radius:3px;width:15pc;text-align:center;font-size:1pc}.component .build-item .button{display:block;margin:10px;padding:5px 10px;width:15pc;line-height:20px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;background:#dbb200;box-shadow:inset 0 0 2px #000;border:none;cursor:pointer;min-height:36px}.component .build-item .button:hover{box-shadow:inset 0 0 6px #000;background:#ffdb0f}.component .build-item .button.disable{background:#202020;cursor:default}.component .build-item .button .icon-color{width:14px}.component .build-item button.button{width:260px}.component .build-item .ship-pack{z-index:10;position:absolute;bottom:15px;left:15px;width:60px;height:40px;padding:0;margin:0;border:none;background:#fff;text-align:center;font-size:24px;font-weight:700;border-radius:3px;box-shadow:inset 0 0 0 3px #CCC}.component .build-item .ship-illu{width:260px;margin:5px 10px;overflow:hidden}.component .build-item .ship-illu img{width:100%}.component .build-item.disabled{opacity:.3}.component .build-item.disabled .name img{opacity:.5}.component .build-item.disabled strong{color:#4F4F4F}.component .build-item.disabled .button.disable{color:#696969}.component .build-item.disabled .button.disable:hover{background:#202020;box-shadow:inset 0 0 2px #000}.component .build-item.large{width:578px}.component .build-item.large .info{top:75px;right:25px}.component .build-item.large .button{display:block;top:-3px;right:0;line-height:18px;width:540px;min-height:36px}.component .build-item.large .ship-illu{width:35pc;margin-top:10px}.component .build-item input{display:block;width:243px;margin:10px;padding:8px;border:none}.component .build-item select{display:block;width:260px;margin:10px;padding:8px;border:none}.component.panel-info .remove-info{display:block;position:absolute;top:2px;right:10px;line-height:20px;width:20px;text-align:center;text-decoration:none;color:#fff;border-radius:3px;background:#b17a00}.component.panel-info .table{margin:10px}.component.panel-info .table table{width:100%;text-align:right;border-collapse:collapse;background:#000}.component.panel-info .table td{border:solid 1px #202020;padding:6px 8px}.component.panel-info .table tr.small-grey{background:#0A0A0A}.component.panel-info .table tr.active td{background:#0A0A0A;border-bottom:solid 1px #4F4F4F}.component.panel-info .table .icon-color{width:9pt}.component.panel-info .illu{margin:0 10px;box-shadow:inset 0 0 5px #000}.component.panel-info .skill-box{position:relative;margin:0 10px;padding:5px 10px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000}.component.panel-info .skill-box.grey{border-left:solid 10px #4F4F4F!important}.component.panel-info .skill-box .label{display:block}.component.panel-info .skill-box .value{display:block;font-size:18px;font-weight:700;margin:4px 0 0 0}.component.panel-info .skill-box .value .icon-color{width:18px}.component.panel-info .skill-box .progress-bar{margin:6px 0 2px 0}.splash-screen{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;background:rgba(0,0,0,.8)}.splash-screen .modal{width:500px;height:140px;position:absolute;top:5pc;right:3000px;background:#0A0A0A;padding:25px 175px 25px 75px;color:#fff;border-radius:140px;border:solid 1px #202020}.splash-screen .modal h1{font-size:36px;margin:0;padding:0 0 10px 0}.splash-screen .modal h2{font-size:20px;margin:0;padding:0}.splash-screen .modal img{position:absolute;top:-15px;right:-50px;width:200px;padding:10px;background:#202020;border-radius:100%;border:solid 1px #4F4F4F}.splash-screen .modal:before{content:'';position:absolute;top:-5pc;right:20px;border-color:transparent transparent #4F4F4F transparent;border-width:40px;border-style:solid}.common-link{color:#fff}.component .top-right-button{display:block;position:absolute;top:0;right:10px;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;text-decoration:none;background:#dbb200;z-index:1}.component .top-right-button:focus,.component .top-right-button:hover{background:#b17a00}.alert{display:block;margin:10px;line-height:30px;padding:0 10px;text-decoration:none;color:#fff;background:#dbb200;border-radius:3px;box-shadow:0 0 2px #000}.common-link{display:block;margin:10px;color:#fff;text-decoration:none}.text-bloc a{display:inline-block;color:inherit;opacity:.6}.text-bloc a:focus,.text-bloc a:hover{opacity:1}.queue{margin:10px;color:#fff}.queue .item{position:relative;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;min-height:60px;display:block}.queue .item.empty{background:#0A0A0A}.queue .item.empty strong{font-weight:400}.queue .item.link{min-height:0;padding:10px;color:#4F4F4F;text-decoration:none}.queue .item.link:focus,.queue .item.link:hover{color:#CCC}.queue .item a.button{position:absolute;display:block;top:2px;right:5px;color:#fff;text-decoration:none}.queue .item a{color:#CCC}.queue .item .group-link{position:absolute;top:9px;right:9px}.queue .item .group-link a{display:block;width:20px;line-height:20px;margin:0 0 5px 0;border-radius:3px;color:#fff;text-align:center;text-decoration:none;background:#dbb200}.queue .item .group-link a:focus,.queue .item .group-link a:hover{background:#ffdb0f}.queue .item .picto{float:left;width:40px;height:40px;margin:5px;padding:5px;background:#000;border-radius:100%;border:solid 1px #202020}.queue .item strong{display:block;margin:6px 0 2px 0}.queue .item strong .level{font-size:11px;color:#CCC}.queue .item .big{font-size:24px}.queue .item em{display:block;font-style:normal;color:#AEAEAE}.queue .item .progress-container{position:relative;display:block;clear:both;margin:5px;height:3px;background:#4F4F4F}.queue .item .progress-bar{position:absolute;display:block;height:100%;background:#ffdb0f}.choose-government{display:block;margin:10px;padding:10px;background:#0A0A0A;border-radius:3px}.choose-government select{display:block;width:100%;padding:8px}.choose-government button{display:block;width:100%;margin:10px 0 0 0;padding:0 10px;line-height:30px;border:none;color:#fff;cursor:pointer;background:#dbb200}.choose-government button:focus,.choose-government button:hover{background:#b17a00}.evolution{background:#000;margin:10px;border-top:solid 1px #202020;border-bottom:solid 1px #202020}.evolution .header{padding:10px;border-bottom:solid 1px #202020;color:#EFEFEF}.evolution .diargam{padding:10px;background:#0A0A0A}.evolution .diargam .progress-bar{background:#0A0A0A!important;height:20px;padding-bottom:1px}.evolution .diargam .progress-bar .content{height:20px;line-height:20px;font-size:9pt;color:#fff;padding-left:5px}.evolution .diargam .progress-bar:nth-child(odd) .content{background:#dbb200!important}.centred-link{display:block;width:300px;text-align:center;margin:0 auto;text-decoration:none;padding:6px 10px;color:#EFEFEF;background:#dbb200;border:solid 1px #b17a00}.centred-link:focus,.centred-link:hover{background:#b17a00;border-color:#dbb200;color:#fff}span.centred-link{background:#202020;border:solid 1px #0A0A0A;color:#4F4F4F}span.centred-link:focus,span.centred-link:hover{background:#202020;border-color:#0A0A0A;color:#4F4F4F}.component.profil .center-box{margin:20px 10px 0;color:#fff;text-align:center}.component.profil .center-box .label{display:block}.component.profil .center-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.component.profil .profil-flag{position:relative;width:222px;height:460px;margin:0 auto}.component.profil .profil-flag img{position:relative;background:#0A0A0A;border:solid 1px #202020;padding:10px;border-radius:100%;margin:20px auto;box-shadow:0 0 0 4px #dbb200,0 0 20px #000;z-index:1}.component.profil .profil-flag.color-1 img{box-shadow:0 0 0 4px #6e161b,0 0 20px #000}.component.profil .profil-flag.color-2 img{box-shadow:0 0 0 4px #1f1471,0 0 20px #000}.component.profil .profil-flag.color-3 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag.color-4 img{box-shadow:0 0 0 4px #5a1072,0 0 20px #000}.component.profil .profil-flag.color-5 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-6 img{box-shadow:0 0 0 4px #076b87,0 0 20px #000}.component.profil .profil-flag.color-7 img{box-shadow:0 0 0 4px #67331d,0 0 20px #000}.component.profil .profil-flag.color-8 img{box-shadow:0 0 0 4px #d87913,0 0 20px #000}.component.profil .profil-flag.color-9 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-10 img{box-shadow:0 0 0 4px #760f36,0 0 20px #000}.component.profil .profil-flag.color-11 img{box-shadow:0 0 0 4px #219772,0 0 20px #000}.component.profil .profil-flag.color-12 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag:before{display:block;position:absolute;content:'';top:218px;left:33px;width:154px;height:241px;background:url(src/desktop/faction/flag/flag-3.png) no-repeat}.component.profil .profil-flag.color-1:before{background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.profil .profil-flag.color-2:before{background:url(src/desktop/faction/flag/flag-2.png) no-repeat}.component.profil .profil-flag.color-3:before{background:url(src/desktop/faction/flag/flag-3.png) no-repeat}.component.profil .profil-flag.color-4:before{background:url(src/desktop/faction/flag/flag-4.png) no-repeat}.component.profil .profil-flag.color-5:before{background:url(src/desktop/faction/flag/flag-5.png) no-repeat}.component.profil .profil-flag.color-6:before{background:url(src/desktop/faction/flag/flag-6.png) no-repeat}.component.profil .profil-flag.color-7:before{background:url(src/desktop/faction/flag/flag-7.png) no-repeat}.component.profil .profil-flag.color-8:before{background:url(src/desktop/faction/flag/flag-8.png) no-repeat}.component.profil .profil-flag.color-9:before{background:url(src/desktop/faction/flag/flag-9.png) no-repeat}.component.profil .profil-flag.color-10:before{background:url(src/desktop/faction/flag/flag-10.png) no-repeat}.component.profil .profil-flag.color-11:before{background:url(src/desktop/faction/flag/flag-11.png) no-repeat}.component.profil .profil-flag.color-12:before{background:url(src/desktop/faction/flag/flag-12.png) no-repeat}.component.profil .profil-flag .level{z-index:2;display:block;position:absolute;top:184px;right:2px;width:36px;height:36px;text-align:center;line-height:36px;background:#0A0A0A;border:3px solid #dbb200;border-radius:100%}.component.profil .profil-flag.color-1 .level{border-color:#6e161b}.component.profil .profil-flag.color-2 .level{border-color:#1f1471}.component.profil .profil-flag.color-3 .level{border-color:#dbb200}.component.profil .profil-flag.color-4 .level{border-color:#5a1072}.component.profil .profil-flag.color-5 .level{border-color:#2c7915}.component.profil .profil-flag.color-6 .level{border-color:#076b87}.component.profil .profil-flag.color-7 .level{border-color:#67331d}.component.profil .profil-flag.color-8 .level{border-color:#d87913}.component.profil .profil-flag.color-9 .level{border-color:#2c7915}.component.profil .profil-flag.color-10 .level{border-color:#760f36}.component.profil .profil-flag.color-11 .level{border-color:#219772}.component.profil .profil-flag.color-12 .level{border-color:#dbb200}.component.profil .faction-flag{display:block;content:'';width:154px;height:241px;margin:0 auto;background:url(src/desktop/faction/flag/flag-3.png) no-repeat}.component.search-player{position:relative;background:0 0!important}.component.search-player .box{position:absolute;top:60px;left:50px;width:440px;color:#fff}.component.search-player .top{background:rgba(0,0,0,.4);padding:10px;border-radius:3px 3px 0 0}.component.search-player .top label{display:block;font-size:1pc}.component.search-player .top input{display:block;border:none;height:40px;width:25pc;padding:0 10px;margin:10px 0 0 0;font-size:20px;color:#202020;border-radius:3px}.component.search-player .center{background:rgba(0,0,0,.8);padding:10px 25px 10px 10px;min-height:140px;border-radius:0 0 3px 3px}.component.search-player .center .avatar{float:left;position:relative;left:-20px;width:90pt;padding:8px;border:solid 1px #202020;border-radius:100%;background:#0A0A0A}.component.search-player .center .right{margin-left:140px}.component.search-player .center h1{margin:10px 0 0 0;padding:0}.component.search-player .center hr{margin:10px 0;border-color:#4F4F4F}.component.search-player .center p{margin:5px 0;padding:0}.component.search-player .center p span{display:inline-block;background:red;line-height:28px;padding:0 10px;border:solid 1px rgba(255,255,255,.5);border-right:none}.component.search-player .center p span:first-child{border-radius:3px 0 0 3px}.component.search-player .center p span:last-child{border-radius:0 3px 3px 0;border:solid 1px rgba(255,255,255,.5)}.component.search-player.color1 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component.search-player.color2 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component.search-player.color3 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.search-player.color4 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component.search-player.color5 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color6 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component.search-player.color7 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component.search-player.color8 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component.search-player.color9 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color10 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.component.search-player.color11 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.component.search-player.color12 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.new-message p.input{position:relative;background:#fff;padding:10px;border-radius:3px}.component.new-message p.input:before{content:'';position:absolute;width:0;height:0;top:-9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent;left:20px}.component.new-message label{display:block;font-size:13px}.component.new-message .input-text input{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px}.component.new-message .input-area textarea{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px;max-width:100%;min-width:100%;height:200px}.component.new-message button{display:inline-block;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 15px;color:#fff;cursor:pointer;overflow:hidden;background:#ffdb0f}.component.new-message button:focus,.component.new-message button:hover{background:#b17a00}.notif{position:relative;margin:10px;background:#000;border-top:solid 1px #4F4F4F;border-right:solid 1px #202020;border-left:solid 1px #202020}.notif h4{position:relative;overflow:hidden;margin:0;padding:0 10px;font-size:14px;line-height:30px;border-bottom:solid 1px #202020;background:#0A0A0A;font-weight:400;cursor:pointer;color:#fff}.notif.unreaded h4:before{position:absolute;content:'';width:40px;height:40px;background:#fff;top:-5px;right:-15px;background:#ffdb0f;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}.notif .content{display:none;padding:6px 8px;line-height:140%;text-align:justify;color:#efefef}.notif .content p{margin:0}.notif .content hr{border:none;background:0 0;border-bottom:dashed 1px #202020;margin:5px 0}.notif .content a{color:#fff}.notif .content .box-resource{position:relative;display:block;margin:5px 0;padding:5px 5px 5px 40px}.notif .content .box-resource img{position:absolute;top:6px;left:0;border:solid 4px #4f4f4f;border-radius:100%;border-color:#dbb200}.notif .content .box-resource .label{display:block;font-size:9pt}.notif .content .box-resource .value{display:block;font-size:18px;font-weight:700}.notif .footer{display:none;margin:0;padding:0 10px;line-height:18px;padding:5px 5px;border-top:solid 1px #202020;font-style:italic;text-align:right;color:#CCC}.notif .footer a{color:#CCC}.notif.open .content{display:block}.notif.open .footer{display:block}.component.rc .rc{position:relative;margin:20px 10px 20px 30px;border-left:solid 1px #CCC;padding:0 10px;height:380px;color:#CCC}.component.rc .rc.no-tax{margin:20px 10px 20px 30px;border-left:dashed 1px #4F4F4F;padding:0 10px;color:#CCC}.component.rc .rc a,.component.rc .rc strong{color:#fff}.component.rc .rc .icon-color{width:20px}.component.rc .rc .base{position:relative;padding:15px 0 15px 40px;height:50px}.component.rc .rc .base:last-child{position:absolute;bottom:0}.component.rc .rc .place{position:absolute;top:0;left:-50px;width:78px;height:78px;border:solid 1px #202020;background:#000;border-radius:100%}.component.rc .rc .general{list-style:none inset;margin:10px 0;padding:0}.component.rc .rc .general li{margin:10px 0;list-style-type:none}.component.rc .rc .general li strong{display:block;font-size:20px;font-weight:700}.component .situation-content{position:relative;display:block;width:100%;height:500px;border-bottom:solid 1px #0A0A0A}.component .situation-content .line-help{position:absolute;display:block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:100%;background:#b17a00}.component .situation-content .line-help.line-1{top:55px;left:190px}.component .situation-content .line-help.line-2{top:145px;left:406px}.component .situation-content .toolbar{position:absolute;top:30px;right:30px;box-shadow:0 0 0 4px rgba(255,255,255,.1);border-radius:3px;background:#dbb200;z-index:1}.component .situation-content .toolbar a,.component .situation-content .toolbar span{display:inline-block;line-height:2pc;padding:0 15px;border-right:solid 1px #000;text-decoration:none;color:#fff}.component .situation-content .toolbar a img,.component .situation-content .toolbar span img{position:relative;top:-2px;vertical-align:middle;height:18px;width:18px}.component .situation-content .toolbar a:focus,.component .situation-content .toolbar a:hover{background:rgba(0,0,0,.25)}.component .situation-content .toolbar form{display:inline-block}.component .situation-content .toolbar input{height:2pc;border:none;background:0 0;color:#fff;padding:0 15px;font-size:inherit}.component .situation-content .toolbar input:focus{background:rgba(0,0,0,.25)}.component .situation-content .toolbar input.button{background:url(src/desktop/common/edit.png) no-repeat center}.component .situation-content .toolbar input.button:focus{background:url(src/desktop/common/edit.png) no-repeat center rgba(0,0,0,.25)}.component .situation-content .info{position:absolute;display:block;width:200px;font-size:9pt;color:#efefef;line-height:18px}.component .situation-content .info strong{color:#fff;font-size:14px}.component .situation-content .info a{color:#fff;text-decoration:none;border-bottom:solid 1px #4f4f4f}.component .situation-content .info a:focus,.component .situation-content .info a:hover{border-color:#CCC}.component .situation-content .commander{position:absolute;display:block;text-decoration:none;z-index:1}.component .situation-content .commander.empty{color:#CCC}.component .situation-content .commander.position-1-1{top:135px;left:127px}.component .situation-content .commander.position-1-2{top:17pc;left:75pt}.component .situation-content .commander.position-1-3{top:415px;left:127px}.component .situation-content .commander.position-2-1{top:215px;left:22pc}.component .situation-content .commander.position-2-2{top:17pc;left:345px}.component .situation-content .commander.position-2-3{top:330px;left:22pc}.component .situation-content .commander.position-3{top:355px;left:577px}.component .situation-content .commander img{width:40px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}.component .situation-content .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .situation-content .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #dbb200}.component .situation-content .commander .info{top:8px;left:65px;width:10pc}.component .situation-content .commander .link{display:none;position:absolute;top:14px;left:-1pc;width:24px;height:24px;font-size:20px;font-weight:700;text-decoration:none;border-radius:100%;text-align:center;z-index:1;border:solid 1px #fff}.component .situation-content .commander .link.to-left{background:url(src/desktop/mover/to-left.png) no-repeat center #000}.component .situation-content .commander .link.to-right{background:url(src/desktop/mover/to-right.png) no-repeat center #000}.component .situation-content .commander:hover>.link{display:block}.component .situation-content .stellar{position:absolute;display:block;top:180px;left:35pc}.component .situation-content .stellar img{width:220px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%}.component .situation-content .stellar .info{font-size:9pt;border-left:solid 1px #202020}.component .situation-content .stellar .info.top{bottom:215px;left:50px;padding:0 0 30px 10px}.component .situation-content .stellar .info.top strong{font-size:20px}.component .situation-content .stellar .info.bottom{top:225px;left:10pc;padding:10px 0 0 10px}.component .situation-content .stellar .info.middle{top:20px;left:182px;padding:10px 0 0 50px;border:none;border-top:solid 1px #202020}.component .situation-content .attack-link{position:absolute;bottom:-1px;left:0;right:0;text-align:center}.component .situation-content .attack-link a{display:inline-block;line-height:40px;padding:0 25px;border-radius:3px 3px 0 0;background:#202020;color:#fff;text-decoration:none;font-size:1pc}.component .situation-content .attack-link a:focus,.component .situation-content .attack-link a:hover{box-shadow:0 0 5px 3px #000}.component .situation-content.color0 .line-help{background:#202020}.component .situation-content.color0 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #202020}.component .situation-content.color0 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #202020}.component .situation-content.color0 .attack-link a{background:#202020}.component .situation-content.color1 .line-help{background:#510816}.component .situation-content.color1 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component .situation-content.color1 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #6e161b}.component .situation-content.color1 .attack-link a{background:#6e161b}.component .situation-content.color2 .line-help{background:#0c0d44}.component .situation-content.color2 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component .situation-content.color2 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #1f1471}.component .situation-content.color2 .attack-link a{background:#1f1471}.component .situation-content.color3 .line-help{background:#b17a00}.component .situation-content.color3 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .situation-content.color3 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #dbb200}.component .situation-content.color3 .attack-link a{background:#dbb200}.component .situation-content.color4 .line-help{background:#310948}.component .situation-content.color4 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component .situation-content.color4 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #5a1072}.component .situation-content.color4 .attack-link a{background:#5a1072}.component .situation-content.color5 .line-help{background:#24500a}.component .situation-content.color5 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color5 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color5 .attack-link a{background:#2c7915}.component .situation-content.color6 .line-help{background:#004948}.component .situation-content.color6 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component .situation-content.color6 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #076b87}.component .situation-content.color6 .attack-link a{background:#076b87}.component .situation-content.color7 .line-help{background:#401b13}.component .situation-content.color7 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component .situation-content.color7 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #67331d}.component .situation-content.color7 .attack-link a{background:#67331d}.component .situation-content.color8 .line-help{background:#c3590b}.component .situation-content.color8 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component .situation-content.color8 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #d87913}.component .situation-content.color8 .attack-link a{background:#d87913}.component .situation-content.color9 .line-help{background:#24500a}.component .situation-content.color9 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color9 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color9 .attack-link a{background:#2c7915}.component .situation-info{display:table;width:100%;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#000}.component .situation-info .item{display:table-cell;padding:10px;border-right:solid 1px #202020}.component .situation-info .item .value{font-size:26px;font-weight:700;display:block}.component .build-item.base-type .desc{margin:10px 0 0 0;padding:15px;font-size:13px;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#0A0A0A}.component .build-item.base-type .list-choice{position:relative;height:140px;background:url(src/desktop/base/type-base.png) no-repeat center;margin:0;border-bottom:solid 1px #202020}.component .build-item.base-type .list-choice button{position:absolute;padding:0;border:none;background:0 0;cursor:pointer}.component .build-item.base-type .list-choice button.item-1{top:35px;left:5px}.component .build-item.base-type .list-choice button.item-2{top:5px;left:107px}.component .build-item.base-type .list-choice button.item-3{bottom:5px;left:107px}.component .build-item.base-type .list-choice button.item-4{top:35px;right:5px}.component .build-item.base-type .list-choice button img{display:block;padding:8px;width:40px;border:solid 1px #202020;border-radius:100%;background:#000}.color1 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.color2 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.color3 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.color4 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.color5 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color6 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.color7 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.color8 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.color9 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color10 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.color11 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.color12 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .build-item.base-type .desc-choice{display:none}.component .build-item.base-type .desc-choice h4{border-bottom:solid 1px #202020;padding:0 0 5px 0}.component .build-item.base-type .desc-choice p{text-align:left;color:#CCC!important}.component .build-item.base-type .desc-choice p strong{display:block;color:#fff}.component .build-item.base-type .desc-choice p strong.short{display:inline-block;width:75pt}.component.list-fleet .set-fleet{position:relative;margin:10px;padding:0 0 0 70px;min-height:5pc}.component.list-fleet .set-fleet img.place{position:absolute;top:-5px;left:-20px;width:5pc;background:#0A0A0A;border-radius:100%;border:solid 1px #202020}.component.list-fleet .set-fleet h2{padding:10px 0;margin:0}.component.list-fleet .set-fleet h2 a{font-size:13px;color:#fff;font-weight:400;text-decoration:none}.component.list-fleet .set-fleet .item{position:relative;height:60px;background:#0A0A0A;border:solid 1px #202020;border-bottom:none;width:777px}.component.list-fleet .set-fleet .item:last-child{border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item a{display:inline-block;text-decoration:none;color:#CCC;border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item .left{position:absolute;top:0;left:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .left .top{position:absolute;left:60px;display:block;width:500px;top:10px}.component.list-fleet .set-fleet .item .left .status{width:30px;margin:10px;padding:5px;border-radius:100%}.component.list-fleet .set-fleet .item .right{position:absolute;top:0;right:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .right .top{position:absolute;right:60px;display:block;width:200px;text-align:right;top:10px}.component.list-fleet .set-fleet .item .right .cover{width:50px;margin:5px;padding:0;border-radius:100%}.component.list-fleet .set-fleet .item .center{position:absolute;top:41px;left:70px;right:70px}.component.list-fleet .set-fleet .item .center .ship{position:absolute;top:-10px;left:-11px;right:auto}.component.list-fleet .set-fleet .item .center .progress-ship{display:block;width:100%;background:#4F4F4F;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar{position:relative;display:block;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship{top:-11px;right:-11px;left:auto}.component.list-fleet .set-fleet .item .center .progress-ship .bar span{position:absolute;top:4px;right:15px;font-size:10px}.component.list-fleet .set-fleet .item.color1 .status{background:#6e161b}.component.list-fleet .set-fleet .item.color2 .status{background:#1f1471}.component.list-fleet .set-fleet .item.color3 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color4 .status{background:#5a1072}.component.list-fleet .set-fleet .item.color5 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color6 .status{background:#076b87}.component.list-fleet .set-fleet .item.color7 .status{background:#67331d}.component.list-fleet .set-fleet .item.color8 .status{background:#d87913}.component.list-fleet .set-fleet .item.color9 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color10 .status{background:#760f36}.component.list-fleet .set-fleet .item.color11 .status{background:#219772}.component.list-fleet .set-fleet .item.color12 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar{background:#4F4F4F}.component.list-fleet .set-fleet .item .show-commander{position:absolute;top:-1px;right:-30px;width:28px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a;border:solid 1px #202020}.component.list-fleet .set-fleet .item .show-commander.active,.component.list-fleet .set-fleet .item .show-commander:focus,.component.list-fleet .set-fleet .item .show-commander:hover{background-color:#202020}.component.table-fleet table{margin:10px;width:55pc;border-collapse:collapse}.component.table-fleet table tr:nth-child(odd){background:#000;border-bottom:solid 1px #202020}.component.table-fleet table tr:nth-child(even){background:#0A0A0A;border-bottom:solid 1px #202020}.component.table-fleet table tr:first-child{background:0 0}.component.table-fleet table td,.component.table-fleet table th{height:40px;width:40px;text-align:center}.component.table-fleet table td span.zero-value{color:#4F4F4F}.component.table-fleet table .base{width:75pt;text-align:left;padding:0 20px}.component.table-fleet table .base a{border:none}.component.table-fleet table .base strong{display:block;font-size:1pc}.component.table-fleet table .large{width:auto;text-align:left;padding:0 10px}.component.table-fleet table .sep{border-left:solid 1px #dbb200}.component.table-fleet table a{color:#fff;text-decoration:none;border-bottom:solid 1px #4F4F4F;display:inline-block}.component.table-fleet table th{position:relative;height:70px}.component.table-fleet table th span{position:absolute;bottom:2pc;left:-10px;display:block;text-align:left;width:60px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.component.commander-fleet .fleet{vertical-align:top;display:block;text-align:center}.component.commander-fleet .list-ship{vertical-align:top;display:inline-block;width:148px}.component.commander-fleet .list-ship:first-child{border-right:dashed 1px #4F4F4F}.component.commander-fleet .list-ship a{display:block;position:relative;margin:6px;height:40px;background:#202020;border:solid 1px #4F4F4F;border-radius:3px}.component.commander-fleet .list-ship a.empty{opacity:.4}.component.commander-fleet .list-ship img{position:absolute;display:inline-block;width:40px}.component.commander-fleet .list-ship .text{position:absolute;left:45px;display:inline-block;width:88px;color:#fff}.component.commander-fleet .list-ship .text .quantity{display:block;font-weight:700;font-size:18px}.component.commander-fleet .army{border-collapse:collapse;width:35pc;margin:20px}.component.commander-fleet .army td{width:65px;padding:5px;border-right:dashed 1px #4F4F4F;vertical-align:center}.component.commander-fleet .army td:first-child{width:auto;vertical-align:top;text-align:right;padding:0 20px;font-size:9pt}.component.commander-fleet .army tr:first-child td{text-align:center;padding:10px 5px;font-size:18px;font-weight:700}.component.commander-fleet .army .block{display:block;width:54px;height:54px;margin:0 0 5px 0;padding:5px;vertical-align:top;border-radius:5px;background:#0A0A0A;text-align:right;border:solid 1px #202020;color:#4F4F4F}.component.commander-fleet .army .block.empty{background:#000;border:solid 1px #0A0A0A}.component.commander-fleet .army .block strong{display:block;font-size:15px;height:38px;font-weight:700}.component.commander-fleet .army .block em{display:block;padding:2px;font-size:11px;background:#000;text-align:center;border-radius:3px}.component.commander-fleet .army .block.squadron{border:solid 1px #4F4F4F;color:#fff;cursor:pointer;background:#dbb200}.component.commander-fleet .army .block.squadron.full0{background:url(src/desktop/squadron/squadron0.png) no-repeat 4px 2px #dbb200}.component.commander-fleet .army .block.squadron.full1{background:url(src/desktop/squadron/squadron1.png) no-repeat 4px 2px #dbb200}.component.commander-fleet .army .block.squadron.full2{background:url(src/desktop/squadron/squadron2.png) no-repeat 4px 2px #dbb200}.component.commander-fleet .army .block.squadron.full3{background:url(src/desktop/squadron/squadron3.png) no-repeat 4px 2px #dbb200}.component.commander-fleet .army .block.squadron.active{box-shadow:inset 0 0 6px #000,0 0 2px 0 #fff;border:dashed 1px #fff}.component.report .commander{position:relative;display:block;margin:10px;padding:8px 0 8px 72px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component.report .commander img{position:absolute;top:5px;left:5px;padding:8px;width:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component.report .commander strong{display:block;padding:0 0 8px 0;color:#fff;font-weight:700;font-size:17px}.component.report .commander em{display:block;line-height:20px;color:#fff;font-style:normal;color:#efefef}.component.report .commander em .bonus{font-size:90%;margin:2px 0 0 2px;padding:3px 6px}.component.report .dammage{margin:10px;background:#000}.component.report .dammage table{width:100%;border-collapse:collapse;border-left:solid 1px #202020;border-right:solid 1px #202020}.component.report .dammage td{border-color:#202020;border-width:1px;border-style:solid dashed;padding:4px;vertical-align:center;text-align:center;color:#CCC;width:28px;height:22px}.component.report .dammage td:first-child{text-align:left;padding:4px 8px;width:auto}.component.report .dammage td span{display:inline-block;background:red;line-height:22px;width:22px;border-radius:3px;color:#fff;background:#b17a00}.component.topic .message{position:relative;padding:0 0 0 5pc;margin:10px;min-height:70px}.component.topic .message .avatar{position:absolute;top:0;left:0;width:56px;padding:6px;border:solid 1px #202020;border-radius:100%;background:#000}.component.topic .message .content{position:relative;background:#000;border:solid 1px #202020;border-bottom:solid 1px #0A0A0A}.component.topic .message .content:before{position:absolute;content:'';top:25px;left:-18px;border-style:solid;border-width:9px;border-color:transparent #202020 transparent transparent}.component.topic .message .content .text{margin:0;padding:10px 10px 9pt 10px;border-bottom:solid 1px #0A0A0A;color:#efefef}.component.topic .message .content .text a,.component.topic .message .content .text strong{color:#fff}.component.topic .message .content .text a.color1{color:#b01e2d}.component.topic .message .content .text a.color2{color:#2f23c0}.component.topic .message .content .text a.color3{color:#ffdb0f}.component.topic .message .content .text a.color4{color:#a935c7}.component.topic .message .content .text a.color5{color:#57c632}.component.topic .message .content .text a.color6{color:#05bed7}.component.topic .message .content .text a.color7{color:#ac5832}.component.topic .message .content .text a.color8{color:#f2b636}.component.topic .message .content .text a.color9{color:#57c632}.component.topic .message .content .text a.color10{color:#a92859}.component.topic .message .content .text a.color11{color:#34b089}.component.topic .message .content .text a.color12{color:#ffdb0f}.component.topic .message .content .text .icon-color{width:15px}.component.topic .message .content .footer{margin:0;padding:6px 10px;font-size:9pt;color:#CCC}.component.topic .message .content .footer a{color:#CCC}.component.topic .message.write .content:before{left:-17px;top:11px;border-color:transparent #fff transparent transparent}.component.topic .message.write .content textarea{border:none;padding:5px;width:487px;height:90pt;max-width:487px;min-width:487px;min-height:50px;font-family:inherit;font-size:13px}.component.topic .message.write .content input{margin:6px;font-family:inherit}.component.topic .message.write .content .title{border:none;margin:0;padding:5px;width:487px;height:30px;font-family:inherit;font-size:13px}.component.topic .message.write .content button{margin:6px;font-family:inherit;background:#dbb200;border:none;padding:4px 8px;color:#fff;cursor:pointer}.component.topic .message.write .content button:focus,.component.topic .message.write .content button:hover{background:#b17a00}.component.topic .system-message{position:relative;padding:0 0 0 90px;margin:10px}.component.topic .system-message:before{content:'';position:absolute;top:10px;left:0;height:1px;width:70px;background:#4F4F4F}.conv-item{position:relative;display:block;border:solid 1px #202020;border-bottom:none;background:#0A0A0A;height:59px;padding:5px 5px 5px 70px;margin:0 10px;color:#fff;text-decoration:none;overflow:hidden}.conv-item .cover{position:absolute;display:block;top:0;left:0;bottom:0;width:60px;padding:5px}.conv-item .cover .picture{width:52px;height:52px;background:#202020;border-radius:100%;padding:4px}.conv-item .cover .picture.color0{box-shadow:0 0 0 2px #4F4F4F}.conv-item .cover .picture.color1{box-shadow:0 0 0 2px #6e161b}.conv-item .cover .picture.color2{box-shadow:0 0 0 2px #1f1471}.conv-item .cover .picture.color3{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .picture.color4{box-shadow:0 0 0 2px #5a1072}.conv-item .cover .picture.color5{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color6{box-shadow:0 0 0 2px #076b87}.conv-item .cover .picture.color7{box-shadow:0 0 0 2px #67331d}.conv-item .cover .picture.color8{box-shadow:0 0 0 2px #d87913}.conv-item .cover .picture.color9{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color10{box-shadow:0 0 0 2px #760f36}.conv-item .cover .picture.color11{box-shadow:0 0 0 2px #219772}.conv-item .cover .picture.color12{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .new-message,.conv-item .cover .number{position:absolute;width:22px;height:22px;border-radius:100%;background:#0A0A0A;bottom:5px;right:5px;border:solid 1px #4F4F4F;text-align:center;line-height:22px;font-size:11px}.conv-item .cover .new-message{left:5px;top:5px}.conv-item .cover .new-message img{display:block;width:18px;height:18px;margin:2px}.conv-item .data{line-height:20px}.conv-item:last-child{border:solid 1px #202020}.conv-item:focus,.conv-item:hover{background:#0C0C0C}.component.player .player{position:relative;display:inline-block;margin:10px 0 0 10px;width:211px;height:58px;padding:5px 5px 5px 70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff;text-decoration:none}.component.player .player a{color:#ccc;text-decoration:none;border-bottom:solid 1px #202020}.component.player .player a:focus,.component.player .player a:hover{border-color:#4f4f4f}.component.player .player img.picto{position:absolute;top:5px;left:5px;width:50px;padding:4px;border:solid 1px #202020;border-radius:100%;background:#000}.component.player .player .icon,.component.player .player .icon-color{height:1pc;padding:1px}.component.player .player span,.component.player .player strong{display:block;line-height:20px}.component.player .player strong{font-size:18px}.component.player .player .inactive,.component.player .player .online{position:absolute;width:18px;height:18px;background:#fff;top:5px;right:5px;border-radius:100%;background:#4F4F4F}.component.player .player .online{background:#ffdb0f}.component.player .player.faction{border-left:solid 1px #0A0A0A!important;width:202px}.component.player .player.faction img{top:0;left:10px;padding:0;border:none;border-radius:0;background:0 0}.component.player.rank .player{border-left:solid 10px #4F4F4F;width:190px}.component.player.rank .player.color1{border-left-color:#b01e2d}.component.player.rank .player.color2{border-left-color:#2f23c0}.component.player.rank .player.color3{border-left-color:#ffdb0f}.component.player.rank .player.color4{border-left-color:#a935c7}.component.player.rank .player.color5{border-left-color:#57c632}.component.player.rank .player.color6{border-left-color:#05bed7}.component.player.rank .player.color7{border-left-color:#ac5832}.component.player.rank .player.color8{border-left-color:#f2b636}.component.player.rank .player.color9{border-left-color:#57c632}.component.player.rank .player.color10{border-left-color:#a92859}.component.player.rank .player.color11{border-left-color:#34b089}.component.player.rank .player.color12{border-left-color:#ffdb0f}.component.player.rank .player .points,.component.player.rank .player .title{color:#BBB}.component.player.rank .player .position{display:block;position:absolute;top:14px;right:14px;line-height:38px;width:38px;border:solid 1px #202020;text-align:center;border-radius:100%}.component.player.rank .player .variance{display:block;position:absolute;top:5px;right:-4px;line-height:26px;width:26px;border:solid 1px #202020;background:#0A0A0A;text-align:center;font-size:11px;border-radius:100%}.component.player.rank .player .variance.lower{bottom:5px;top:auto}.component.player.rank .player.active .position{background:#fff;border:solid 1px #fff;color:#202020}.component.player.size2 .player{width:13pc}.component.player.size1 .player{width:202px}.component.transaction .transaction{background:#0A0A0A;border:solid 1px #202020;margin:10px}.component.transaction .transaction .right-link{position:absolute;top:2px;right:5px;display:block;color:#FFF;text-decoration:none}.component.transaction .transaction .product{position:relative;height:70px;padding:5px 10px 5px 55px;cursor:pointer}.component.transaction .transaction .product .picto{position:absolute;top:5px;left:-20px;width:60px;height:60px;padding:4px;background:#000;border:solid 1px #202020;border-radius:100%}.component.transaction .transaction .product .rate{position:absolute;bottom:5px;right:8px}.component.transaction .transaction .product .offer{overflow:hidden;height:2pc}.component.transaction .transaction .product .for{position:relative;border-top:solid 1px #202020;margin:8px 0 6px 0;color:#4F4F4F}.component.transaction .transaction .product .for span{display:block;position:absolute;top:-10px;left:10px;background:#0A0A0A;padding:0 10px;font-size:9pt}.component.transaction .transaction .product .price{font-size:19px;font-weight:700}.component.transaction .transaction .product .price .icon-color{width:14px;position:relative;top:-2px;padding:1px}.component.transaction .transaction.resources .product .offer{font-size:28px;font-weight:700;line-height:30px}.component.transaction .transaction.resources .product .offer .icon-color{width:20px;position:relative;top:-5px}.component.transaction .transaction.commander .product .offer strong,.component.transaction .transaction.ship .product .offer strong{display:block;font-size:14px}.component.transaction .transaction.commander .product .offer em,.component.transaction .transaction.ship .product .offer em{display:block;font-size:11px}.component.transaction .transaction .hidden{display:none}.component.transaction .transaction .info{position:relative;border-top:solid 1px #202020;height:88px;background:#000}.component.transaction .transaction .info p{font-size:11px;margin:5px 8px}.component.transaction .transaction .info .seller{position:absolute;top:0;width:50%;bottom:0}.component.transaction .transaction .info .seller a{font-weight:700;color:#fff}.component.transaction .transaction .info .seller .color1{color:#b01e2d}.component.transaction .transaction .info .seller .color2{color:#2f23c0}.component.transaction .transaction .info .seller .color3{color:#ffdb0f}.component.transaction .transaction .info .seller .color4{color:#a935c7}.component.transaction .transaction .info .seller .color5{color:#57c632}.component.transaction .transaction .info .seller .color6{color:#05bed7}.component.transaction .transaction .info .seller .color7{color:#ac5832}.component.transaction .transaction .info .seller .color8{color:#f2b636}.component.transaction .transaction .info .seller .color9{color:#57c632}.component.transaction .transaction .info .seller .color10{color:#a92859}.component.transaction .transaction .info .seller .color11{color:#34b089}.component.transaction .transaction .info .seller .color12{color:#ffdb0f}.component.transaction .transaction .info .price-detail{position:absolute;top:0;width:50%;bottom:0;right:0}.component.transaction .transaction .info .price-detail p{text-align:right}.component.transaction .transaction .info .price-detail p .icon-color{width:10px;padding:1px}.component.transaction .transaction .info .price-detail p span{color:#4F4F4F}.component.transaction .transaction .button{border-top:solid 1px #202020;padding:5px}.component.transaction .transaction .button a,.component.transaction .transaction .button span{display:block;padding:5px 10px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;line-height:20px;background:#202020;box-shadow:inset 0 0 2px #000}.component.transaction .transaction .button a{background:#dbb200}.component.transaction .transaction .button a:hover{box-shadow:inset 0 0 6px #000;background:#ffdb0f}.component.transaction .transaction .button span{background:#202020;cursor:default}.component.transaction .transaction .button .icon-color{width:14px}.component.transaction .transaction .shipping{position:relative;background:#000;height:30px}.component.transaction .transaction .shipping .ships{position:absolute;top:0;left:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center}.component.transaction .transaction .shipping .ships .icon-color{position:relative;width:1pc;margin-left:5px;top:-5px}.component.transaction .transaction .shipping .time{position:absolute;top:0;right:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center;font-size:9pt}.component.transaction .transaction .shipping .progress-container{position:relative;display:block;clear:both;margin:0 60px;height:3px;top:13px;background:#4F4F4F}.component.transaction .transaction .shipping .progress-bar{position:absolute;display:block;height:100%;background:#ffdb0f}.component .build-item.disable .button span{color:#696969}.component.transaction .new-transaction{width:279px;position:absolute;background:#000;z-index:1;padding:10px;border-bottom:solid 1px #ffdb0f}.component.transaction .new-transaction label{position:relative;display:block;padding:5px 0}.component.transaction .new-transaction label input{display:block;padding:5px 10px;margin:5px 0 0 0;width:259px;border:none}.component.transaction .new-transaction.resources label input{font-size:1pc;color:#202020;font-weight:700}.component.transaction .new-transaction .indicator{position:relative;display:block;width:100%;height:15px}.component.transaction .new-transaction .indicator span{position:absolute;display:inline-block;padding:1px 6px;font-size:9pt;color:#fff;border-radius:3px;top:-5px;background:#b17a00}.component.transaction .new-transaction .indicator span.min-price{left:5px}.component.transaction .new-transaction .indicator span.max-price{right:5px}.component.market-sell .body{padding:10px 0}.component.market-sell .label-box{position:relative;padding:0 10px;margin:10px 0}.component.market-sell .label-box .label{display:inline-block;width:75pt;line-height:30px}.component.market-sell .label-box .value{display:inline-block;width:147px;padding:0 5px;border:none;line-height:30px;border-radius:3px;font-size:1pc}.component.market-sell .label-box input.value{height:30px;background:#fff}.component.market-sell .label-box .icon-color{position:absolute;top:4px;right:1pc;width:18px}.component.market-sell .queue{margin:0 10px;cursor:pointer}.component.market-sell .sell-form{background:#0A0A0A;border:solid 1px #202020;margin:0 10px 10px 10px}.component.market-sell .sell-form input[type=submit]{display:block;width:100%;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 10px;color:#fff;cursor:pointer;overflow:hidden;background:#ffdb0f}.component.market-sell .sell-form input[type=submit]:hover{background:#b17a00}.component.market-sell .sell-form input[disabled=disabled]{background:#202020!important}.wysiwyg{display:block;position:relative}.wysiwyg .toolbar{display:block;position:absolute;top:0;left:0;right:0;padding:5px}.wysiwyg .toolbar button{display:inline-block;height:26px;line-height:26px;padding:0 4px!important;margin:0 4px 0 0!important;background:#dbb200;color:#fff;border-radius:3px;overflow:hidden;vertical-align:top}.wysiwyg .modal{position:absolute;top:40px;left:10px;right:10px;background:#0A0A0A;border:solid 1px #202020;box-shadow:0 0 15px #000}.wysiwyg .modal .header{position:relative}.wysiwyg .modal .header h2{margin:0;padding:0;line-height:36px;padding:0 10px;font-size:1pc;font-weight:400}.wysiwyg .modal .header .right{position:absolute;top:5px;right:10px;width:300px;text-align:right}.wysiwyg .modal .header .right button{display:inline-block;width:26px!important;height:26px!important;line-height:26px !important<;font-size:14px;padding:0!important;margin:0 0 0 5px!important}.wysiwyg .modal input{width:435px;border:none;height:30px;margin:0 10px 10px 10px!important;padding:0 10px!important}.wysiwyg textarea{padding-top:40px!important}.input-area .wysiwyg .toolbar{padding:0}.component.params .checkbox{display:block;position:relative;padding:10px 10px 10px 40px;margin:10px;background:rgba(0,0,0,.8)}.component.params .checkbox input{position:absolute;top:8px;left:10px}#map{position:absolute;z-index:100;background:url(src/desktop/map/common/map.jpg) repeat #000;padding:0;top:0;left:0}#map #sectors{z-index:300}#map #spying{z-index:400}#map #own-base{z-index:500}#map #commercial-routes{z-index:600}#map #fleet-movements{z-index:700}#map #attacks{z-index:800}#map #systems{z-index:900}#map #map-info{z-index:910}#map>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#map #sectors polygon{stroke:#fff;stroke-width:1px;stroke-dasharray:4 4;opacity:.15}#map #sectors .ally1{fill:#6e161b}#map #sectors .ally2{fill:#1f1471}#map #sectors .ally3{fill:#dbb200}#map #sectors .ally4{fill:#5a1072}#map #sectors .ally5{fill:#2c7915}#map #sectors .ally6{fill:#076b87}#map #sectors .ally7{fill:#67331d}#map #sectors .ally8{fill:#d87913}#map #sectors .ally9{fill:#2c7915}#map #sectors .ally10{fill:#760f36}#map #sectors .ally11{fill:#219772}#map #sectors .ally12{fill:#dbb200}#map #spying circle{opacity:.08;stroke:#fff}#map #own-base circle{opacity:.1;fill:#fff}#map #commercial-routes line{stroke:#fff;stroke-width:1px;stroke-dasharray:20 5 5 5 5 10}#map #commercial-routes line.standBy{stroke:rgba(255,255,255,.3)}#map #fleet-movements line{stroke-width:1px}#map #fleet-movements line.back{stroke-dasharray:15 5}#map #attacks line{stroke-width:1px}#map #attacks line.color1{stroke:#b01e2d}#map #attacks line.color2{stroke:#2f23c0}#map #attacks line.color3{stroke:#ffdb0f}#map #attacks line.color4{stroke:#a935c7}#map #attacks line.color5{stroke:#57c632}#map #attacks line.color6{stroke:#05bed7}#map #attacks line.color7{stroke:#ac5832}#map #attacks line.color8{stroke:#f2b636}#map #attacks line.color9{stroke:#57c632}#map #attacks line.color10{stroke:#a92859}#map #attacks line.color11{stroke:#34b089}#map #attacks line.color12{stroke:#ffdb0f}#map #attacks circle.color1{fill:#b01e2d}#map #attacks circle.color2{fill:#2f23c0}#map #attacks circle.color3{fill:#ffdb0f}#map #attacks circle.color4{fill:#a935c7}#map #attacks circle.color5{fill:#57c632}#map #attacks circle.color6{fill:#05bed7}#map #attacks circle.color7{fill:#ac5832}#map #attacks circle.color8{fill:#f2b636}#map #attacks circle.color9{fill:#57c632}#map #attacks circle.color10{fill:#a92859}#map #attacks circle.color11{fill:#34b089}#map #attacks circle.color12{fill:#ffdb0f}#map #systems a{display:block;position:absolute;border-radius:100%}#map #systems a.active{background:#000;box-shadow:0 0 0 1px #000,0 0 0 3px #fff,0 0 10px 8px #000}#map #systems a img{display:block;width:20px;height:20px;border:none;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}#map #systems a img.own{background:#fff}#map #systems .sector-number{position:absolute;display:block;font-size:22px;line-height:40px;width:40px;text-align:center;border-radius:100%;box-shadow:0 0 0 5px #0A0A0A,0 0 0 6px #4F4F4F;background:#202020;color:#fff;font-weight:700;cursor:pointer}#map #systems .sector-number.color1{background:#6e161b}#map #systems .sector-number.color2{background:#1f1471}#map #systems .sector-number.color3{background:#dbb200}#map #systems .sector-number.color4{background:#5a1072}#map #systems .sector-number.color5{background:#2c7915}#map #systems .sector-number.color6{background:#076b87}#map #systems .sector-number.color7{background:#67331d}#map #systems .sector-number.color8{background:#d87913}#map #systems .sector-number.color9{background:#2c7915}#map #systems .sector-number.color10{background:#760f36}#map #systems .sector-number.color11{background:#219772}#map #systems .sector-number.color12{background:#dbb200}#map #systems .sector-info{display:none;position:absolute;color:#fff;background:#000;background:rgba(0,0,0,.9);padding:8px 1pc;border-radius:3px}#map #systems .sector-info:before{content:'';position:absolute;left:-20px;top:20px;border-style:solid;border-width:10px;border-color:transparent #000 transparent transparent;border-color:transparent rgba(0,0,0,.9) transparent transparent}#map #systems .sector-info h2{position:relative;font-size:40px;font-weight:700;line-height:40px;text-shadow:0 0 5px #000;margin:0;padding:0}#map #systems .sector-info p{font-size:13px;margin:6px 0 0 0;padding:0;font-weight:700;font-variant:small-caps}#map #systems .sector-info p a{position:static;display:inline-block;color:#fff;background:#202020;border-radius:3px;line-height:20px;width:20px;text-align:center;text-decoration:none;border:solid 1px rgba(255,255,255,.5);margin:0 5px 0 0}#map #systems .sector-info.color1 p a{background:#6e161b}#map #systems .sector-info.color2 p a{background:#1f1471}#map #systems .sector-info.color3 p a{background:#dbb200}#map #systems .sector-info.color4 p a{background:#5a1072}#map #systems .sector-info.color5 p a{background:#2c7915}#map #systems .sector-info.color6 p a{background:#076b87}#map #systems .sector-info.color7 p a{background:#67331d}#map #systems .sector-info.color8 p a{background:#d87913}#map #systems .sector-info.color9 p a{background:#2c7915}#map #systems .sector-info.color10 p a{background:#760f36}#map #systems .sector-info.color11 p a{background:#219772}#map #systems .sector-info.color12 p a{background:#dbb200}#map #map-info{display:none;position:absolute;top:0;right:0;left:auto;bottom:auto;height:auto;width:auto;margin:40px 60px 0 0;color:#fff;text-align:right}#map #map-info h2{margin:0;padding:0 20px;font-size:38px;line-height:60px}#map #map-info h3{margin:0;padding:0 20px;font-size:1pc;font-weight:400;line-height:40px}#map #map-info ul{margin:10px 0;padding:0;list-style:none}#map #map-info ul li{position:relative;margin:0;padding:0 40px 0 0;line-height:20px;height:20px;font-style:italic;color:#CCC;font-size:13px}#map #map-info ul li img{position:absolute;right:10px;top:0}#map #spying circle{fill:#dbb200}#map #fleet-movements line{stroke:#ffdb0f}#map #fleet-movements circle{fill:#ffdb0f}#map-option{z-index:1000;position:absolute;display:inline-block;height:2pc;padding:3px 0;background:url(src/desktop/map/bOption.png) repeat-x;top:30px;right:20px}#map-option:before{content:'';position:absolute;display:block;left:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bLeftOption.png)}#map-option:after{content:'';position:absolute;display:block;right:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bRightOption.png)}#map-option a{position:relative;display:inline-block;height:30px;width:30px;margin:1px 0 1px 1px;background:#0A0A0A}#map-option a.active{background:#004948}#map-option a img{position:absolute;top:5px;left:5px;width:22px}.color1 #map-option a.active{background:#510816}.color2 #map-option a.active{background:#0c0d44}.color3 #map-option a.active{background:#b17a00}.color4 #map-option a.active{background:#310948}.color5 #map-option a.active{background:#24500a}.color6 #map-option a.active{background:#004948}.color7 #map-option a.active{background:#401b13}.color8 #map-option a.active{background:#c3590b}.color9 #map-option a.active{background:#24500a}.color10 #map-option a.active{background:#4d0621}.color11 #map-option a.active{background:#10684c}.color12 #map-option a.active{background:#b17a00}#map-content{z-index:1000;position:absolute;top:5pc;right:20px;display:block}#map-content .mini-map{position:relative;width:300px;height:300px;overflow:hidden;border:solid 1px #202020;background:url(src/desktop/map/common/galaxy.jpg) no-repeat #0a0a0a}#map-content .mini-map polygon{stroke:#fff;stroke-width:.5px;opacity:.3}#map-content .mini-map polygon:focus,#map-content .mini-map polygon:hover{opacity:.1;cursor:pointer}#map-content .mini-map polygon.ally0{fill:#202020}#map-content .mini-map polygon.ally1{fill:#6e161b}#map-content .mini-map polygon.ally2{fill:#1f1471}#map-content .mini-map polygon.ally3{fill:#dbb200}#map-content .mini-map polygon.ally4{fill:#5a1072}#map-content .mini-map polygon.ally5{fill:#2c7915}#map-content .mini-map polygon.ally6{fill:#076b87}#map-content .mini-map polygon.ally7{fill:#67331d}#map-content .mini-map polygon.ally8{fill:#d87913}#map-content .mini-map polygon.ally9{fill:#2c7915}#map-content .mini-map polygon.ally10{fill:#760f36}#map-content .mini-map polygon.ally11{fill:#219772}#map-content .mini-map polygon.ally12{fill:#dbb200}#map-content .mini-map .number{position:absolute;z-index:600;top:0;left:0}#map-content .mini-map .sectors{z-index:500;position:absolute;top:0;left:0}#map-content .mini-map .bases{z-index:400;position:absolute;top:0;left:0}#map-content .mini-map .bases circle{fill:rgba(255,255,255,.2);stroke:#fff}#map-content .mini-map .viewport{position:absolute;top:0;left:0;background:rgba(255,255,255,.1);border:solid 1px #fff;border-radius:3px}#map-content .mini-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:11px}.map-movers{display:none;position:absolute;z-index:900;background-repeat:no-repeat;background-position:center}#coord-box{z-index:1000;position:absolute;bottom:20px;right:20px;width:5pc;padding:5px 10px;background:rgba(0,0,0,.8);color:#fff;font-size:20px;text-align:center}.tactical-map{margin:10px;position:relative;background:url(src/desktop/map/common/galaxy-large.jpg) repeat #0a0a0a}.tactical-map polygon{stroke:#fff;stroke-width:.3px;opacity:.15}.tactical-map polygon.enabled{position:relative;stroke-width:2px;opacity:.8;z-index:1}.tactical-map polygon.enabled.ally1{stroke:#510816}.tactical-map polygon.enabled.ally2{stroke:#0c0d44}.tactical-map polygon.enabled.ally3{stroke:#b17a00}.tactical-map polygon.enabled.ally4{stroke:#310948}.tactical-map polygon.enabled.ally5{stroke:#24500a}.tactical-map polygon.enabled.ally6{stroke:#004948}.tactical-map polygon.enabled.ally7{stroke:#401b13}.tactical-map polygon.enabled.ally8{stroke:#c3590b}.tactical-map polygon.enabled.ally9{stroke:#24500a}.tactical-map polygon.enabled.ally10{stroke:#4d0621}.tactical-map polygon.enabled.ally11{stroke:#10684c}.tactical-map polygon.enabled.ally12{stroke:#b17a00}.tactical-map polygon.ally0{fill:#202020}.tactical-map polygon.ally1{fill:#6e161b}.tactical-map polygon.ally2{fill:#1f1471}.tactical-map polygon.ally3{fill:#dbb200}.tactical-map polygon.ally4{fill:#5a1072}.tactical-map polygon.ally5{fill:#2c7915}.tactical-map polygon.ally6{fill:#076b87}.tactical-map polygon.ally7{fill:#67331d}.tactical-map polygon.ally8{fill:#d87913}.tactical-map polygon.ally9{fill:#2c7915}.tactical-map polygon.ally10{fill:#760f36}.tactical-map polygon.ally11{fill:#219772}.tactical-map polygon.ally12{fill:#dbb200}.tactical-map .number{position:absolute;z-index:800;top:0;left:0}.tactical-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:9pt;line-height:22px;width:22px;text-align:center;border-radius:100%;box-shadow:0 0 1px #fff}.tactical-map .number span.ally0{background:#0A0A0A}.tactical-map .number span.ally1{background:#510816}.tactical-map .number span.ally2{background:#0c0d44}.tactical-map .number span.ally3{background:#b17a00}.tactical-map .number span.ally4{background:#310948}.tactical-map .number span.ally5{background:#24500a}.tactical-map .number span.ally6{background:#004948}.tactical-map .number span.ally7{background:#401b13}.tactical-map .number span.ally8{background:#c3590b}.tactical-map .number span.ally9{background:#24500a}.tactical-map .number span.ally10{background:#4d0621}.tactical-map .number span.ally11{background:#10684c}.tactical-map .number span.ally12{background:#b17a00}.tactical-map .number span.active{background:#fff;color:#000;box-shadow:0 0 10px #000}.tactical-map.reactive polygon.enabled.active,.tactical-map.reactive polygon.enabled:hover{cursor:pointer}.tactical-map.reactive polygon.enabled.active.ally1,.tactical-map.reactive polygon.enabled:hover.ally1{fill:#510816}.tactical-map.reactive polygon.enabled.active.ally2,.tactical-map.reactive polygon.enabled:hover.ally2{fill:#0c0d44}.tactical-map.reactive polygon.enabled.active.ally3,.tactical-map.reactive polygon.enabled:hover.ally3{fill:#b17a00}.tactical-map.reactive polygon.enabled.active.ally4,.tactical-map.reactive polygon.enabled:hover.ally4{fill:#310948}.tactical-map.reactive polygon.enabled.active.ally5,.tactical-map.reactive polygon.enabled:hover.ally5{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally6,.tactical-map.reactive polygon.enabled:hover.ally6{fill:#004948}.tactical-map.reactive polygon.enabled.active.ally7,.tactical-map.reactive polygon.enabled:hover.ally7{fill:#401b13}.tactical-map.reactive polygon.enabled.active.ally8,.tactical-map.reactive polygon.enabled:hover.ally8{fill:#c3590b}.tactical-map.reactive polygon.enabled.active.ally9,.tactical-map.reactive polygon.enabled:hover.ally9{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally10,.tactical-map.reactive polygon.enabled:hover.ally10{fill:#4d0621}.tactical-map.reactive polygon.enabled.active.ally11,.tactical-map.reactive polygon.enabled:hover.ally11{fill:#10684c}.tactical-map.reactive polygon.enabled.active.ally12,.tactical-map.reactive polygon.enabled:hover.ally12{fill:#b17a00}#action-box{display:block;z-index:1100;position:absolute;width:100%;height:300px;bottom:-300px;left:0;border-top:solid 1px #0A0A0A;background:#000;box-shadow:0 0 15px #000}#action-box .header{position:relative;background:#000;border-bottom:solid 1px #202020;height:36px;color:#EFEFEF}#action-box .header ul{list-style:none inset;margin:0;padding:0}#action-box .header ul li{display:inline-block;line-height:36px;padding:0 10px;color:#CCC;border-right:solid 1px #202020}#action-box .header ul li a{display:inline-block;line-height:24px;margin:3px 0;padding:0 6px;text-decoration:none;color:#CCC;background:#0A0A0A;border:solid 1px #202020;border-right:none;color:#8F8F8F}#action-box .header ul li a:first-child{border-radius:3px 0 0 3px}#action-box .header ul li a:last-child{border-right:solid 1px #202020;border-radius:0 3px 3px 0}#action-box .header ul li a:focus,#action-box .header ul li a:hover{background:#202020;color:#fff}#action-box .header ul li a.active{color:#fff;position:relative;z-index:1;background:#b17a00}#action-box .header ul li img{position:relative;top:5px;width:20px;border-radius:100%}#action-box .header .button{position:absolute;top:7px;right:10px;line-height:22px;width:22px;text-align:center;background:#202020;border-radius:3px;text-decoration:none;text-transform:uppercase;color:#fff}#action-box .header .button:focus,#action-box .header .button:hover{background:#4F4F4F}#action-box .body{position:relative;overflow:hidden;width:100%;height:263px;background:url(src/desktop/map/common/bLine.jpg) repeat-x center #080808}#action-box .actbox-movers{position:absolute;display:block;width:60px;height:263px;z-index:1103;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#action-box .actbox-movers:focus,#action-box .actbox-movers:hover{background-color:rgba(255,255,255,.05)}#action-box .actbox-movers:active{background-color:rgba(255,255,255,.15)}#action-box .actbox-movers#actboxToLeft{background:url(src/desktop/mover/left.png) no-repeat center}#action-box .actbox-movers#actboxToRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center}#action-box .body .system{position:absolute;top:0;left:0;height:263px;width:3000px}#action-box .body .system ul{display:inline-block;list-style:none inset;margin:0;padding:0}#action-box .body .system ul li{display:inline-block}#action-box .body .system ul li.action,#action-box .body .system ul li.place a{width:75pt;height:260px;border-top:solid 3px #fff;position:relative}#action-box .body .system ul li.action.color1,#action-box .body .system ul li.place.color1 a{border-top-color:#6e161b}#action-box .body .system ul li.action.color2,#action-box .body .system ul li.place.color2 a{border-top-color:#1f1471}#action-box .body .system ul li.action.color3,#action-box .body .system ul li.place.color3 a{border-top-color:#dbb200}#action-box .body .system ul li.action.color4,#action-box .body .system ul li.place.color4 a{border-top-color:#5a1072}#action-box .body .system ul li.action.color5,#action-box .body .system ul li.place.color5 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color6,#action-box .body .system ul li.place.color6 a{border-top-color:#076b87}#action-box .body .system ul li.action.color7,#action-box .body .system ul li.place.color7 a{border-top-color:#67331d}#action-box .body .system ul li.action.color8,#action-box .body .system ul li.place.color8 a{border-top-color:#d87913}#action-box .body .system ul li.action.color9,#action-box .body .system ul li.place.color9 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color10,#action-box .body .system ul li.place.color10 a{border-top-color:#760f36}#action-box .body .system ul li.action.color11,#action-box .body .system ul li.place.color11 a{border-top-color:#219772}#action-box .body .system ul li.action.color12,#action-box .body .system ul li.place.color12 a{border-top-color:#dbb200}#action-box .body .system ul li.star{width:300px;height:263px;border-left:solid 1px #0F0F0F;background:url(src/desktop/map/systems/default.png) no-repeat center center}#action-box .body .system ul li.place a{display:block;border-left:solid 1px #0F0F0F;text-align:center}#action-box .body .system ul li.place a strong{position:absolute;bottom:8px;left:10px;font-size:18px;font-weight:700;color:#fff}#action-box .body .system ul li.place a .land{position:absolute;z-index:1102;top:88px;left:10px;width:5pc;border-radius:100%}#action-box .body .system ul li.place.active a .land{box-shadow:0 0 0 1px #202020;background:#080808}#action-box .body .system ul li.place a .avatar{position:absolute;z-index:1101;top:10px;left:20px;padding:7px;border:solid 1px #0F0F0F;background:#000;width:47px;border-radius:100%}#action-box .body .system ul li.action{width:0;overflow:hidden}#action-box .body .system ul li.action .content{position:absolute;top:9px;left:9pt;height:15pc;width:545px;background:#111;border:solid 1px #202020;box-shadow:inset 0 0 5px #000;border-radius:3px}#action-box .body .system ul li.action .content:before{content:'';position:absolute;top:107px;left:-24px;border-width:9pt;border-style:solid;border-color:transparent #202020 transparent transparent}#action-box .body .system ul li.action .content .column{position:relative;display:inline-block;vertical-align:top;height:15pc;border-right:solid 1px #202020;color:#fff}#action-box .body .system ul li.action .content .column .last-spy-link{position:absolute;top:6px;right:8px;opacity:.5;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}#action-box .body .system ul li.action .content .column .last-spy-link:focus,#action-box .body .system ul li.action .content .column .last-spy-link:hover{opacity:1}#action-box .body .system ul li.action .content .column.info{width:199px}#action-box .body .system ul li.action .content .column.act{width:345px;border-right:none}#action-box .body .system ul li.action .content .column p{margin:2px 10px}#action-box .body .system ul li.action .content .column a{color:#fff}#action-box .body .system ul li.action .content .column hr{margin:8px 10px;border:none;background:0 0;border-bottom:solid 1px #202020}#action-box .body .system ul li.action .content .column strong{line-height:30px}#action-box .body .system ul li.action .content .column.info strong{line-height:28px;font-size:18px}#action-box .body .system ul li.action .content .column .label{display:inline-block;width:78px;font-size:9pt}#action-box .body .system ul li.action .content .column .value{display:inline-block;width:75pt;text-align:left}#action-box .body .system ul li.action .content .column .value .icon,#action-box .body .system ul li.action .content .column .value .icon-color{width:18px;height:18px;padding:1px}#action-box .body .system ul li.action .content .column.act .top .grey{opacity:.4}#action-box .body .system ul li.action .content .column.act .top img{width:45px;padding:8px;margin:0 4px 2px 0;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}#action-box .body .system ul li.action .content .column .bottom,#action-box .body .system ul li.action .content .column .top{padding:5px}#action-box .body .system ul li.action .box{display:none;position:absolute;left:10px;right:10px;bottom:10px;top:5pc;background:#000;border-radius:3px}#action-box .body .system ul li.action .box:nth-child(1){display:block}#action-box .body .system ul li.action .box:before{content:'';position:absolute;top:-20px;border-style:solid;border-width:10px;border-color:transparent transparent #000 transparent}#action-box .body .system ul li.action .box:nth-child(1):before{left:15px}#action-box .body .system ul li.action .box:nth-child(2):before{left:84px}#action-box .body .system ul li.action .box:nth-child(3):before{left:152px}#action-box .body .system ul li.action .box:nth-child(4):before{left:218px}#action-box .body .system ul li.action .box:nth-child(5):before{left:284px}#action-box .body .system ul li.action .box h2{margin:0;padding:0 11px;line-height:35px;font-size:15px}#action-box .body .system ul li.action .box .box-content{position:absolute;top:35px;left:0;right:0;bottom:0;border-radius:0 0 3px 3px;padding:8px 10px;background:#080808;border:solid 1px #000;overflow:hidden}#action-box .body .system ul li.action .box .box-content .commander-tile .item{display:none}#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander{display:block}#action-box .body .system ul li.action .box .box-content .spy-button{display:inline-block;width:75pt;text-decoration:none;margin:8px 0}#action-box .body .system ul li.action .box .box-content .spy-button .picto{float:left;width:30px;height:30px;margin:0 5px 0 0}#action-box .body .system ul li.action .box .box-content .spy-button span{display:block}#action-box .body .system ul li.action .box .box-content .spy-button .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .spy-form{margin-top:10px}#action-box .body .system ul li.action .box .box-content .spy-form input{width:187px;padding:7px;border:none;background:#fff;border-radius:3px 0 0 3px}#action-box .body .system ul li.action .box .box-content .spy-form button{width:75pt;padding:6px 6px;border:none;color:#fff;background:#dbb200;cursor:pointer;border-radius:0 3px 3px 0}#action-box .body .system ul li.action .box .box-content .spy-form button:focus,#action-box .body .system ul li.action .box .box-content .spy-form button:hover{background:#b17a00}#action-box .body .system ul li.action .box .box-content .label-box{display:inline-block;width:50%;margin:5px 0}#action-box .body .system ul li.action .box .box-content .label-box .key{display:block}#action-box .body .system ul li.action .box .box-content .label-box .val{display:block;font-size:18px;font-weight:700}#action-box .body .system ul li.action .box .box-content .rc{margin:5px 0 0 0;padding:10px 10px 0 50px;border-top:solid 1px #202020}#action-box .body .system ul li.action .box .box-content .rc .planet{position:absolute;top:-25px;left:-25px;width:76px;height:76px;border:solid 1px #202020;border-radius:100%;background:#000}#action-box .body .system ul li.action .box .box-content .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .button{display:inline-block;background:#202020;border:solid 1px #4F4F4F;line-height:26px;margin:5px 0 0 0;padding:0 8px;text-align:center;text-decoration:none}#action-box .body .system ul li.action .box .box-content a.button{background:#dbb200;border:#b17a00}#action-box .body .system ul li.action .box .box-content a.button:focus,#action-box .body .system ul li.action .box .box-content a.button:hover{background:#b17a00}.component.admin table{margin:10px;border-collapse:collapse;width:877px}.component.admin table tr{border-bottom:solid 1px #202020}.component.admin table td{padding:5px 10px;vertical-align:top}.component.admin table .button{display:inline-block;padding:0 5px;line-height:25px;min-width:15px;text-align:center;color:#fff;border-radius:3px;background:#4F4F4F;text-decoration:none}.component.admin table td:nth-child(1){width:50px}.component.admin table td:nth-child(2){width:75pt}.component.admin table td:nth-child(3){width:auto}.component.admin table td:nth-child(4){width:5pc}.on-off-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#dbb200;border:solid 1px #b17a00;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}.on-off-button:focus,.on-off-button:hover{background:#b17a00;border-color:#dbb200}.on-off-button.disabled{background:#202020;border-color:#4F4F4F}.inscription #nav .box.left span{display:inline-block;line-height:2pc;padding:0 10px;margin:5px 2px;font-size:14px;width:5pc;text-align:center;color:#4f4f4f;text-decoration:none;font-variant:small-caps}.inscription #nav .box.left span.active{color:#fff}.inscription #nav .box.right{display:none}.inscription #inscription-subnav{position:fixed;top:45px;left:0;width:210px;margin:0 20px 0 60px;z-index:500}.inscription #inscription-subnav .bind{height:15px;background:url(src/desktop/inscriptionSubnav/bBind.png) no-repeat center}.inscription #inscription-subnav .head{position:relative;height:214px;background:url(src/desktop/inscriptionSubnav/bHead.png) no-repeat center}.inscription #inscription-subnav .head h2{position:absolute;margin:0;padding:0;top:5px;font-weight:700;font-size:1pc;line-height:24px;width:210px;overflow:hidden;text-align:center;color:#fff}.inscription #inscription-subnav .head img{position:absolute;top:43px;left:28px;width:125px;height:125px;background:#0A0A0A}.inscription #inscription-subnav .head .level{position:absolute;display:block;bottom:15px;left:0;width:100%;font-size:20px;line-height:41px;color:#fff;text-align:center;background:url(src/desktop/inscriptionSubnav/bLevel.png) no-repeat center}.inscription #inscription-subnav .head .experience{position:absolute;display:inline-block;top:50px;right:2pc;width:21px;height:7pc}.inscription #inscription-subnav .head .experience .value{position:absolute;display:block;width:100%;bottom:0;border-radius:3px}.inscription #inscription-subnav .foot{height:290px}.inscription #movers .toLeft{left:0!important}.inscription .component.inscription img.color1{background:#6e161b!important}.inscription .component.inscription img.color2{background:#1f1471!important}.inscription .component.inscription img.color3{background:#dbb200!important}.inscription .component.inscription img.color4{background:#5a1072!important}.inscription .component.inscription img.color5{background:#2c7915!important}.inscription .component.inscription img.color6{background:#076b87!important}.inscription .component.inscription img.color7{background:#67331d!important}.inscription .component.inscription img.color8{background:#d87913!important}.inscription .component.inscription img.color9{background:#2c7915!important}.inscription .component.inscription img.color10{background:#760f36!important}.inscription .component.inscription img.color11{background:#219772!important}.inscription .component.inscription img.color12{background:#dbb200!important}.inscription .component.inscription .chooseLink{display:block;margin:10px;padding:10px 60px 10px 20px;background:url(src/desktop/mover/right.png) no-repeat 235px center #ccc;text-decoration:none;color:#fff;text-shadow:0 0 2px #000;border:solid 1px #202020;cursor:pointer;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s}.inscription .component.inscription .chooseLink:focus,.inscription .component.inscription .chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.inscription .component.inscription button.chooseLink{width:277px;text-align:left}.inscription .component.inscription.color1 .chooseLink{background-color:#6e161b}.inscription .component.inscription.color2 .chooseLink{background-color:#1f1471}.inscription .component.inscription.color3 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color4 .chooseLink{background-color:#5a1072}.inscription .component.inscription.color5 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color6 .chooseLink{background-color:#076b87}.inscription .component.inscription.color7 .chooseLink{background-color:#67331d}.inscription .component.inscription.color8 .chooseLink{background-color:#d87913}.inscription .component.inscription.color9 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color10 .chooseLink{background-color:#760f36}.inscription .component.inscription.color11 .chooseLink{background-color:#219772}.inscription .component.inscription.color12 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color1 .chooseLink:focus,.inscription .component.inscription.color1 .chooseLink:hover{background-color:#510816}.inscription .component.inscription.color2 .chooseLink:focus,.inscription .component.inscription.color2 .chooseLink:hover{background-color:#0c0d44}.inscription .component.inscription.color3 .chooseLink:focus,.inscription .component.inscription.color3 .chooseLink:hover{background-color:#b17a00}.inscription .component.inscription.color4 .chooseLink:focus,.inscription .component.inscription.color4 .chooseLink:hover{background-color:#310948}.inscription .component.inscription.color5 .chooseLink:focus,.inscription .component.inscription.color5 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color6 .chooseLink:focus,.inscription .component.inscription.color6 .chooseLink:hover{background-color:#004948}.inscription .component.inscription.color7 .chooseLink:focus,.inscription .component.inscription.color7 .chooseLink:hover{background-color:#401b13}.inscription .component.inscription.color8 .chooseLink:focus,.inscription .component.inscription.color8 .chooseLink:hover{background-color:#c3590b}.inscription .component.inscription.color9 .chooseLink:focus,.inscription .component.inscription.color9 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color10 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#4d0621}.inscription .component.inscription.color11 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#10684c}.inscription .component.inscription.color12 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#b17a00}.inscription .component.inscription .chooseLink strong{display:block;font-size:15px;border-bottom:solid 1px rgba(255,255,255,.25);padding:0 0 5px 0;margin:0 0 5px 0}.inscription .component.inscription .chooseLink em{font-style:normal}.inscription .component.inscription span.chooseLink{background:#202020!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25);cursor:auto;padding:10px}.inscription .component.inscription span.chooseLink:focus,.inscription .component.inscription span.chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}.inscription .component.inscription blockquote{line-height:200%}.inscription .component.inscription #base,.inscription .component.inscription #pseudo{position:relative;width:100%;border:none;padding:9pt 0;margin:0;text-align:center;font-size:26px;font-weight:700;background:#fff;border-radius:3px}.inscription .component.inscription.color1 #pseudo{color:#510816}.inscription .component.inscription.color2 #pseudo{color:#0c0d44}.inscription .component.inscription.color3 #pseudo{color:#b17a00}.inscription .component.inscription.color4 #pseudo{color:#310948}.inscription .component.inscription.color5 #pseudo{color:#24500a}.inscription .component.inscription.color6 #pseudo{color:#004948}.inscription .component.inscription.color7 #pseudo{color:#401b13}.inscription .component.inscription.color8 #pseudo{color:#c3590b}.inscription .component.inscription.color9 #pseudo{color:#24500a}.inscription .component.inscription.color10 #pseudo{color:#4d0621}.inscription .component.inscription.color11 #pseudo{color:#10684c}.inscription .component.inscription.color12 #pseudo{color:#b17a00}.inscription .component.inscription .avatars{padding:5px;text-align:center}.inscription .component.inscription .avatar{position:relative;display:inline-block;margin:0 5px;padding:5px;background:#202020;border:solid 5px #0A0A0A;border-radius:100%}.inscription .component.inscription .avatar input{position:absolute;top:10px;left:10px}.inscription .component.inscription .avatar img{display:block;width:117px;cursor:pointer;border-radius:100%}.inscription .component.inscription.color1 .avatar:hover{border-color:#510816}.inscription .component.inscription.color2 .avatar:hover{border-color:#0c0d44}.inscription .component.inscription.color3 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color4 .avatar:hover{border-color:#310948}.inscription .component.inscription.color5 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color6 .avatar:hover{border-color:#004948}.inscription .component.inscription.color7 .avatar:hover{border-color:#401b13}.inscription .component.inscription.color8 .avatar:hover{border-color:#c3590b}.inscription .component.inscription.color9 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color10 .avatar:hover{border-color:#4d0621}.inscription .component.inscription.color11 .avatar:hover{border-color:#10684c}.inscription .component.inscription.color12 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color1 .avatar.active{border-color:#b01e2d}.inscription .component.inscription.color2 .avatar.active{border-color:#2f23c0}.inscription .component.inscription.color3 .avatar.active{border-color:#ffdb0f}.inscription .component.inscription.color4 .avatar.active{border-color:#a935c7}.inscription .component.inscription.color5 .avatar.active{border-color:#57c632}.inscription .component.inscription.color6 .avatar.active{border-color:#05bed7}.inscription .component.inscription.color7 .avatar.active{border-color:#ac5832}.inscription .component.inscription.color8 .avatar.active{border-color:#f2b636}.inscription .component.inscription.color9 .avatar.active{border-color:#57c632}.inscription .component.inscription.color10 .avatar.active{border-color:#a92859}.inscription .component.inscription.color11 .avatar.active{border-color:#34b089}.inscription .component.inscription.color12 .avatar.active{border-color:#ffdb0f}.inscription #alert{bottom:-9pt;z-index:10000}.inscription .build-item{min-height:60px}.inscription .build-item .name{padding-top:2px!important}.inscription .build-item .name strong{font-size:1pc!important}.inscription .build-item .name em{font-size:9pt!important}.color0 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor0.png) no-repeat top left}.color1 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor1.png) no-repeat top left}.color2 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor2.png) no-repeat top left}.color3 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor3.png) no-repeat top left}.color4 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor4.png) no-repeat top left}.color5 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor5.png) no-repeat top left}.color6 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor6.png) no-repeat top left}.color7 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor7.png) no-repeat top left}.color8 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor8.png) no-repeat top left}.color9 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor9.png) no-repeat top left}.color10 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor10.png) no-repeat top left}.color11 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor11.png) no-repeat top left}.color12 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor12.png) no-repeat top left}.ac_results{width:100%;padding:0;border:1px solid #4F4F4F;background-color:#fff;overflow:hidden;z-index:99999;box-shadow:0 0 6px #000;border-radius:3px}.ac_results ul{width:100%;padding:0;margin:0;list-style-position:outside;list-style:none}.ac_results ul li{padding:4px 8px;margin:0;cursor:default;display:block;border-bottom:solid 1px #CCC;overflow:hidden}.ac_results ul li:last-child{border:none}.ac_results .img{float:left;width:36px;background:#202020;border-radius:3px;margin:0 8px 0 0}.ac_results .value-1,.ac_results .value-2{display:block;line-height:18px}.ac_results .value-1{font-weight:700}.ac_loading{background:#fff url(src/desktop/module/indicator.gif) right center no-repeat}.ac_over{background:#efefef}.ac_results .ac_over strong{color:#000}.ac_results .ac_over img{background:#fff}
\ No newline at end of file
+html {
+ height: 100%;
+}
+body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Roboto', 'Trebuchet MS', 'Arial', sans-serif;
+ font-size: 13px;
+}
+.bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ max-width: 280px;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+}
+.bull.top:before {
+ bottom: -14px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+.bull.bottom:before {
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+}
+.bull.left:before {
+ right: 12px;
+}
+.bull.right:before {
+ left: 12px;
+}
+body {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: black;
+}
+#nav,
+#tools {
+ position: fixed;
+ width: 100%;
+ height: 26px;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ box-shadow: 0 0 10px black;
+ z-index: 1000;
+ border-color: #ffdb0f;
+}
+#nav {
+ top: 0;
+ left: 0;
+ background: url('src/desktop/nav/bNav.png') repeat-x black;
+ border-bottom: solid 3px black;
+}
+#tools {
+ bottom: 0;
+ left: 0;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ border-top: solid 3px black;
+}
+#container {
+ position: absolute;
+ top: 29px;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ background: black;
+ overflow: hidden;
+ z-index: 0;
+ background: url('src/desktop/global/background.jpg') repeat-x black;
+}
+.icon,
+.icon-color {
+ display: inline-block;
+ vertical-align: bottom;
+ padding: 2px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.icon-color {
+ background: #ffdb0f !important;
+}
+#background-paralax {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: no-repeat bottom left transparent;
+ z-index: 100;
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.profil {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.message {
+ background-image: url('src/desktop/screen/message.jpg');
+}
+#background-paralax.fleet {
+ background-image: url('src/desktop/screen/fleet.jpg');
+}
+#background-paralax.financial {
+ background-image: url('src/desktop/screen/financial.jpg');
+}
+#background-paralax.technology {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.rank {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.params {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.bases {
+ background-image: url('src/desktop/screen/base.jpg');
+}
+#movers a {
+ position: absolute;
+ width: 60px;
+ height: 100%;
+ z-index: 400;
+ background: red;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#movers a:hover,
+#movers a:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+#movers a:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+#movers .toLeft {
+ top: 0;
+ left: 60px;
+ background: url('src/desktop/mover/left.png') no-repeat center transparent;
+}
+#movers .toRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center transparent;
+}
+/* finance */
+.component.financial table {
+ border-collapse: collapse;
+ width: 100%;
+}
+.component.financial td {
+ vertical-align: top;
+ width: 50%;
+}
+/* uni */
+.component.uni .build-item {
+ height: 60px;
+ margin: 20px;
+}
+/* techno */
+.component.techno .build-item .name strong {
+ font-size: 16px;
+}
+/* school */
+.component.school .build-item .name strong {
+ font-size: 18px;
+}
+/* generator */
+.component.generator table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* dock1 */
+.component.dock1 table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* situation */
+.component.space .fix-body {
+ background: url('src/desktop/base/situation.jpg') no-repeat top left black;
+}
+/* memorial */
+.component.memorial blockquote {
+ font-size: 22px;
+ margin: 30px 15px 0 30px;
+ line-height: 160%;
+ font-weight: bold;
+ text-align: center;
+}
+.component .info-building {
+ margin: 10px;
+ padding: 0;
+ font-size: 13px;
+ border-top: solid 1px #4F4F4F;
+}
+.component .info-building h4 {
+ margin: 10px;
+}
+.component .info-building p {
+ font-size: 13px;
+}
+#tools .box a,
+#nav .box a,
+#tools .box > span,
+#nav .box > span {
+ position: relative;
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 25px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 150px;
+ color: white;
+ text-decoration: none;
+ font-variant: small-caps;
+ background: url('src/desktop/button/bButtonMiddle.png') repeat-x;
+}
+#tools .box a:before,
+#nav .box a:before,
+#tools .box > span:before,
+#nav .box > span:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonLeft.png') no-repeat;
+}
+#tools .box a:after,
+#nav .box a:after,
+#tools .box > span:after,
+#nav .box > span:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonRight.png') no-repeat;
+}
+#tools .box a.current-base,
+#nav .box a.current-base {
+ margin-left: 56px;
+}
+#tools .box a.current-base img,
+#nav .box a.current-base img {
+ position: absolute;
+ top: -16px;
+ left: -54px;
+ background: black;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ border: solid 2px #4F4F4F;
+ width: 60px;
+}
+#tools .box a:hover:before,
+#nav .box a:hover:before,
+#tools .box a:focus:before,
+#nav .box a:focus:before {
+ background: url('src/desktop/button/bButtonLeftHover.png') repeat;
+}
+#tools .box a:hover:after,
+#nav .box a:hover:after,
+#tools .box a:focus:after,
+#nav .box a:focus:after {
+ background: url('src/desktop/button/bButtonRightHover.png') repeat;
+}
+#tools .box a.active,
+#nav .box a.active {
+ background: url('src/desktop/button/bButtonMiddleActive.png') repeat;
+}
+#tools .box a.active:before,
+#nav .box a.active:before {
+ background: url('src/desktop/button/bButtonLeftActive.png') repeat;
+}
+#tools .box a.active:after,
+#nav .box a.active:after {
+ background: url('src/desktop/button/bButtonRightActive.png') repeat;
+}
+#tools .box a.square,
+#nav .box a.square {
+ position: relative;
+ padding: 0 5px;
+ margin: 5px 2px;
+ height: 32px;
+ width: 30px;
+ background: url('src/desktop/button/bLittleButton.png') no-repeat;
+ vertical-align: top;
+}
+#tools .box a.square:before,
+#nav .box a.square:before,
+#tools .box a.square:after,
+#nav .box a.square:after {
+ display: none;
+}
+#tools .box a.square:hover,
+#nav .box a.square:hover,
+#tools .box a.square:focus,
+#nav .box a.square:focus {
+ background: url('src/desktop/button/bLittleButtonHover.png') no-repeat;
+}
+#tools .box a.square.active,
+#nav .box a.square.active {
+ background: url('src/desktop/button/bLittleButtonActive-c3.png') no-repeat;
+}
+#tools .box a.square.active.flashy,
+#nav .box a.square.active.flashy {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: inset 0 0 12px #ffdb0f;
+}
+#tools .box a.square img,
+#nav .box a.square img {
+ position: absolute;
+ width: 24px;
+ top: 3px;
+ left: 8px;
+}
+#tools .box a.square span.number,
+#nav .box a.square span.number {
+ position: absolute;
+ top: -5px;
+ right: -5px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ font-size: 11px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ background: #b17a00;
+}
+#nav .box {
+ position: absolute;
+ display: inline-block;
+ height: 46px;
+ padding: 0 3px;
+ background: url('src/desktop/nav/bNavBox.png') repeat-x;
+}
+#nav .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxLeft.png') no-repeat;
+}
+#nav .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxRight.png') no-repeat;
+}
+#nav .box.left {
+ top: 0;
+ left: 25px;
+}
+#nav .box.left-2 {
+ top: 0;
+ left: 420px;
+}
+#nav .box.left-3 {
+ top: 0;
+ left: 732px;
+}
+#nav .box.right {
+ top: 0;
+ right: 25px;
+}
+#nav .box a.square span.number {
+ bottom: -5px;
+ top: auto;
+}
+#tools .box {
+ position: absolute;
+ display: inline-block;
+ height: 40px;
+ padding: 1px 3px 0 3px;
+ background: url('src/desktop/tools/bToolBox.png') repeat-x;
+ font-size: 13px;
+}
+#tools .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxRight.png') no-repeat;
+}
+#tools .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxLeft.png') no-repeat;
+}
+#tools .box.left {
+ bottom: 0;
+ right: 340px;
+}
+#tools .box.right {
+ bottom: 0;
+ right: 25px;
+}
+#tools .box a.square img {
+ top: 4px;
+}
+#tools .box a.resource-link,
+#tools .box span.resource-link {
+ width: 110px;
+ font-size: 16px;
+}
+#tools .box a.resource-link img.icon-color,
+#tools .box span.resource-link img.icon-color {
+ position: relative;
+ display: inline-block;
+ width: 18px;
+ vertical-align: middle;
+ margin-left: 5px;
+ top: -2px;
+ padding: 1px;
+}
+#nav .overbox .overflow,
+#tools .overbox .overflow {
+ max-height: 400px;
+ overflow: auto;
+ position: relative;
+}
+#nav .overbox h2,
+#tools .overbox h2 {
+ color: white;
+ padding: 10px 15px;
+ margin: 0;
+ font-size: 14px;
+ font-weight: normal;
+ border-bottom: solid 1px #202020;
+}
+#nav .overbox .link-title,
+#tools .overbox .link-title {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ line-height: 20px;
+ font-size: 11px;
+ padding: 0 5px;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ text-decoration: none;
+ color: white;
+}
+#nav .overbox a,
+#tools .overbox a {
+ color: inherit;
+}
+#nav .overbox a.more-link,
+#tools .overbox a.more-link {
+ display: block;
+ padding: 8px;
+ font-size: 12px;
+ border-top: solid 1px #202020;
+ text-align: center;
+ text-decoration: none;
+ color: #4F4F4F;
+}
+#nav .overbox a.more-link:focus,
+#tools .overbox a.more-link:focus,
+#nav .overbox a.more-link:hover,
+#tools .overbox a.more-link:hover {
+ color: #CCC;
+}
+#nav .overbox p.info,
+#tools .overbox p.info {
+ padding: 5px 15px;
+ font-size: 12px;
+ text-align: center;
+ color: #CCC;
+}
+#nav .overbox .outside-button,
+#tools .overbox .outside-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #dbb200;
+ border: solid 1px #b17a00;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+#nav .overbox .outside-button:hover,
+#tools .overbox .outside-button:hover,
+#nav .overbox .outside-button:focus,
+#tools .overbox .outside-button:focus {
+ background: #b17a00;
+ border-color: #dbb200;
+}
+#nav .overbox .outside-button.disabled,
+#tools .overbox .outside-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+#nav .overbox input.outside-button,
+#tools .overbox input.outside-button {
+ line-height: 26px;
+}
+#nav .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+}
+#nav .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent transparent #202020 transparent;
+ top: -18px;
+ right: 30px;
+}
+#nav .overbox#change-bases {
+ top: 50px;
+ left: 10px;
+ width: 205px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#change-bases:before {
+ left: 30px;
+ right: auto;
+}
+#nav .overbox#change-bases a {
+ display: block;
+ padding: 3px 15px;
+ color: #CCC;
+ text-decoration: none;
+ font-size: 12px;
+ border-bottom: solid 1px #101010;
+}
+#nav .overbox#change-bases a:focus,
+#nav .overbox#change-bases a:hover {
+ background: #101010;
+}
+#nav .overbox#change-bases a.active {
+ background: #202020;
+}
+#nav .overbox#change-bases strong {
+ display: block;
+ color: #CCC;
+ font-size: 13px;
+}
+#nav .overbox#disconnect-box {
+ top: 50px;
+ right: 10px;
+ width: 205px;
+ padding: 8px 0;
+}
+#nav .overbox#disconnect-box hr {
+ margin: 8px 0;
+ border: none;
+ background: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#disconnect-box a {
+ display: block;
+ padding: 0 15px;
+ line-height: 25px;
+ font-size: 13px;
+ color: #CCC;
+ text-decoration: none;
+}
+#nav .overbox#disconnect-box a:hover,
+#nav .overbox#disconnect-box a:focus {
+ color: white;
+ background: #202020;
+}
+#nav .overbox#bug-tracker {
+ width: 250px;
+ top: 50px;
+ right: 98px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#bug-tracker p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 10px;
+}
+#nav .overbox#bug-tracker .option {
+ margin: 3px 10px 10px 10px;
+ display: block;
+ width: 330px;
+ padding: 5px;
+}
+#nav .overbox#bug-tracker textarea {
+ display: block;
+ margin: 0 10px 10px 10px;
+ padding: 5px;
+ width: 318px;
+ height: 200px;
+ min-width: 318px;
+ max-width: 318px;
+ border: solid 1px #202020;
+ font-family: 'Trebuchet MS', sans-serif;
+ font-size: 13px;
+}
+#nav .overbox#bug-tracker .button {
+ display: block;
+ margin: 0 10px 2px 10px;
+}
+#nav .overbox#roadmap {
+ width: 350px;
+ top: 50px;
+ right: 10px;
+}
+#nav .overbox#roadmap .overflow {
+ width: 350px;
+ padding: 8px 0;
+}
+#nav .overbox#roadmap p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 0 10px 10px 10px;
+}
+#nav .overbox#roadmap p em {
+ display: block;
+ font-size: 11px;
+ color: #4F4F4F;
+}
+#nav .overbox#roadmap hr {
+ margin: 5px 0;
+ border: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial {
+ width: 350px;
+ top: 50px;
+ right: 143px;
+ color: white;
+}
+#nav .overbox#tutorial form {
+ padding: 0 0 10px 0;
+ margin: 0;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial .overflow {
+ padding: 15px 15px 0 15px;
+}
+#nav .overbox#tutorial .overflow h3 {
+ position: relative;
+ margin: 0;
+ padding: 0 0 0 36px;
+}
+#nav .overbox#tutorial .overflow h3 .number {
+ position: absolute;
+ top: -4px;
+ left: 0;
+ display: block;
+ width: 26px;
+ line-height: 26px;
+ text-align: center;
+ background: #b17a00;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ margin-right: 10px;
+}
+#nav .overbox#tutorial .overflow p {
+ font-size: 12px;
+ color: #CCC;
+}
+#nav .overbox#new-notifications {
+ top: 50px;
+ left: 627px;
+ width: 300px;
+}
+#tools .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ width: 300px;
+ bottom: 45px;
+ right: 15px;
+}
+#tools .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: #202020 transparent transparent transparent;
+ bottom: -18px;
+ right: 30px;
+}
+#tools .overbox.left-pic:before {
+ left: 30px;
+ right: auto;
+}
+#tools .overbox#tools-calendar {
+ left: 25px;
+ bottom: 45px;
+ right: auto;
+}
+#tools .overbox#tools-refinery {
+ right: 401px;
+ bottom: 45px;
+}
+#tools .overbox#tools-generator {
+ right: 237px;
+ bottom: 45px;
+}
+#tools .overbox#tools-technosphere {
+ right: 193px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock1 {
+ right: 148px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock2 {
+ right: 105px;
+ bottom: 45px;
+}
+#tools .overbox#tools-credit {
+ right: 140px;
+ bottom: 45px;
+}
+#tools .overbox#tools-incoming-attack {
+ right: 230px;
+ bottom: 45px;
+}
+#tools .overbox#tools-outgoing-attack {
+ right: 185px;
+ bottom: 45px;
+}
+#subnav {
+ position: fixed;
+ top: 29px;
+ left: 2px;
+ bottom: 29px;
+ padding: 40px 0;
+ width: 60px;
+ background: url('src/desktop/subnav/middle.png') repeat-y;
+ z-index: 1000;
+}
+#subnav hr {
+ border: none;
+ margin: 20px 0;
+}
+#subnav .overflow {
+ position: relative;
+}
+#subnav .move-side-bar {
+ display: none;
+ position: absolute;
+ z-index: 5000;
+ left: 5px;
+ width: 48px;
+ height: 48px;
+ line-height: 48px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.75);
+ background-position: center;
+ background-repeat: no-repeat;
+ border-radius: 100%;
+ cursor: pointer;
+}
+#subnav .move-side-bar:hover,
+#subnav .move-side-bar:focus {
+ box-shadow: 0 0 3px white;
+}
+#subnav .move-side-bar.top {
+ bottom: auto;
+ top: 20px;
+ background-image: url('src/desktop/component/top.png');
+}
+#subnav .move-side-bar.bottom {
+ bottom: 20px;
+ top: auto;
+ background-image: url('src/desktop/component/bottom.png');
+}
+#subnav .item {
+ position: relative;
+ display: block;
+ height: 50px;
+ width: 50px;
+ margin: 0 0 10px 0;
+ padding: 8px 5px;
+ color: white;
+ text-decoration: none;
+ background: url('src/desktop/subnav/button.png') no-repeat;
+}
+#subnav .item.active {
+ background: url('src/desktop/subnav/button-active-c3.png') no-repeat;
+}
+#subnav .item.striped {
+ background: url('src/desktop/subnav/button-striped.png') no-repeat;
+}
+#subnav .item:before {
+ content: '';
+ position: absolute;
+ right: -6px;
+ bottom: 0;
+ width: 12px;
+ height: 47px;
+ background: url('src/desktop/subnav/til.png') no-repeat;
+}
+#subnav .item:hover:before {
+ background: url('src/desktop/subnav/til-hover.png') no-repeat;
+}
+#subnav .item:hover > .content {
+ display: block;
+}
+#subnav .item .picto {
+ display: block;
+ height: 30px;
+ width: 30px;
+ padding: 10px;
+}
+#subnav .item .picto img {
+ display: block;
+ height: 30px;
+ width: 30px;
+}
+#subnav .item .picto .number {
+ position: absolute;
+ bottom: -5px;
+ right: -18px;
+ display: block;
+ width: 28px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ font-size: 12px;
+ background: url('src/desktop/subnav/number.png') no-repeat;
+}
+#subnav .item .content {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 75px;
+ width: 230px;
+}
+#subnav .item .content.skin-1 span {
+ display: inline-block;
+ margin: 15px 0 15px 16px;
+ padding: 0 15px;
+ line-height: 30px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-1 span:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content {
+ display: inline-block;
+ margin: 0 0 0 16px;
+ padding: 10px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-2 .sub-content:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content hr {
+ border: none;
+ border-top: solid 1px #4F4F4F;
+ margin: 5px 0;
+}
+#subnav .item .content.skin-2 .sub-content .ship {
+ position: relative;
+}
+#subnav .item .content.skin-2 .sub-content .ship img {
+ width: 32px;
+ height: 32px;
+}
+#subnav .item .content.skin-2 .sub-content .ship img.zero {
+ opacity: .5;
+}
+#subnav .item .content.skin-2 .sub-content .ship .number {
+ position: absolute;
+ bottom: -2px;
+ right: -2px;
+ width: 18px;
+ height: 18px;
+ line-height: 18px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ text-align: center;
+ background: #ffdb0f;
+}
+#alert-content {
+ display: none;
+}
+#alert {
+ position: absolute;
+ bottom: 18px;
+ left: 50px;
+ padding: 0;
+ text-align: right;
+ list-style: inset none;
+}
+#alert li {
+ position: relative;
+ display: inline-block;
+ margin: 0 0 0 5px;
+}
+#alert li img {
+ display: block;
+ height: 50px;
+ border: solid 1px #202020;
+ padding: 5px;
+ background: #0A0A0A;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.alert-bull {
+ display: block;
+ position: absolute;
+ z-index: 1200;
+ width: 200px;
+ padding: 6px 8px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.alert-bull .title {
+ display: block;
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+ border-bottom: solid 1px #4F4F4F;
+}
+.alert-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ bottom: -14px;
+ left: 24px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+#content {
+ position: absolute;
+ width: 8000px;
+ height: 100%;
+ top: 0;
+ left: 300px;
+ z-index: 200;
+}
+#content .component {
+ position: relative;
+ display: table-cell;
+ overflow: hidden;
+ width: 300px;
+ background: rgba(0, 0, 0, 0.92);
+}
+#content .component.size2 {
+ width: 600px;
+}
+#content .component.size3 {
+ width: 900px;
+}
+#content .component:nth-child(1) {
+ background: rgba(0, 0, 0, 0.6);
+}
+#content .component:nth-child(2) {
+ background: rgba(0, 0, 0, 0.75);
+}
+#content .component:nth-child(3) {
+ background: rgba(0, 0, 0, 0.85);
+}
+#content .component:nth-child(4) {
+ background: rgba(0, 0, 0, 0.9);
+}
+#content .component .head {
+ position: relative;
+ display: inline-block;
+ height: 120px;
+ width: 100%;
+ vertical-align: top;
+ color: white;
+ background: url('src/desktop/component/bHead.jpg') repeat-x center black;
+ border-bottom: solid 1px #202020;
+}
+#content .component .head h1 {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ font-size: 38px;
+ line-height: 50px;
+ height: 50px;
+ display: inline-block;
+ padding: 0 10px;
+ background: black;
+ overflow: hidden;
+}
+#content .component .fix-body {
+ position: relative;
+ overflow: auto;
+ color: white;
+ border-right: solid 1px #202020;
+}
+#content .component .fix-body .body {
+ position: relative;
+}
+.no-scrolling #content .component .fix-body {
+ overflow: hidden;
+}
+.no-scrolling #content .component .fix-body > a {
+ position: absolute;
+ width: 100%;
+ height: 40px;
+ left: 0;
+ opacity: 0;
+}
+.no-scrolling #content .component .fix-body.hover > a {
+ opacity: 1;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+.no-scrolling #content .component .fix-body .toTop {
+ top: 0;
+ background-image: url('src/desktop/component/top.png'), -webkit-gradient(linear, black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -moz-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -ms-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -o-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+}
+.no-scrolling #content .component .fix-body .toBottom {
+ bottom: 0;
+ background-image: url('src/desktop/component/bottom.png'), -webkit-gradient(linear, transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+}
+#content .component.invisible {
+ background: transparent;
+}
+#content .component.invisible .publicity {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: red;
+}
+.component .tool {
+ display: table;
+ width: 100%;
+ height: 44px;
+ margin: 0;
+ overflow: hidden;
+ background: black;
+ border-bottom: solid 1px #ffdb0f;
+ color: #4F4F4F;
+}
+.component .tool > span {
+ display: table-cell;
+ width: 28px;
+ border: solid 6px transparent;
+ border-left: none;
+}
+.component .tool > span:first-child {
+ border: solid 5px transparent;
+ width: auto;
+ text-align: center;
+}
+.component .tool > span:first-child a {
+ width: auto;
+}
+.component .tool > span a {
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 0;
+ line-height: 30px;
+ width: 30px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+ text-align: center;
+}
+.component .tool > span a img {
+ width: 18px;
+ position: relative;
+ top: -4px;
+}
+.component .tool > span a.active {
+ background: #dbb200;
+ color: white;
+ border-color: #ffdb0f;
+}
+.component .tool > span a.active.down {
+ box-shadow: 0 2px 0 0 #CCC;
+}
+.component .tool > span a.active.up {
+ box-shadow: 0 -2px 0 0 #CCC;
+}
+.component .tool > span a.active:hover,
+.component .tool > span a.active:focus {
+ color: #CCC;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
+}
+.component .tool > span a:hover,
+.component .tool > span a:focus,
+.component .tool > span a:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .tool.sort-button > span:first-child {
+ text-align: center;
+}
+.component h3 {
+ width: 100%;
+ margin: 0;
+ background: black;
+ text-align: center;
+ padding: 0 2px;
+ line-height: 44px;
+ font-weight: normal;
+ font-size: 14px;
+ color: #4F4F4F;
+ text-decoration: none;
+ border-bottom: solid 1px #ffdb0f;
+}
+.component h4 {
+ margin: 10px 10px 0 10px;
+ font-weight: normal;
+ font-size: 18px;
+}
+.component .body p {
+ margin: 10px;
+ font-size: 13px;
+ text-align: justify;
+}
+.component .body p.info {
+ position: relative;
+ border-top: solid 1px #202020;
+ padding: 10px;
+ margin: 10px;
+ line-height: 140%;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component .body p.info a {
+ color: white;
+}
+.component .body p.info .requierement {
+ display: inline-block;
+ margin: 0 0 0 8px;
+ vertical-align: bottom;
+ height: 16px;
+}
+.component .body p.long-info {
+ padding: 10px;
+ line-height: 150%;
+ background: black;
+}
+.component .body p .alone-button {
+ display: block;
+ text-align: center;
+ color: white;
+ line-height: 40px;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #4F4F4F;
+ box-shadow: inset 0 0 2px black;
+ padding: 0 10px;
+ background: #b17a00;
+}
+.component .body p .alone-button:hover,
+.component .body p .alone-button:focus {
+ background: #dbb200;
+}
+.component .border-bottom {
+ border-bottom: solid 3px #ffdb0f;
+}
+.component .list-type-1 {
+ margin: 10px;
+ padding: 0;
+ list-style: none;
+}
+.component .list-type-1 li {
+ position: relative;
+ padding: 5px 10px;
+ text-align: right;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: rgba(0, 0, 0, 0.8);
+ color: #989898;
+}
+.component .list-type-1 li.strong {
+ border-top: double 3px #4F4F4F;
+ background: #111111;
+ color: white;
+}
+.component .list-type-1 li.empty {
+ background: none;
+ border: none;
+ height: 50px;
+}
+.component .list-type-1 li ul li {
+ height: auto;
+}
+.component .list-type-1 .label {
+ display: block;
+ font-size: 13px;
+}
+.component .list-type-1 .label .icon-color {
+ width: 15px;
+ padding: 1px;
+}
+.component .list-type-1 .value {
+ display: inline-block;
+ font-size: 22px;
+ line-height: 30px;
+ font-weight: bold;
+}
+.component .list-type-1 .value .icon,
+.component .list-type-1 .value .icon-color {
+ height: 18px;
+ margin-left: 8px;
+ position: relative;
+ top: -3px;
+}
+.component .list-type-1 .picto {
+ position: absolute;
+ top: 7px;
+ left: 10px;
+ height: 35px;
+ width: 35px;
+ line-height: 35px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+ font-size: 16px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+}
+.component .list-type-1 .picto.color1 {
+ background: #510816;
+}
+.component .list-type-1 .picto.color2 {
+ background: #0c0d44;
+}
+.component .list-type-1 .picto.color3 {
+ background: #b17a00;
+}
+.component .list-type-1 .picto.color4 {
+ background: #310948;
+}
+.component .list-type-1 .picto.color5 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color6 {
+ background: #004948;
+}
+.component .list-type-1 .picto.color7 {
+ background: #401b13;
+}
+.component .list-type-1 .picto.color8 {
+ background: #c3590b;
+}
+.component .list-type-1 .picto.color9 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color10 {
+ background: #4d0621;
+}
+.component .list-type-1 .picto.color11 {
+ background: #10684c;
+}
+.component .list-type-1 .picto.color12 {
+ background: #b17a00;
+}
+.component .list-type-1 .hide {
+ color: #4F4F4F;
+}
+.component .list-type-1 .buttons {
+ position: absolute;
+ top: 28px;
+ left: 5px;
+}
+.component .list-type-1 .buttons a {
+ display: inline-block;
+ margin: 0 4px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-style: 14px;
+ color: white;
+ border-radius: 3px;
+ background: #dbb200;
+}
+.component .list-type-1 .progress-bar {
+ text-align: left;
+ margin-top: 5px;
+}
+.component .sub-list-type-1 {
+ display: none;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.component .sub-list-type-1 li {
+ position: relative;
+ padding: 2px 0;
+ text-align: left;
+ border: none;
+ border-top: solid 1px #0A0A0A;
+}
+.component .sub-list-type-1 .label {
+ display: inline-block;
+ width: 60%;
+}
+.component .sub-list-type-1 .label .button {
+ position: relative;
+ left: -4px;
+ margin: 0 0 0 3px;
+}
+.component .sub-list-type-1 .value {
+ text-align: right;
+ line-height: 25px;
+ font-size: 18px;
+ width: 40%;
+}
+.component .sub-list-type-1 .value .button {
+ margin: 0 2px 0 6px;
+}
+.component .sub-list-type-1 .button {
+ display: inline-block;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: normal;
+ color: white;
+ border-radius: 3px;
+ background: #ffdb0f;
+}
+.component .list-type-1 form {
+ z-index: 1;
+ position: absolute;
+ display: none;
+ bottom: -40px;
+ right: 3px;
+}
+.component .list-type-1 form p {
+ position: relative;
+ background: white;
+ border-radius: 3px;
+ padding: 0;
+ margin: 0;
+ width: 200px;
+ height: 35px;
+}
+.component .list-type-1 form p:before {
+ content: '';
+ position: absolute;
+ top: -12px;
+ right: 12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+}
+.component .list-type-1 form input {
+ border: none;
+ background: none;
+ line-height: 35px;
+ height: 35px;
+ padding: 0 10px;
+}
+.component .list-type-1 form input[type='text'] {
+ width: 140px;
+}
+.component .list-type-1 form input[type='submit'] {
+ width: 40px;
+}
+.component .sub-list-type-1 form {
+ right: -6px;
+}
+/* NUMBER BOX */
+.number-box {
+ position: relative;
+ margin: 10px;
+ padding: 5px 10px;
+ background: black;
+ color: white;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ border-left: solid 10px #dbb200;
+}
+.number-box.half {
+ display: inline-block;
+ width: 254px;
+ margin-right: 0;
+ margin-bottom: 0;
+}
+.number-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.number-box.text {
+ border-left: solid 1px #0A0A0A;
+}
+.number-box.text a {
+ text-decoration: none;
+ color: white;
+}
+.number-box .label {
+ display: block;
+}
+.number-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.number-box .value .icon-color {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+.number-box .progress-bar {
+ margin: 5px 0;
+}
+.number-box .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.number-box .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #dbb200;
+}
+/* PROGRESS BAR */
+.progress-bar {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 3px;
+ background: #4F4F4F;
+}
+.progress-bar .content {
+ position: relative;
+ display: inline-block;
+ height: 3px;
+ vertical-align: top;
+ overflow: hidden;
+ max-width: 100%;
+}
+.progress-bar .content:nth-child(n) {
+ background: #ffdb0f;
+}
+.progress-bar .content:nth-child(2n) {
+ background: #b17a00;
+}
+.progress-bar .content.color1 {
+ background: #6e161b;
+}
+.progress-bar .content.color2 {
+ background: #1f1471;
+}
+.progress-bar .content.color3 {
+ background: #dbb200;
+}
+.progress-bar .content.color4 {
+ background: #5a1072;
+}
+.progress-bar .content.color5 {
+ background: #2c7915;
+}
+.progress-bar .content.color6 {
+ background: #076b87;
+}
+.progress-bar .content.color7 {
+ background: #67331d;
+}
+.progress-bar .content.color8 {
+ background: #d87913;
+}
+.progress-bar .content.color9 {
+ background: #2c7915;
+}
+.progress-bar .content.color10 {
+ background: #760f36;
+}
+.progress-bar .content.color11 {
+ background: #219772;
+}
+.progress-bar .content.color12 {
+ background: #dbb200;
+}
+.progress-bar .step {
+ position: absolute;
+}
+.progress-bar .step .label {
+ position: absolute;
+ display: block;
+ width: 150px;
+ left: 0;
+ top: -28px;
+}
+.progress-bar .step .label.bottom {
+ top: auto;
+ bottom: -28px;
+}
+.progress-bar .step .label.right {
+ right: 0;
+ left: auto;
+ text-align: right;
+}
+.progress-bar .step:before {
+ content: '';
+ position: absolute;
+ width: 12px;
+ height: 12px;
+ background: #dbb200;
+ box-shadow: 0 0 0 3px #b17a00;
+ border-radius: 100%;
+ top: -5px;
+ left: -5px;
+}
+/* BONUS */
+.bonus {
+ vertical-align: top;
+ display: inline-block;
+ font-size: 55%;
+ line-height: 100%;
+ padding: 3px;
+ margin: 2px 0 0 8px;
+ border-radius: 3px;
+ font-weight: normal;
+ background: #b17a00;
+}
+/* HEAD */
+.component .head.skin-1 img {
+ position: absolute;
+ top: 22px;
+ left: 20px;
+ padding: 8px;
+ width: 60px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .head.skin-1 img:before {
+ content: '';
+ width: 100px;
+ height: 100px;
+}
+.component .head.skin-1 h2 {
+ position: absolute;
+ bottom: 66px;
+ left: 105px;
+ font-size: 22px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-1 em {
+ position: absolute;
+ top: 62px;
+ left: 105px;
+ font-size: 13px;
+ line-height: 16px;
+ font-style: normal;
+}
+.component .head.skin-2 h2 {
+ position: absolute;
+ display: inline-block;
+ top: 45px;
+ left: 10px;
+ font-size: 22px;
+ line-height: 30px;
+ margin: 0;
+ padding: 0 10px;
+ background: black;
+ font-weight: normal;
+}
+.component .head.skin-3 img {
+ position: absolute;
+ width: 50px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 27px;
+}
+.component .head.skin-3 img.left {
+ left: 40px;
+}
+.component .head.skin-3 img.right {
+ right: 40px;
+}
+.component .head.skin-4 img.main {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 37px;
+}
+.component .head.skin-4 h2 {
+ position: absolute;
+ top: 35px;
+ left: 60px;
+ font-size: 18px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-4 em {
+ position: absolute;
+ top: 65px;
+ left: 60px;
+ font-size: 13px;
+ line-height: 16px;
+}
+.component .head.skin-5 h2 {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ font-size: 16px;
+ font-weight: normal;
+ margin: 0;
+ padding: 0 20px;
+ background: black;
+}
+.component .head.skin-5 h2:before {
+ content: '';
+ position: absolute;
+ display: block;
+ top: 5px;
+ left: 0;
+ width: 8px;
+ height: 8px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .more-item,
+.component .more-button {
+ display: block;
+ margin: 10px 10px 5px;
+ line-height: 34px;
+ padding: 0 12px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+}
+.component .more-item:hover,
+.component .more-button:hover,
+.component .more-item:focus,
+.component .more-button:focus,
+.component .more-item:active,
+.component .more-button:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .nav-element {
+ position: relative;
+ display: block;
+ margin: 10px;
+ height: 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component .nav-element img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ height: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component .nav-element.active {
+ background: #dbb200;
+}
+.component .nav-element .active img {
+ background: black;
+}
+.component .nav-element strong {
+ position: absolute;
+ top: 5px;
+ left: 70px;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component .nav-element em {
+ position: absolute;
+ top: 30px;
+ left: 70px;
+ color: white;
+ font-weight: normal;
+ font-size: 12px;
+ font-style: normal;
+ color: #efefef;
+}
+.component hr {
+ border: none;
+ border-bottom: dashed 1px #202020;
+ margin: 0 10px;
+}
+.component .set-item {
+ margin: 10px;
+ border-bottom: solid 1px #202020;
+}
+.component .set-item a.item:hover,
+.component .set-item a.item:focus {
+ background-color: #0c0c0c;
+}
+.component .set-item .item {
+ position: relative;
+ display: block;
+ color: white;
+ height: 60px;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+}
+.component .set-item .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+}
+.component .set-item .item .left img {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left img.color1 {
+ background: #6e161b;
+}
+.component .set-item .item .left img.color2 {
+ background: #1f1471;
+}
+.component .set-item .item .left img.color3 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.color4 {
+ background: #5a1072;
+}
+.component .set-item .item .left img.color5 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color6 {
+ background: #076b87;
+}
+.component .set-item .item .left img.color7 {
+ background: #67331d;
+}
+.component .set-item .item .left img.color8 {
+ background: #d87913;
+}
+.component .set-item .item .left img.color9 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color10 {
+ background: #760f36;
+}
+.component .set-item .item .left img.color11 {
+ background: #219772;
+}
+.component .set-item .item .left img.color12 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.round-color0 {
+ box-shadow: 0 0 0 2px #CCC;
+}
+.component .set-item .item .left img.round-color1 {
+ box-shadow: 0 0 0 2px #b01e2d;
+}
+.component .set-item .item .left img.round-color2 {
+ box-shadow: 0 0 0 2px #2f23c0;
+}
+.component .set-item .item .left img.round-color3 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left img.round-color4 {
+ box-shadow: 0 0 0 2px #a935c7;
+}
+.component .set-item .item .left img.round-color5 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color6 {
+ box-shadow: 0 0 0 2px #05bed7;
+}
+.component .set-item .item .left img.round-color7 {
+ box-shadow: 0 0 0 2px #ac5832;
+}
+.component .set-item .item .left img.round-color8 {
+ box-shadow: 0 0 0 2px #f2b636;
+}
+.component .set-item .item .left img.round-color9 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color10 {
+ box-shadow: 0 0 0 2px #a92859;
+}
+.component .set-item .item .left img.round-color11 {
+ box-shadow: 0 0 0 2px #34b089;
+}
+.component .set-item .item .left img.round-color12 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left span {
+ display: block;
+ width: 30px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 15px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left span.round-color0 {
+ background: #CCC;
+}
+.component .set-item .item .left span.round-color1 {
+ background: #b01e2d;
+}
+.component .set-item .item .left span.round-color2 {
+ background: #2f23c0;
+}
+.component .set-item .item .left span.round-color3 {
+ background: #ffdb0f;
+}
+.component .set-item .item .left span.round-color4 {
+ background: #a935c7;
+}
+.component .set-item .item .left span.round-color5 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color6 {
+ background: #05bed7;
+}
+.component .set-item .item .left span.round-color7 {
+ background: #ac5832;
+}
+.component .set-item .item .left span.round-color8 {
+ background: #f2b636;
+}
+.component .set-item .item .left span.round-color9 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color10 {
+ background: #a92859;
+}
+.component .set-item .item .left span.round-color11 {
+ background: #34b089;
+}
+.component .set-item .item .left span.round-color12 {
+ background: #ffdb0f;
+}
+.component .set-item .item .center {
+ position: absolute;
+ top: 0;
+ left: 60px;
+ right: 30px;
+ bottom: 0;
+ padding: 9px 0;
+}
+.component .set-item .item .center strong {
+ display: block;
+ line-height: 22px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+}
+.component .set-item .item .center a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+}
+.component .set-item .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 29px;
+ border-left: solid 1px #202020;
+}
+.component .set-item .item .right a {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 29px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+}
+.component .set-item .item .right a:hover,
+.component .set-item .item .right a:focus,
+.component .set-item .item .right a.active {
+ background-color: #202020;
+}
+.component .set-item .item .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.component .set-item .item .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #dbb200;
+}
+.army-bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ width: 220px;
+ color: #CCC;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.army-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+ left: 18px;
+}
+.army-bull strong {
+ display: block;
+ padding-bottom: 5px;
+ margin-bottom: 5px;
+ border-bottom: solid 1px #4F4F4F;
+ font-weight: normal;
+}
+.army-bull .label {
+ display: inline-block;
+ width: 70px;
+}
+.army-bull .value {
+ display: inline-block;
+ width: 40px;
+}
+.component .build-item {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ width: 278px;
+}
+.component .build-item a {
+ color: white;
+}
+.component .build-item .name {
+ position: relative;
+ height: 40px;
+ padding: 5px 5px 5px 90px;
+}
+.component .build-item .name img {
+ z-index: 20;
+ position: absolute;
+ top: -10px;
+ left: 5px;
+ width: 60px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .build-item .name strong {
+ display: block;
+ font-size: 18px;
+}
+.component .build-item .level {
+ display: block;
+ position: absolute;
+ width: 22px;
+ line-height: 22px;
+ text-align: center;
+ font-size: 12px;
+ border-radius: 100%;
+ top: 38px;
+ left: 58px;
+ border: solid 1px white;
+ z-index: 22;
+ background: #dbb200;
+}
+.component .build-item .info {
+ display: none;
+ position: absolute;
+ width: 20px;
+ line-height: 20px;
+ text-align: center;
+ font-size: 16px;
+ text-decoration: none;
+ border-radius: 3px;
+ top: 5px;
+ right: 5px;
+ background: #dbb200;
+ color: white;
+}
+.component .build-item .name-commander {
+ margin: 10px 10px 0 10px;
+ height: 40px;
+ padding: 0 10px;
+ border: none;
+ background: white;
+ border-radius: 3px;
+ width: 240px;
+ text-align: center;
+ font-size: 16px;
+}
+.component .build-item .button {
+ display: block;
+ margin: 10px;
+ padding: 5px 10px;
+ width: 240px;
+ line-height: 20px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ background: #dbb200;
+ box-shadow: inset 0 0 2px black;
+ border: none;
+ cursor: pointer;
+ min-height: 36px;
+}
+.component .build-item .button:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #ffdb0f;
+}
+.component .build-item .button.disable {
+ background: #202020;
+ cursor: default;
+}
+.component .build-item .button .icon-color {
+ width: 14px;
+}
+.component .build-item button.button {
+ width: 260px;
+}
+.component .build-item .ship-pack {
+ z-index: 10;
+ position: absolute;
+ bottom: 15px;
+ left: 15px;
+ width: 60px;
+ height: 40px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ background: white;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ border-radius: 3px;
+ box-shadow: inset 0 0 0 3px #CCC;
+}
+.component .build-item .ship-illu {
+ width: 260px;
+ margin: 5px 10px;
+ overflow: hidden;
+}
+.component .build-item .ship-illu img {
+ width: 100%;
+}
+.component .build-item.disabled {
+ opacity: .3;
+}
+.component .build-item.disabled .name img {
+ opacity: .50;
+}
+.component .build-item.disabled strong {
+ color: #4F4F4F;
+}
+.component .build-item.disabled .button.disable {
+ color: #696969;
+}
+.component .build-item.disabled .button.disable:hover {
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component .build-item.large {
+ width: 578px;
+}
+.component .build-item.large .info {
+ top: 75px;
+ right: 25px;
+}
+.component .build-item.large .button {
+ display: block;
+ top: -3px;
+ right: 0;
+ line-height: 18px;
+ width: 540px;
+ min-height: 36px;
+}
+.component .build-item.large .ship-illu {
+ width: 560px;
+ margin-top: 10px;
+}
+.component .build-item input {
+ display: block;
+ width: 243px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component .build-item select {
+ display: block;
+ width: 260px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component.panel-info .remove-info {
+ display: block;
+ position: absolute;
+ top: 2px;
+ right: 10px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ color: white;
+ border-radius: 3px;
+ background: #b17a00;
+}
+.component.panel-info .table {
+ margin: 10px;
+}
+.component.panel-info .table table {
+ width: 100%;
+ text-align: right;
+ border-collapse: collapse;
+ background: black;
+}
+.component.panel-info .table td {
+ border: solid 1px #202020;
+ padding: 6px 8px;
+}
+.component.panel-info .table tr.small-grey {
+ background: #0A0A0A;
+}
+.component.panel-info .table tr.active td {
+ background: #0A0A0A;
+ border-bottom: solid 1px #4F4F4F;
+}
+.component.panel-info .table .icon-color {
+ width: 12px;
+}
+.component.panel-info .illu {
+ margin: 0 10px;
+ box-shadow: inset 0 0 5px black;
+}
+.component.panel-info .skill-box {
+ position: relative;
+ margin: 0 10px;
+ padding: 5px 10px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+}
+.component.panel-info .skill-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.component.panel-info .skill-box .label {
+ display: block;
+}
+.component.panel-info .skill-box .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.panel-info .skill-box .value .icon-color {
+ width: 18px;
+}
+.component.panel-info .skill-box .progress-bar {
+ margin: 6px 0 2px 0;
+}
+.splash-screen {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 10000;
+ opacity: 0;
+ background: rgba(0, 0, 0, 0.8);
+}
+.splash-screen .modal {
+ width: 500px;
+ height: 140px;
+ position: absolute;
+ top: 80px;
+ right: 3000px;
+ background: #0A0A0A;
+ padding: 25px 175px 25px 75px;
+ color: white;
+ border-radius: 140px;
+ border: solid 1px #202020;
+}
+.splash-screen .modal h1 {
+ font-size: 36px;
+ margin: 0;
+ padding: 0 0 10px 0;
+}
+.splash-screen .modal h2 {
+ font-size: 20px;
+ margin: 0;
+ padding: 0;
+}
+.splash-screen .modal img {
+ position: absolute;
+ top: -15px;
+ right: -50px;
+ width: 200px;
+ padding: 10px;
+ background: #202020;
+ border-radius: 100%;
+ border: solid 1px #4F4F4F;
+}
+.splash-screen .modal:before {
+ content: '';
+ position: absolute;
+ top: -80px;
+ right: 20px;
+ border-color: transparent transparent #4F4F4F transparent;
+ border-width: 40px;
+ border-style: solid;
+}
+.common-link {
+ color: white;
+}
+.component .top-right-button {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ padding: 0 10px;
+ line-height: 30px;
+ color: white;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #dbb200;
+ z-index: 1;
+}
+.component .top-right-button:hover,
+.component .top-right-button:focus {
+ background: #b17a00;
+}
+.alert {
+ display: block;
+ margin: 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ text-decoration: none;
+ color: white;
+ background: #dbb200;
+ border-radius: 3px;
+ box-shadow: 0 0 2px black;
+}
+.common-link {
+ display: block;
+ margin: 10px;
+ color: white;
+ text-decoration: none;
+}
+.text-bloc a {
+ display: inline-block;
+ color: inherit;
+ opacity: .60;
+}
+.text-bloc a:hover,
+.text-bloc a:focus {
+ opacity: 1;
+}
+.queue {
+ margin: 10px;
+ color: white;
+}
+.queue .item {
+ position: relative;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ min-height: 60px;
+ display: block;
+}
+.queue .item.empty {
+ background: #0A0A0A;
+}
+.queue .item.empty strong {
+ font-weight: normal;
+}
+.queue .item.link {
+ min-height: 0;
+ padding: 10px;
+ color: #4F4F4F;
+ text-decoration: none;
+}
+.queue .item.link:hover,
+.queue .item.link:focus {
+ color: #CCC;
+}
+.queue .item a.button {
+ position: absolute;
+ display: block;
+ top: 2px;
+ right: 5px;
+ color: white;
+ text-decoration: none;
+}
+.queue .item a {
+ color: #CCC;
+}
+.queue .item .group-link {
+ position: absolute;
+ top: 9px;
+ right: 9px;
+}
+.queue .item .group-link a {
+ display: block;
+ width: 20px;
+ line-height: 20px;
+ margin: 0 0 5px 0;
+ border-radius: 3px;
+ color: white;
+ text-align: center;
+ text-decoration: none;
+ background: #dbb200;
+}
+.queue .item .group-link a:hover,
+.queue .item .group-link a:focus {
+ background: #ffdb0f;
+}
+.queue .item .picto {
+ float: left;
+ width: 40px;
+ height: 40px;
+ margin: 5px;
+ padding: 5px;
+ background: black;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.queue .item strong {
+ display: block;
+ margin: 6px 0 2px 0;
+}
+.queue .item strong .level {
+ font-size: 11px;
+ color: #CCC;
+}
+.queue .item .big {
+ font-size: 24px;
+}
+.queue .item em {
+ display: block;
+ font-style: normal;
+ color: #AEAEAE;
+}
+.queue .item .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 5px;
+ height: 3px;
+ background: #4F4F4F;
+}
+.queue .item .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #ffdb0f;
+}
+.choose-government {
+ display: block;
+ margin: 10px;
+ padding: 10px;
+ background: #0A0A0A;
+ border-radius: 3px;
+}
+.choose-government select {
+ display: block;
+ width: 100%;
+ padding: 8px;
+}
+.choose-government button {
+ display: block;
+ width: 100%;
+ margin: 10px 0 0 0;
+ padding: 0 10px;
+ line-height: 30px;
+ border: none;
+ color: white;
+ cursor: pointer;
+ background: #dbb200;
+}
+.choose-government button:hover,
+.choose-government button:focus {
+ background: #b17a00;
+}
+.evolution {
+ background: black;
+ margin: 10px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+}
+.evolution .header {
+ padding: 10px;
+ border-bottom: solid 1px #202020;
+ color: #EFEFEF;
+}
+.evolution .diargam {
+ padding: 10px;
+ background: #0A0A0A;
+}
+.evolution .diargam .progress-bar {
+ background: #0A0A0A !important;
+ height: 20px;
+ padding-bottom: 1px;
+}
+.evolution .diargam .progress-bar .content {
+ height: 20px;
+ line-height: 20px;
+ font-size: 12px;
+ color: white;
+ padding-left: 5px;
+}
+.evolution .diargam .progress-bar:nth-child(odd) .content {
+ background: #dbb200 !important;
+}
+.centred-link {
+ display: block;
+ width: 300px;
+ text-align: center;
+ margin: 0 auto;
+ text-decoration: none;
+ padding: 6px 10px;
+ color: #EFEFEF;
+ background: #dbb200;
+ border: solid 1px #b17a00;
+}
+.centred-link:hover,
+.centred-link:focus {
+ background: #b17a00;
+ border-color: #dbb200;
+ color: white;
+}
+span.centred-link {
+ background: #202020;
+ border: solid 1px #0A0A0A;
+ color: #4F4F4F;
+}
+span.centred-link:hover,
+span.centred-link:focus {
+ background: #202020;
+ border-color: #0A0A0A;
+ color: #4F4F4F;
+}
+.component.profil .center-box {
+ margin: 20px 10px 0;
+ color: white;
+ text-align: center;
+}
+.component.profil .center-box .label {
+ display: block;
+}
+.component.profil .center-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.profil .profil-flag {
+ position: relative;
+ width: 222px;
+ height: 460px;
+ margin: 0 auto;
+}
+.component.profil .profil-flag img {
+ position: relative;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ padding: 10px;
+ border-radius: 100%;
+ margin: 20px auto;
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+ z-index: 1;
+}
+.component.profil .profil-flag.color-1 img {
+ box-shadow: 0 0 0 4px #6e161b, 0 0 20px black;
+}
+.component.profil .profil-flag.color-2 img {
+ box-shadow: 0 0 0 4px #1f1471, 0 0 20px black;
+}
+.component.profil .profil-flag.color-3 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag.color-4 img {
+ box-shadow: 0 0 0 4px #5a1072, 0 0 20px black;
+}
+.component.profil .profil-flag.color-5 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-6 img {
+ box-shadow: 0 0 0 4px #076b87, 0 0 20px black;
+}
+.component.profil .profil-flag.color-7 img {
+ box-shadow: 0 0 0 4px #67331d, 0 0 20px black;
+}
+.component.profil .profil-flag.color-8 img {
+ box-shadow: 0 0 0 4px #d87913, 0 0 20px black;
+}
+.component.profil .profil-flag.color-9 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-10 img {
+ box-shadow: 0 0 0 4px #760f36, 0 0 20px black;
+}
+.component.profil .profil-flag.color-11 img {
+ box-shadow: 0 0 0 4px #219772, 0 0 20px black;
+}
+.component.profil .profil-flag.color-12 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag:before {
+ display: block;
+ position: absolute;
+ content: '';
+ top: 218px;
+ left: 33px;
+ width: 154px;
+ height: 241px;
+ background: url('src/desktop/faction/flag/flag-3.png') no-repeat;
+}
+.component.profil .profil-flag.color-1:before {
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.profil .profil-flag.color-2:before {
+ background: url('src/desktop/faction/flag/flag-2.png') no-repeat;
+}
+.component.profil .profil-flag.color-3:before {
+ background: url('src/desktop/faction/flag/flag-3.png') no-repeat;
+}
+.component.profil .profil-flag.color-4:before {
+ background: url('src/desktop/faction/flag/flag-4.png') no-repeat;
+}
+.component.profil .profil-flag.color-5:before {
+ background: url('src/desktop/faction/flag/flag-5.png') no-repeat;
+}
+.component.profil .profil-flag.color-6:before {
+ background: url('src/desktop/faction/flag/flag-6.png') no-repeat;
+}
+.component.profil .profil-flag.color-7:before {
+ background: url('src/desktop/faction/flag/flag-7.png') no-repeat;
+}
+.component.profil .profil-flag.color-8:before {
+ background: url('src/desktop/faction/flag/flag-8.png') no-repeat;
+}
+.component.profil .profil-flag.color-9:before {
+ background: url('src/desktop/faction/flag/flag-9.png') no-repeat;
+}
+.component.profil .profil-flag.color-10:before {
+ background: url('src/desktop/faction/flag/flag-10.png') no-repeat;
+}
+.component.profil .profil-flag.color-11:before {
+ background: url('src/desktop/faction/flag/flag-11.png') no-repeat;
+}
+.component.profil .profil-flag.color-12:before {
+ background: url('src/desktop/faction/flag/flag-12.png') no-repeat;
+}
+.component.profil .profil-flag .level {
+ z-index: 2;
+ display: block;
+ position: absolute;
+ top: 184px;
+ right: 2px;
+ width: 36px;
+ height: 36px;
+ text-align: center;
+ line-height: 36px;
+ background: #0A0A0A;
+ border: 3px solid #dbb200;
+ border-radius: 100%;
+}
+.component.profil .profil-flag.color-1 .level {
+ border-color: #6e161b;
+}
+.component.profil .profil-flag.color-2 .level {
+ border-color: #1f1471;
+}
+.component.profil .profil-flag.color-3 .level {
+ border-color: #dbb200;
+}
+.component.profil .profil-flag.color-4 .level {
+ border-color: #5a1072;
+}
+.component.profil .profil-flag.color-5 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-6 .level {
+ border-color: #076b87;
+}
+.component.profil .profil-flag.color-7 .level {
+ border-color: #67331d;
+}
+.component.profil .profil-flag.color-8 .level {
+ border-color: #d87913;
+}
+.component.profil .profil-flag.color-9 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-10 .level {
+ border-color: #760f36;
+}
+.component.profil .profil-flag.color-11 .level {
+ border-color: #219772;
+}
+.component.profil .profil-flag.color-12 .level {
+ border-color: #dbb200;
+}
+.component.profil .faction-flag {
+ display: block;
+ content: '';
+ width: 154px;
+ height: 241px;
+ margin: 0 auto;
+ background: url('src/desktop/faction/flag/flag-3.png') no-repeat;
+}
+.component.search-player {
+ position: relative;
+ background: transparent !important;
+}
+.component.search-player .box {
+ position: absolute;
+ top: 60px;
+ left: 50px;
+ width: 440px;
+ color: white;
+}
+.component.search-player .top {
+ background: rgba(0, 0, 0, 0.4);
+ padding: 10px;
+ border-radius: 3px 3px 0 0;
+}
+.component.search-player .top label {
+ display: block;
+ font-size: 16px;
+}
+.component.search-player .top input {
+ display: block;
+ border: none;
+ height: 40px;
+ width: 400px;
+ padding: 0 10px;
+ margin: 10px 0 0 0;
+ font-size: 20px;
+ color: #202020;
+ border-radius: 3px;
+}
+.component.search-player .center {
+ background: rgba(0, 0, 0, 0.8);
+ padding: 10px 25px 10px 10px;
+ min-height: 140px;
+ border-radius: 0 0 3px 3px;
+}
+.component.search-player .center .avatar {
+ float: left;
+ position: relative;
+ left: -20px;
+ width: 120px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: #0A0A0A;
+}
+.component.search-player .center .right {
+ margin-left: 140px;
+}
+.component.search-player .center h1 {
+ margin: 10px 0 0 0;
+ padding: 0;
+}
+.component.search-player .center hr {
+ margin: 10px 0;
+ border-color: #4F4F4F;
+}
+.component.search-player .center p {
+ margin: 5px 0;
+ padding: 0;
+}
+.component.search-player .center p span {
+ display: inline-block;
+ background: red;
+ line-height: 28px;
+ padding: 0 10px;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ border-right: none;
+}
+.component.search-player .center p span:first-child {
+ border-radius: 3px 0 0 3px;
+}
+.component.search-player .center p span:last-child {
+ border-radius: 0 3px 3px 0;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+}
+.component.search-player.color1 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component.search-player.color2 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component.search-player.color3 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.search-player.color4 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component.search-player.color5 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color6 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component.search-player.color7 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component.search-player.color8 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component.search-player.color9 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color10 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.component.search-player.color11 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.component.search-player.color12 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.new-message p.input {
+ position: relative;
+ background: white;
+ padding: 10px;
+ border-radius: 3px;
+}
+.component.new-message p.input:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ height: 0;
+ top: -12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+ left: 20px;
+}
+.component.new-message label {
+ display: block;
+ font-size: 13px;
+}
+.component.new-message .input-text input {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.new-message .input-area textarea {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+ max-width: 100%;
+ min-width: 100%;
+ height: 200px;
+}
+.component.new-message button {
+ display: inline-block;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 15px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #ffdb0f;
+}
+.component.new-message button:hover,
+.component.new-message button:focus {
+ background: #b17a00;
+}
+.notif {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border-top: solid 1px #4F4F4F;
+ border-right: solid 1px #202020;
+ border-left: solid 1px #202020;
+}
+.notif h4 {
+ position: relative;
+ overflow: hidden;
+ margin: 0;
+ padding: 0 10px;
+ font-size: 14px;
+ line-height: 30px;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+ font-weight: normal;
+ cursor: pointer;
+ color: white;
+}
+.notif.unreaded h4:before {
+ position: absolute;
+ content: '';
+ width: 40px;
+ height: 40px;
+ background: white;
+ top: -5px;
+ right: -15px;
+ background: #ffdb0f;
+ -webkit-transform: rotate(100deg);
+ -moz-transform: rotate(100deg);
+ -ms-transform: rotate(100deg);
+ -o-transform: rotate(100deg);
+ transform: rotate(100deg);
+}
+.notif .content {
+ display: none;
+ padding: 6px 8px;
+ line-height: 140%;
+ text-align: justify;
+ color: #efefef;
+}
+.notif .content p {
+ margin: 0;
+}
+.notif .content hr {
+ border: none;
+ background: none;
+ border-bottom: dashed 1px #202020;
+ margin: 5px 0;
+}
+.notif .content a {
+ color: white;
+}
+.notif .content .box-resource {
+ position: relative;
+ display: block;
+ margin: 5px 0;
+ padding: 5px 5px 5px 40px;
+}
+.notif .content .box-resource img {
+ position: absolute;
+ top: 6px;
+ left: 0;
+ border: solid 4px #4f4f4f;
+ border-radius: 100%;
+ border-color: #dbb200;
+}
+.notif .content .box-resource .label {
+ display: block;
+ font-size: 12px;
+}
+.notif .content .box-resource .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+.notif .footer {
+ display: none;
+ margin: 0;
+ padding: 0 10px;
+ line-height: 18px;
+ padding: 5px 5px;
+ border-top: solid 1px #202020;
+ font-style: italic;
+ text-align: right;
+ color: #CCC;
+}
+.notif .footer a {
+ color: #CCC;
+}
+.notif.open .content {
+ display: block;
+}
+.notif.open .footer {
+ display: block;
+}
+.component.rc .rc {
+ position: relative;
+ margin: 20px 10px 20px 30px;
+ border-left: solid 1px #CCC;
+ padding: 0 10px;
+ height: 380px;
+ color: #CCC;
+}
+.component.rc .rc.no-tax {
+ margin: 20px 10px 20px 30px;
+ border-left: dashed 1px #4F4F4F;
+ padding: 0 10px;
+ color: #CCC;
+}
+.component.rc .rc a,
+.component.rc .rc strong {
+ color: white;
+}
+.component.rc .rc .icon-color {
+ width: 20px;
+}
+.component.rc .rc .base {
+ position: relative;
+ padding: 15px 0 15px 40px;
+ height: 50px;
+}
+.component.rc .rc .base:last-child {
+ position: absolute;
+ bottom: 0px;
+}
+.component.rc .rc .place {
+ position: absolute;
+ top: 0px;
+ left: -50px;
+ width: 78px;
+ height: 78px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component.rc .rc .general {
+ list-style: none inset;
+ margin: 10px 0;
+ padding: 0;
+}
+.component.rc .rc .general li {
+ margin: 10px 0;
+ list-style-type: none;
+}
+.component.rc .rc .general li strong {
+ display: block;
+ font-size: 20px;
+ font-weight: bold;
+}
+.component .situation-content {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 500px;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component .situation-content .line-help {
+ position: absolute;
+ display: block;
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ text-align: center;
+ border-radius: 100%;
+ background: #b17a00;
+}
+.component .situation-content .line-help.line-1 {
+ top: 55px;
+ left: 190px;
+}
+.component .situation-content .line-help.line-2 {
+ top: 145px;
+ left: 406px;
+}
+.component .situation-content .toolbar {
+ position: absolute;
+ top: 30px;
+ right: 30px;
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
+ border-radius: 3px;
+ background: #dbb200;
+ z-index: 1;
+}
+.component .situation-content .toolbar a,
+.component .situation-content .toolbar span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 15px;
+ border-right: solid 1px black;
+ text-decoration: none;
+ color: white;
+}
+.component .situation-content .toolbar a img,
+.component .situation-content .toolbar span img {
+ position: relative;
+ top: -2px;
+ vertical-align: middle;
+ height: 18px;
+ width: 18px;
+}
+.component .situation-content .toolbar a:hover,
+.component .situation-content .toolbar a:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar form {
+ display: inline-block;
+}
+.component .situation-content .toolbar input {
+ height: 32px;
+ border: none;
+ background: none;
+ color: white;
+ padding: 0 15px;
+ font-size: inherit;
+}
+.component .situation-content .toolbar input:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar input.button {
+ background: url('src/desktop/common/edit.png') no-repeat center;
+}
+.component .situation-content .toolbar input.button:focus {
+ background: url('src/desktop/common/edit.png') no-repeat center rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .info {
+ position: absolute;
+ display: block;
+ width: 200px;
+ font-size: 12px;
+ color: #efefef;
+ line-height: 18px;
+}
+.component .situation-content .info strong {
+ color: white;
+ font-size: 14px;
+}
+.component .situation-content .info a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4f4f4f;
+}
+.component .situation-content .info a:hover,
+.component .situation-content .info a:focus {
+ border-color: #CCC;
+}
+.component .situation-content .commander {
+ position: absolute;
+ display: block;
+ text-decoration: none;
+ z-index: 1;
+}
+.component .situation-content .commander.empty {
+ color: #CCC;
+}
+.component .situation-content .commander.position-1-1 {
+ top: 135px;
+ left: 127px;
+}
+.component .situation-content .commander.position-1-2 {
+ top: 272px;
+ left: 100px;
+}
+.component .situation-content .commander.position-1-3 {
+ top: 415px;
+ left: 127px;
+}
+.component .situation-content .commander.position-2-1 {
+ top: 215px;
+ left: 352px;
+}
+.component .situation-content .commander.position-2-2 {
+ top: 272px;
+ left: 345px;
+}
+.component .situation-content .commander.position-2-3 {
+ top: 330px;
+ left: 352px;
+}
+.component .situation-content .commander.position-3 {
+ top: 355px;
+ left: 577px;
+}
+.component .situation-content .commander img {
+ width: 40px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+.component .situation-content .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .situation-content .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #dbb200;
+}
+.component .situation-content .commander .info {
+ top: 8px;
+ left: 65px;
+ width: 160px;
+}
+.component .situation-content .commander .link {
+ display: none;
+ position: absolute;
+ top: 14px;
+ left: -16px;
+ width: 24px;
+ height: 24px;
+ font-size: 20px;
+ font-weight: bold;
+ text-decoration: none;
+ border-radius: 100%;
+ text-align: center;
+ z-index: 1;
+ border: solid 1px white;
+}
+.component .situation-content .commander .link.to-left {
+ background: url('src/desktop/mover/to-left.png') no-repeat center black;
+}
+.component .situation-content .commander .link.to-right {
+ background: url('src/desktop/mover/to-right.png') no-repeat center black;
+}
+.component .situation-content .commander:hover > .link {
+ display: block;
+}
+.component .situation-content .stellar {
+ position: absolute;
+ display: block;
+ top: 180px;
+ left: 560px;
+}
+.component .situation-content .stellar img {
+ width: 220px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .situation-content .stellar .info {
+ font-size: 12px;
+ border-left: solid 1px #202020;
+}
+.component .situation-content .stellar .info.top {
+ bottom: 215px;
+ left: 50px;
+ padding: 0 0 30px 10px;
+}
+.component .situation-content .stellar .info.top strong {
+ font-size: 20px;
+}
+.component .situation-content .stellar .info.bottom {
+ top: 225px;
+ left: 160px;
+ padding: 10px 0 0 10px;
+}
+.component .situation-content .stellar .info.middle {
+ top: 20px;
+ left: 182px;
+ padding: 10px 0 0 50px;
+ border: none;
+ border-top: solid 1px #202020;
+}
+.component .situation-content .attack-link {
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ text-align: center;
+}
+.component .situation-content .attack-link a {
+ display: inline-block;
+ line-height: 40px;
+ padding: 0 25px;
+ border-radius: 3px 3px 0 0;
+ background: #202020;
+ color: white;
+ text-decoration: none;
+ font-size: 16px;
+}
+.component .situation-content .attack-link a:hover,
+.component .situation-content .attack-link a:focus {
+ box-shadow: 0 0 5px 3px black;
+}
+.component .situation-content.color0 .line-help {
+ background: #202020;
+}
+.component .situation-content.color0 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #202020;
+}
+.component .situation-content.color0 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #202020;
+}
+.component .situation-content.color0 .attack-link a {
+ background: #202020;
+}
+.component .situation-content.color1 .line-help {
+ background: #510816;
+}
+.component .situation-content.color1 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component .situation-content.color1 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #6e161b;
+}
+.component .situation-content.color1 .attack-link a {
+ background: #6e161b;
+}
+.component .situation-content.color2 .line-help {
+ background: #0c0d44;
+}
+.component .situation-content.color2 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component .situation-content.color2 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #1f1471;
+}
+.component .situation-content.color2 .attack-link a {
+ background: #1f1471;
+}
+.component .situation-content.color3 .line-help {
+ background: #b17a00;
+}
+.component .situation-content.color3 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .situation-content.color3 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #dbb200;
+}
+.component .situation-content.color3 .attack-link a {
+ background: #dbb200;
+}
+.component .situation-content.color4 .line-help {
+ background: #310948;
+}
+.component .situation-content.color4 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component .situation-content.color4 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #5a1072;
+}
+.component .situation-content.color4 .attack-link a {
+ background: #5a1072;
+}
+.component .situation-content.color5 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color5 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color5 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color5 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-content.color6 .line-help {
+ background: #004948;
+}
+.component .situation-content.color6 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component .situation-content.color6 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #076b87;
+}
+.component .situation-content.color6 .attack-link a {
+ background: #076b87;
+}
+.component .situation-content.color7 .line-help {
+ background: #401b13;
+}
+.component .situation-content.color7 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component .situation-content.color7 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #67331d;
+}
+.component .situation-content.color7 .attack-link a {
+ background: #67331d;
+}
+.component .situation-content.color8 .line-help {
+ background: #c3590b;
+}
+.component .situation-content.color8 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component .situation-content.color8 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #d87913;
+}
+.component .situation-content.color8 .attack-link a {
+ background: #d87913;
+}
+.component .situation-content.color9 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color9 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color9 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color9 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-info {
+ display: table;
+ width: 100%;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: black;
+}
+.component .situation-info .item {
+ display: table-cell;
+ padding: 10px;
+ border-right: solid 1px #202020;
+}
+.component .situation-info .item .value {
+ font-size: 26px;
+ font-weight: bold;
+ display: block;
+}
+.component .build-item.base-type .desc {
+ margin: 10px 0 0 0;
+ padding: 15px;
+ font-size: 13px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+}
+.component .build-item.base-type .list-choice {
+ position: relative;
+ height: 140px;
+ background: url('src/desktop/base/type-base.png') no-repeat center;
+ margin: 0;
+ border-bottom: solid 1px #202020;
+}
+.component .build-item.base-type .list-choice button {
+ position: absolute;
+ padding: 0;
+ border: none;
+ background: transparent;
+ cursor: pointer;
+}
+.component .build-item.base-type .list-choice button.item-1 {
+ top: 35px;
+ left: 5px;
+}
+.component .build-item.base-type .list-choice button.item-2 {
+ top: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-3 {
+ bottom: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-4 {
+ top: 35px;
+ right: 5px;
+}
+.component .build-item.base-type .list-choice button img {
+ display: block;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.color1 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.color2 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.color3 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.color4 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.color5 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color6 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.color7 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.color8 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.color9 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color10 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.color11 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.color12 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .build-item.base-type .desc-choice {
+ display: none;
+}
+.component .build-item.base-type .desc-choice h4 {
+ border-bottom: solid 1px #202020;
+ padding: 0 0 5px 0;
+}
+.component .build-item.base-type .desc-choice p {
+ text-align: left;
+ color: #CCC !important;
+}
+.component .build-item.base-type .desc-choice p strong {
+ display: block;
+ color: white;
+}
+.component .build-item.base-type .desc-choice p strong.short {
+ display: inline-block;
+ width: 100px;
+}
+.component.list-fleet .set-fleet {
+ position: relative;
+ margin: 10px;
+ padding: 0 0 0 70px;
+ min-height: 80px;
+}
+.component.list-fleet .set-fleet img.place {
+ position: absolute;
+ top: -5px;
+ left: -20px;
+ width: 80px;
+ background: #0A0A0A;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet h2 {
+ padding: 10px 0;
+ margin: 0;
+}
+.component.list-fleet .set-fleet h2 a {
+ font-size: 13px;
+ color: white;
+ font-weight: normal;
+ text-decoration: none;
+}
+.component.list-fleet .set-fleet .item {
+ position: relative;
+ height: 60px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-bottom: none;
+ width: 777px;
+}
+.component.list-fleet .set-fleet .item:last-child {
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item a {
+ display: inline-block;
+ text-decoration: none;
+ color: #CCC;
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .left .top {
+ position: absolute;
+ left: 60px;
+ display: block;
+ width: 500px;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .left .status {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .right .top {
+ position: absolute;
+ right: 60px;
+ display: block;
+ width: 200px;
+ text-align: right;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .right .cover {
+ width: 50px;
+ margin: 5px;
+ padding: 0;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .center {
+ position: absolute;
+ top: 41px;
+ left: 70px;
+ right: 70px;
+}
+.component.list-fleet .set-fleet .item .center .ship {
+ position: absolute;
+ top: -10px;
+ left: -11px;
+ right: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship {
+ display: block;
+ width: 100%;
+ background: #4F4F4F;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ position: relative;
+ display: block;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship {
+ top: -11px;
+ right: -11px;
+ left: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar span {
+ position: absolute;
+ top: 4px;
+ right: 15px;
+ font-size: 10px;
+}
+.component.list-fleet .set-fleet .item.color1 .status {
+ background: #6e161b;
+}
+.component.list-fleet .set-fleet .item.color2 .status {
+ background: #1f1471;
+}
+.component.list-fleet .set-fleet .item.color3 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color4 .status {
+ background: #5a1072;
+}
+.component.list-fleet .set-fleet .item.color5 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color6 .status {
+ background: #076b87;
+}
+.component.list-fleet .set-fleet .item.color7 .status {
+ background: #67331d;
+}
+.component.list-fleet .set-fleet .item.color8 .status {
+ background: #d87913;
+}
+.component.list-fleet .set-fleet .item.color9 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color10 .status {
+ background: #760f36;
+}
+.component.list-fleet .set-fleet .item.color11 .status {
+ background: #219772;
+}
+.component.list-fleet .set-fleet .item.color12 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar {
+ background: #4F4F4F;
+}
+.component.list-fleet .set-fleet .item .show-commander {
+ position: absolute;
+ top: -1px;
+ right: -30px;
+ width: 28px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .show-commander:hover,
+.component.list-fleet .set-fleet .item .show-commander:focus,
+.component.list-fleet .set-fleet .item .show-commander.active {
+ background-color: #202020;
+}
+.component.table-fleet table {
+ margin: 10px;
+ width: 880px;
+ border-collapse: collapse;
+}
+.component.table-fleet table tr:nth-child(odd) {
+ background: black;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:nth-child(even) {
+ background: #0A0A0A;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:first-child {
+ background: transparent;
+}
+.component.table-fleet table th,
+.component.table-fleet table td {
+ height: 40px;
+ width: 40px;
+ text-align: center;
+}
+.component.table-fleet table td span.zero-value {
+ color: #4F4F4F;
+}
+.component.table-fleet table .base {
+ width: 100px;
+ text-align: left;
+ padding: 0 20px;
+}
+.component.table-fleet table .base a {
+ border: none;
+}
+.component.table-fleet table .base strong {
+ display: block;
+ font-size: 16px;
+}
+.component.table-fleet table .large {
+ width: auto;
+ text-align: left;
+ padding: 0 10px;
+}
+.component.table-fleet table .sep {
+ border-left: solid 1px #dbb200;
+}
+.component.table-fleet table a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4F4F4F;
+ display: inline-block;
+}
+.component.table-fleet table th {
+ position: relative;
+ height: 70px;
+}
+.component.table-fleet table th span {
+ position: absolute;
+ bottom: 32px;
+ left: -10px;
+ display: block;
+ text-align: left;
+ width: 60px;
+ -ms-transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.component.commander-fleet .fleet {
+ vertical-align: top;
+ display: block;
+ text-align: center;
+}
+.component.commander-fleet .list-ship {
+ vertical-align: top;
+ display: inline-block;
+ width: 148px;
+}
+.component.commander-fleet .list-ship:first-child {
+ border-right: dashed 1px #4F4F4F;
+}
+.component.commander-fleet .list-ship a {
+ display: block;
+ position: relative;
+ margin: 6px;
+ height: 40px;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ border-radius: 3px;
+}
+.component.commander-fleet .list-ship a.empty {
+ opacity: 0.4;
+}
+.component.commander-fleet .list-ship img {
+ position: absolute;
+ display: inline-block;
+ width: 40px;
+}
+.component.commander-fleet .list-ship .text {
+ position: absolute;
+ left: 45px;
+ display: inline-block;
+ width: 88px;
+ color: white;
+}
+.component.commander-fleet .list-ship .text .quantity {
+ display: block;
+ font-weight: bold;
+ font-size: 18px;
+}
+.component.commander-fleet .army {
+ border-collapse: collapse;
+ width: 560px;
+ margin: 20px;
+}
+.component.commander-fleet .army td {
+ width: 65px;
+ padding: 5px;
+ border-right: dashed 1px #4F4F4F;
+ vertical-align: center;
+}
+.component.commander-fleet .army td:first-child {
+ width: auto;
+ vertical-align: top;
+ text-align: right;
+ padding: 0 20px;
+ font-size: 12px;
+}
+.component.commander-fleet .army tr:first-child td {
+ text-align: center;
+ padding: 10px 5px;
+ font-size: 18px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block {
+ display: block;
+ width: 54px;
+ height: 54px;
+ margin: 0 0 5px 0;
+ padding: 5px;
+ vertical-align: top;
+ border-radius: 5px;
+ background: #0A0A0A;
+ text-align: right;
+ border: solid 1px #202020;
+ color: #4F4F4F;
+}
+.component.commander-fleet .army .block.empty {
+ background: black;
+ border: solid 1px #0A0A0A;
+}
+.component.commander-fleet .army .block strong {
+ display: block;
+ font-size: 15px;
+ height: 38px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block em {
+ display: block;
+ padding: 2px;
+ font-size: 11px;
+ background: black;
+ text-align: center;
+ border-radius: 3px;
+}
+.component.commander-fleet .army .block.squadron {
+ border: solid 1px #4F4F4F;
+ color: white;
+ cursor: pointer;
+ background: #dbb200;
+}
+.component.commander-fleet .army .block.squadron.full0 {
+ background: url('src/desktop/squadron/squadron0.png') no-repeat 4px 2px #dbb200;
+}
+.component.commander-fleet .army .block.squadron.full1 {
+ background: url('src/desktop/squadron/squadron1.png') no-repeat 4px 2px #dbb200;
+}
+.component.commander-fleet .army .block.squadron.full2 {
+ background: url('src/desktop/squadron/squadron2.png') no-repeat 4px 2px #dbb200;
+}
+.component.commander-fleet .army .block.squadron.full3 {
+ background: url('src/desktop/squadron/squadron3.png') no-repeat 4px 2px #dbb200;
+}
+.component.commander-fleet .army .block.squadron.active {
+ box-shadow: inset 0 0 6px black,
+ 0 0 2px 0 white;
+ border: dashed 1px white;
+}
+.component.report .commander {
+ position: relative;
+ display: block;
+ margin: 10px;
+ padding: 8px 0 8px 72px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component.report .commander img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component.report .commander strong {
+ display: block;
+ padding: 0 0 8px 0;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component.report .commander em {
+ display: block;
+ line-height: 20px;
+ color: white;
+ font-style: normal;
+ color: #efefef;
+}
+.component.report .commander em .bonus {
+ font-size: 90%;
+ margin: 2px 0 0 2px;
+ padding: 3px 6px;
+}
+.component.report .dammage {
+ margin: 10px;
+ background: black;
+}
+.component.report .dammage table {
+ width: 100%;
+ border-collapse: collapse;
+ border-left: solid 1px #202020;
+ border-right: solid 1px #202020;
+}
+.component.report .dammage td {
+ border-color: #202020;
+ border-width: 1px;
+ border-style: solid dashed;
+ padding: 4px;
+ vertical-align: center;
+ text-align: center;
+ color: #CCC;
+ width: 28px;
+ height: 22px;
+}
+.component.report .dammage td:first-child {
+ text-align: left;
+ padding: 4px 8px;
+ width: auto;
+}
+.component.report .dammage td span {
+ display: inline-block;
+ background: red;
+ line-height: 22px;
+ width: 22px;
+ border-radius: 3px;
+ color: white;
+ background: #b17a00;
+}
+.component.topic .message {
+ position: relative;
+ padding: 0 0 0 80px;
+ margin: 10px;
+ min-height: 70px;
+}
+.component.topic .message .avatar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 56px;
+ padding: 6px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.topic .message .content {
+ position: relative;
+ background: black;
+ border: solid 1px #202020;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component.topic .message .content:before {
+ position: absolute;
+ content: '';
+ top: 25px;
+ left: -18px;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent #202020 transparent transparent;
+}
+.component.topic .message .content .text {
+ margin: 0;
+ padding: 10px 10px 12px 10px;
+ border-bottom: solid 1px #0A0A0A;
+ color: #efefef;
+}
+.component.topic .message .content .text a,
+.component.topic .message .content .text strong {
+ color: white;
+}
+.component.topic .message .content .text a.color1 {
+ color: #b01e2d;
+}
+.component.topic .message .content .text a.color2 {
+ color: #2f23c0;
+}
+.component.topic .message .content .text a.color3 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text a.color4 {
+ color: #a935c7;
+}
+.component.topic .message .content .text a.color5 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color6 {
+ color: #05bed7;
+}
+.component.topic .message .content .text a.color7 {
+ color: #ac5832;
+}
+.component.topic .message .content .text a.color8 {
+ color: #f2b636;
+}
+.component.topic .message .content .text a.color9 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color10 {
+ color: #a92859;
+}
+.component.topic .message .content .text a.color11 {
+ color: #34b089;
+}
+.component.topic .message .content .text a.color12 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text .icon-color {
+ width: 15px;
+}
+.component.topic .message .content .footer {
+ margin: 0;
+ padding: 6px 10px;
+ font-size: 12px;
+ color: #CCC;
+}
+.component.topic .message .content .footer a {
+ color: #CCC;
+}
+.component.topic .message.write .content:before {
+ left: -17px;
+ top: 11px;
+ border-color: transparent white transparent transparent;
+}
+.component.topic .message.write .content textarea {
+ border: none;
+ padding: 5px;
+ width: 487px;
+ height: 120px;
+ max-width: 487px;
+ min-width: 487px;
+ min-height: 50px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content input {
+ margin: 6px;
+ font-family: inherit;
+}
+.component.topic .message.write .content .title {
+ border: none;
+ margin: 0;
+ padding: 5px;
+ width: 487px;
+ height: 30px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content button {
+ margin: 6px;
+ font-family: inherit;
+ background: #dbb200;
+ border: none;
+ padding: 4px 8px;
+ color: white;
+ cursor: pointer;
+}
+.component.topic .message.write .content button:hover,
+.component.topic .message.write .content button:focus {
+ background: #b17a00;
+}
+.component.topic .system-message {
+ position: relative;
+ padding: 0 0 0 90px;
+ margin: 10px;
+}
+.component.topic .system-message:before {
+ content: '';
+ position: absolute;
+ top: 10px;
+ left: 0;
+ height: 1px;
+ width: 70px;
+ background: #4F4F4F;
+}
+.conv-item {
+ position: relative;
+ display: block;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+ height: 59px;
+ padding: 5px 5px 5px 70px;
+ margin: 0 10px;
+ color: white;
+ text-decoration: none;
+ overflow: hidden;
+}
+.conv-item .cover {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+ padding: 5px;
+}
+.conv-item .cover .picture {
+ width: 52px;
+ height: 52px;
+ background: #202020;
+ border-radius: 100%;
+ padding: 4px;
+}
+.conv-item .cover .picture.color0 {
+ box-shadow: 0 0 0 2px #4F4F4F;
+}
+.conv-item .cover .picture.color1 {
+ box-shadow: 0 0 0 2px #6e161b;
+}
+.conv-item .cover .picture.color2 {
+ box-shadow: 0 0 0 2px #1f1471;
+}
+.conv-item .cover .picture.color3 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .picture.color4 {
+ box-shadow: 0 0 0 2px #5a1072;
+}
+.conv-item .cover .picture.color5 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color6 {
+ box-shadow: 0 0 0 2px #076b87;
+}
+.conv-item .cover .picture.color7 {
+ box-shadow: 0 0 0 2px #67331d;
+}
+.conv-item .cover .picture.color8 {
+ box-shadow: 0 0 0 2px #d87913;
+}
+.conv-item .cover .picture.color9 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color10 {
+ box-shadow: 0 0 0 2px #760f36;
+}
+.conv-item .cover .picture.color11 {
+ box-shadow: 0 0 0 2px #219772;
+}
+.conv-item .cover .picture.color12 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .number,
+.conv-item .cover .new-message {
+ position: absolute;
+ width: 22px;
+ height: 22px;
+ border-radius: 100%;
+ background: #0A0A0A;
+ bottom: 5px;
+ right: 5px;
+ border: solid 1px #4F4F4F;
+ text-align: center;
+ line-height: 22px;
+ font-size: 11px;
+}
+.conv-item .cover .new-message {
+ left: 5px;
+ top: 5px;
+}
+.conv-item .cover .new-message img {
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin: 2px;
+}
+.conv-item .data {
+ line-height: 20px;
+}
+.conv-item:last-child {
+ border: solid 1px #202020;
+}
+.conv-item:hover,
+.conv-item:focus {
+ background: #0C0C0C;
+}
+.component.player .player {
+ position: relative;
+ display: inline-block;
+ margin: 10px 0 0 10px;
+ width: 211px;
+ height: 58px;
+ padding: 5px 5px 5px 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+ text-decoration: none;
+}
+.component.player .player a {
+ color: #ccc;
+ text-decoration: none;
+ border-bottom: solid 1px #202020;
+}
+.component.player .player a:hover,
+.component.player .player a:focus {
+ border-color: #4f4f4f;
+}
+.component.player .player img.picto {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 50px;
+ padding: 4px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.player .player .icon,
+.component.player .player .icon-color {
+ height: 16px;
+ padding: 1px;
+}
+.component.player .player span,
+.component.player .player strong {
+ display: block;
+ line-height: 20px;
+}
+.component.player .player strong {
+ font-size: 18px;
+}
+.component.player .player .online,
+.component.player .player .inactive {
+ position: absolute;
+ width: 18px;
+ height: 18px;
+ background: white;
+ top: 5px;
+ right: 5px;
+ border-radius: 100%;
+ background: #4F4F4F;
+}
+.component.player .player .online {
+ background: #ffdb0f;
+}
+.component.player .player.faction {
+ border-left: solid 1px #0A0A0A !important;
+ width: 202px;
+}
+.component.player .player.faction img {
+ top: 0;
+ left: 10px;
+ padding: 0;
+ border: none;
+ border-radius: 0;
+ background: transparent;
+}
+.component.player.rank .player {
+ border-left: solid 10px #4F4F4F;
+ width: 190px;
+}
+.component.player.rank .player.color1 {
+ border-left-color: #b01e2d;
+}
+.component.player.rank .player.color2 {
+ border-left-color: #2f23c0;
+}
+.component.player.rank .player.color3 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player.color4 {
+ border-left-color: #a935c7;
+}
+.component.player.rank .player.color5 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color6 {
+ border-left-color: #05bed7;
+}
+.component.player.rank .player.color7 {
+ border-left-color: #ac5832;
+}
+.component.player.rank .player.color8 {
+ border-left-color: #f2b636;
+}
+.component.player.rank .player.color9 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color10 {
+ border-left-color: #a92859;
+}
+.component.player.rank .player.color11 {
+ border-left-color: #34b089;
+}
+.component.player.rank .player.color12 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player .title,
+.component.player.rank .player .points {
+ color: #BBB;
+}
+.component.player.rank .player .position {
+ display: block;
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ line-height: 38px;
+ width: 38px;
+ border: solid 1px #202020;
+ text-align: center;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance {
+ display: block;
+ position: absolute;
+ top: 5px;
+ right: -4px;
+ line-height: 26px;
+ width: 26px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ text-align: center;
+ font-size: 11px;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance.lower {
+ bottom: 5px;
+ top: auto;
+}
+.component.player.rank .player.active .position {
+ background: white;
+ border: solid 1px white;
+ color: #202020;
+}
+.component.player.size2 .player {
+ width: 208px;
+}
+.component.player.size1 .player {
+ width: 202px;
+}
+.component.transaction .transaction {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 10px;
+}
+.component.transaction .transaction .right-link {
+ position: absolute;
+ top: 2px;
+ right: 5px;
+ display: block;
+ color: #FFF;
+ text-decoration: none;
+}
+.component.transaction .transaction .product {
+ position: relative;
+ height: 70px;
+ padding: 5px 10px 5px 55px;
+ cursor: pointer;
+}
+.component.transaction .transaction .product .picto {
+ position: absolute;
+ top: 5px;
+ left: -20px;
+ width: 60px;
+ height: 60px;
+ padding: 4px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+}
+.component.transaction .transaction .product .rate {
+ position: absolute;
+ bottom: 5px;
+ right: 8px;
+}
+.component.transaction .transaction .product .offer {
+ overflow: hidden;
+ height: 32px;
+}
+.component.transaction .transaction .product .for {
+ position: relative;
+ border-top: solid 1px #202020;
+ margin: 8px 0 6px 0;
+ color: #4F4F4F;
+}
+.component.transaction .transaction .product .for span {
+ display: block;
+ position: absolute;
+ top: -10px;
+ left: 10px;
+ background: #0A0A0A;
+ padding: 0 10px;
+ font-size: 12px;
+}
+.component.transaction .transaction .product .price {
+ font-size: 19px;
+ font-weight: bold;
+}
+.component.transaction .transaction .product .price .icon-color {
+ width: 14px;
+ position: relative;
+ top: -2px;
+ padding: 1px;
+}
+.component.transaction .transaction.resources .product .offer {
+ font-size: 28px;
+ font-weight: bold;
+ line-height: 30px;
+}
+.component.transaction .transaction.resources .product .offer .icon-color {
+ width: 20px;
+ position: relative;
+ top: -5px;
+}
+.component.transaction .transaction.commander .product .offer strong,
+.component.transaction .transaction.ship .product .offer strong {
+ display: block;
+ font-size: 14px;
+}
+.component.transaction .transaction.commander .product .offer em,
+.component.transaction .transaction.ship .product .offer em {
+ display: block;
+ font-size: 11px;
+}
+.component.transaction .transaction .hidden {
+ display: none;
+}
+.component.transaction .transaction .info {
+ position: relative;
+ border-top: solid 1px #202020;
+ height: 88px;
+ background: black;
+}
+.component.transaction .transaction .info p {
+ font-size: 11px;
+ margin: 5px 8px;
+}
+.component.transaction .transaction .info .seller {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+}
+.component.transaction .transaction .info .seller a {
+ font-weight: bold;
+ color: white;
+}
+.component.transaction .transaction .info .seller .color1 {
+ color: #b01e2d;
+}
+.component.transaction .transaction .info .seller .color2 {
+ color: #2f23c0;
+}
+.component.transaction .transaction .info .seller .color3 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .seller .color4 {
+ color: #a935c7;
+}
+.component.transaction .transaction .info .seller .color5 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color6 {
+ color: #05bed7;
+}
+.component.transaction .transaction .info .seller .color7 {
+ color: #ac5832;
+}
+.component.transaction .transaction .info .seller .color8 {
+ color: #f2b636;
+}
+.component.transaction .transaction .info .seller .color9 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color10 {
+ color: #a92859;
+}
+.component.transaction .transaction .info .seller .color11 {
+ color: #34b089;
+}
+.component.transaction .transaction .info .seller .color12 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .price-detail {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+ right: 0;
+}
+.component.transaction .transaction .info .price-detail p {
+ text-align: right;
+}
+.component.transaction .transaction .info .price-detail p .icon-color {
+ width: 10px;
+ padding: 1px;
+}
+.component.transaction .transaction .info .price-detail p span {
+ color: #4F4F4F;
+}
+.component.transaction .transaction .button {
+ border-top: solid 1px #202020;
+ padding: 5px;
+}
+.component.transaction .transaction .button a,
+.component.transaction .transaction .button span {
+ display: block;
+ padding: 5px 10px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ line-height: 20px;
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component.transaction .transaction .button a {
+ background: #dbb200;
+}
+.component.transaction .transaction .button a:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #ffdb0f;
+}
+.component.transaction .transaction .button span {
+ background: #202020;
+ cursor: default;
+}
+.component.transaction .transaction .button .icon-color {
+ width: 14px;
+}
+.component.transaction .transaction .shipping {
+ position: relative;
+ background: black;
+ height: 30px;
+}
+.component.transaction .transaction .shipping .ships {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+}
+.component.transaction .transaction .shipping .ships .icon-color {
+ position: relative;
+ width: 16px;
+ margin-left: 5px;
+ top: -5px;
+}
+.component.transaction .transaction .shipping .time {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 12px;
+}
+.component.transaction .transaction .shipping .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 0 60px;
+ height: 3px;
+ top: 13px;
+ background: #4F4F4F;
+}
+.component.transaction .transaction .shipping .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #ffdb0f;
+}
+.component .build-item.disable .button span {
+ color: #696969;
+}
+.component.transaction .new-transaction {
+ width: 279px;
+ position: absolute;
+ background: black;
+ z-index: 1;
+ padding: 10px;
+ border-bottom: solid 1px #ffdb0f;
+}
+.component.transaction .new-transaction label {
+ position: relative;
+ display: block;
+ padding: 5px 0;
+}
+.component.transaction .new-transaction label input {
+ display: block;
+ padding: 5px 10px;
+ margin: 5px 0 0 0;
+ width: 259px;
+ border: none;
+}
+.component.transaction .new-transaction.resources label input {
+ font-size: 16px;
+ color: #202020;
+ font-weight: bold;
+}
+.component.transaction .new-transaction .indicator {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 15px;
+}
+.component.transaction .new-transaction .indicator span {
+ position: absolute;
+ display: inline-block;
+ padding: 1px 6px;
+ font-size: 12px;
+ color: white;
+ border-radius: 3px;
+ top: -5px;
+ background: #b17a00;
+}
+.component.transaction .new-transaction .indicator span.min-price {
+ left: 5px;
+}
+.component.transaction .new-transaction .indicator span.max-price {
+ right: 5px;
+}
+.component.market-sell .body {
+ padding: 10px 0;
+}
+.component.market-sell .label-box {
+ position: relative;
+ padding: 0 10px;
+ margin: 10px 0;
+}
+.component.market-sell .label-box .label {
+ display: inline-block;
+ width: 100px;
+ line-height: 30px;
+}
+.component.market-sell .label-box .value {
+ display: inline-block;
+ width: 147px;
+ padding: 0 5px;
+ border: none;
+ line-height: 30px;
+ border-radius: 3px;
+ font-size: 16px;
+}
+.component.market-sell .label-box input.value {
+ height: 30px;
+ background: white;
+}
+.component.market-sell .label-box .icon-color {
+ position: absolute;
+ top: 4px;
+ right: 16px;
+ width: 18px;
+}
+.component.market-sell .queue {
+ margin: 0 10px;
+ cursor: pointer;
+}
+.component.market-sell .sell-form {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 0 10px 10px 10px;
+}
+.component.market-sell .sell-form input[type='submit'] {
+ display: block;
+ width: 100%;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 10px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #ffdb0f;
+}
+.component.market-sell .sell-form input[type='submit']:hover {
+ background: #b17a00;
+}
+.component.market-sell .sell-form input[disabled='disabled'] {
+ background: #202020 !important;
+}
+.wysiwyg {
+ display: block;
+ position: relative;
+}
+.wysiwyg .toolbar {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 5px;
+}
+.wysiwyg .toolbar button {
+ display: inline-block;
+ height: 26px;
+ line-height: 26px;
+ padding: 0 4px !important;
+ margin: 0 4px 0 0 !important;
+ background: #dbb200;
+ color: white;
+ border-radius: 3px;
+ overflow: hidden;
+ vertical-align: top;
+}
+.wysiwyg .modal {
+ position: absolute;
+ top: 40px;
+ left: 10px;
+ right: 10px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ box-shadow: 0 0 15px black;
+}
+.wysiwyg .modal .header {
+ position: relative;
+}
+.wysiwyg .modal .header h2 {
+ margin: 0;
+ padding: 0;
+ line-height: 36px;
+ padding: 0 10px;
+ font-size: 16px;
+ font-weight: normal;
+}
+.wysiwyg .modal .header .right {
+ position: absolute;
+ top: 5px;
+ right: 10px;
+ width: 300px;
+ text-align: right;
+}
+.wysiwyg .modal .header .right button {
+ display: inline-block;
+ width: 26px !important;
+ height: 26px !important;
+ line-height: 26px !important<;
+ font-size: 14px;
+ padding: 0 !important;
+ margin: 0 0 0 5px !important;
+}
+.wysiwyg .modal input {
+ width: 435px;
+ border: none;
+ height: 30px;
+ margin: 0 10px 10px 10px !important;
+ padding: 0 10px !important;
+}
+.wysiwyg textarea {
+ padding-top: 40px !important;
+}
+.input-area .wysiwyg .toolbar {
+ padding: 0;
+}
+.component.params .checkbox {
+ display: block;
+ position: relative;
+ padding: 10px 10px 10px 40px;
+ margin: 10px;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component.params .checkbox input {
+ position: absolute;
+ top: 8px;
+ left: 10px;
+}
+#map {
+ position: absolute;
+ z-index: 100;
+ background: url('src/desktop/map/common/map.jpg') repeat black;
+ padding: 0;
+ top: 0;
+ left: 0;
+}
+#map #sectors {
+ z-index: 300;
+}
+#map #spying {
+ z-index: 400;
+}
+#map #own-base {
+ z-index: 500;
+}
+#map #commercial-routes {
+ z-index: 600;
+}
+#map #fleet-movements {
+ z-index: 700;
+}
+#map #attacks {
+ z-index: 800;
+}
+#map #systems {
+ z-index: 900;
+}
+#map #map-info {
+ z-index: 910;
+}
+#map > div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+#map #sectors polygon {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 4 4;
+ opacity: 0.15;
+}
+#map #sectors .ally1 {
+ fill: #6e161b;
+}
+#map #sectors .ally2 {
+ fill: #1f1471;
+}
+#map #sectors .ally3 {
+ fill: #dbb200;
+}
+#map #sectors .ally4 {
+ fill: #5a1072;
+}
+#map #sectors .ally5 {
+ fill: #2c7915;
+}
+#map #sectors .ally6 {
+ fill: #076b87;
+}
+#map #sectors .ally7 {
+ fill: #67331d;
+}
+#map #sectors .ally8 {
+ fill: #d87913;
+}
+#map #sectors .ally9 {
+ fill: #2c7915;
+}
+#map #sectors .ally10 {
+ fill: #760f36;
+}
+#map #sectors .ally11 {
+ fill: #219772;
+}
+#map #sectors .ally12 {
+ fill: #dbb200;
+}
+#map #spying circle {
+ opacity: 0.08;
+ stroke: white;
+}
+#map #own-base circle {
+ opacity: 0.1;
+ fill: white;
+}
+#map #commercial-routes line {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 20 5 5 5 5 10;
+}
+#map #commercial-routes line.standBy {
+ stroke: rgba(255, 255, 255, 0.3);
+}
+#map #fleet-movements line {
+ stroke-width: 1px;
+}
+#map #fleet-movements line.back {
+ stroke-dasharray: 15 5;
+}
+#map #attacks line {
+ stroke-width: 1px;
+}
+#map #attacks line.color1 {
+ stroke: #b01e2d;
+}
+#map #attacks line.color2 {
+ stroke: #2f23c0;
+}
+#map #attacks line.color3 {
+ stroke: #ffdb0f;
+}
+#map #attacks line.color4 {
+ stroke: #a935c7;
+}
+#map #attacks line.color5 {
+ stroke: #57c632;
+}
+#map #attacks line.color6 {
+ stroke: #05bed7;
+}
+#map #attacks line.color7 {
+ stroke: #ac5832;
+}
+#map #attacks line.color8 {
+ stroke: #f2b636;
+}
+#map #attacks line.color9 {
+ stroke: #57c632;
+}
+#map #attacks line.color10 {
+ stroke: #a92859;
+}
+#map #attacks line.color11 {
+ stroke: #34b089;
+}
+#map #attacks line.color12 {
+ stroke: #ffdb0f;
+}
+#map #attacks circle.color1 {
+ fill: #b01e2d;
+}
+#map #attacks circle.color2 {
+ fill: #2f23c0;
+}
+#map #attacks circle.color3 {
+ fill: #ffdb0f;
+}
+#map #attacks circle.color4 {
+ fill: #a935c7;
+}
+#map #attacks circle.color5 {
+ fill: #57c632;
+}
+#map #attacks circle.color6 {
+ fill: #05bed7;
+}
+#map #attacks circle.color7 {
+ fill: #ac5832;
+}
+#map #attacks circle.color8 {
+ fill: #f2b636;
+}
+#map #attacks circle.color9 {
+ fill: #57c632;
+}
+#map #attacks circle.color10 {
+ fill: #a92859;
+}
+#map #attacks circle.color11 {
+ fill: #34b089;
+}
+#map #attacks circle.color12 {
+ fill: #ffdb0f;
+}
+#map #systems a {
+ display: block;
+ position: absolute;
+ border-radius: 100%;
+}
+#map #systems a.active {
+ background: black;
+ box-shadow: 0 0 0 1px black,
+ 0 0 0 3px white,
+ 0 0 10px 8px black;
+}
+#map #systems a img {
+ display: block;
+ width: 20px;
+ height: 20px;
+ border: none;
+ border-radius: 100%;
+ -moz-border-radius: 100%;
+ -webkit-border-radius: 100%;
+ -ms-border-radius: 100%;
+ -o-border-radius: 100%;
+}
+#map #systems a img.own {
+ background: white;
+}
+#map #systems .sector-number {
+ position: absolute;
+ display: block;
+ font-size: 22px;
+ line-height: 40px;
+ width: 40px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 0 5px #0A0A0A, 0 0 0 6px #4F4F4F;
+ background: #202020;
+ color: white;
+ font-weight: bold;
+ cursor: pointer;
+}
+#map #systems .sector-number.color1 {
+ background: #6e161b;
+}
+#map #systems .sector-number.color2 {
+ background: #1f1471;
+}
+#map #systems .sector-number.color3 {
+ background: #dbb200;
+}
+#map #systems .sector-number.color4 {
+ background: #5a1072;
+}
+#map #systems .sector-number.color5 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color6 {
+ background: #076b87;
+}
+#map #systems .sector-number.color7 {
+ background: #67331d;
+}
+#map #systems .sector-number.color8 {
+ background: #d87913;
+}
+#map #systems .sector-number.color9 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color10 {
+ background: #760f36;
+}
+#map #systems .sector-number.color11 {
+ background: #219772;
+}
+#map #systems .sector-number.color12 {
+ background: #dbb200;
+}
+#map #systems .sector-info {
+ display: none;
+ position: absolute;
+ color: white;
+ background: black;
+ background: rgba(0, 0, 0, 0.9);
+ padding: 8px 16px;
+ border-radius: 3px;
+}
+#map #systems .sector-info:before {
+ content: '';
+ position: absolute;
+ left: -20px;
+ top: 20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent black transparent transparent;
+ border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
+}
+#map #systems .sector-info h2 {
+ position: relative;
+ font-size: 40px;
+ font-weight: bold;
+ line-height: 40px;
+ text-shadow: 0 0 5px black;
+ margin: 0;
+ padding: 0;
+}
+#map #systems .sector-info p {
+ font-size: 13px;
+ margin: 6px 0 0 0;
+ padding: 0;
+ font-weight: bold;
+ font-variant: small-caps;
+}
+#map #systems .sector-info p a {
+ position: static;
+ display: inline-block;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ margin: 0 5px 0 0;
+}
+#map #systems .sector-info.color1 p a {
+ background: #6e161b;
+}
+#map #systems .sector-info.color2 p a {
+ background: #1f1471;
+}
+#map #systems .sector-info.color3 p a {
+ background: #dbb200;
+}
+#map #systems .sector-info.color4 p a {
+ background: #5a1072;
+}
+#map #systems .sector-info.color5 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color6 p a {
+ background: #076b87;
+}
+#map #systems .sector-info.color7 p a {
+ background: #67331d;
+}
+#map #systems .sector-info.color8 p a {
+ background: #d87913;
+}
+#map #systems .sector-info.color9 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color10 p a {
+ background: #760f36;
+}
+#map #systems .sector-info.color11 p a {
+ background: #219772;
+}
+#map #systems .sector-info.color12 p a {
+ background: #dbb200;
+}
+#map #map-info {
+ display: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ bottom: auto;
+ height: auto;
+ width: auto;
+ margin: 40px 60px 0 0;
+ color: white;
+ text-align: right;
+}
+#map #map-info h2 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 38px;
+ line-height: 60px;
+}
+#map #map-info h3 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 40px;
+}
+#map #map-info ul {
+ margin: 10px 0;
+ padding: 0;
+ list-style: none;
+}
+#map #map-info ul li {
+ position: relative;
+ margin: 0;
+ padding: 0 40px 0 0;
+ line-height: 20px;
+ height: 20px;
+ font-style: italic;
+ color: #CCC;
+ font-size: 13px;
+}
+#map #map-info ul li img {
+ position: absolute;
+ right: 10px;
+ top: 0px;
+}
+#map #spying circle {
+ fill: #dbb200;
+}
+#map #fleet-movements line {
+ stroke: #ffdb0f;
+}
+#map #fleet-movements circle {
+ fill: #ffdb0f;
+}
+#map-option {
+ z-index: 1000;
+ position: absolute;
+ display: inline-block;
+ height: 32px;
+ padding: 3px 0;
+ background: url('src/desktop/map/bOption.png') repeat-x;
+ top: 30px;
+ right: 20px;
+}
+#map-option:before {
+ content: '';
+ position: absolute;
+ display: block;
+ left: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bLeftOption.png');
+}
+#map-option:after {
+ content: '';
+ position: absolute;
+ display: block;
+ right: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bRightOption.png');
+}
+#map-option a {
+ position: relative;
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ margin: 1px 0 1px 1px;
+ background: #0A0A0A;
+}
+#map-option a.active {
+ background: #004948;
+}
+#map-option a img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 22px;
+}
+.color1 #map-option a.active {
+ background: #510816;
+}
+.color2 #map-option a.active {
+ background: #0c0d44;
+}
+.color3 #map-option a.active {
+ background: #b17a00;
+}
+.color4 #map-option a.active {
+ background: #310948;
+}
+.color5 #map-option a.active {
+ background: #24500a;
+}
+.color6 #map-option a.active {
+ background: #004948;
+}
+.color7 #map-option a.active {
+ background: #401b13;
+}
+.color8 #map-option a.active {
+ background: #c3590b;
+}
+.color9 #map-option a.active {
+ background: #24500a;
+}
+.color10 #map-option a.active {
+ background: #4d0621;
+}
+.color11 #map-option a.active {
+ background: #10684c;
+}
+.color12 #map-option a.active {
+ background: #b17a00;
+}
+#map-content {
+ z-index: 1000;
+ position: absolute;
+ top: 80px;
+ right: 20px;
+ display: block;
+}
+#map-content .mini-map {
+ position: relative;
+ width: 300px;
+ height: 300px;
+ overflow: hidden;
+ border: solid 1px #202020;
+ background: url('src/desktop/map/common/galaxy.jpg') no-repeat #0A0A0A;
+}
+#map-content .mini-map polygon {
+ stroke: white;
+ stroke-width: .5px;
+ opacity: 0.3;
+}
+#map-content .mini-map polygon:focus,
+#map-content .mini-map polygon:hover {
+ opacity: 0.1;
+ cursor: pointer;
+}
+#map-content .mini-map polygon.ally0 {
+ fill: #202020;
+}
+#map-content .mini-map polygon.ally1 {
+ fill: #6e161b;
+}
+#map-content .mini-map polygon.ally2 {
+ fill: #1f1471;
+}
+#map-content .mini-map polygon.ally3 {
+ fill: #dbb200;
+}
+#map-content .mini-map polygon.ally4 {
+ fill: #5a1072;
+}
+#map-content .mini-map polygon.ally5 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally6 {
+ fill: #076b87;
+}
+#map-content .mini-map polygon.ally7 {
+ fill: #67331d;
+}
+#map-content .mini-map polygon.ally8 {
+ fill: #d87913;
+}
+#map-content .mini-map polygon.ally9 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally10 {
+ fill: #760f36;
+}
+#map-content .mini-map polygon.ally11 {
+ fill: #219772;
+}
+#map-content .mini-map polygon.ally12 {
+ fill: #dbb200;
+}
+#map-content .mini-map .number {
+ position: absolute;
+ z-index: 600;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .sectors {
+ z-index: 500;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases {
+ z-index: 400;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases circle {
+ fill: rgba(255, 255, 255, 0.2);
+ stroke: white;
+}
+#map-content .mini-map .viewport {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: rgba(255, 255, 255, 0.1);
+ border: solid 1px white;
+ border-radius: 3px;
+}
+#map-content .mini-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 11px;
+}
+.map-movers {
+ display: none;
+ position: absolute;
+ z-index: 900;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+#coord-box {
+ z-index: 1000;
+ position: absolute;
+ bottom: 20px;
+ right: 20px;
+ width: 80px;
+ padding: 5px 10px;
+ background: rgba(0, 0, 0, 0.8);
+ color: white;
+ font-size: 20px;
+ text-align: center;
+}
+.tactical-map {
+ margin: 10px;
+ position: relative;
+ background: url('src/desktop/map/common/galaxy-large.jpg') repeat #0A0A0A;
+}
+.tactical-map polygon {
+ stroke: white;
+ stroke-width: .30px;
+ opacity: 0.15;
+}
+.tactical-map polygon.enabled {
+ position: relative;
+ stroke-width: 2px;
+ opacity: 0.80;
+ z-index: 1;
+}
+.tactical-map polygon.enabled.ally1 {
+ stroke: #510816;
+}
+.tactical-map polygon.enabled.ally2 {
+ stroke: #0c0d44;
+}
+.tactical-map polygon.enabled.ally3 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.enabled.ally4 {
+ stroke: #310948;
+}
+.tactical-map polygon.enabled.ally5 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally6 {
+ stroke: #004948;
+}
+.tactical-map polygon.enabled.ally7 {
+ stroke: #401b13;
+}
+.tactical-map polygon.enabled.ally8 {
+ stroke: #c3590b;
+}
+.tactical-map polygon.enabled.ally9 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally10 {
+ stroke: #4d0621;
+}
+.tactical-map polygon.enabled.ally11 {
+ stroke: #10684c;
+}
+.tactical-map polygon.enabled.ally12 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.ally0 {
+ fill: #202020;
+}
+.tactical-map polygon.ally1 {
+ fill: #6e161b;
+}
+.tactical-map polygon.ally2 {
+ fill: #1f1471;
+}
+.tactical-map polygon.ally3 {
+ fill: #dbb200;
+}
+.tactical-map polygon.ally4 {
+ fill: #5a1072;
+}
+.tactical-map polygon.ally5 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally6 {
+ fill: #076b87;
+}
+.tactical-map polygon.ally7 {
+ fill: #67331d;
+}
+.tactical-map polygon.ally8 {
+ fill: #d87913;
+}
+.tactical-map polygon.ally9 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally10 {
+ fill: #760f36;
+}
+.tactical-map polygon.ally11 {
+ fill: #219772;
+}
+.tactical-map polygon.ally12 {
+ fill: #dbb200;
+}
+.tactical-map .number {
+ position: absolute;
+ z-index: 800;
+ top: 0;
+ left: 0;
+}
+.tactical-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 12px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 1px white;
+}
+.tactical-map .number span.ally0 {
+ background: #0A0A0A;
+}
+.tactical-map .number span.ally1 {
+ background: #510816;
+}
+.tactical-map .number span.ally2 {
+ background: #0c0d44;
+}
+.tactical-map .number span.ally3 {
+ background: #b17a00;
+}
+.tactical-map .number span.ally4 {
+ background: #310948;
+}
+.tactical-map .number span.ally5 {
+ background: #24500a;
+}
+.tactical-map .number span.ally6 {
+ background: #004948;
+}
+.tactical-map .number span.ally7 {
+ background: #401b13;
+}
+.tactical-map .number span.ally8 {
+ background: #c3590b;
+}
+.tactical-map .number span.ally9 {
+ background: #24500a;
+}
+.tactical-map .number span.ally10 {
+ background: #4d0621;
+}
+.tactical-map .number span.ally11 {
+ background: #10684c;
+}
+.tactical-map .number span.ally12 {
+ background: #b17a00;
+}
+.tactical-map .number span.active {
+ background: white;
+ color: black;
+ box-shadow: 0 0 10px black;
+}
+.tactical-map.reactive polygon.enabled:hover,
+.tactical-map.reactive polygon.enabled.active {
+ cursor: pointer;
+}
+.tactical-map.reactive polygon.enabled:hover.ally1,
+.tactical-map.reactive polygon.enabled.active.ally1 {
+ fill: #510816;
+}
+.tactical-map.reactive polygon.enabled:hover.ally2,
+.tactical-map.reactive polygon.enabled.active.ally2 {
+ fill: #0c0d44;
+}
+.tactical-map.reactive polygon.enabled:hover.ally3,
+.tactical-map.reactive polygon.enabled.active.ally3 {
+ fill: #b17a00;
+}
+.tactical-map.reactive polygon.enabled:hover.ally4,
+.tactical-map.reactive polygon.enabled.active.ally4 {
+ fill: #310948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally5,
+.tactical-map.reactive polygon.enabled.active.ally5 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally6,
+.tactical-map.reactive polygon.enabled.active.ally6 {
+ fill: #004948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally7,
+.tactical-map.reactive polygon.enabled.active.ally7 {
+ fill: #401b13;
+}
+.tactical-map.reactive polygon.enabled:hover.ally8,
+.tactical-map.reactive polygon.enabled.active.ally8 {
+ fill: #c3590b;
+}
+.tactical-map.reactive polygon.enabled:hover.ally9,
+.tactical-map.reactive polygon.enabled.active.ally9 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally10,
+.tactical-map.reactive polygon.enabled.active.ally10 {
+ fill: #4d0621;
+}
+.tactical-map.reactive polygon.enabled:hover.ally11,
+.tactical-map.reactive polygon.enabled.active.ally11 {
+ fill: #10684c;
+}
+.tactical-map.reactive polygon.enabled:hover.ally12,
+.tactical-map.reactive polygon.enabled.active.ally12 {
+ fill: #b17a00;
+}
+#action-box {
+ display: block;
+ z-index: 1100;
+ position: absolute;
+ width: 100%;
+ height: 300px;
+ bottom: -300px;
+ left: 0;
+ border-top: solid 1px #0A0A0A;
+ background: black;
+ box-shadow: 0 0 15px black;
+}
+#action-box .header {
+ position: relative;
+ background: black;
+ border-bottom: solid 1px #202020;
+ height: 36px;
+ color: #EFEFEF;
+}
+#action-box .header ul {
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .header ul li {
+ display: inline-block;
+ line-height: 36px;
+ padding: 0 10px;
+ color: #CCC;
+ border-right: solid 1px #202020;
+}
+#action-box .header ul li a {
+ display: inline-block;
+ line-height: 24px;
+ margin: 3px 0;
+ padding: 0 6px;
+ text-decoration: none;
+ color: #CCC;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-right: none;
+ color: #8F8F8F;
+}
+#action-box .header ul li a:first-child {
+ border-radius: 3px 0 0 3px;
+}
+#action-box .header ul li a:last-child {
+ border-right: solid 1px #202020;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .header ul li a:hover,
+#action-box .header ul li a:focus {
+ background: #202020;
+ color: white;
+}
+#action-box .header ul li a.active {
+ color: white;
+ position: relative;
+ z-index: 1;
+ background: #b17a00;
+}
+#action-box .header ul li img {
+ position: relative;
+ top: 5px;
+ width: 20px;
+ border-radius: 100%;
+}
+#action-box .header .button {
+ position: absolute;
+ top: 7px;
+ right: 10px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ background: #202020;
+ border-radius: 3px;
+ text-decoration: none;
+ text-transform: uppercase;
+ color: white;
+}
+#action-box .header .button:focus,
+#action-box .header .button:hover {
+ background: #4F4F4F;
+}
+#action-box .body {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ height: 263px;
+ background: url('src/desktop/map/common/bLine.jpg') repeat-x center #080808;
+}
+#action-box .actbox-movers {
+ position: absolute;
+ display: block;
+ width: 60px;
+ height: 263px;
+ z-index: 1103;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#action-box .actbox-movers:hover,
+#action-box .actbox-movers:focus {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+#action-box .actbox-movers:active {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+#action-box .actbox-movers#actboxToLeft {
+ background: url('src/desktop/mover/left.png') no-repeat center;
+}
+#action-box .actbox-movers#actboxToRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center;
+}
+#action-box .body .system {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 263px;
+ width: 3000px;
+}
+#action-box .body .system ul {
+ display: inline-block;
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .body .system ul li {
+ display: inline-block;
+}
+#action-box .body .system ul li.place a,
+#action-box .body .system ul li.action {
+ width: 100px;
+ height: 260px;
+ border-top: solid 3px white;
+ position: relative;
+}
+#action-box .body .system ul li.place.color1 a,
+#action-box .body .system ul li.action.color1 {
+ border-top-color: #6e161b;
+}
+#action-box .body .system ul li.place.color2 a,
+#action-box .body .system ul li.action.color2 {
+ border-top-color: #1f1471;
+}
+#action-box .body .system ul li.place.color3 a,
+#action-box .body .system ul li.action.color3 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.place.color4 a,
+#action-box .body .system ul li.action.color4 {
+ border-top-color: #5a1072;
+}
+#action-box .body .system ul li.place.color5 a,
+#action-box .body .system ul li.action.color5 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color6 a,
+#action-box .body .system ul li.action.color6 {
+ border-top-color: #076b87;
+}
+#action-box .body .system ul li.place.color7 a,
+#action-box .body .system ul li.action.color7 {
+ border-top-color: #67331d;
+}
+#action-box .body .system ul li.place.color8 a,
+#action-box .body .system ul li.action.color8 {
+ border-top-color: #d87913;
+}
+#action-box .body .system ul li.place.color9 a,
+#action-box .body .system ul li.action.color9 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color10 a,
+#action-box .body .system ul li.action.color10 {
+ border-top-color: #760f36;
+}
+#action-box .body .system ul li.place.color11 a,
+#action-box .body .system ul li.action.color11 {
+ border-top-color: #219772;
+}
+#action-box .body .system ul li.place.color12 a,
+#action-box .body .system ul li.action.color12 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.star {
+ width: 300px;
+ height: 263px;
+ border-left: solid 1px #0F0F0F;
+ background: url('src/desktop/map/systems/default.png') no-repeat center center;
+}
+#action-box .body .system ul li.place a {
+ display: block;
+ border-left: solid 1px #0F0F0F;
+ text-align: center;
+}
+#action-box .body .system ul li.place a strong {
+ position: absolute;
+ bottom: 8px;
+ left: 10px;
+ font-size: 18px;
+ font-weight: bold;
+ color: white;
+}
+#action-box .body .system ul li.place a .land {
+ position: absolute;
+ z-index: 1102;
+ top: 88px;
+ left: 10px;
+ width: 80px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.place.active a .land {
+ box-shadow: 0 0 0 1px #202020;
+ background: #080808;
+}
+#action-box .body .system ul li.place a .avatar {
+ position: absolute;
+ z-index: 1101;
+ top: 10px;
+ left: 20px;
+ padding: 7px;
+ border: solid 1px #0F0F0F;
+ background: black;
+ width: 47px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action {
+ width: 0px;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .content {
+ position: absolute;
+ top: 9px;
+ left: 12px;
+ height: 240px;
+ width: 545px;
+ background: #111111;
+ border: solid 1px #202020;
+ box-shadow: inset 0 0 5px black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .content:before {
+ content: '';
+ position: absolute;
+ top: 107px;
+ left: -24px;
+ border-width: 12px;
+ border-style: solid;
+ border-color: transparent #202020 transparent transparent;
+}
+#action-box .body .system ul li.action .content .column {
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ height: 240px;
+ border-right: solid 1px #202020;
+ color: white;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link {
+ position: absolute;
+ top: 6px;
+ right: 8px;
+ opacity: .5;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link:hover,
+#action-box .body .system ul li.action .content .column .last-spy-link:focus {
+ opacity: 1;
+}
+#action-box .body .system ul li.action .content .column.info {
+ width: 199px;
+}
+#action-box .body .system ul li.action .content .column.act {
+ width: 345px;
+ border-right: none;
+}
+#action-box .body .system ul li.action .content .column p {
+ margin: 2px 10px;
+}
+#action-box .body .system ul li.action .content .column a {
+ color: white;
+}
+#action-box .body .system ul li.action .content .column hr {
+ margin: 8px 10px;
+ border: none;
+ background: none;
+ border-bottom: solid 1px #202020;
+}
+#action-box .body .system ul li.action .content .column strong {
+ line-height: 30px;
+}
+#action-box .body .system ul li.action .content .column.info strong {
+ line-height: 28px;
+ font-size: 18px;
+}
+#action-box .body .system ul li.action .content .column .label {
+ display: inline-block;
+ width: 78px;
+ font-size: 12px;
+}
+#action-box .body .system ul li.action .content .column .value {
+ display: inline-block;
+ width: 100px;
+ text-align: left;
+}
+#action-box .body .system ul li.action .content .column .value .icon,
+#action-box .body .system ul li.action .content .column .value .icon-color {
+ width: 18px;
+ height: 18px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .content .column.act .top .grey {
+ opacity: .4;
+}
+#action-box .body .system ul li.action .content .column.act .top img {
+ width: 45px;
+ padding: 8px;
+ margin: 0 4px 2px 0;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action .content .column .top,
+#action-box .body .system ul li.action .content .column .bottom {
+ padding: 5px;
+}
+#action-box .body .system ul li.action .box {
+ display: none;
+ position: absolute;
+ left: 10px;
+ right: 10px;
+ bottom: 10px;
+ top: 80px;
+ background: black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .box:nth-child(1) {
+ display: block;
+}
+#action-box .body .system ul li.action .box:before {
+ content: '';
+ position: absolute;
+ top: -20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent transparent black transparent;
+}
+#action-box .body .system ul li.action .box:nth-child(1):before {
+ left: 15px;
+}
+#action-box .body .system ul li.action .box:nth-child(2):before {
+ left: 84px;
+}
+#action-box .body .system ul li.action .box:nth-child(3):before {
+ left: 152px;
+}
+#action-box .body .system ul li.action .box:nth-child(4):before {
+ left: 218px;
+}
+#action-box .body .system ul li.action .box:nth-child(5):before {
+ left: 284px;
+}
+#action-box .body .system ul li.action .box h2 {
+ margin: 0;
+ padding: 0 11px;
+ line-height: 35px;
+ font-size: 15px;
+}
+#action-box .body .system ul li.action .box .box-content {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 0 0 3px 3px;
+ padding: 8px 10px;
+ background: #080808;
+ border: solid 1px black;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item {
+ display: none;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button {
+ display: inline-block;
+ width: 100px;
+ text-decoration: none;
+ margin: 8px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .picto {
+ float: left;
+ width: 30px;
+ height: 30px;
+ margin: 0 5px 0 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button span {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form {
+ margin-top: 10px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form input {
+ width: 187px;
+ padding: 7px;
+ border: none;
+ background: white;
+ border-radius: 3px 0 0 3px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button {
+ width: 100px;
+ padding: 6px 6px;
+ border: none;
+ color: white;
+ background: #dbb200;
+ cursor: pointer;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button:hover,
+#action-box .body .system ul li.action .box .box-content .spy-form button:focus {
+ background: #b17a00;
+}
+#action-box .body .system ul li.action .box .box-content .label-box {
+ display: inline-block;
+ width: 50%;
+ margin: 5px 0;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .key {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .val {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+#action-box .body .system ul li.action .box .box-content .rc {
+ margin: 5px 0 0 0;
+ padding: 10px 10px 0 50px;
+ border-top: solid 1px #202020;
+}
+#action-box .body .system ul li.action .box .box-content .rc .planet {
+ position: absolute;
+ top: -25px;
+ left: -25px;
+ width: 76px;
+ height: 76px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+#action-box .body .system ul li.action .box .box-content .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .button {
+ display: inline-block;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ line-height: 26px;
+ margin: 5px 0 0 0;
+ padding: 0 8px;
+ text-align: center;
+ text-decoration: none;
+}
+#action-box .body .system ul li.action .box .box-content a.button {
+ background: #dbb200;
+ border: #b17a00;
+}
+#action-box .body .system ul li.action .box .box-content a.button:hover,
+#action-box .body .system ul li.action .box .box-content a.button:focus {
+ background: #b17a00;
+}
+.component.admin table {
+ margin: 10px;
+ border-collapse: collapse;
+ width: 877px;
+}
+.component.admin table tr {
+ border-bottom: solid 1px #202020;
+}
+.component.admin table td {
+ padding: 5px 10px;
+ vertical-align: top;
+}
+.component.admin table .button {
+ display: inline-block;
+ padding: 0 5px;
+ line-height: 25px;
+ min-width: 15px;
+ text-align: center;
+ color: white;
+ border-radius: 3px;
+ background: #4F4F4F;
+ text-decoration: none;
+}
+.component.admin table td:nth-child(1) {
+ width: 50px;
+}
+.component.admin table td:nth-child(2) {
+ width: 100px;
+}
+.component.admin table td:nth-child(3) {
+ width: auto;
+}
+.component.admin table td:nth-child(4) {
+ width: 80px;
+}
+.on-off-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #dbb200;
+ border: solid 1px #b17a00;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+.on-off-button:hover,
+.on-off-button:focus {
+ background: #b17a00;
+ border-color: #dbb200;
+}
+.on-off-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+.inscription {
+ /* SUBNAV */
+ /* ALLY */
+}
+.inscription #nav .box.left span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 10px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 80px;
+ text-align: center;
+ color: #4f4f4f;
+ text-decoration: none;
+ font-variant: small-caps;
+}
+.inscription #nav .box.left span.active {
+ color: white;
+}
+.inscription #nav .box.right {
+ display: none;
+}
+.inscription #inscription-subnav {
+ position: fixed;
+ top: 45px;
+ left: 0;
+ width: 210px;
+ margin: 0 20px 0 60px;
+ z-index: 500;
+}
+.inscription #inscription-subnav .bind {
+ height: 15px;
+ background: url('src/desktop/inscriptionSubnav/bBind.png') no-repeat center;
+}
+.inscription #inscription-subnav .head {
+ position: relative;
+ height: 214px;
+ background: url('src/desktop/inscriptionSubnav/bHead.png') no-repeat center;
+}
+.inscription #inscription-subnav .head h2 {
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ top: 5px;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 24px;
+ width: 210px;
+ overflow: hidden;
+ text-align: center;
+ color: white;
+}
+.inscription #inscription-subnav .head img {
+ position: absolute;
+ top: 43px;
+ left: 28px;
+ width: 125px;
+ height: 125px;
+ background: #0A0A0A;
+}
+.inscription #inscription-subnav .head .level {
+ position: absolute;
+ display: block;
+ bottom: 15px;
+ left: 0;
+ width: 100%;
+ font-size: 20px;
+ line-height: 41px;
+ color: white;
+ text-align: center;
+ background: url('src/desktop/inscriptionSubnav/bLevel.png') no-repeat center;
+}
+.inscription #inscription-subnav .head .experience {
+ position: absolute;
+ display: inline-block;
+ top: 50px;
+ right: 32px;
+ width: 21px;
+ height: 112px;
+}
+.inscription #inscription-subnav .head .experience .value {
+ position: absolute;
+ display: block;
+ width: 100%;
+ bottom: 0;
+ border-radius: 3px;
+}
+.inscription #inscription-subnav .foot {
+ height: 290px;
+}
+.inscription #movers .toLeft {
+ left: 0 !important;
+}
+.inscription .component.inscription img.color1 {
+ background: #6e161b !important;
+}
+.inscription .component.inscription img.color2 {
+ background: #1f1471 !important;
+}
+.inscription .component.inscription img.color3 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription img.color4 {
+ background: #5a1072 !important;
+}
+.inscription .component.inscription img.color5 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color6 {
+ background: #076b87 !important;
+}
+.inscription .component.inscription img.color7 {
+ background: #67331d !important;
+}
+.inscription .component.inscription img.color8 {
+ background: #d87913 !important;
+}
+.inscription .component.inscription img.color9 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color10 {
+ background: #760f36 !important;
+}
+.inscription .component.inscription img.color11 {
+ background: #219772 !important;
+}
+.inscription .component.inscription img.color12 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription .chooseLink {
+ display: block;
+ margin: 10px;
+ padding: 10px 60px 10px 20px;
+ background: url('src/desktop/mover/right.png') no-repeat 235px center #CCC;
+ text-decoration: none;
+ color: white;
+ text-shadow: 0 0 2px black;
+ border: solid 1px #202020;
+ cursor: pointer;
+ -webkit-transition: all linear 200ms;
+ -moz-transition: all linear 200ms;
+ -ms-transition: all linear 200ms;
+ -o-transition: all linear 200ms;
+ transition: all linear 200ms;
+}
+.inscription .component.inscription .chooseLink:focus,
+.inscription .component.inscription .chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+.inscription .component.inscription button.chooseLink {
+ width: 277px;
+ text-align: left;
+}
+.inscription .component.inscription.color1 .chooseLink {
+ background-color: #6e161b;
+}
+.inscription .component.inscription.color2 .chooseLink {
+ background-color: #1f1471;
+}
+.inscription .component.inscription.color3 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color4 .chooseLink {
+ background-color: #5a1072;
+}
+.inscription .component.inscription.color5 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color6 .chooseLink {
+ background-color: #076b87;
+}
+.inscription .component.inscription.color7 .chooseLink {
+ background-color: #67331d;
+}
+.inscription .component.inscription.color8 .chooseLink {
+ background-color: #d87913;
+}
+.inscription .component.inscription.color9 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color10 .chooseLink {
+ background-color: #760f36;
+}
+.inscription .component.inscription.color11 .chooseLink {
+ background-color: #219772;
+}
+.inscription .component.inscription.color12 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color1 .chooseLink:hover,
+.inscription .component.inscription.color1 .chooseLink:focus {
+ background-color: #510816;
+}
+.inscription .component.inscription.color2 .chooseLink:hover,
+.inscription .component.inscription.color2 .chooseLink:focus {
+ background-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .chooseLink:hover,
+.inscription .component.inscription.color3 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription.color4 .chooseLink:hover,
+.inscription .component.inscription.color4 .chooseLink:focus {
+ background-color: #310948;
+}
+.inscription .component.inscription.color5 .chooseLink:hover,
+.inscription .component.inscription.color5 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color6 .chooseLink:hover,
+.inscription .component.inscription.color6 .chooseLink:focus {
+ background-color: #004948;
+}
+.inscription .component.inscription.color7 .chooseLink:hover,
+.inscription .component.inscription.color7 .chooseLink:focus {
+ background-color: #401b13;
+}
+.inscription .component.inscription.color8 .chooseLink:hover,
+.inscription .component.inscription.color8 .chooseLink:focus {
+ background-color: #c3590b;
+}
+.inscription .component.inscription.color9 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color10 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #4d0621;
+}
+.inscription .component.inscription.color11 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #10684c;
+}
+.inscription .component.inscription.color12 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription .chooseLink strong {
+ display: block;
+ font-size: 15px;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+}
+.inscription .component.inscription .chooseLink em {
+ font-style: normal;
+}
+.inscription .component.inscription span.chooseLink {
+ background: #202020 !important;
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+ cursor: auto;
+ padding: 10px;
+}
+.inscription .component.inscription span.chooseLink:focus,
+.inscription .component.inscription span.chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+}
+.inscription .component.inscription blockquote {
+ line-height: 200%;
+}
+.inscription .component.inscription #pseudo,
+.inscription .component.inscription #base {
+ position: relative;
+ width: 100%;
+ border: none;
+ padding: 12px 0;
+ margin: 0;
+ text-align: center;
+ font-size: 26px;
+ font-weight: bold;
+ background: white;
+ border-radius: 3px;
+}
+.inscription .component.inscription.color1 #pseudo {
+ color: #510816;
+}
+.inscription .component.inscription.color2 #pseudo {
+ color: #0c0d44;
+}
+.inscription .component.inscription.color3 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription.color4 #pseudo {
+ color: #310948;
+}
+.inscription .component.inscription.color5 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color6 #pseudo {
+ color: #004948;
+}
+.inscription .component.inscription.color7 #pseudo {
+ color: #401b13;
+}
+.inscription .component.inscription.color8 #pseudo {
+ color: #c3590b;
+}
+.inscription .component.inscription.color9 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color10 #pseudo {
+ color: #4d0621;
+}
+.inscription .component.inscription.color11 #pseudo {
+ color: #10684c;
+}
+.inscription .component.inscription.color12 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription .avatars {
+ padding: 5px;
+ text-align: center;
+}
+.inscription .component.inscription .avatar {
+ position: relative;
+ display: inline-block;
+ margin: 0 5px;
+ padding: 5px;
+ background: #202020;
+ border: solid 5px #0A0A0A;
+ border-radius: 100%;
+}
+.inscription .component.inscription .avatar input {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+.inscription .component.inscription .avatar img {
+ display: block;
+ width: 117px;
+ cursor: pointer;
+ border-radius: 100%;
+}
+.inscription .component.inscription.color1 .avatar:hover {
+ border-color: #510816;
+}
+.inscription .component.inscription.color2 .avatar:hover {
+ border-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color4 .avatar:hover {
+ border-color: #310948;
+}
+.inscription .component.inscription.color5 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color6 .avatar:hover {
+ border-color: #004948;
+}
+.inscription .component.inscription.color7 .avatar:hover {
+ border-color: #401b13;
+}
+.inscription .component.inscription.color8 .avatar:hover {
+ border-color: #c3590b;
+}
+.inscription .component.inscription.color9 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color10 .avatar:hover {
+ border-color: #4d0621;
+}
+.inscription .component.inscription.color11 .avatar:hover {
+ border-color: #10684c;
+}
+.inscription .component.inscription.color12 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color1 .avatar.active {
+ border-color: #b01e2d;
+}
+.inscription .component.inscription.color2 .avatar.active {
+ border-color: #2f23c0;
+}
+.inscription .component.inscription.color3 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription .component.inscription.color4 .avatar.active {
+ border-color: #a935c7;
+}
+.inscription .component.inscription.color5 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color6 .avatar.active {
+ border-color: #05bed7;
+}
+.inscription .component.inscription.color7 .avatar.active {
+ border-color: #ac5832;
+}
+.inscription .component.inscription.color8 .avatar.active {
+ border-color: #f2b636;
+}
+.inscription .component.inscription.color9 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color10 .avatar.active {
+ border-color: #a92859;
+}
+.inscription .component.inscription.color11 .avatar.active {
+ border-color: #34b089;
+}
+.inscription .component.inscription.color12 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription #alert {
+ bottom: -12px;
+ z-index: 10000;
+}
+.inscription .build-item {
+ min-height: 60px;
+}
+.inscription .build-item .name {
+ padding-top: 2px !important;
+}
+.inscription .build-item .name strong {
+ font-size: 16px !important;
+}
+.inscription .build-item .name em {
+ font-size: 12px !important;
+}
+.color0 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor0.png') no-repeat top left;
+}
+.color1 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor1.png') no-repeat top left;
+}
+.color2 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor2.png') no-repeat top left;
+}
+.color3 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor3.png') no-repeat top left;
+}
+.color4 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor4.png') no-repeat top left;
+}
+.color5 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor5.png') no-repeat top left;
+}
+.color6 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor6.png') no-repeat top left;
+}
+.color7 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor7.png') no-repeat top left;
+}
+.color8 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor8.png') no-repeat top left;
+}
+.color9 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor9.png') no-repeat top left;
+}
+.color10 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor10.png') no-repeat top left;
+}
+.color11 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor11.png') no-repeat top left;
+}
+.color12 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor12.png') no-repeat top left;
+}
+/* AUTOCOMPLETE MODULE */
+.ac_results {
+ width: 100%;
+ padding: 0px;
+ border: 1px solid #4F4F4F;
+ background-color: white;
+ overflow: hidden;
+ z-index: 99999;
+ box-shadow: 0 0 6px black;
+ border-radius: 3px;
+}
+.ac_results ul {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style-position: outside;
+ list-style: none;
+}
+.ac_results ul li {
+ padding: 4px 8px;
+ margin: 0px;
+ cursor: default;
+ display: block;
+ border-bottom: solid 1px #CCC;
+ overflow: hidden;
+}
+.ac_results ul li:last-child {
+ border: none;
+}
+.ac_results .img {
+ float: left;
+ width: 36px;
+ background: #202020;
+ border-radius: 3px;
+ margin: 0 8px 0 0;
+}
+.ac_results .value-1,
+.ac_results .value-2 {
+ display: block;
+ line-height: 18px;
+}
+.ac_results .value-1 {
+ font-weight: bold;
+}
+.ac_loading {
+ background: white url('src/desktop/module/indicator.gif') right center no-repeat;
+}
+.ac_over {
+ background: #efefef;
+}
+.ac_results .ac_over strong {
+ color: black;
+}
+.ac_results .ac_over img {
+ background: white;
+}
diff --git a/public/css/main.desktop.v3.color4.css b/public/css/main.desktop.v3.color4.css
index b9df62a33..0c48f6212 100644
--- a/public/css/main.desktop.v3.color4.css
+++ b/public/css/main.desktop.v3.color4.css
@@ -1 +1,6737 @@
-html{height:100%}body{margin:0;padding:0;font-family:Roboto,'Trebuchet MS',Arial,sans-serif;font-size:13px}.bull{display:none;position:absolute;z-index:1200;padding:4px 8px;max-width:280px;color:#fff;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px}.bull.top:before{bottom:-14px;border-color:#4F4F4F transparent transparent transparent}.bull.bottom:before{top:-14px;border-color:transparent transparent #4F4F4F transparent}.bull.left:before{right:9pt}.bull.right:before{left:9pt}body{width:100%;height:100%;overflow:hidden;background:#000}#nav,#tools{position:fixed;width:100%;height:26px;background:url(src/desktop/tools/bTools.png) repeat-x #000;box-shadow:0 0 10px #000;z-index:1000;border-color:#a935c7}#nav{top:0;left:0;background:url(src/desktop/nav/bNav.png) repeat-x #000;border-bottom:solid 3px #000}#tools{bottom:0;left:0;background:url(src/desktop/tools/bTools.png) repeat-x #000;border-top:solid 3px #000}#container{position:absolute;top:29px;left:0;margin:0;padding:0;width:100%;background:#000;overflow:hidden;z-index:0;background:url(src/desktop/global/background.jpg) repeat-x #000}.icon,.icon-color{display:inline-block;vertical-align:bottom;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.icon-color{background:#a935c7!important}#background-paralax{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat bottom left transparent;z-index:100;background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.profil{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.message{background-image:url(src/desktop/screen/message.jpg)}#background-paralax.fleet{background-image:url(src/desktop/screen/fleet.jpg)}#background-paralax.financial{background-image:url(src/desktop/screen/financial.jpg)}#background-paralax.technology{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.rank{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.params{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.bases{background-image:url(src/desktop/screen/base.jpg)}#movers a{position:absolute;width:60px;height:100%;z-index:400;background:red;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#movers a:focus,#movers a:hover{background-color:rgba(255,255,255,.08)}#movers a:active{background-color:rgba(255,255,255,.2)}#movers .toLeft{top:0;left:60px;background:url(src/desktop/mover/left.png) no-repeat center transparent}#movers .toRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center transparent}.component.financial table{border-collapse:collapse;width:100%}.component.financial td{vertical-align:top;width:50%}.component.uni .build-item{height:60px;margin:20px}.component.techno .build-item .name strong{font-size:1pc}.component.school .build-item .name strong{font-size:18px}.component.generator table{width:100%;border-collapse:collapse}.component.dock1 table{width:100%;border-collapse:collapse}.component.space .fix-body{background:url(src/desktop/base/situation.jpg) no-repeat top left #000}.component.memorial blockquote{font-size:22px;margin:30px 15px 0 30px;line-height:160%;font-weight:700;text-align:center}.component .info-building{margin:10px;padding:0;font-size:13px;border-top:solid 1px #4F4F4F}.component .info-building h4{margin:10px}.component .info-building p{font-size:13px}#nav .box a,#nav .box>span,#tools .box a,#tools .box>span{position:relative;display:inline-block;line-height:2pc;padding:0 25px;margin:5px 2px;font-size:14px;width:150px;color:#fff;text-decoration:none;font-variant:small-caps;background:url(src/desktop/button/bButtonMiddle.png) repeat-x}#nav .box a:before,#nav .box>span:before,#tools .box a:before,#tools .box>span:before{content:'';position:absolute;top:0;left:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonLeft.png) no-repeat}#nav .box a:after,#nav .box>span:after,#tools .box a:after,#tools .box>span:after{content:'';position:absolute;top:0;right:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonRight.png) no-repeat}#nav .box a.current-base,#tools .box a.current-base{margin-left:56px}#nav .box a.current-base img,#tools .box a.current-base img{position:absolute;top:-1pc;left:-54px;background:#000;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:solid 2px #4F4F4F;width:60px}#nav .box a:focus:before,#nav .box a:hover:before,#tools .box a:focus:before,#tools .box a:hover:before{background:url(src/desktop/button/bButtonLeftHover.png) repeat}#nav .box a:focus:after,#nav .box a:hover:after,#tools .box a:focus:after,#tools .box a:hover:after{background:url(src/desktop/button/bButtonRightHover.png) repeat}#nav .box a.active,#tools .box a.active{background:url(src/desktop/button/bButtonMiddleActive.png) repeat}#nav .box a.active:before,#tools .box a.active:before{background:url(src/desktop/button/bButtonLeftActive.png) repeat}#nav .box a.active:after,#tools .box a.active:after{background:url(src/desktop/button/bButtonRightActive.png) repeat}#nav .box a.square,#tools .box a.square{position:relative;padding:0 5px;margin:5px 2px;height:2pc;width:30px;background:url(src/desktop/button/bLittleButton.png) no-repeat;vertical-align:top}#nav .box a.square:after,#nav .box a.square:before,#tools .box a.square:after,#tools .box a.square:before{display:none}#nav .box a.square:focus,#nav .box a.square:hover,#tools .box a.square:focus,#tools .box a.square:hover{background:url(src/desktop/button/bLittleButtonHover.png) no-repeat}#nav .box a.square.active,#tools .box a.square.active{background:url(src/desktop/button/bLittleButtonActive-c4.png) no-repeat}#nav .box a.square.active.flashy,#tools .box a.square.active.flashy{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 9pt #a935c7}#nav .box a.square img,#tools .box a.square img{position:absolute;width:24px;top:3px;left:8px}#nav .box a.square span.number,#tools .box a.square span.number{position:absolute;top:-5px;right:-5px;width:18px;line-height:18px;text-align:center;font-size:11px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#310948}#nav .box{position:absolute;display:inline-block;height:46px;padding:0 3px;background:url(src/desktop/nav/bNavBox.png) repeat-x}#nav .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxLeft.png) no-repeat}#nav .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxRight.png) no-repeat}#nav .box.left{top:0;left:25px}#nav .box.left-2{top:0;left:420px}#nav .box.left-3{top:0;left:732px}#nav .box.right{top:0;right:25px}#nav .box a.square span.number{bottom:-5px;top:auto}#tools .box{position:absolute;display:inline-block;height:40px;padding:1px 3px 0 3px;background:url(src/desktop/tools/bToolBox.png) repeat-x;font-size:13px}#tools .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxRight.png) no-repeat}#tools .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxLeft.png) no-repeat}#tools .box.left{bottom:0;right:340px}#tools .box.right{bottom:0;right:25px}#tools .box a.square img{top:4px}#tools .box a.resource-link,#tools .box span.resource-link{width:110px;font-size:1pc}#tools .box a.resource-link img.icon-color,#tools .box span.resource-link img.icon-color{position:relative;display:inline-block;width:18px;vertical-align:middle;margin-left:5px;top:-2px;padding:1px}#nav .overbox .overflow,#tools .overbox .overflow{max-height:25pc;overflow:auto;position:relative}#nav .overbox h2,#tools .overbox h2{color:#fff;padding:10px 15px;margin:0;font-size:14px;font-weight:400;border-bottom:solid 1px #202020}#nav .overbox .link-title,#tools .overbox .link-title{position:absolute;top:10px;right:10px;line-height:20px;font-size:11px;padding:0 5px;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-decoration:none;color:#fff}#nav .overbox a,#tools .overbox a{color:inherit}#nav .overbox a.more-link,#tools .overbox a.more-link{display:block;padding:8px;font-size:9pt;border-top:solid 1px #202020;text-align:center;text-decoration:none;color:#4F4F4F}#nav .overbox a.more-link:focus,#nav .overbox a.more-link:hover,#tools .overbox a.more-link:focus,#tools .overbox a.more-link:hover{color:#CCC}#nav .overbox p.info,#tools .overbox p.info{padding:5px 15px;font-size:9pt;text-align:center;color:#CCC}#nav .overbox .outside-button,#tools .overbox .outside-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#5a1072;border:solid 1px #310948;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}#nav .overbox .outside-button:focus,#nav .overbox .outside-button:hover,#tools .overbox .outside-button:focus,#tools .overbox .outside-button:hover{background:#310948;border-color:#5a1072}#nav .overbox .outside-button.disabled,#tools .overbox .outside-button.disabled{background:#202020;border-color:#4F4F4F}#nav .overbox input.outside-button,#tools .overbox input.outside-button{line-height:26px}#nav .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}#nav .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:transparent transparent #202020 transparent;top:-18px;right:30px}#nav .overbox#change-bases{top:50px;left:10px;width:205px;padding:0 0 8px 0}#nav .overbox#change-bases:before{left:30px;right:auto}#nav .overbox#change-bases a{display:block;padding:3px 15px;color:#CCC;text-decoration:none;font-size:9pt;border-bottom:solid 1px #101010}#nav .overbox#change-bases a:focus,#nav .overbox#change-bases a:hover{background:#101010}#nav .overbox#change-bases a.active{background:#202020}#nav .overbox#change-bases strong{display:block;color:#CCC;font-size:13px}#nav .overbox#disconnect-box{top:50px;right:10px;width:205px;padding:8px 0}#nav .overbox#disconnect-box hr{margin:8px 0;border:none;background:0 0;border-top:solid 1px #202020}#nav .overbox#disconnect-box a{display:block;padding:0 15px;line-height:25px;font-size:13px;color:#CCC;text-decoration:none}#nav .overbox#disconnect-box a:focus,#nav .overbox#disconnect-box a:hover{color:#fff;background:#202020}#nav .overbox#bug-tracker{width:250px;top:50px;right:98px;padding:0 0 8px 0}#nav .overbox#bug-tracker p{color:#CCC;font-size:9pt;margin:10px}#nav .overbox#bug-tracker .option{margin:3px 10px 10px 10px;display:block;width:330px;padding:5px}#nav .overbox#bug-tracker textarea{display:block;margin:0 10px 10px 10px;padding:5px;width:318px;height:200px;min-width:318px;max-width:318px;border:solid 1px #202020;font-family:'Trebuchet MS',sans-serif;font-size:13px}#nav .overbox#bug-tracker .button{display:block;margin:0 10px 2px 10px}#nav .overbox#roadmap{width:350px;top:50px;right:10px}#nav .overbox#roadmap .overflow{width:350px;padding:8px 0}#nav .overbox#roadmap p{color:#CCC;font-size:9pt;margin:0 10px 10px 10px}#nav .overbox#roadmap p em{display:block;font-size:11px;color:#4F4F4F}#nav .overbox#roadmap hr{margin:5px 0;border:none;border-top:solid 1px #202020}#nav .overbox#tutorial{width:350px;top:50px;right:143px;color:#fff}#nav .overbox#tutorial form{padding:0 0 10px 0;margin:0;border-top:solid 1px #202020}#nav .overbox#tutorial .overflow{padding:15px 15px 0 15px}#nav .overbox#tutorial .overflow h3{position:relative;margin:0;padding:0 0 0 36px}#nav .overbox#tutorial .overflow h3 .number{position:absolute;top:-4px;left:0;display:block;width:26px;line-height:26px;text-align:center;background:#310948;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;margin-right:10px}#nav .overbox#tutorial .overflow p{font-size:9pt;color:#CCC}#nav .overbox#new-notifications{top:50px;left:627px;width:300px}#tools .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:300px;bottom:45px;right:15px}#tools .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:#202020 transparent transparent transparent;bottom:-18px;right:30px}#tools .overbox.left-pic:before{left:30px;right:auto}#tools .overbox#tools-calendar{left:25px;bottom:45px;right:auto}#tools .overbox#tools-refinery{right:401px;bottom:45px}#tools .overbox#tools-generator{right:237px;bottom:45px}#tools .overbox#tools-technosphere{right:193px;bottom:45px}#tools .overbox#tools-dock1{right:148px;bottom:45px}#tools .overbox#tools-dock2{right:105px;bottom:45px}#tools .overbox#tools-credit{right:140px;bottom:45px}#tools .overbox#tools-incoming-attack{right:230px;bottom:45px}#tools .overbox#tools-outgoing-attack{right:185px;bottom:45px}#subnav{position:fixed;top:29px;left:2px;bottom:29px;padding:40px 0;width:60px;background:url(src/desktop/subnav/middle.png) repeat-y;z-index:1000}#subnav hr{border:none;margin:20px 0}#subnav .overflow{position:relative}#subnav .move-side-bar{display:none;position:absolute;z-index:5000;left:5px;width:3pc;height:3pc;line-height:3pc;border:none;background-color:rgba(0,0,0,.75);background-position:center;background-repeat:no-repeat;border-radius:100%;cursor:pointer}#subnav .move-side-bar:focus,#subnav .move-side-bar:hover{box-shadow:0 0 3px #fff}#subnav .move-side-bar.top{bottom:auto;top:20px;background-image:url(src/desktop/component/top.png)}#subnav .move-side-bar.bottom{bottom:20px;top:auto;background-image:url(src/desktop/component/bottom.png)}#subnav .item{position:relative;display:block;height:50px;width:50px;margin:0 0 10px 0;padding:8px 5px;color:#fff;text-decoration:none;background:url(src/desktop/subnav/button.png) no-repeat}#subnav .item.active{background:url(src/desktop/subnav/button-active-c4.png) no-repeat}#subnav .item.striped{background:url(src/desktop/subnav/button-striped.png) no-repeat}#subnav .item:before{content:'';position:absolute;right:-6px;bottom:0;width:9pt;height:47px;background:url(src/desktop/subnav/til.png) no-repeat}#subnav .item:hover:before{background:url(src/desktop/subnav/til-hover.png) no-repeat}#subnav .item:hover>.content{display:block}#subnav .item .picto{display:block;height:30px;width:30px;padding:10px}#subnav .item .picto img{display:block;height:30px;width:30px}#subnav .item .picto .number{position:absolute;bottom:-5px;right:-18px;display:block;width:28px;height:28px;line-height:28px;text-align:center;font-size:9pt;background:url(src/desktop/subnav/number.png) no-repeat}#subnav .item .content{display:none;position:absolute;top:0;left:75px;width:230px}#subnav .item .content.skin-1 span{display:inline-block;margin:15px 0 15px 1pc;padding:0 15px;line-height:30px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-1 span:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content{display:inline-block;margin:0 0 0 1pc;padding:10px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-2 .sub-content:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content hr{border:none;border-top:solid 1px #4F4F4F;margin:5px 0}#subnav .item .content.skin-2 .sub-content .ship{position:relative}#subnav .item .content.skin-2 .sub-content .ship img{width:2pc;height:2pc}#subnav .item .content.skin-2 .sub-content .ship img.zero{opacity:.5}#subnav .item .content.skin-2 .sub-content .ship .number{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;line-height:18px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;text-align:center;background:#a935c7}#alert-content{display:none}#alert{position:absolute;bottom:18px;left:50px;padding:0;text-align:right;list-style:inset none}#alert li{position:relative;display:inline-block;margin:0 0 0 5px}#alert li img{display:block;height:50px;border:solid 1px #202020;padding:5px;background:#0A0A0A;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.alert-bull{display:block;position:absolute;z-index:1200;width:200px;padding:6px 8px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.alert-bull .title{display:block;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:solid 1px #4F4F4F}.alert-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;bottom:-14px;left:24px;border-color:#4F4F4F transparent transparent transparent}#content{position:absolute;width:500pc;height:100%;top:0;left:300px;z-index:200}#content .component{position:relative;display:table-cell;overflow:hidden;width:300px;background:rgba(0,0,0,.92)}#content .component.size2{width:600px}#content .component.size3{width:900px}#content .component:nth-child(1){background:rgba(0,0,0,.6)}#content .component:nth-child(2){background:rgba(0,0,0,.75)}#content .component:nth-child(3){background:rgba(0,0,0,.85)}#content .component:nth-child(4){background:rgba(0,0,0,.9)}#content .component .head{position:relative;display:inline-block;height:90pt;width:100%;vertical-align:top;color:#fff;background:url(src/desktop/component/bHead.jpg) repeat-x center #000;border-bottom:solid 1px #202020}#content .component .head h1{position:absolute;top:10px;left:10px;font-size:38px;line-height:50px;height:50px;display:inline-block;padding:0 10px;background:#000;overflow:hidden}#content .component .fix-body{position:relative;overflow:auto;color:#fff;border-right:solid 1px #202020}#content .component .fix-body .body{position:relative}.no-scrolling #content .component .fix-body{overflow:hidden}.no-scrolling #content .component .fix-body>a{position:absolute;width:100%;height:40px;left:0;opacity:0}.no-scrolling #content .component .fix-body.hover>a{opacity:1;background-position:center;background-repeat:no-repeat}.no-scrolling #content .component .fix-body .toTop{top:0;background-image:url(src/desktop/component/top.png),-webkit-gradient(linear,#000,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-moz-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-ms-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-o-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),linear-gradient(black,rgba(0,0,0,.8),transparent)}.no-scrolling #content .component .fix-body .toBottom{bottom:0;background-image:url(src/desktop/component/bottom.png),-webkit-gradient(linear,transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-moz-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-ms-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-o-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),linear-gradient(transparent,rgba(0,0,0,.8),#000)}#content .component.invisible{background:0 0}#content .component.invisible .publicity{position:absolute;bottom:0;left:0;right:0;background:red}.component .tool{display:table;width:100%;height:44px;margin:0;overflow:hidden;background:#000;border-bottom:solid 1px #a935c7;color:#4F4F4F}.component .tool>span{display:table-cell;width:28px;border:solid 6px transparent;border-left:none}.component .tool>span:first-child{border:solid 5px transparent;width:auto;text-align:center}.component .tool>span:first-child a{width:auto}.component .tool>span a{position:relative;display:block;margin:0;padding:0;line-height:30px;width:30px;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px;text-align:center}.component .tool>span a img{width:18px;position:relative;top:-4px}.component .tool>span a.active{background:#5a1072;color:#fff;border-color:#a935c7}.component .tool>span a.active.down{box-shadow:0 2px 0 0 #CCC}.component .tool>span a.active.up{box-shadow:0 -2px 0 0 #ccc}.component .tool>span a.active:focus,.component .tool>span a.active:hover{color:#CCC;box-shadow:inset 0 0 5px rgba(0,0,0,.5)}.component .tool>span a:active,.component .tool>span a:focus,.component .tool>span a:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .tool.sort-button>span:first-child{text-align:center}.component h3{width:100%;margin:0;background:#000;text-align:center;padding:0 2px;line-height:44px;font-weight:400;font-size:14px;color:#4F4F4F;text-decoration:none;border-bottom:solid 1px #a935c7}.component h4{margin:10px 10px 0 10px;font-weight:400;font-size:18px}.component .body p{margin:10px;font-size:13px;text-align:justify}.component .body p.info{position:relative;border-top:solid 1px #202020;padding:10px;margin:10px;line-height:140%;background:rgba(0,0,0,.8)}.component .body p.info a{color:#fff}.component .body p.info .requierement{display:inline-block;margin:0 0 0 8px;vertical-align:bottom;height:1pc}.component .body p.long-info{padding:10px;line-height:150%;background:#000}.component .body p .alone-button{display:block;text-align:center;color:#fff;line-height:40px;border-radius:3px;text-decoration:none;background:#4F4F4F;box-shadow:inset 0 0 2px #000;padding:0 10px;background:#310948}.component .body p .alone-button:focus,.component .body p .alone-button:hover{background:#5a1072}.component .border-bottom{border-bottom:solid 3px #a935c7}.component .list-type-1{margin:10px;padding:0;list-style:none}.component .list-type-1 li{position:relative;padding:5px 10px;text-align:right;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:rgba(0,0,0,.8);color:#989898}.component .list-type-1 li.strong{border-top:double 3px #4F4F4F;background:#111;color:#fff}.component .list-type-1 li.empty{background:0 0;border:none;height:50px}.component .list-type-1 li ul li{height:auto}.component .list-type-1 .label{display:block;font-size:13px}.component .list-type-1 .label .icon-color{width:15px;padding:1px}.component .list-type-1 .value{display:inline-block;font-size:22px;line-height:30px;font-weight:700}.component .list-type-1 .value .icon,.component .list-type-1 .value .icon-color{height:18px;margin-left:8px;position:relative;top:-3px}.component .list-type-1 .picto{position:absolute;top:7px;left:10px;height:35px;width:35px;line-height:35px;padding:5px;border-radius:100%;background:#202020;font-size:1pc;text-align:center;color:#fff;text-decoration:none}.component .list-type-1 .picto.color1{background:#510816}.component .list-type-1 .picto.color2{background:#0c0d44}.component .list-type-1 .picto.color3{background:#b17a00}.component .list-type-1 .picto.color4{background:#310948}.component .list-type-1 .picto.color5{background:#24500a}.component .list-type-1 .picto.color6{background:#004948}.component .list-type-1 .picto.color7{background:#401b13}.component .list-type-1 .picto.color8{background:#c3590b}.component .list-type-1 .picto.color9{background:#24500a}.component .list-type-1 .picto.color10{background:#4d0621}.component .list-type-1 .picto.color11{background:#10684c}.component .list-type-1 .picto.color12{background:#b17a00}.component .list-type-1 .hide{color:#4F4F4F}.component .list-type-1 .buttons{position:absolute;top:28px;left:5px}.component .list-type-1 .buttons a{display:inline-block;margin:0 4px;width:18px;line-height:18px;text-align:center;text-decoration:none;font-style:14px;color:#fff;border-radius:3px;background:#5a1072}.component .list-type-1 .progress-bar{text-align:left;margin-top:5px}.component .sub-list-type-1{display:none;margin:0;padding:0;list-style:none}.component .sub-list-type-1 li{position:relative;padding:2px 0;text-align:left;border:none;border-top:solid 1px #0A0A0A}.component .sub-list-type-1 .label{display:inline-block;width:60%}.component .sub-list-type-1 .label .button{position:relative;left:-4px;margin:0 0 0 3px}.component .sub-list-type-1 .value{text-align:right;line-height:25px;font-size:18px;width:40%}.component .sub-list-type-1 .value .button{margin:0 2px 0 6px}.component .sub-list-type-1 .button{display:inline-block;width:18px;line-height:18px;text-align:center;text-decoration:none;font-size:14px;font-weight:400;color:#fff;border-radius:3px;background:#a935c7}.component .list-type-1 form{z-index:1;position:absolute;display:none;bottom:-40px;right:3px}.component .list-type-1 form p{position:relative;background:#fff;border-radius:3px;padding:0;margin:0;width:200px;height:35px}.component .list-type-1 form p:before{content:'';position:absolute;top:-9pt;right:9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent}.component .list-type-1 form input{border:none;background:0 0;line-height:35px;height:35px;padding:0 10px}.component .list-type-1 form input[type=text]{width:140px}.component .list-type-1 form input[type=submit]{width:40px}.component .sub-list-type-1 form{right:-6px}.number-box{position:relative;margin:10px;padding:5px 10px;background:#000;color:#fff;border:solid 1px #0A0A0A;border-top:solid 1px #202020;border-left:solid 10px #5a1072}.number-box.half{display:inline-block;width:254px;margin-right:0;margin-bottom:0}.number-box.grey{border-left:solid 10px #4F4F4F!important}.number-box.text{border-left:solid 1px #0A0A0A}.number-box.text a{text-decoration:none;color:#fff}.number-box .label{display:block}.number-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.number-box .value .icon-color{width:20px;height:20px;vertical-align:middle}.number-box .progress-bar{margin:5px 0}.number-box .group-link{position:absolute;top:5px;right:5px}.number-box .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#5a1072}.progress-bar{position:relative;display:block;width:100%;height:3px;background:#4F4F4F}.progress-bar .content{position:relative;display:inline-block;height:3px;vertical-align:top;overflow:hidden;max-width:100%}.progress-bar .content:nth-child(n){background:#a935c7}.progress-bar .content:nth-child(2n){background:#310948}.progress-bar .content.color1{background:#6e161b}.progress-bar .content.color2{background:#1f1471}.progress-bar .content.color3{background:#dbb200}.progress-bar .content.color4{background:#5a1072}.progress-bar .content.color5{background:#2c7915}.progress-bar .content.color6{background:#076b87}.progress-bar .content.color7{background:#67331d}.progress-bar .content.color8{background:#d87913}.progress-bar .content.color9{background:#2c7915}.progress-bar .content.color10{background:#760f36}.progress-bar .content.color11{background:#219772}.progress-bar .content.color12{background:#dbb200}.progress-bar .step{position:absolute}.progress-bar .step .label{position:absolute;display:block;width:150px;left:0;top:-28px}.progress-bar .step .label.bottom{top:auto;bottom:-28px}.progress-bar .step .label.right{right:0;left:auto;text-align:right}.progress-bar .step:before{content:'';position:absolute;width:9pt;height:9pt;background:#5a1072;box-shadow:0 0 0 3px #310948;border-radius:100%;top:-5px;left:-5px}.bonus{vertical-align:top;display:inline-block;font-size:55%;line-height:100%;padding:3px;margin:2px 0 0 8px;border-radius:3px;font-weight:400;background:#310948}.component .head.skin-1 img{position:absolute;top:22px;left:20px;padding:8px;width:60px;border:solid 1px #202020;border-radius:100%;background:#000}.component .head.skin-1 img:before{content:'';width:75pt;height:75pt}.component .head.skin-1 h2{position:absolute;bottom:66px;left:105px;font-size:22px;line-height:22px;margin:0;padding:0}.component .head.skin-1 em{position:absolute;top:62px;left:105px;font-size:13px;line-height:1pc;font-style:normal}.component .head.skin-2 h2{position:absolute;display:inline-block;top:45px;left:10px;font-size:22px;line-height:30px;margin:0;padding:0 10px;background:#000;font-weight:400}.component .head.skin-3 img{position:absolute;width:50px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:27px}.component .head.skin-3 img.left{left:40px}.component .head.skin-3 img.right{right:40px}.component .head.skin-4 img.main{position:absolute;width:30px;height:30px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:37px}.component .head.skin-4 h2{position:absolute;top:35px;left:60px;font-size:18px;line-height:22px;margin:0;padding:0}.component .head.skin-4 em{position:absolute;top:65px;left:60px;font-size:13px;line-height:1pc}.component .head.skin-5 h2{position:absolute;top:50px;left:10px;font-size:1pc;font-weight:400;margin:0;padding:0 20px;background:#000}.component .head.skin-5 h2:before{content:'';position:absolute;display:block;top:5px;left:0;width:8px;height:8px;border:solid 1px #202020;background:#000;border-radius:100%}.component .more-button,.component .more-item{display:block;margin:10px 10px 5px;line-height:34px;padding:0 9pt;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px}.component .more-button:active,.component .more-button:focus,.component .more-button:hover,.component .more-item:active,.component .more-item:focus,.component .more-item:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .nav-element{position:relative;display:block;margin:10px;height:70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component .nav-element img{position:absolute;top:5px;left:5px;padding:8px;height:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component .nav-element.active{background:#5a1072}.component .nav-element .active img{background:#000}.component .nav-element strong{position:absolute;top:5px;left:70px;color:#fff;font-weight:700;font-size:17px}.component .nav-element em{position:absolute;top:30px;left:70px;color:#fff;font-weight:400;font-size:9pt;font-style:normal;color:#efefef}.component hr{border:none;border-bottom:dashed 1px #202020;margin:0 10px}.component .set-item{margin:10px;border-bottom:solid 1px #202020}.component .set-item a.item:focus,.component .set-item a.item:hover{background-color:#0c0c0c}.component .set-item .item{position:relative;display:block;color:#fff;height:60px;border:solid 1px #202020;border-bottom:none;background:#0A0A0A}.component .set-item .item .left{position:absolute;top:0;left:0;bottom:0;width:60px}.component .set-item .item .left img{width:30px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left img.color1{background:#6e161b}.component .set-item .item .left img.color2{background:#1f1471}.component .set-item .item .left img.color3{background:#dbb200}.component .set-item .item .left img.color4{background:#5a1072}.component .set-item .item .left img.color5{background:#2c7915}.component .set-item .item .left img.color6{background:#076b87}.component .set-item .item .left img.color7{background:#67331d}.component .set-item .item .left img.color8{background:#d87913}.component .set-item .item .left img.color9{background:#2c7915}.component .set-item .item .left img.color10{background:#760f36}.component .set-item .item .left img.color11{background:#219772}.component .set-item .item .left img.color12{background:#dbb200}.component .set-item .item .left img.round-color0{box-shadow:0 0 0 2px #CCC}.component .set-item .item .left img.round-color1{box-shadow:0 0 0 2px #b01e2d}.component .set-item .item .left img.round-color2{box-shadow:0 0 0 2px #2f23c0}.component .set-item .item .left img.round-color3{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left img.round-color4{box-shadow:0 0 0 2px #a935c7}.component .set-item .item .left img.round-color5{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color6{box-shadow:0 0 0 2px #05bed7}.component .set-item .item .left img.round-color7{box-shadow:0 0 0 2px #ac5832}.component .set-item .item .left img.round-color8{box-shadow:0 0 0 2px #f2b636}.component .set-item .item .left img.round-color9{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color10{box-shadow:0 0 0 2px #a92859}.component .set-item .item .left img.round-color11{box-shadow:0 0 0 2px #34b089}.component .set-item .item .left img.round-color12{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left span{display:block;width:30px;line-height:30px;text-align:center;font-size:15px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left span.round-color0{background:#CCC}.component .set-item .item .left span.round-color1{background:#b01e2d}.component .set-item .item .left span.round-color2{background:#2f23c0}.component .set-item .item .left span.round-color3{background:#ffdb0f}.component .set-item .item .left span.round-color4{background:#a935c7}.component .set-item .item .left span.round-color5{background:#57c632}.component .set-item .item .left span.round-color6{background:#05bed7}.component .set-item .item .left span.round-color7{background:#ac5832}.component .set-item .item .left span.round-color8{background:#f2b636}.component .set-item .item .left span.round-color9{background:#57c632}.component .set-item .item .left span.round-color10{background:#a92859}.component .set-item .item .left span.round-color11{background:#34b089}.component .set-item .item .left span.round-color12{background:#ffdb0f}.component .set-item .item .center{position:absolute;top:0;left:60px;right:30px;bottom:0;padding:9px 0}.component .set-item .item .center strong{display:block;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component .set-item .item .center a{color:#fff;text-decoration:none;border-bottom:solid 1px rgba(255,255,255,.25)}.component .set-item .item .right{position:absolute;top:0;right:0;bottom:0;width:29px;border-left:solid 1px #202020}.component .set-item .item .right a{position:absolute;top:0;left:0;width:29px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a}.component .set-item .item .right a.active,.component .set-item .item .right a:focus,.component .set-item .item .right a:hover{background-color:#202020}.component .set-item .item .group-link{position:absolute;top:5px;right:5px}.component .set-item .item .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#5a1072}.army-bull{display:none;position:absolute;z-index:1200;padding:4px 8px;width:220px;color:#CCC;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.army-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;top:-14px;border-color:transparent transparent #4F4F4F transparent;left:18px}.army-bull strong{display:block;padding-bottom:5px;margin-bottom:5px;border-bottom:solid 1px #4F4F4F;font-weight:400}.army-bull .label{display:inline-block;width:70px}.army-bull .value{display:inline-block;width:40px}.component .build-item{position:relative;margin:10px;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;width:278px}.component .build-item a{color:#fff}.component .build-item .name{position:relative;height:40px;padding:5px 5px 5px 90px}.component .build-item .name img{z-index:20;position:absolute;top:-10px;left:5px;width:60px;padding:8px;border:solid 1px #202020;border-radius:100%;background:#000}.component .build-item .name strong{display:block;font-size:18px}.component .build-item .level{display:block;position:absolute;width:22px;line-height:22px;text-align:center;font-size:9pt;border-radius:100%;top:38px;left:58px;border:solid 1px #fff;z-index:22;background:#5a1072}.component .build-item .info{display:none;position:absolute;width:20px;line-height:20px;text-align:center;font-size:1pc;text-decoration:none;border-radius:3px;top:5px;right:5px;background:#5a1072;color:#fff}.component .build-item .name-commander{margin:10px 10px 0 10px;height:40px;padding:0 10px;border:none;background:#fff;border-radius:3px;width:15pc;text-align:center;font-size:1pc}.component .build-item .button{display:block;margin:10px;padding:5px 10px;width:15pc;line-height:20px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;background:#5a1072;box-shadow:inset 0 0 2px #000;border:none;cursor:pointer;min-height:36px}.component .build-item .button:hover{box-shadow:inset 0 0 6px #000;background:#a935c7}.component .build-item .button.disable{background:#202020;cursor:default}.component .build-item .button .icon-color{width:14px}.component .build-item button.button{width:260px}.component .build-item .ship-pack{z-index:10;position:absolute;bottom:15px;left:15px;width:60px;height:40px;padding:0;margin:0;border:none;background:#fff;text-align:center;font-size:24px;font-weight:700;border-radius:3px;box-shadow:inset 0 0 0 3px #CCC}.component .build-item .ship-illu{width:260px;margin:5px 10px;overflow:hidden}.component .build-item .ship-illu img{width:100%}.component .build-item.disabled{opacity:.3}.component .build-item.disabled .name img{opacity:.5}.component .build-item.disabled strong{color:#4F4F4F}.component .build-item.disabled .button.disable{color:#696969}.component .build-item.disabled .button.disable:hover{background:#202020;box-shadow:inset 0 0 2px #000}.component .build-item.large{width:578px}.component .build-item.large .info{top:75px;right:25px}.component .build-item.large .button{display:block;top:-3px;right:0;line-height:18px;width:540px;min-height:36px}.component .build-item.large .ship-illu{width:35pc;margin-top:10px}.component .build-item input{display:block;width:243px;margin:10px;padding:8px;border:none}.component .build-item select{display:block;width:260px;margin:10px;padding:8px;border:none}.component.panel-info .remove-info{display:block;position:absolute;top:2px;right:10px;line-height:20px;width:20px;text-align:center;text-decoration:none;color:#fff;border-radius:3px;background:#310948}.component.panel-info .table{margin:10px}.component.panel-info .table table{width:100%;text-align:right;border-collapse:collapse;background:#000}.component.panel-info .table td{border:solid 1px #202020;padding:6px 8px}.component.panel-info .table tr.small-grey{background:#0A0A0A}.component.panel-info .table tr.active td{background:#0A0A0A;border-bottom:solid 1px #4F4F4F}.component.panel-info .table .icon-color{width:9pt}.component.panel-info .illu{margin:0 10px;box-shadow:inset 0 0 5px #000}.component.panel-info .skill-box{position:relative;margin:0 10px;padding:5px 10px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000}.component.panel-info .skill-box.grey{border-left:solid 10px #4F4F4F!important}.component.panel-info .skill-box .label{display:block}.component.panel-info .skill-box .value{display:block;font-size:18px;font-weight:700;margin:4px 0 0 0}.component.panel-info .skill-box .value .icon-color{width:18px}.component.panel-info .skill-box .progress-bar{margin:6px 0 2px 0}.splash-screen{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;background:rgba(0,0,0,.8)}.splash-screen .modal{width:500px;height:140px;position:absolute;top:5pc;right:3000px;background:#0A0A0A;padding:25px 175px 25px 75px;color:#fff;border-radius:140px;border:solid 1px #202020}.splash-screen .modal h1{font-size:36px;margin:0;padding:0 0 10px 0}.splash-screen .modal h2{font-size:20px;margin:0;padding:0}.splash-screen .modal img{position:absolute;top:-15px;right:-50px;width:200px;padding:10px;background:#202020;border-radius:100%;border:solid 1px #4F4F4F}.splash-screen .modal:before{content:'';position:absolute;top:-5pc;right:20px;border-color:transparent transparent #4F4F4F transparent;border-width:40px;border-style:solid}.common-link{color:#fff}.component .top-right-button{display:block;position:absolute;top:0;right:10px;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;text-decoration:none;background:#5a1072;z-index:1}.component .top-right-button:focus,.component .top-right-button:hover{background:#310948}.alert{display:block;margin:10px;line-height:30px;padding:0 10px;text-decoration:none;color:#fff;background:#5a1072;border-radius:3px;box-shadow:0 0 2px #000}.common-link{display:block;margin:10px;color:#fff;text-decoration:none}.text-bloc a{display:inline-block;color:inherit;opacity:.6}.text-bloc a:focus,.text-bloc a:hover{opacity:1}.queue{margin:10px;color:#fff}.queue .item{position:relative;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;min-height:60px;display:block}.queue .item.empty{background:#0A0A0A}.queue .item.empty strong{font-weight:400}.queue .item.link{min-height:0;padding:10px;color:#4F4F4F;text-decoration:none}.queue .item.link:focus,.queue .item.link:hover{color:#CCC}.queue .item a.button{position:absolute;display:block;top:2px;right:5px;color:#fff;text-decoration:none}.queue .item a{color:#CCC}.queue .item .group-link{position:absolute;top:9px;right:9px}.queue .item .group-link a{display:block;width:20px;line-height:20px;margin:0 0 5px 0;border-radius:3px;color:#fff;text-align:center;text-decoration:none;background:#5a1072}.queue .item .group-link a:focus,.queue .item .group-link a:hover{background:#a935c7}.queue .item .picto{float:left;width:40px;height:40px;margin:5px;padding:5px;background:#000;border-radius:100%;border:solid 1px #202020}.queue .item strong{display:block;margin:6px 0 2px 0}.queue .item strong .level{font-size:11px;color:#CCC}.queue .item .big{font-size:24px}.queue .item em{display:block;font-style:normal;color:#AEAEAE}.queue .item .progress-container{position:relative;display:block;clear:both;margin:5px;height:3px;background:#4F4F4F}.queue .item .progress-bar{position:absolute;display:block;height:100%;background:#a935c7}.choose-government{display:block;margin:10px;padding:10px;background:#0A0A0A;border-radius:3px}.choose-government select{display:block;width:100%;padding:8px}.choose-government button{display:block;width:100%;margin:10px 0 0 0;padding:0 10px;line-height:30px;border:none;color:#fff;cursor:pointer;background:#5a1072}.choose-government button:focus,.choose-government button:hover{background:#310948}.evolution{background:#000;margin:10px;border-top:solid 1px #202020;border-bottom:solid 1px #202020}.evolution .header{padding:10px;border-bottom:solid 1px #202020;color:#EFEFEF}.evolution .diargam{padding:10px;background:#0A0A0A}.evolution .diargam .progress-bar{background:#0A0A0A!important;height:20px;padding-bottom:1px}.evolution .diargam .progress-bar .content{height:20px;line-height:20px;font-size:9pt;color:#fff;padding-left:5px}.evolution .diargam .progress-bar:nth-child(odd) .content{background:#5a1072!important}.centred-link{display:block;width:300px;text-align:center;margin:0 auto;text-decoration:none;padding:6px 10px;color:#EFEFEF;background:#5a1072;border:solid 1px #310948}.centred-link:focus,.centred-link:hover{background:#310948;border-color:#5a1072;color:#fff}span.centred-link{background:#202020;border:solid 1px #0A0A0A;color:#4F4F4F}span.centred-link:focus,span.centred-link:hover{background:#202020;border-color:#0A0A0A;color:#4F4F4F}.component.profil .center-box{margin:20px 10px 0;color:#fff;text-align:center}.component.profil .center-box .label{display:block}.component.profil .center-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.component.profil .profil-flag{position:relative;width:222px;height:460px;margin:0 auto}.component.profil .profil-flag img{position:relative;background:#0A0A0A;border:solid 1px #202020;padding:10px;border-radius:100%;margin:20px auto;box-shadow:0 0 0 4px #5a1072,0 0 20px #000;z-index:1}.component.profil .profil-flag.color-1 img{box-shadow:0 0 0 4px #6e161b,0 0 20px #000}.component.profil .profil-flag.color-2 img{box-shadow:0 0 0 4px #1f1471,0 0 20px #000}.component.profil .profil-flag.color-3 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag.color-4 img{box-shadow:0 0 0 4px #5a1072,0 0 20px #000}.component.profil .profil-flag.color-5 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-6 img{box-shadow:0 0 0 4px #076b87,0 0 20px #000}.component.profil .profil-flag.color-7 img{box-shadow:0 0 0 4px #67331d,0 0 20px #000}.component.profil .profil-flag.color-8 img{box-shadow:0 0 0 4px #d87913,0 0 20px #000}.component.profil .profil-flag.color-9 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-10 img{box-shadow:0 0 0 4px #760f36,0 0 20px #000}.component.profil .profil-flag.color-11 img{box-shadow:0 0 0 4px #219772,0 0 20px #000}.component.profil .profil-flag.color-12 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag:before{display:block;position:absolute;content:'';top:218px;left:33px;width:154px;height:241px;background:url(src/desktop/faction/flag/flag-4.png) no-repeat}.component.profil .profil-flag.color-1:before{background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.profil .profil-flag.color-2:before{background:url(src/desktop/faction/flag/flag-2.png) no-repeat}.component.profil .profil-flag.color-3:before{background:url(src/desktop/faction/flag/flag-3.png) no-repeat}.component.profil .profil-flag.color-4:before{background:url(src/desktop/faction/flag/flag-4.png) no-repeat}.component.profil .profil-flag.color-5:before{background:url(src/desktop/faction/flag/flag-5.png) no-repeat}.component.profil .profil-flag.color-6:before{background:url(src/desktop/faction/flag/flag-6.png) no-repeat}.component.profil .profil-flag.color-7:before{background:url(src/desktop/faction/flag/flag-7.png) no-repeat}.component.profil .profil-flag.color-8:before{background:url(src/desktop/faction/flag/flag-8.png) no-repeat}.component.profil .profil-flag.color-9:before{background:url(src/desktop/faction/flag/flag-9.png) no-repeat}.component.profil .profil-flag.color-10:before{background:url(src/desktop/faction/flag/flag-10.png) no-repeat}.component.profil .profil-flag.color-11:before{background:url(src/desktop/faction/flag/flag-11.png) no-repeat}.component.profil .profil-flag.color-12:before{background:url(src/desktop/faction/flag/flag-12.png) no-repeat}.component.profil .profil-flag .level{z-index:2;display:block;position:absolute;top:184px;right:2px;width:36px;height:36px;text-align:center;line-height:36px;background:#0A0A0A;border:3px solid #5a1072;border-radius:100%}.component.profil .profil-flag.color-1 .level{border-color:#6e161b}.component.profil .profil-flag.color-2 .level{border-color:#1f1471}.component.profil .profil-flag.color-3 .level{border-color:#dbb200}.component.profil .profil-flag.color-4 .level{border-color:#5a1072}.component.profil .profil-flag.color-5 .level{border-color:#2c7915}.component.profil .profil-flag.color-6 .level{border-color:#076b87}.component.profil .profil-flag.color-7 .level{border-color:#67331d}.component.profil .profil-flag.color-8 .level{border-color:#d87913}.component.profil .profil-flag.color-9 .level{border-color:#2c7915}.component.profil .profil-flag.color-10 .level{border-color:#760f36}.component.profil .profil-flag.color-11 .level{border-color:#219772}.component.profil .profil-flag.color-12 .level{border-color:#dbb200}.component.profil .faction-flag{display:block;content:'';width:154px;height:241px;margin:0 auto;background:url(src/desktop/faction/flag/flag-4.png) no-repeat}.component.search-player{position:relative;background:0 0!important}.component.search-player .box{position:absolute;top:60px;left:50px;width:440px;color:#fff}.component.search-player .top{background:rgba(0,0,0,.4);padding:10px;border-radius:3px 3px 0 0}.component.search-player .top label{display:block;font-size:1pc}.component.search-player .top input{display:block;border:none;height:40px;width:25pc;padding:0 10px;margin:10px 0 0 0;font-size:20px;color:#202020;border-radius:3px}.component.search-player .center{background:rgba(0,0,0,.8);padding:10px 25px 10px 10px;min-height:140px;border-radius:0 0 3px 3px}.component.search-player .center .avatar{float:left;position:relative;left:-20px;width:90pt;padding:8px;border:solid 1px #202020;border-radius:100%;background:#0A0A0A}.component.search-player .center .right{margin-left:140px}.component.search-player .center h1{margin:10px 0 0 0;padding:0}.component.search-player .center hr{margin:10px 0;border-color:#4F4F4F}.component.search-player .center p{margin:5px 0;padding:0}.component.search-player .center p span{display:inline-block;background:red;line-height:28px;padding:0 10px;border:solid 1px rgba(255,255,255,.5);border-right:none}.component.search-player .center p span:first-child{border-radius:3px 0 0 3px}.component.search-player .center p span:last-child{border-radius:0 3px 3px 0;border:solid 1px rgba(255,255,255,.5)}.component.search-player.color1 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component.search-player.color2 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component.search-player.color3 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.search-player.color4 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component.search-player.color5 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color6 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component.search-player.color7 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component.search-player.color8 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component.search-player.color9 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color10 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.component.search-player.color11 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.component.search-player.color12 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.new-message p.input{position:relative;background:#fff;padding:10px;border-radius:3px}.component.new-message p.input:before{content:'';position:absolute;width:0;height:0;top:-9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent;left:20px}.component.new-message label{display:block;font-size:13px}.component.new-message .input-text input{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px}.component.new-message .input-area textarea{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px;max-width:100%;min-width:100%;height:200px}.component.new-message button{display:inline-block;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 15px;color:#fff;cursor:pointer;overflow:hidden;background:#a935c7}.component.new-message button:focus,.component.new-message button:hover{background:#310948}.notif{position:relative;margin:10px;background:#000;border-top:solid 1px #4F4F4F;border-right:solid 1px #202020;border-left:solid 1px #202020}.notif h4{position:relative;overflow:hidden;margin:0;padding:0 10px;font-size:14px;line-height:30px;border-bottom:solid 1px #202020;background:#0A0A0A;font-weight:400;cursor:pointer;color:#fff}.notif.unreaded h4:before{position:absolute;content:'';width:40px;height:40px;background:#fff;top:-5px;right:-15px;background:#a935c7;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}.notif .content{display:none;padding:6px 8px;line-height:140%;text-align:justify;color:#efefef}.notif .content p{margin:0}.notif .content hr{border:none;background:0 0;border-bottom:dashed 1px #202020;margin:5px 0}.notif .content a{color:#fff}.notif .content .box-resource{position:relative;display:block;margin:5px 0;padding:5px 5px 5px 40px}.notif .content .box-resource img{position:absolute;top:6px;left:0;border:solid 4px #4f4f4f;border-radius:100%;border-color:#5a1072}.notif .content .box-resource .label{display:block;font-size:9pt}.notif .content .box-resource .value{display:block;font-size:18px;font-weight:700}.notif .footer{display:none;margin:0;padding:0 10px;line-height:18px;padding:5px 5px;border-top:solid 1px #202020;font-style:italic;text-align:right;color:#CCC}.notif .footer a{color:#CCC}.notif.open .content{display:block}.notif.open .footer{display:block}.component.rc .rc{position:relative;margin:20px 10px 20px 30px;border-left:solid 1px #CCC;padding:0 10px;height:380px;color:#CCC}.component.rc .rc.no-tax{margin:20px 10px 20px 30px;border-left:dashed 1px #4F4F4F;padding:0 10px;color:#CCC}.component.rc .rc a,.component.rc .rc strong{color:#fff}.component.rc .rc .icon-color{width:20px}.component.rc .rc .base{position:relative;padding:15px 0 15px 40px;height:50px}.component.rc .rc .base:last-child{position:absolute;bottom:0}.component.rc .rc .place{position:absolute;top:0;left:-50px;width:78px;height:78px;border:solid 1px #202020;background:#000;border-radius:100%}.component.rc .rc .general{list-style:none inset;margin:10px 0;padding:0}.component.rc .rc .general li{margin:10px 0;list-style-type:none}.component.rc .rc .general li strong{display:block;font-size:20px;font-weight:700}.component .situation-content{position:relative;display:block;width:100%;height:500px;border-bottom:solid 1px #0A0A0A}.component .situation-content .line-help{position:absolute;display:block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:100%;background:#310948}.component .situation-content .line-help.line-1{top:55px;left:190px}.component .situation-content .line-help.line-2{top:145px;left:406px}.component .situation-content .toolbar{position:absolute;top:30px;right:30px;box-shadow:0 0 0 4px rgba(255,255,255,.1);border-radius:3px;background:#5a1072;z-index:1}.component .situation-content .toolbar a,.component .situation-content .toolbar span{display:inline-block;line-height:2pc;padding:0 15px;border-right:solid 1px #000;text-decoration:none;color:#fff}.component .situation-content .toolbar a img,.component .situation-content .toolbar span img{position:relative;top:-2px;vertical-align:middle;height:18px;width:18px}.component .situation-content .toolbar a:focus,.component .situation-content .toolbar a:hover{background:rgba(0,0,0,.25)}.component .situation-content .toolbar form{display:inline-block}.component .situation-content .toolbar input{height:2pc;border:none;background:0 0;color:#fff;padding:0 15px;font-size:inherit}.component .situation-content .toolbar input:focus{background:rgba(0,0,0,.25)}.component .situation-content .toolbar input.button{background:url(src/desktop/common/edit.png) no-repeat center}.component .situation-content .toolbar input.button:focus{background:url(src/desktop/common/edit.png) no-repeat center rgba(0,0,0,.25)}.component .situation-content .info{position:absolute;display:block;width:200px;font-size:9pt;color:#efefef;line-height:18px}.component .situation-content .info strong{color:#fff;font-size:14px}.component .situation-content .info a{color:#fff;text-decoration:none;border-bottom:solid 1px #4f4f4f}.component .situation-content .info a:focus,.component .situation-content .info a:hover{border-color:#CCC}.component .situation-content .commander{position:absolute;display:block;text-decoration:none;z-index:1}.component .situation-content .commander.empty{color:#CCC}.component .situation-content .commander.position-1-1{top:135px;left:127px}.component .situation-content .commander.position-1-2{top:17pc;left:75pt}.component .situation-content .commander.position-1-3{top:415px;left:127px}.component .situation-content .commander.position-2-1{top:215px;left:22pc}.component .situation-content .commander.position-2-2{top:17pc;left:345px}.component .situation-content .commander.position-2-3{top:330px;left:22pc}.component .situation-content .commander.position-3{top:355px;left:577px}.component .situation-content .commander img{width:40px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}.component .situation-content .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component .situation-content .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #5a1072}.component .situation-content .commander .info{top:8px;left:65px;width:10pc}.component .situation-content .commander .link{display:none;position:absolute;top:14px;left:-1pc;width:24px;height:24px;font-size:20px;font-weight:700;text-decoration:none;border-radius:100%;text-align:center;z-index:1;border:solid 1px #fff}.component .situation-content .commander .link.to-left{background:url(src/desktop/mover/to-left.png) no-repeat center #000}.component .situation-content .commander .link.to-right{background:url(src/desktop/mover/to-right.png) no-repeat center #000}.component .situation-content .commander:hover>.link{display:block}.component .situation-content .stellar{position:absolute;display:block;top:180px;left:35pc}.component .situation-content .stellar img{width:220px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%}.component .situation-content .stellar .info{font-size:9pt;border-left:solid 1px #202020}.component .situation-content .stellar .info.top{bottom:215px;left:50px;padding:0 0 30px 10px}.component .situation-content .stellar .info.top strong{font-size:20px}.component .situation-content .stellar .info.bottom{top:225px;left:10pc;padding:10px 0 0 10px}.component .situation-content .stellar .info.middle{top:20px;left:182px;padding:10px 0 0 50px;border:none;border-top:solid 1px #202020}.component .situation-content .attack-link{position:absolute;bottom:-1px;left:0;right:0;text-align:center}.component .situation-content .attack-link a{display:inline-block;line-height:40px;padding:0 25px;border-radius:3px 3px 0 0;background:#202020;color:#fff;text-decoration:none;font-size:1pc}.component .situation-content .attack-link a:focus,.component .situation-content .attack-link a:hover{box-shadow:0 0 5px 3px #000}.component .situation-content.color0 .line-help{background:#202020}.component .situation-content.color0 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #202020}.component .situation-content.color0 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #202020}.component .situation-content.color0 .attack-link a{background:#202020}.component .situation-content.color1 .line-help{background:#510816}.component .situation-content.color1 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component .situation-content.color1 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #6e161b}.component .situation-content.color1 .attack-link a{background:#6e161b}.component .situation-content.color2 .line-help{background:#0c0d44}.component .situation-content.color2 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component .situation-content.color2 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #1f1471}.component .situation-content.color2 .attack-link a{background:#1f1471}.component .situation-content.color3 .line-help{background:#b17a00}.component .situation-content.color3 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .situation-content.color3 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #dbb200}.component .situation-content.color3 .attack-link a{background:#dbb200}.component .situation-content.color4 .line-help{background:#310948}.component .situation-content.color4 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component .situation-content.color4 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #5a1072}.component .situation-content.color4 .attack-link a{background:#5a1072}.component .situation-content.color5 .line-help{background:#24500a}.component .situation-content.color5 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color5 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color5 .attack-link a{background:#2c7915}.component .situation-content.color6 .line-help{background:#004948}.component .situation-content.color6 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component .situation-content.color6 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #076b87}.component .situation-content.color6 .attack-link a{background:#076b87}.component .situation-content.color7 .line-help{background:#401b13}.component .situation-content.color7 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component .situation-content.color7 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #67331d}.component .situation-content.color7 .attack-link a{background:#67331d}.component .situation-content.color8 .line-help{background:#c3590b}.component .situation-content.color8 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component .situation-content.color8 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #d87913}.component .situation-content.color8 .attack-link a{background:#d87913}.component .situation-content.color9 .line-help{background:#24500a}.component .situation-content.color9 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color9 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color9 .attack-link a{background:#2c7915}.component .situation-info{display:table;width:100%;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#000}.component .situation-info .item{display:table-cell;padding:10px;border-right:solid 1px #202020}.component .situation-info .item .value{font-size:26px;font-weight:700;display:block}.component .build-item.base-type .desc{margin:10px 0 0 0;padding:15px;font-size:13px;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#0A0A0A}.component .build-item.base-type .list-choice{position:relative;height:140px;background:url(src/desktop/base/type-base.png) no-repeat center;margin:0;border-bottom:solid 1px #202020}.component .build-item.base-type .list-choice button{position:absolute;padding:0;border:none;background:0 0;cursor:pointer}.component .build-item.base-type .list-choice button.item-1{top:35px;left:5px}.component .build-item.base-type .list-choice button.item-2{top:5px;left:107px}.component .build-item.base-type .list-choice button.item-3{bottom:5px;left:107px}.component .build-item.base-type .list-choice button.item-4{top:35px;right:5px}.component .build-item.base-type .list-choice button img{display:block;padding:8px;width:40px;border:solid 1px #202020;border-radius:100%;background:#000}.color1 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.color2 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.color3 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.color4 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.color5 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color6 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.color7 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.color8 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.color9 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color10 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.color11 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.color12 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .build-item.base-type .desc-choice{display:none}.component .build-item.base-type .desc-choice h4{border-bottom:solid 1px #202020;padding:0 0 5px 0}.component .build-item.base-type .desc-choice p{text-align:left;color:#CCC!important}.component .build-item.base-type .desc-choice p strong{display:block;color:#fff}.component .build-item.base-type .desc-choice p strong.short{display:inline-block;width:75pt}.component.list-fleet .set-fleet{position:relative;margin:10px;padding:0 0 0 70px;min-height:5pc}.component.list-fleet .set-fleet img.place{position:absolute;top:-5px;left:-20px;width:5pc;background:#0A0A0A;border-radius:100%;border:solid 1px #202020}.component.list-fleet .set-fleet h2{padding:10px 0;margin:0}.component.list-fleet .set-fleet h2 a{font-size:13px;color:#fff;font-weight:400;text-decoration:none}.component.list-fleet .set-fleet .item{position:relative;height:60px;background:#0A0A0A;border:solid 1px #202020;border-bottom:none;width:777px}.component.list-fleet .set-fleet .item:last-child{border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item a{display:inline-block;text-decoration:none;color:#CCC;border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item .left{position:absolute;top:0;left:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .left .top{position:absolute;left:60px;display:block;width:500px;top:10px}.component.list-fleet .set-fleet .item .left .status{width:30px;margin:10px;padding:5px;border-radius:100%}.component.list-fleet .set-fleet .item .right{position:absolute;top:0;right:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .right .top{position:absolute;right:60px;display:block;width:200px;text-align:right;top:10px}.component.list-fleet .set-fleet .item .right .cover{width:50px;margin:5px;padding:0;border-radius:100%}.component.list-fleet .set-fleet .item .center{position:absolute;top:41px;left:70px;right:70px}.component.list-fleet .set-fleet .item .center .ship{position:absolute;top:-10px;left:-11px;right:auto}.component.list-fleet .set-fleet .item .center .progress-ship{display:block;width:100%;background:#4F4F4F;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar{position:relative;display:block;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship{top:-11px;right:-11px;left:auto}.component.list-fleet .set-fleet .item .center .progress-ship .bar span{position:absolute;top:4px;right:15px;font-size:10px}.component.list-fleet .set-fleet .item.color1 .status{background:#6e161b}.component.list-fleet .set-fleet .item.color2 .status{background:#1f1471}.component.list-fleet .set-fleet .item.color3 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color4 .status{background:#5a1072}.component.list-fleet .set-fleet .item.color5 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color6 .status{background:#076b87}.component.list-fleet .set-fleet .item.color7 .status{background:#67331d}.component.list-fleet .set-fleet .item.color8 .status{background:#d87913}.component.list-fleet .set-fleet .item.color9 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color10 .status{background:#760f36}.component.list-fleet .set-fleet .item.color11 .status{background:#219772}.component.list-fleet .set-fleet .item.color12 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item .center .progress-ship .bar{background:#a935c7}.component.list-fleet .set-fleet .item .center.reversed .progress-ship{background:#a935c7}.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar{background:#4F4F4F}.component.list-fleet .set-fleet .item .show-commander{position:absolute;top:-1px;right:-30px;width:28px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a;border:solid 1px #202020}.component.list-fleet .set-fleet .item .show-commander.active,.component.list-fleet .set-fleet .item .show-commander:focus,.component.list-fleet .set-fleet .item .show-commander:hover{background-color:#202020}.component.table-fleet table{margin:10px;width:55pc;border-collapse:collapse}.component.table-fleet table tr:nth-child(odd){background:#000;border-bottom:solid 1px #202020}.component.table-fleet table tr:nth-child(even){background:#0A0A0A;border-bottom:solid 1px #202020}.component.table-fleet table tr:first-child{background:0 0}.component.table-fleet table td,.component.table-fleet table th{height:40px;width:40px;text-align:center}.component.table-fleet table td span.zero-value{color:#4F4F4F}.component.table-fleet table .base{width:75pt;text-align:left;padding:0 20px}.component.table-fleet table .base a{border:none}.component.table-fleet table .base strong{display:block;font-size:1pc}.component.table-fleet table .large{width:auto;text-align:left;padding:0 10px}.component.table-fleet table .sep{border-left:solid 1px #5a1072}.component.table-fleet table a{color:#fff;text-decoration:none;border-bottom:solid 1px #4F4F4F;display:inline-block}.component.table-fleet table th{position:relative;height:70px}.component.table-fleet table th span{position:absolute;bottom:2pc;left:-10px;display:block;text-align:left;width:60px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.component.commander-fleet .fleet{vertical-align:top;display:block;text-align:center}.component.commander-fleet .list-ship{vertical-align:top;display:inline-block;width:148px}.component.commander-fleet .list-ship:first-child{border-right:dashed 1px #4F4F4F}.component.commander-fleet .list-ship a{display:block;position:relative;margin:6px;height:40px;background:#202020;border:solid 1px #4F4F4F;border-radius:3px}.component.commander-fleet .list-ship a.empty{opacity:.4}.component.commander-fleet .list-ship img{position:absolute;display:inline-block;width:40px}.component.commander-fleet .list-ship .text{position:absolute;left:45px;display:inline-block;width:88px;color:#fff}.component.commander-fleet .list-ship .text .quantity{display:block;font-weight:700;font-size:18px}.component.commander-fleet .army{border-collapse:collapse;width:35pc;margin:20px}.component.commander-fleet .army td{width:65px;padding:5px;border-right:dashed 1px #4F4F4F;vertical-align:center}.component.commander-fleet .army td:first-child{width:auto;vertical-align:top;text-align:right;padding:0 20px;font-size:9pt}.component.commander-fleet .army tr:first-child td{text-align:center;padding:10px 5px;font-size:18px;font-weight:700}.component.commander-fleet .army .block{display:block;width:54px;height:54px;margin:0 0 5px 0;padding:5px;vertical-align:top;border-radius:5px;background:#0A0A0A;text-align:right;border:solid 1px #202020;color:#4F4F4F}.component.commander-fleet .army .block.empty{background:#000;border:solid 1px #0A0A0A}.component.commander-fleet .army .block strong{display:block;font-size:15px;height:38px;font-weight:700}.component.commander-fleet .army .block em{display:block;padding:2px;font-size:11px;background:#000;text-align:center;border-radius:3px}.component.commander-fleet .army .block.squadron{border:solid 1px #4F4F4F;color:#fff;cursor:pointer;background:#5a1072}.component.commander-fleet .army .block.squadron.full0{background:url(src/desktop/squadron/squadron0.png) no-repeat 4px 2px #5a1072}.component.commander-fleet .army .block.squadron.full1{background:url(src/desktop/squadron/squadron1.png) no-repeat 4px 2px #5a1072}.component.commander-fleet .army .block.squadron.full2{background:url(src/desktop/squadron/squadron2.png) no-repeat 4px 2px #5a1072}.component.commander-fleet .army .block.squadron.full3{background:url(src/desktop/squadron/squadron3.png) no-repeat 4px 2px #5a1072}.component.commander-fleet .army .block.squadron.active{box-shadow:inset 0 0 6px #000,0 0 2px 0 #fff;border:dashed 1px #fff}.component.report .commander{position:relative;display:block;margin:10px;padding:8px 0 8px 72px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component.report .commander img{position:absolute;top:5px;left:5px;padding:8px;width:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component.report .commander strong{display:block;padding:0 0 8px 0;color:#fff;font-weight:700;font-size:17px}.component.report .commander em{display:block;line-height:20px;color:#fff;font-style:normal;color:#efefef}.component.report .commander em .bonus{font-size:90%;margin:2px 0 0 2px;padding:3px 6px}.component.report .dammage{margin:10px;background:#000}.component.report .dammage table{width:100%;border-collapse:collapse;border-left:solid 1px #202020;border-right:solid 1px #202020}.component.report .dammage td{border-color:#202020;border-width:1px;border-style:solid dashed;padding:4px;vertical-align:center;text-align:center;color:#CCC;width:28px;height:22px}.component.report .dammage td:first-child{text-align:left;padding:4px 8px;width:auto}.component.report .dammage td span{display:inline-block;background:red;line-height:22px;width:22px;border-radius:3px;color:#fff;background:#310948}.component.topic .message{position:relative;padding:0 0 0 5pc;margin:10px;min-height:70px}.component.topic .message .avatar{position:absolute;top:0;left:0;width:56px;padding:6px;border:solid 1px #202020;border-radius:100%;background:#000}.component.topic .message .content{position:relative;background:#000;border:solid 1px #202020;border-bottom:solid 1px #0A0A0A}.component.topic .message .content:before{position:absolute;content:'';top:25px;left:-18px;border-style:solid;border-width:9px;border-color:transparent #202020 transparent transparent}.component.topic .message .content .text{margin:0;padding:10px 10px 9pt 10px;border-bottom:solid 1px #0A0A0A;color:#efefef}.component.topic .message .content .text a,.component.topic .message .content .text strong{color:#fff}.component.topic .message .content .text a.color1{color:#b01e2d}.component.topic .message .content .text a.color2{color:#2f23c0}.component.topic .message .content .text a.color3{color:#ffdb0f}.component.topic .message .content .text a.color4{color:#a935c7}.component.topic .message .content .text a.color5{color:#57c632}.component.topic .message .content .text a.color6{color:#05bed7}.component.topic .message .content .text a.color7{color:#ac5832}.component.topic .message .content .text a.color8{color:#f2b636}.component.topic .message .content .text a.color9{color:#57c632}.component.topic .message .content .text a.color10{color:#a92859}.component.topic .message .content .text a.color11{color:#34b089}.component.topic .message .content .text a.color12{color:#ffdb0f}.component.topic .message .content .text .icon-color{width:15px}.component.topic .message .content .footer{margin:0;padding:6px 10px;font-size:9pt;color:#CCC}.component.topic .message .content .footer a{color:#CCC}.component.topic .message.write .content:before{left:-17px;top:11px;border-color:transparent #fff transparent transparent}.component.topic .message.write .content textarea{border:none;padding:5px;width:487px;height:90pt;max-width:487px;min-width:487px;min-height:50px;font-family:inherit;font-size:13px}.component.topic .message.write .content input{margin:6px;font-family:inherit}.component.topic .message.write .content .title{border:none;margin:0;padding:5px;width:487px;height:30px;font-family:inherit;font-size:13px}.component.topic .message.write .content button{margin:6px;font-family:inherit;background:#5a1072;border:none;padding:4px 8px;color:#fff;cursor:pointer}.component.topic .message.write .content button:focus,.component.topic .message.write .content button:hover{background:#310948}.component.topic .system-message{position:relative;padding:0 0 0 90px;margin:10px}.component.topic .system-message:before{content:'';position:absolute;top:10px;left:0;height:1px;width:70px;background:#4F4F4F}.conv-item{position:relative;display:block;border:solid 1px #202020;border-bottom:none;background:#0A0A0A;height:59px;padding:5px 5px 5px 70px;margin:0 10px;color:#fff;text-decoration:none;overflow:hidden}.conv-item .cover{position:absolute;display:block;top:0;left:0;bottom:0;width:60px;padding:5px}.conv-item .cover .picture{width:52px;height:52px;background:#202020;border-radius:100%;padding:4px}.conv-item .cover .picture.color0{box-shadow:0 0 0 2px #4F4F4F}.conv-item .cover .picture.color1{box-shadow:0 0 0 2px #6e161b}.conv-item .cover .picture.color2{box-shadow:0 0 0 2px #1f1471}.conv-item .cover .picture.color3{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .picture.color4{box-shadow:0 0 0 2px #5a1072}.conv-item .cover .picture.color5{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color6{box-shadow:0 0 0 2px #076b87}.conv-item .cover .picture.color7{box-shadow:0 0 0 2px #67331d}.conv-item .cover .picture.color8{box-shadow:0 0 0 2px #d87913}.conv-item .cover .picture.color9{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color10{box-shadow:0 0 0 2px #760f36}.conv-item .cover .picture.color11{box-shadow:0 0 0 2px #219772}.conv-item .cover .picture.color12{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .new-message,.conv-item .cover .number{position:absolute;width:22px;height:22px;border-radius:100%;background:#0A0A0A;bottom:5px;right:5px;border:solid 1px #4F4F4F;text-align:center;line-height:22px;font-size:11px}.conv-item .cover .new-message{left:5px;top:5px}.conv-item .cover .new-message img{display:block;width:18px;height:18px;margin:2px}.conv-item .data{line-height:20px}.conv-item:last-child{border:solid 1px #202020}.conv-item:focus,.conv-item:hover{background:#0C0C0C}.component.player .player{position:relative;display:inline-block;margin:10px 0 0 10px;width:211px;height:58px;padding:5px 5px 5px 70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff;text-decoration:none}.component.player .player a{color:#ccc;text-decoration:none;border-bottom:solid 1px #202020}.component.player .player a:focus,.component.player .player a:hover{border-color:#4f4f4f}.component.player .player img.picto{position:absolute;top:5px;left:5px;width:50px;padding:4px;border:solid 1px #202020;border-radius:100%;background:#000}.component.player .player .icon,.component.player .player .icon-color{height:1pc;padding:1px}.component.player .player span,.component.player .player strong{display:block;line-height:20px}.component.player .player strong{font-size:18px}.component.player .player .inactive,.component.player .player .online{position:absolute;width:18px;height:18px;background:#fff;top:5px;right:5px;border-radius:100%;background:#4F4F4F}.component.player .player .online{background:#a935c7}.component.player .player.faction{border-left:solid 1px #0A0A0A!important;width:202px}.component.player .player.faction img{top:0;left:10px;padding:0;border:none;border-radius:0;background:0 0}.component.player.rank .player{border-left:solid 10px #4F4F4F;width:190px}.component.player.rank .player.color1{border-left-color:#b01e2d}.component.player.rank .player.color2{border-left-color:#2f23c0}.component.player.rank .player.color3{border-left-color:#ffdb0f}.component.player.rank .player.color4{border-left-color:#a935c7}.component.player.rank .player.color5{border-left-color:#57c632}.component.player.rank .player.color6{border-left-color:#05bed7}.component.player.rank .player.color7{border-left-color:#ac5832}.component.player.rank .player.color8{border-left-color:#f2b636}.component.player.rank .player.color9{border-left-color:#57c632}.component.player.rank .player.color10{border-left-color:#a92859}.component.player.rank .player.color11{border-left-color:#34b089}.component.player.rank .player.color12{border-left-color:#ffdb0f}.component.player.rank .player .points,.component.player.rank .player .title{color:#BBB}.component.player.rank .player .position{display:block;position:absolute;top:14px;right:14px;line-height:38px;width:38px;border:solid 1px #202020;text-align:center;border-radius:100%}.component.player.rank .player .variance{display:block;position:absolute;top:5px;right:-4px;line-height:26px;width:26px;border:solid 1px #202020;background:#0A0A0A;text-align:center;font-size:11px;border-radius:100%}.component.player.rank .player .variance.lower{bottom:5px;top:auto}.component.player.rank .player.active .position{background:#fff;border:solid 1px #fff;color:#202020}.component.player.size2 .player{width:13pc}.component.player.size1 .player{width:202px}.component.transaction .transaction{background:#0A0A0A;border:solid 1px #202020;margin:10px}.component.transaction .transaction .right-link{position:absolute;top:2px;right:5px;display:block;color:#FFF;text-decoration:none}.component.transaction .transaction .product{position:relative;height:70px;padding:5px 10px 5px 55px;cursor:pointer}.component.transaction .transaction .product .picto{position:absolute;top:5px;left:-20px;width:60px;height:60px;padding:4px;background:#000;border:solid 1px #202020;border-radius:100%}.component.transaction .transaction .product .rate{position:absolute;bottom:5px;right:8px}.component.transaction .transaction .product .offer{overflow:hidden;height:2pc}.component.transaction .transaction .product .for{position:relative;border-top:solid 1px #202020;margin:8px 0 6px 0;color:#4F4F4F}.component.transaction .transaction .product .for span{display:block;position:absolute;top:-10px;left:10px;background:#0A0A0A;padding:0 10px;font-size:9pt}.component.transaction .transaction .product .price{font-size:19px;font-weight:700}.component.transaction .transaction .product .price .icon-color{width:14px;position:relative;top:-2px;padding:1px}.component.transaction .transaction.resources .product .offer{font-size:28px;font-weight:700;line-height:30px}.component.transaction .transaction.resources .product .offer .icon-color{width:20px;position:relative;top:-5px}.component.transaction .transaction.commander .product .offer strong,.component.transaction .transaction.ship .product .offer strong{display:block;font-size:14px}.component.transaction .transaction.commander .product .offer em,.component.transaction .transaction.ship .product .offer em{display:block;font-size:11px}.component.transaction .transaction .hidden{display:none}.component.transaction .transaction .info{position:relative;border-top:solid 1px #202020;height:88px;background:#000}.component.transaction .transaction .info p{font-size:11px;margin:5px 8px}.component.transaction .transaction .info .seller{position:absolute;top:0;width:50%;bottom:0}.component.transaction .transaction .info .seller a{font-weight:700;color:#fff}.component.transaction .transaction .info .seller .color1{color:#b01e2d}.component.transaction .transaction .info .seller .color2{color:#2f23c0}.component.transaction .transaction .info .seller .color3{color:#ffdb0f}.component.transaction .transaction .info .seller .color4{color:#a935c7}.component.transaction .transaction .info .seller .color5{color:#57c632}.component.transaction .transaction .info .seller .color6{color:#05bed7}.component.transaction .transaction .info .seller .color7{color:#ac5832}.component.transaction .transaction .info .seller .color8{color:#f2b636}.component.transaction .transaction .info .seller .color9{color:#57c632}.component.transaction .transaction .info .seller .color10{color:#a92859}.component.transaction .transaction .info .seller .color11{color:#34b089}.component.transaction .transaction .info .seller .color12{color:#ffdb0f}.component.transaction .transaction .info .price-detail{position:absolute;top:0;width:50%;bottom:0;right:0}.component.transaction .transaction .info .price-detail p{text-align:right}.component.transaction .transaction .info .price-detail p .icon-color{width:10px;padding:1px}.component.transaction .transaction .info .price-detail p span{color:#4F4F4F}.component.transaction .transaction .button{border-top:solid 1px #202020;padding:5px}.component.transaction .transaction .button a,.component.transaction .transaction .button span{display:block;padding:5px 10px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;line-height:20px;background:#202020;box-shadow:inset 0 0 2px #000}.component.transaction .transaction .button a{background:#5a1072}.component.transaction .transaction .button a:hover{box-shadow:inset 0 0 6px #000;background:#a935c7}.component.transaction .transaction .button span{background:#202020;cursor:default}.component.transaction .transaction .button .icon-color{width:14px}.component.transaction .transaction .shipping{position:relative;background:#000;height:30px}.component.transaction .transaction .shipping .ships{position:absolute;top:0;left:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center}.component.transaction .transaction .shipping .ships .icon-color{position:relative;width:1pc;margin-left:5px;top:-5px}.component.transaction .transaction .shipping .time{position:absolute;top:0;right:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center;font-size:9pt}.component.transaction .transaction .shipping .progress-container{position:relative;display:block;clear:both;margin:0 60px;height:3px;top:13px;background:#4F4F4F}.component.transaction .transaction .shipping .progress-bar{position:absolute;display:block;height:100%;background:#a935c7}.component .build-item.disable .button span{color:#696969}.component.transaction .new-transaction{width:279px;position:absolute;background:#000;z-index:1;padding:10px;border-bottom:solid 1px #a935c7}.component.transaction .new-transaction label{position:relative;display:block;padding:5px 0}.component.transaction .new-transaction label input{display:block;padding:5px 10px;margin:5px 0 0 0;width:259px;border:none}.component.transaction .new-transaction.resources label input{font-size:1pc;color:#202020;font-weight:700}.component.transaction .new-transaction .indicator{position:relative;display:block;width:100%;height:15px}.component.transaction .new-transaction .indicator span{position:absolute;display:inline-block;padding:1px 6px;font-size:9pt;color:#fff;border-radius:3px;top:-5px;background:#310948}.component.transaction .new-transaction .indicator span.min-price{left:5px}.component.transaction .new-transaction .indicator span.max-price{right:5px}.component.market-sell .body{padding:10px 0}.component.market-sell .label-box{position:relative;padding:0 10px;margin:10px 0}.component.market-sell .label-box .label{display:inline-block;width:75pt;line-height:30px}.component.market-sell .label-box .value{display:inline-block;width:147px;padding:0 5px;border:none;line-height:30px;border-radius:3px;font-size:1pc}.component.market-sell .label-box input.value{height:30px;background:#fff}.component.market-sell .label-box .icon-color{position:absolute;top:4px;right:1pc;width:18px}.component.market-sell .queue{margin:0 10px;cursor:pointer}.component.market-sell .sell-form{background:#0A0A0A;border:solid 1px #202020;margin:0 10px 10px 10px}.component.market-sell .sell-form input[type=submit]{display:block;width:100%;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 10px;color:#fff;cursor:pointer;overflow:hidden;background:#a935c7}.component.market-sell .sell-form input[type=submit]:hover{background:#310948}.component.market-sell .sell-form input[disabled=disabled]{background:#202020!important}.wysiwyg{display:block;position:relative}.wysiwyg .toolbar{display:block;position:absolute;top:0;left:0;right:0;padding:5px}.wysiwyg .toolbar button{display:inline-block;height:26px;line-height:26px;padding:0 4px!important;margin:0 4px 0 0!important;background:#5a1072;color:#fff;border-radius:3px;overflow:hidden;vertical-align:top}.wysiwyg .modal{position:absolute;top:40px;left:10px;right:10px;background:#0A0A0A;border:solid 1px #202020;box-shadow:0 0 15px #000}.wysiwyg .modal .header{position:relative}.wysiwyg .modal .header h2{margin:0;padding:0;line-height:36px;padding:0 10px;font-size:1pc;font-weight:400}.wysiwyg .modal .header .right{position:absolute;top:5px;right:10px;width:300px;text-align:right}.wysiwyg .modal .header .right button{display:inline-block;width:26px!important;height:26px!important;line-height:26px !important<;font-size:14px;padding:0!important;margin:0 0 0 5px!important}.wysiwyg .modal input{width:435px;border:none;height:30px;margin:0 10px 10px 10px!important;padding:0 10px!important}.wysiwyg textarea{padding-top:40px!important}.input-area .wysiwyg .toolbar{padding:0}.component.params .checkbox{display:block;position:relative;padding:10px 10px 10px 40px;margin:10px;background:rgba(0,0,0,.8)}.component.params .checkbox input{position:absolute;top:8px;left:10px}#map{position:absolute;z-index:100;background:url(src/desktop/map/common/map.jpg) repeat #000;padding:0;top:0;left:0}#map #sectors{z-index:300}#map #spying{z-index:400}#map #own-base{z-index:500}#map #commercial-routes{z-index:600}#map #fleet-movements{z-index:700}#map #attacks{z-index:800}#map #systems{z-index:900}#map #map-info{z-index:910}#map>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#map #sectors polygon{stroke:#fff;stroke-width:1px;stroke-dasharray:4 4;opacity:.15}#map #sectors .ally1{fill:#6e161b}#map #sectors .ally2{fill:#1f1471}#map #sectors .ally3{fill:#dbb200}#map #sectors .ally4{fill:#5a1072}#map #sectors .ally5{fill:#2c7915}#map #sectors .ally6{fill:#076b87}#map #sectors .ally7{fill:#67331d}#map #sectors .ally8{fill:#d87913}#map #sectors .ally9{fill:#2c7915}#map #sectors .ally10{fill:#760f36}#map #sectors .ally11{fill:#219772}#map #sectors .ally12{fill:#dbb200}#map #spying circle{opacity:.08;stroke:#fff}#map #own-base circle{opacity:.1;fill:#fff}#map #commercial-routes line{stroke:#fff;stroke-width:1px;stroke-dasharray:20 5 5 5 5 10}#map #commercial-routes line.standBy{stroke:rgba(255,255,255,.3)}#map #fleet-movements line{stroke-width:1px}#map #fleet-movements line.back{stroke-dasharray:15 5}#map #attacks line{stroke-width:1px}#map #attacks line.color1{stroke:#b01e2d}#map #attacks line.color2{stroke:#2f23c0}#map #attacks line.color3{stroke:#ffdb0f}#map #attacks line.color4{stroke:#a935c7}#map #attacks line.color5{stroke:#57c632}#map #attacks line.color6{stroke:#05bed7}#map #attacks line.color7{stroke:#ac5832}#map #attacks line.color8{stroke:#f2b636}#map #attacks line.color9{stroke:#57c632}#map #attacks line.color10{stroke:#a92859}#map #attacks line.color11{stroke:#34b089}#map #attacks line.color12{stroke:#ffdb0f}#map #attacks circle.color1{fill:#b01e2d}#map #attacks circle.color2{fill:#2f23c0}#map #attacks circle.color3{fill:#ffdb0f}#map #attacks circle.color4{fill:#a935c7}#map #attacks circle.color5{fill:#57c632}#map #attacks circle.color6{fill:#05bed7}#map #attacks circle.color7{fill:#ac5832}#map #attacks circle.color8{fill:#f2b636}#map #attacks circle.color9{fill:#57c632}#map #attacks circle.color10{fill:#a92859}#map #attacks circle.color11{fill:#34b089}#map #attacks circle.color12{fill:#ffdb0f}#map #systems a{display:block;position:absolute;border-radius:100%}#map #systems a.active{background:#000;box-shadow:0 0 0 1px #000,0 0 0 3px #fff,0 0 10px 8px #000}#map #systems a img{display:block;width:20px;height:20px;border:none;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}#map #systems a img.own{background:#fff}#map #systems .sector-number{position:absolute;display:block;font-size:22px;line-height:40px;width:40px;text-align:center;border-radius:100%;box-shadow:0 0 0 5px #0A0A0A,0 0 0 6px #4F4F4F;background:#202020;color:#fff;font-weight:700;cursor:pointer}#map #systems .sector-number.color1{background:#6e161b}#map #systems .sector-number.color2{background:#1f1471}#map #systems .sector-number.color3{background:#dbb200}#map #systems .sector-number.color4{background:#5a1072}#map #systems .sector-number.color5{background:#2c7915}#map #systems .sector-number.color6{background:#076b87}#map #systems .sector-number.color7{background:#67331d}#map #systems .sector-number.color8{background:#d87913}#map #systems .sector-number.color9{background:#2c7915}#map #systems .sector-number.color10{background:#760f36}#map #systems .sector-number.color11{background:#219772}#map #systems .sector-number.color12{background:#dbb200}#map #systems .sector-info{display:none;position:absolute;color:#fff;background:#000;background:rgba(0,0,0,.9);padding:8px 1pc;border-radius:3px}#map #systems .sector-info:before{content:'';position:absolute;left:-20px;top:20px;border-style:solid;border-width:10px;border-color:transparent #000 transparent transparent;border-color:transparent rgba(0,0,0,.9) transparent transparent}#map #systems .sector-info h2{position:relative;font-size:40px;font-weight:700;line-height:40px;text-shadow:0 0 5px #000;margin:0;padding:0}#map #systems .sector-info p{font-size:13px;margin:6px 0 0 0;padding:0;font-weight:700;font-variant:small-caps}#map #systems .sector-info p a{position:static;display:inline-block;color:#fff;background:#202020;border-radius:3px;line-height:20px;width:20px;text-align:center;text-decoration:none;border:solid 1px rgba(255,255,255,.5);margin:0 5px 0 0}#map #systems .sector-info.color1 p a{background:#6e161b}#map #systems .sector-info.color2 p a{background:#1f1471}#map #systems .sector-info.color3 p a{background:#dbb200}#map #systems .sector-info.color4 p a{background:#5a1072}#map #systems .sector-info.color5 p a{background:#2c7915}#map #systems .sector-info.color6 p a{background:#076b87}#map #systems .sector-info.color7 p a{background:#67331d}#map #systems .sector-info.color8 p a{background:#d87913}#map #systems .sector-info.color9 p a{background:#2c7915}#map #systems .sector-info.color10 p a{background:#760f36}#map #systems .sector-info.color11 p a{background:#219772}#map #systems .sector-info.color12 p a{background:#dbb200}#map #map-info{display:none;position:absolute;top:0;right:0;left:auto;bottom:auto;height:auto;width:auto;margin:40px 60px 0 0;color:#fff;text-align:right}#map #map-info h2{margin:0;padding:0 20px;font-size:38px;line-height:60px}#map #map-info h3{margin:0;padding:0 20px;font-size:1pc;font-weight:400;line-height:40px}#map #map-info ul{margin:10px 0;padding:0;list-style:none}#map #map-info ul li{position:relative;margin:0;padding:0 40px 0 0;line-height:20px;height:20px;font-style:italic;color:#CCC;font-size:13px}#map #map-info ul li img{position:absolute;right:10px;top:0}#map #spying circle{fill:#5a1072}#map #fleet-movements line{stroke:#a935c7}#map #fleet-movements circle{fill:#a935c7}#map-option{z-index:1000;position:absolute;display:inline-block;height:2pc;padding:3px 0;background:url(src/desktop/map/bOption.png) repeat-x;top:30px;right:20px}#map-option:before{content:'';position:absolute;display:block;left:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bLeftOption.png)}#map-option:after{content:'';position:absolute;display:block;right:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bRightOption.png)}#map-option a{position:relative;display:inline-block;height:30px;width:30px;margin:1px 0 1px 1px;background:#0A0A0A}#map-option a.active{background:#004948}#map-option a img{position:absolute;top:5px;left:5px;width:22px}.color1 #map-option a.active{background:#510816}.color2 #map-option a.active{background:#0c0d44}.color3 #map-option a.active{background:#b17a00}.color4 #map-option a.active{background:#310948}.color5 #map-option a.active{background:#24500a}.color6 #map-option a.active{background:#004948}.color7 #map-option a.active{background:#401b13}.color8 #map-option a.active{background:#c3590b}.color9 #map-option a.active{background:#24500a}.color10 #map-option a.active{background:#4d0621}.color11 #map-option a.active{background:#10684c}.color12 #map-option a.active{background:#b17a00}#map-content{z-index:1000;position:absolute;top:5pc;right:20px;display:block}#map-content .mini-map{position:relative;width:300px;height:300px;overflow:hidden;border:solid 1px #202020;background:url(src/desktop/map/common/galaxy.jpg) no-repeat #0a0a0a}#map-content .mini-map polygon{stroke:#fff;stroke-width:.5px;opacity:.3}#map-content .mini-map polygon:focus,#map-content .mini-map polygon:hover{opacity:.1;cursor:pointer}#map-content .mini-map polygon.ally0{fill:#202020}#map-content .mini-map polygon.ally1{fill:#6e161b}#map-content .mini-map polygon.ally2{fill:#1f1471}#map-content .mini-map polygon.ally3{fill:#dbb200}#map-content .mini-map polygon.ally4{fill:#5a1072}#map-content .mini-map polygon.ally5{fill:#2c7915}#map-content .mini-map polygon.ally6{fill:#076b87}#map-content .mini-map polygon.ally7{fill:#67331d}#map-content .mini-map polygon.ally8{fill:#d87913}#map-content .mini-map polygon.ally9{fill:#2c7915}#map-content .mini-map polygon.ally10{fill:#760f36}#map-content .mini-map polygon.ally11{fill:#219772}#map-content .mini-map polygon.ally12{fill:#dbb200}#map-content .mini-map .number{position:absolute;z-index:600;top:0;left:0}#map-content .mini-map .sectors{z-index:500;position:absolute;top:0;left:0}#map-content .mini-map .bases{z-index:400;position:absolute;top:0;left:0}#map-content .mini-map .bases circle{fill:rgba(255,255,255,.2);stroke:#fff}#map-content .mini-map .viewport{position:absolute;top:0;left:0;background:rgba(255,255,255,.1);border:solid 1px #fff;border-radius:3px}#map-content .mini-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:11px}.map-movers{display:none;position:absolute;z-index:900;background-repeat:no-repeat;background-position:center}#coord-box{z-index:1000;position:absolute;bottom:20px;right:20px;width:5pc;padding:5px 10px;background:rgba(0,0,0,.8);color:#fff;font-size:20px;text-align:center}.tactical-map{margin:10px;position:relative;background:url(src/desktop/map/common/galaxy-large.jpg) repeat #0a0a0a}.tactical-map polygon{stroke:#fff;stroke-width:.3px;opacity:.15}.tactical-map polygon.enabled{position:relative;stroke-width:2px;opacity:.8;z-index:1}.tactical-map polygon.enabled.ally1{stroke:#510816}.tactical-map polygon.enabled.ally2{stroke:#0c0d44}.tactical-map polygon.enabled.ally3{stroke:#b17a00}.tactical-map polygon.enabled.ally4{stroke:#310948}.tactical-map polygon.enabled.ally5{stroke:#24500a}.tactical-map polygon.enabled.ally6{stroke:#004948}.tactical-map polygon.enabled.ally7{stroke:#401b13}.tactical-map polygon.enabled.ally8{stroke:#c3590b}.tactical-map polygon.enabled.ally9{stroke:#24500a}.tactical-map polygon.enabled.ally10{stroke:#4d0621}.tactical-map polygon.enabled.ally11{stroke:#10684c}.tactical-map polygon.enabled.ally12{stroke:#b17a00}.tactical-map polygon.ally0{fill:#202020}.tactical-map polygon.ally1{fill:#6e161b}.tactical-map polygon.ally2{fill:#1f1471}.tactical-map polygon.ally3{fill:#dbb200}.tactical-map polygon.ally4{fill:#5a1072}.tactical-map polygon.ally5{fill:#2c7915}.tactical-map polygon.ally6{fill:#076b87}.tactical-map polygon.ally7{fill:#67331d}.tactical-map polygon.ally8{fill:#d87913}.tactical-map polygon.ally9{fill:#2c7915}.tactical-map polygon.ally10{fill:#760f36}.tactical-map polygon.ally11{fill:#219772}.tactical-map polygon.ally12{fill:#dbb200}.tactical-map .number{position:absolute;z-index:800;top:0;left:0}.tactical-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:9pt;line-height:22px;width:22px;text-align:center;border-radius:100%;box-shadow:0 0 1px #fff}.tactical-map .number span.ally0{background:#0A0A0A}.tactical-map .number span.ally1{background:#510816}.tactical-map .number span.ally2{background:#0c0d44}.tactical-map .number span.ally3{background:#b17a00}.tactical-map .number span.ally4{background:#310948}.tactical-map .number span.ally5{background:#24500a}.tactical-map .number span.ally6{background:#004948}.tactical-map .number span.ally7{background:#401b13}.tactical-map .number span.ally8{background:#c3590b}.tactical-map .number span.ally9{background:#24500a}.tactical-map .number span.ally10{background:#4d0621}.tactical-map .number span.ally11{background:#10684c}.tactical-map .number span.ally12{background:#b17a00}.tactical-map .number span.active{background:#fff;color:#000;box-shadow:0 0 10px #000}.tactical-map.reactive polygon.enabled.active,.tactical-map.reactive polygon.enabled:hover{cursor:pointer}.tactical-map.reactive polygon.enabled.active.ally1,.tactical-map.reactive polygon.enabled:hover.ally1{fill:#510816}.tactical-map.reactive polygon.enabled.active.ally2,.tactical-map.reactive polygon.enabled:hover.ally2{fill:#0c0d44}.tactical-map.reactive polygon.enabled.active.ally3,.tactical-map.reactive polygon.enabled:hover.ally3{fill:#b17a00}.tactical-map.reactive polygon.enabled.active.ally4,.tactical-map.reactive polygon.enabled:hover.ally4{fill:#310948}.tactical-map.reactive polygon.enabled.active.ally5,.tactical-map.reactive polygon.enabled:hover.ally5{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally6,.tactical-map.reactive polygon.enabled:hover.ally6{fill:#004948}.tactical-map.reactive polygon.enabled.active.ally7,.tactical-map.reactive polygon.enabled:hover.ally7{fill:#401b13}.tactical-map.reactive polygon.enabled.active.ally8,.tactical-map.reactive polygon.enabled:hover.ally8{fill:#c3590b}.tactical-map.reactive polygon.enabled.active.ally9,.tactical-map.reactive polygon.enabled:hover.ally9{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally10,.tactical-map.reactive polygon.enabled:hover.ally10{fill:#4d0621}.tactical-map.reactive polygon.enabled.active.ally11,.tactical-map.reactive polygon.enabled:hover.ally11{fill:#10684c}.tactical-map.reactive polygon.enabled.active.ally12,.tactical-map.reactive polygon.enabled:hover.ally12{fill:#b17a00}#action-box{display:block;z-index:1100;position:absolute;width:100%;height:300px;bottom:-300px;left:0;border-top:solid 1px #0A0A0A;background:#000;box-shadow:0 0 15px #000}#action-box .header{position:relative;background:#000;border-bottom:solid 1px #202020;height:36px;color:#EFEFEF}#action-box .header ul{list-style:none inset;margin:0;padding:0}#action-box .header ul li{display:inline-block;line-height:36px;padding:0 10px;color:#CCC;border-right:solid 1px #202020}#action-box .header ul li a{display:inline-block;line-height:24px;margin:3px 0;padding:0 6px;text-decoration:none;color:#CCC;background:#0A0A0A;border:solid 1px #202020;border-right:none;color:#8F8F8F}#action-box .header ul li a:first-child{border-radius:3px 0 0 3px}#action-box .header ul li a:last-child{border-right:solid 1px #202020;border-radius:0 3px 3px 0}#action-box .header ul li a:focus,#action-box .header ul li a:hover{background:#202020;color:#fff}#action-box .header ul li a.active{color:#fff;position:relative;z-index:1;background:#310948}#action-box .header ul li img{position:relative;top:5px;width:20px;border-radius:100%}#action-box .header .button{position:absolute;top:7px;right:10px;line-height:22px;width:22px;text-align:center;background:#202020;border-radius:3px;text-decoration:none;text-transform:uppercase;color:#fff}#action-box .header .button:focus,#action-box .header .button:hover{background:#4F4F4F}#action-box .body{position:relative;overflow:hidden;width:100%;height:263px;background:url(src/desktop/map/common/bLine.jpg) repeat-x center #080808}#action-box .actbox-movers{position:absolute;display:block;width:60px;height:263px;z-index:1103;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#action-box .actbox-movers:focus,#action-box .actbox-movers:hover{background-color:rgba(255,255,255,.05)}#action-box .actbox-movers:active{background-color:rgba(255,255,255,.15)}#action-box .actbox-movers#actboxToLeft{background:url(src/desktop/mover/left.png) no-repeat center}#action-box .actbox-movers#actboxToRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center}#action-box .body .system{position:absolute;top:0;left:0;height:263px;width:3000px}#action-box .body .system ul{display:inline-block;list-style:none inset;margin:0;padding:0}#action-box .body .system ul li{display:inline-block}#action-box .body .system ul li.action,#action-box .body .system ul li.place a{width:75pt;height:260px;border-top:solid 3px #fff;position:relative}#action-box .body .system ul li.action.color1,#action-box .body .system ul li.place.color1 a{border-top-color:#6e161b}#action-box .body .system ul li.action.color2,#action-box .body .system ul li.place.color2 a{border-top-color:#1f1471}#action-box .body .system ul li.action.color3,#action-box .body .system ul li.place.color3 a{border-top-color:#dbb200}#action-box .body .system ul li.action.color4,#action-box .body .system ul li.place.color4 a{border-top-color:#5a1072}#action-box .body .system ul li.action.color5,#action-box .body .system ul li.place.color5 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color6,#action-box .body .system ul li.place.color6 a{border-top-color:#076b87}#action-box .body .system ul li.action.color7,#action-box .body .system ul li.place.color7 a{border-top-color:#67331d}#action-box .body .system ul li.action.color8,#action-box .body .system ul li.place.color8 a{border-top-color:#d87913}#action-box .body .system ul li.action.color9,#action-box .body .system ul li.place.color9 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color10,#action-box .body .system ul li.place.color10 a{border-top-color:#760f36}#action-box .body .system ul li.action.color11,#action-box .body .system ul li.place.color11 a{border-top-color:#219772}#action-box .body .system ul li.action.color12,#action-box .body .system ul li.place.color12 a{border-top-color:#dbb200}#action-box .body .system ul li.star{width:300px;height:263px;border-left:solid 1px #0F0F0F;background:url(src/desktop/map/systems/default.png) no-repeat center center}#action-box .body .system ul li.place a{display:block;border-left:solid 1px #0F0F0F;text-align:center}#action-box .body .system ul li.place a strong{position:absolute;bottom:8px;left:10px;font-size:18px;font-weight:700;color:#fff}#action-box .body .system ul li.place a .land{position:absolute;z-index:1102;top:88px;left:10px;width:5pc;border-radius:100%}#action-box .body .system ul li.place.active a .land{box-shadow:0 0 0 1px #202020;background:#080808}#action-box .body .system ul li.place a .avatar{position:absolute;z-index:1101;top:10px;left:20px;padding:7px;border:solid 1px #0F0F0F;background:#000;width:47px;border-radius:100%}#action-box .body .system ul li.action{width:0;overflow:hidden}#action-box .body .system ul li.action .content{position:absolute;top:9px;left:9pt;height:15pc;width:545px;background:#111;border:solid 1px #202020;box-shadow:inset 0 0 5px #000;border-radius:3px}#action-box .body .system ul li.action .content:before{content:'';position:absolute;top:107px;left:-24px;border-width:9pt;border-style:solid;border-color:transparent #202020 transparent transparent}#action-box .body .system ul li.action .content .column{position:relative;display:inline-block;vertical-align:top;height:15pc;border-right:solid 1px #202020;color:#fff}#action-box .body .system ul li.action .content .column .last-spy-link{position:absolute;top:6px;right:8px;opacity:.5;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}#action-box .body .system ul li.action .content .column .last-spy-link:focus,#action-box .body .system ul li.action .content .column .last-spy-link:hover{opacity:1}#action-box .body .system ul li.action .content .column.info{width:199px}#action-box .body .system ul li.action .content .column.act{width:345px;border-right:none}#action-box .body .system ul li.action .content .column p{margin:2px 10px}#action-box .body .system ul li.action .content .column a{color:#fff}#action-box .body .system ul li.action .content .column hr{margin:8px 10px;border:none;background:0 0;border-bottom:solid 1px #202020}#action-box .body .system ul li.action .content .column strong{line-height:30px}#action-box .body .system ul li.action .content .column.info strong{line-height:28px;font-size:18px}#action-box .body .system ul li.action .content .column .label{display:inline-block;width:78px;font-size:9pt}#action-box .body .system ul li.action .content .column .value{display:inline-block;width:75pt;text-align:left}#action-box .body .system ul li.action .content .column .value .icon,#action-box .body .system ul li.action .content .column .value .icon-color{width:18px;height:18px;padding:1px}#action-box .body .system ul li.action .content .column.act .top .grey{opacity:.4}#action-box .body .system ul li.action .content .column.act .top img{width:45px;padding:8px;margin:0 4px 2px 0;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}#action-box .body .system ul li.action .content .column .bottom,#action-box .body .system ul li.action .content .column .top{padding:5px}#action-box .body .system ul li.action .box{display:none;position:absolute;left:10px;right:10px;bottom:10px;top:5pc;background:#000;border-radius:3px}#action-box .body .system ul li.action .box:nth-child(1){display:block}#action-box .body .system ul li.action .box:before{content:'';position:absolute;top:-20px;border-style:solid;border-width:10px;border-color:transparent transparent #000 transparent}#action-box .body .system ul li.action .box:nth-child(1):before{left:15px}#action-box .body .system ul li.action .box:nth-child(2):before{left:84px}#action-box .body .system ul li.action .box:nth-child(3):before{left:152px}#action-box .body .system ul li.action .box:nth-child(4):before{left:218px}#action-box .body .system ul li.action .box:nth-child(5):before{left:284px}#action-box .body .system ul li.action .box h2{margin:0;padding:0 11px;line-height:35px;font-size:15px}#action-box .body .system ul li.action .box .box-content{position:absolute;top:35px;left:0;right:0;bottom:0;border-radius:0 0 3px 3px;padding:8px 10px;background:#080808;border:solid 1px #000;overflow:hidden}#action-box .body .system ul li.action .box .box-content .commander-tile .item{display:none}#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander{display:block}#action-box .body .system ul li.action .box .box-content .spy-button{display:inline-block;width:75pt;text-decoration:none;margin:8px 0}#action-box .body .system ul li.action .box .box-content .spy-button .picto{float:left;width:30px;height:30px;margin:0 5px 0 0}#action-box .body .system ul li.action .box .box-content .spy-button span{display:block}#action-box .body .system ul li.action .box .box-content .spy-button .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .spy-form{margin-top:10px}#action-box .body .system ul li.action .box .box-content .spy-form input{width:187px;padding:7px;border:none;background:#fff;border-radius:3px 0 0 3px}#action-box .body .system ul li.action .box .box-content .spy-form button{width:75pt;padding:6px 6px;border:none;color:#fff;background:#5a1072;cursor:pointer;border-radius:0 3px 3px 0}#action-box .body .system ul li.action .box .box-content .spy-form button:focus,#action-box .body .system ul li.action .box .box-content .spy-form button:hover{background:#310948}#action-box .body .system ul li.action .box .box-content .label-box{display:inline-block;width:50%;margin:5px 0}#action-box .body .system ul li.action .box .box-content .label-box .key{display:block}#action-box .body .system ul li.action .box .box-content .label-box .val{display:block;font-size:18px;font-weight:700}#action-box .body .system ul li.action .box .box-content .rc{margin:5px 0 0 0;padding:10px 10px 0 50px;border-top:solid 1px #202020}#action-box .body .system ul li.action .box .box-content .rc .planet{position:absolute;top:-25px;left:-25px;width:76px;height:76px;border:solid 1px #202020;border-radius:100%;background:#000}#action-box .body .system ul li.action .box .box-content .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .button{display:inline-block;background:#202020;border:solid 1px #4F4F4F;line-height:26px;margin:5px 0 0 0;padding:0 8px;text-align:center;text-decoration:none}#action-box .body .system ul li.action .box .box-content a.button{background:#5a1072;border:#310948}#action-box .body .system ul li.action .box .box-content a.button:focus,#action-box .body .system ul li.action .box .box-content a.button:hover{background:#310948}.component.admin table{margin:10px;border-collapse:collapse;width:877px}.component.admin table tr{border-bottom:solid 1px #202020}.component.admin table td{padding:5px 10px;vertical-align:top}.component.admin table .button{display:inline-block;padding:0 5px;line-height:25px;min-width:15px;text-align:center;color:#fff;border-radius:3px;background:#4F4F4F;text-decoration:none}.component.admin table td:nth-child(1){width:50px}.component.admin table td:nth-child(2){width:75pt}.component.admin table td:nth-child(3){width:auto}.component.admin table td:nth-child(4){width:5pc}.on-off-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#5a1072;border:solid 1px #310948;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}.on-off-button:focus,.on-off-button:hover{background:#310948;border-color:#5a1072}.on-off-button.disabled{background:#202020;border-color:#4F4F4F}.inscription #nav .box.left span{display:inline-block;line-height:2pc;padding:0 10px;margin:5px 2px;font-size:14px;width:5pc;text-align:center;color:#4f4f4f;text-decoration:none;font-variant:small-caps}.inscription #nav .box.left span.active{color:#fff}.inscription #nav .box.right{display:none}.inscription #inscription-subnav{position:fixed;top:45px;left:0;width:210px;margin:0 20px 0 60px;z-index:500}.inscription #inscription-subnav .bind{height:15px;background:url(src/desktop/inscriptionSubnav/bBind.png) no-repeat center}.inscription #inscription-subnav .head{position:relative;height:214px;background:url(src/desktop/inscriptionSubnav/bHead.png) no-repeat center}.inscription #inscription-subnav .head h2{position:absolute;margin:0;padding:0;top:5px;font-weight:700;font-size:1pc;line-height:24px;width:210px;overflow:hidden;text-align:center;color:#fff}.inscription #inscription-subnav .head img{position:absolute;top:43px;left:28px;width:125px;height:125px;background:#0A0A0A}.inscription #inscription-subnav .head .level{position:absolute;display:block;bottom:15px;left:0;width:100%;font-size:20px;line-height:41px;color:#fff;text-align:center;background:url(src/desktop/inscriptionSubnav/bLevel.png) no-repeat center}.inscription #inscription-subnav .head .experience{position:absolute;display:inline-block;top:50px;right:2pc;width:21px;height:7pc}.inscription #inscription-subnav .head .experience .value{position:absolute;display:block;width:100%;bottom:0;border-radius:3px}.inscription #inscription-subnav .foot{height:290px}.inscription #movers .toLeft{left:0!important}.inscription .component.inscription img.color1{background:#6e161b!important}.inscription .component.inscription img.color2{background:#1f1471!important}.inscription .component.inscription img.color3{background:#dbb200!important}.inscription .component.inscription img.color4{background:#5a1072!important}.inscription .component.inscription img.color5{background:#2c7915!important}.inscription .component.inscription img.color6{background:#076b87!important}.inscription .component.inscription img.color7{background:#67331d!important}.inscription .component.inscription img.color8{background:#d87913!important}.inscription .component.inscription img.color9{background:#2c7915!important}.inscription .component.inscription img.color10{background:#760f36!important}.inscription .component.inscription img.color11{background:#219772!important}.inscription .component.inscription img.color12{background:#dbb200!important}.inscription .component.inscription .chooseLink{display:block;margin:10px;padding:10px 60px 10px 20px;background:url(src/desktop/mover/right.png) no-repeat 235px center #ccc;text-decoration:none;color:#fff;text-shadow:0 0 2px #000;border:solid 1px #202020;cursor:pointer;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s}.inscription .component.inscription .chooseLink:focus,.inscription .component.inscription .chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.inscription .component.inscription button.chooseLink{width:277px;text-align:left}.inscription .component.inscription.color1 .chooseLink{background-color:#6e161b}.inscription .component.inscription.color2 .chooseLink{background-color:#1f1471}.inscription .component.inscription.color3 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color4 .chooseLink{background-color:#5a1072}.inscription .component.inscription.color5 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color6 .chooseLink{background-color:#076b87}.inscription .component.inscription.color7 .chooseLink{background-color:#67331d}.inscription .component.inscription.color8 .chooseLink{background-color:#d87913}.inscription .component.inscription.color9 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color10 .chooseLink{background-color:#760f36}.inscription .component.inscription.color11 .chooseLink{background-color:#219772}.inscription .component.inscription.color12 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color1 .chooseLink:focus,.inscription .component.inscription.color1 .chooseLink:hover{background-color:#510816}.inscription .component.inscription.color2 .chooseLink:focus,.inscription .component.inscription.color2 .chooseLink:hover{background-color:#0c0d44}.inscription .component.inscription.color3 .chooseLink:focus,.inscription .component.inscription.color3 .chooseLink:hover{background-color:#b17a00}.inscription .component.inscription.color4 .chooseLink:focus,.inscription .component.inscription.color4 .chooseLink:hover{background-color:#310948}.inscription .component.inscription.color5 .chooseLink:focus,.inscription .component.inscription.color5 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color6 .chooseLink:focus,.inscription .component.inscription.color6 .chooseLink:hover{background-color:#004948}.inscription .component.inscription.color7 .chooseLink:focus,.inscription .component.inscription.color7 .chooseLink:hover{background-color:#401b13}.inscription .component.inscription.color8 .chooseLink:focus,.inscription .component.inscription.color8 .chooseLink:hover{background-color:#c3590b}.inscription .component.inscription.color9 .chooseLink:focus,.inscription .component.inscription.color9 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color10 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#4d0621}.inscription .component.inscription.color11 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#10684c}.inscription .component.inscription.color12 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#b17a00}.inscription .component.inscription .chooseLink strong{display:block;font-size:15px;border-bottom:solid 1px rgba(255,255,255,.25);padding:0 0 5px 0;margin:0 0 5px 0}.inscription .component.inscription .chooseLink em{font-style:normal}.inscription .component.inscription span.chooseLink{background:#202020!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25);cursor:auto;padding:10px}.inscription .component.inscription span.chooseLink:focus,.inscription .component.inscription span.chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}.inscription .component.inscription blockquote{line-height:200%}.inscription .component.inscription #base,.inscription .component.inscription #pseudo{position:relative;width:100%;border:none;padding:9pt 0;margin:0;text-align:center;font-size:26px;font-weight:700;background:#fff;border-radius:3px}.inscription .component.inscription.color1 #pseudo{color:#510816}.inscription .component.inscription.color2 #pseudo{color:#0c0d44}.inscription .component.inscription.color3 #pseudo{color:#b17a00}.inscription .component.inscription.color4 #pseudo{color:#310948}.inscription .component.inscription.color5 #pseudo{color:#24500a}.inscription .component.inscription.color6 #pseudo{color:#004948}.inscription .component.inscription.color7 #pseudo{color:#401b13}.inscription .component.inscription.color8 #pseudo{color:#c3590b}.inscription .component.inscription.color9 #pseudo{color:#24500a}.inscription .component.inscription.color10 #pseudo{color:#4d0621}.inscription .component.inscription.color11 #pseudo{color:#10684c}.inscription .component.inscription.color12 #pseudo{color:#b17a00}.inscription .component.inscription .avatars{padding:5px;text-align:center}.inscription .component.inscription .avatar{position:relative;display:inline-block;margin:0 5px;padding:5px;background:#202020;border:solid 5px #0A0A0A;border-radius:100%}.inscription .component.inscription .avatar input{position:absolute;top:10px;left:10px}.inscription .component.inscription .avatar img{display:block;width:117px;cursor:pointer;border-radius:100%}.inscription .component.inscription.color1 .avatar:hover{border-color:#510816}.inscription .component.inscription.color2 .avatar:hover{border-color:#0c0d44}.inscription .component.inscription.color3 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color4 .avatar:hover{border-color:#310948}.inscription .component.inscription.color5 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color6 .avatar:hover{border-color:#004948}.inscription .component.inscription.color7 .avatar:hover{border-color:#401b13}.inscription .component.inscription.color8 .avatar:hover{border-color:#c3590b}.inscription .component.inscription.color9 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color10 .avatar:hover{border-color:#4d0621}.inscription .component.inscription.color11 .avatar:hover{border-color:#10684c}.inscription .component.inscription.color12 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color1 .avatar.active{border-color:#b01e2d}.inscription .component.inscription.color2 .avatar.active{border-color:#2f23c0}.inscription .component.inscription.color3 .avatar.active{border-color:#ffdb0f}.inscription .component.inscription.color4 .avatar.active{border-color:#a935c7}.inscription .component.inscription.color5 .avatar.active{border-color:#57c632}.inscription .component.inscription.color6 .avatar.active{border-color:#05bed7}.inscription .component.inscription.color7 .avatar.active{border-color:#ac5832}.inscription .component.inscription.color8 .avatar.active{border-color:#f2b636}.inscription .component.inscription.color9 .avatar.active{border-color:#57c632}.inscription .component.inscription.color10 .avatar.active{border-color:#a92859}.inscription .component.inscription.color11 .avatar.active{border-color:#34b089}.inscription .component.inscription.color12 .avatar.active{border-color:#ffdb0f}.inscription #alert{bottom:-9pt;z-index:10000}.inscription .build-item{min-height:60px}.inscription .build-item .name{padding-top:2px!important}.inscription .build-item .name strong{font-size:1pc!important}.inscription .build-item .name em{font-size:9pt!important}.color0 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor0.png) no-repeat top left}.color1 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor1.png) no-repeat top left}.color2 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor2.png) no-repeat top left}.color3 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor3.png) no-repeat top left}.color4 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor4.png) no-repeat top left}.color5 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor5.png) no-repeat top left}.color6 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor6.png) no-repeat top left}.color7 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor7.png) no-repeat top left}.color8 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor8.png) no-repeat top left}.color9 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor9.png) no-repeat top left}.color10 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor10.png) no-repeat top left}.color11 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor11.png) no-repeat top left}.color12 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor12.png) no-repeat top left}.ac_results{width:100%;padding:0;border:1px solid #4F4F4F;background-color:#fff;overflow:hidden;z-index:99999;box-shadow:0 0 6px #000;border-radius:3px}.ac_results ul{width:100%;padding:0;margin:0;list-style-position:outside;list-style:none}.ac_results ul li{padding:4px 8px;margin:0;cursor:default;display:block;border-bottom:solid 1px #CCC;overflow:hidden}.ac_results ul li:last-child{border:none}.ac_results .img{float:left;width:36px;background:#202020;border-radius:3px;margin:0 8px 0 0}.ac_results .value-1,.ac_results .value-2{display:block;line-height:18px}.ac_results .value-1{font-weight:700}.ac_loading{background:#fff url(src/desktop/module/indicator.gif) right center no-repeat}.ac_over{background:#efefef}.ac_results .ac_over strong{color:#000}.ac_results .ac_over img{background:#fff}
\ No newline at end of file
+html {
+ height: 100%;
+}
+body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Roboto', 'Trebuchet MS', 'Arial', sans-serif;
+ font-size: 13px;
+}
+.bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ max-width: 280px;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+}
+.bull.top:before {
+ bottom: -14px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+.bull.bottom:before {
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+}
+.bull.left:before {
+ right: 12px;
+}
+.bull.right:before {
+ left: 12px;
+}
+body {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: black;
+}
+#nav,
+#tools {
+ position: fixed;
+ width: 100%;
+ height: 26px;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ box-shadow: 0 0 10px black;
+ z-index: 1000;
+ border-color: #a935c7;
+}
+#nav {
+ top: 0;
+ left: 0;
+ background: url('src/desktop/nav/bNav.png') repeat-x black;
+ border-bottom: solid 3px black;
+}
+#tools {
+ bottom: 0;
+ left: 0;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ border-top: solid 3px black;
+}
+#container {
+ position: absolute;
+ top: 29px;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ background: black;
+ overflow: hidden;
+ z-index: 0;
+ background: url('src/desktop/global/background.jpg') repeat-x black;
+}
+.icon,
+.icon-color {
+ display: inline-block;
+ vertical-align: bottom;
+ padding: 2px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.icon-color {
+ background: #a935c7 !important;
+}
+#background-paralax {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: no-repeat bottom left transparent;
+ z-index: 100;
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.profil {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.message {
+ background-image: url('src/desktop/screen/message.jpg');
+}
+#background-paralax.fleet {
+ background-image: url('src/desktop/screen/fleet.jpg');
+}
+#background-paralax.financial {
+ background-image: url('src/desktop/screen/financial.jpg');
+}
+#background-paralax.technology {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.rank {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.params {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.bases {
+ background-image: url('src/desktop/screen/base.jpg');
+}
+#movers a {
+ position: absolute;
+ width: 60px;
+ height: 100%;
+ z-index: 400;
+ background: red;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#movers a:hover,
+#movers a:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+#movers a:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+#movers .toLeft {
+ top: 0;
+ left: 60px;
+ background: url('src/desktop/mover/left.png') no-repeat center transparent;
+}
+#movers .toRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center transparent;
+}
+/* finance */
+.component.financial table {
+ border-collapse: collapse;
+ width: 100%;
+}
+.component.financial td {
+ vertical-align: top;
+ width: 50%;
+}
+/* uni */
+.component.uni .build-item {
+ height: 60px;
+ margin: 20px;
+}
+/* techno */
+.component.techno .build-item .name strong {
+ font-size: 16px;
+}
+/* school */
+.component.school .build-item .name strong {
+ font-size: 18px;
+}
+/* generator */
+.component.generator table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* dock1 */
+.component.dock1 table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* situation */
+.component.space .fix-body {
+ background: url('src/desktop/base/situation.jpg') no-repeat top left black;
+}
+/* memorial */
+.component.memorial blockquote {
+ font-size: 22px;
+ margin: 30px 15px 0 30px;
+ line-height: 160%;
+ font-weight: bold;
+ text-align: center;
+}
+.component .info-building {
+ margin: 10px;
+ padding: 0;
+ font-size: 13px;
+ border-top: solid 1px #4F4F4F;
+}
+.component .info-building h4 {
+ margin: 10px;
+}
+.component .info-building p {
+ font-size: 13px;
+}
+#tools .box a,
+#nav .box a,
+#tools .box > span,
+#nav .box > span {
+ position: relative;
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 25px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 150px;
+ color: white;
+ text-decoration: none;
+ font-variant: small-caps;
+ background: url('src/desktop/button/bButtonMiddle.png') repeat-x;
+}
+#tools .box a:before,
+#nav .box a:before,
+#tools .box > span:before,
+#nav .box > span:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonLeft.png') no-repeat;
+}
+#tools .box a:after,
+#nav .box a:after,
+#tools .box > span:after,
+#nav .box > span:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonRight.png') no-repeat;
+}
+#tools .box a.current-base,
+#nav .box a.current-base {
+ margin-left: 56px;
+}
+#tools .box a.current-base img,
+#nav .box a.current-base img {
+ position: absolute;
+ top: -16px;
+ left: -54px;
+ background: black;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ border: solid 2px #4F4F4F;
+ width: 60px;
+}
+#tools .box a:hover:before,
+#nav .box a:hover:before,
+#tools .box a:focus:before,
+#nav .box a:focus:before {
+ background: url('src/desktop/button/bButtonLeftHover.png') repeat;
+}
+#tools .box a:hover:after,
+#nav .box a:hover:after,
+#tools .box a:focus:after,
+#nav .box a:focus:after {
+ background: url('src/desktop/button/bButtonRightHover.png') repeat;
+}
+#tools .box a.active,
+#nav .box a.active {
+ background: url('src/desktop/button/bButtonMiddleActive.png') repeat;
+}
+#tools .box a.active:before,
+#nav .box a.active:before {
+ background: url('src/desktop/button/bButtonLeftActive.png') repeat;
+}
+#tools .box a.active:after,
+#nav .box a.active:after {
+ background: url('src/desktop/button/bButtonRightActive.png') repeat;
+}
+#tools .box a.square,
+#nav .box a.square {
+ position: relative;
+ padding: 0 5px;
+ margin: 5px 2px;
+ height: 32px;
+ width: 30px;
+ background: url('src/desktop/button/bLittleButton.png') no-repeat;
+ vertical-align: top;
+}
+#tools .box a.square:before,
+#nav .box a.square:before,
+#tools .box a.square:after,
+#nav .box a.square:after {
+ display: none;
+}
+#tools .box a.square:hover,
+#nav .box a.square:hover,
+#tools .box a.square:focus,
+#nav .box a.square:focus {
+ background: url('src/desktop/button/bLittleButtonHover.png') no-repeat;
+}
+#tools .box a.square.active,
+#nav .box a.square.active {
+ background: url('src/desktop/button/bLittleButtonActive-c4.png') no-repeat;
+}
+#tools .box a.square.active.flashy,
+#nav .box a.square.active.flashy {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: inset 0 0 12px #a935c7;
+}
+#tools .box a.square img,
+#nav .box a.square img {
+ position: absolute;
+ width: 24px;
+ top: 3px;
+ left: 8px;
+}
+#tools .box a.square span.number,
+#nav .box a.square span.number {
+ position: absolute;
+ top: -5px;
+ right: -5px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ font-size: 11px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ background: #310948;
+}
+#nav .box {
+ position: absolute;
+ display: inline-block;
+ height: 46px;
+ padding: 0 3px;
+ background: url('src/desktop/nav/bNavBox.png') repeat-x;
+}
+#nav .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxLeft.png') no-repeat;
+}
+#nav .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxRight.png') no-repeat;
+}
+#nav .box.left {
+ top: 0;
+ left: 25px;
+}
+#nav .box.left-2 {
+ top: 0;
+ left: 420px;
+}
+#nav .box.left-3 {
+ top: 0;
+ left: 732px;
+}
+#nav .box.right {
+ top: 0;
+ right: 25px;
+}
+#nav .box a.square span.number {
+ bottom: -5px;
+ top: auto;
+}
+#tools .box {
+ position: absolute;
+ display: inline-block;
+ height: 40px;
+ padding: 1px 3px 0 3px;
+ background: url('src/desktop/tools/bToolBox.png') repeat-x;
+ font-size: 13px;
+}
+#tools .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxRight.png') no-repeat;
+}
+#tools .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxLeft.png') no-repeat;
+}
+#tools .box.left {
+ bottom: 0;
+ right: 340px;
+}
+#tools .box.right {
+ bottom: 0;
+ right: 25px;
+}
+#tools .box a.square img {
+ top: 4px;
+}
+#tools .box a.resource-link,
+#tools .box span.resource-link {
+ width: 110px;
+ font-size: 16px;
+}
+#tools .box a.resource-link img.icon-color,
+#tools .box span.resource-link img.icon-color {
+ position: relative;
+ display: inline-block;
+ width: 18px;
+ vertical-align: middle;
+ margin-left: 5px;
+ top: -2px;
+ padding: 1px;
+}
+#nav .overbox .overflow,
+#tools .overbox .overflow {
+ max-height: 400px;
+ overflow: auto;
+ position: relative;
+}
+#nav .overbox h2,
+#tools .overbox h2 {
+ color: white;
+ padding: 10px 15px;
+ margin: 0;
+ font-size: 14px;
+ font-weight: normal;
+ border-bottom: solid 1px #202020;
+}
+#nav .overbox .link-title,
+#tools .overbox .link-title {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ line-height: 20px;
+ font-size: 11px;
+ padding: 0 5px;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ text-decoration: none;
+ color: white;
+}
+#nav .overbox a,
+#tools .overbox a {
+ color: inherit;
+}
+#nav .overbox a.more-link,
+#tools .overbox a.more-link {
+ display: block;
+ padding: 8px;
+ font-size: 12px;
+ border-top: solid 1px #202020;
+ text-align: center;
+ text-decoration: none;
+ color: #4F4F4F;
+}
+#nav .overbox a.more-link:focus,
+#tools .overbox a.more-link:focus,
+#nav .overbox a.more-link:hover,
+#tools .overbox a.more-link:hover {
+ color: #CCC;
+}
+#nav .overbox p.info,
+#tools .overbox p.info {
+ padding: 5px 15px;
+ font-size: 12px;
+ text-align: center;
+ color: #CCC;
+}
+#nav .overbox .outside-button,
+#tools .overbox .outside-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #5a1072;
+ border: solid 1px #310948;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+#nav .overbox .outside-button:hover,
+#tools .overbox .outside-button:hover,
+#nav .overbox .outside-button:focus,
+#tools .overbox .outside-button:focus {
+ background: #310948;
+ border-color: #5a1072;
+}
+#nav .overbox .outside-button.disabled,
+#tools .overbox .outside-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+#nav .overbox input.outside-button,
+#tools .overbox input.outside-button {
+ line-height: 26px;
+}
+#nav .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+}
+#nav .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent transparent #202020 transparent;
+ top: -18px;
+ right: 30px;
+}
+#nav .overbox#change-bases {
+ top: 50px;
+ left: 10px;
+ width: 205px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#change-bases:before {
+ left: 30px;
+ right: auto;
+}
+#nav .overbox#change-bases a {
+ display: block;
+ padding: 3px 15px;
+ color: #CCC;
+ text-decoration: none;
+ font-size: 12px;
+ border-bottom: solid 1px #101010;
+}
+#nav .overbox#change-bases a:focus,
+#nav .overbox#change-bases a:hover {
+ background: #101010;
+}
+#nav .overbox#change-bases a.active {
+ background: #202020;
+}
+#nav .overbox#change-bases strong {
+ display: block;
+ color: #CCC;
+ font-size: 13px;
+}
+#nav .overbox#disconnect-box {
+ top: 50px;
+ right: 10px;
+ width: 205px;
+ padding: 8px 0;
+}
+#nav .overbox#disconnect-box hr {
+ margin: 8px 0;
+ border: none;
+ background: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#disconnect-box a {
+ display: block;
+ padding: 0 15px;
+ line-height: 25px;
+ font-size: 13px;
+ color: #CCC;
+ text-decoration: none;
+}
+#nav .overbox#disconnect-box a:hover,
+#nav .overbox#disconnect-box a:focus {
+ color: white;
+ background: #202020;
+}
+#nav .overbox#bug-tracker {
+ width: 250px;
+ top: 50px;
+ right: 98px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#bug-tracker p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 10px;
+}
+#nav .overbox#bug-tracker .option {
+ margin: 3px 10px 10px 10px;
+ display: block;
+ width: 330px;
+ padding: 5px;
+}
+#nav .overbox#bug-tracker textarea {
+ display: block;
+ margin: 0 10px 10px 10px;
+ padding: 5px;
+ width: 318px;
+ height: 200px;
+ min-width: 318px;
+ max-width: 318px;
+ border: solid 1px #202020;
+ font-family: 'Trebuchet MS', sans-serif;
+ font-size: 13px;
+}
+#nav .overbox#bug-tracker .button {
+ display: block;
+ margin: 0 10px 2px 10px;
+}
+#nav .overbox#roadmap {
+ width: 350px;
+ top: 50px;
+ right: 10px;
+}
+#nav .overbox#roadmap .overflow {
+ width: 350px;
+ padding: 8px 0;
+}
+#nav .overbox#roadmap p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 0 10px 10px 10px;
+}
+#nav .overbox#roadmap p em {
+ display: block;
+ font-size: 11px;
+ color: #4F4F4F;
+}
+#nav .overbox#roadmap hr {
+ margin: 5px 0;
+ border: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial {
+ width: 350px;
+ top: 50px;
+ right: 143px;
+ color: white;
+}
+#nav .overbox#tutorial form {
+ padding: 0 0 10px 0;
+ margin: 0;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial .overflow {
+ padding: 15px 15px 0 15px;
+}
+#nav .overbox#tutorial .overflow h3 {
+ position: relative;
+ margin: 0;
+ padding: 0 0 0 36px;
+}
+#nav .overbox#tutorial .overflow h3 .number {
+ position: absolute;
+ top: -4px;
+ left: 0;
+ display: block;
+ width: 26px;
+ line-height: 26px;
+ text-align: center;
+ background: #310948;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ margin-right: 10px;
+}
+#nav .overbox#tutorial .overflow p {
+ font-size: 12px;
+ color: #CCC;
+}
+#nav .overbox#new-notifications {
+ top: 50px;
+ left: 627px;
+ width: 300px;
+}
+#tools .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ width: 300px;
+ bottom: 45px;
+ right: 15px;
+}
+#tools .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: #202020 transparent transparent transparent;
+ bottom: -18px;
+ right: 30px;
+}
+#tools .overbox.left-pic:before {
+ left: 30px;
+ right: auto;
+}
+#tools .overbox#tools-calendar {
+ left: 25px;
+ bottom: 45px;
+ right: auto;
+}
+#tools .overbox#tools-refinery {
+ right: 401px;
+ bottom: 45px;
+}
+#tools .overbox#tools-generator {
+ right: 237px;
+ bottom: 45px;
+}
+#tools .overbox#tools-technosphere {
+ right: 193px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock1 {
+ right: 148px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock2 {
+ right: 105px;
+ bottom: 45px;
+}
+#tools .overbox#tools-credit {
+ right: 140px;
+ bottom: 45px;
+}
+#tools .overbox#tools-incoming-attack {
+ right: 230px;
+ bottom: 45px;
+}
+#tools .overbox#tools-outgoing-attack {
+ right: 185px;
+ bottom: 45px;
+}
+#subnav {
+ position: fixed;
+ top: 29px;
+ left: 2px;
+ bottom: 29px;
+ padding: 40px 0;
+ width: 60px;
+ background: url('src/desktop/subnav/middle.png') repeat-y;
+ z-index: 1000;
+}
+#subnav hr {
+ border: none;
+ margin: 20px 0;
+}
+#subnav .overflow {
+ position: relative;
+}
+#subnav .move-side-bar {
+ display: none;
+ position: absolute;
+ z-index: 5000;
+ left: 5px;
+ width: 48px;
+ height: 48px;
+ line-height: 48px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.75);
+ background-position: center;
+ background-repeat: no-repeat;
+ border-radius: 100%;
+ cursor: pointer;
+}
+#subnav .move-side-bar:hover,
+#subnav .move-side-bar:focus {
+ box-shadow: 0 0 3px white;
+}
+#subnav .move-side-bar.top {
+ bottom: auto;
+ top: 20px;
+ background-image: url('src/desktop/component/top.png');
+}
+#subnav .move-side-bar.bottom {
+ bottom: 20px;
+ top: auto;
+ background-image: url('src/desktop/component/bottom.png');
+}
+#subnav .item {
+ position: relative;
+ display: block;
+ height: 50px;
+ width: 50px;
+ margin: 0 0 10px 0;
+ padding: 8px 5px;
+ color: white;
+ text-decoration: none;
+ background: url('src/desktop/subnav/button.png') no-repeat;
+}
+#subnav .item.active {
+ background: url('src/desktop/subnav/button-active-c4.png') no-repeat;
+}
+#subnav .item.striped {
+ background: url('src/desktop/subnav/button-striped.png') no-repeat;
+}
+#subnav .item:before {
+ content: '';
+ position: absolute;
+ right: -6px;
+ bottom: 0;
+ width: 12px;
+ height: 47px;
+ background: url('src/desktop/subnav/til.png') no-repeat;
+}
+#subnav .item:hover:before {
+ background: url('src/desktop/subnav/til-hover.png') no-repeat;
+}
+#subnav .item:hover > .content {
+ display: block;
+}
+#subnav .item .picto {
+ display: block;
+ height: 30px;
+ width: 30px;
+ padding: 10px;
+}
+#subnav .item .picto img {
+ display: block;
+ height: 30px;
+ width: 30px;
+}
+#subnav .item .picto .number {
+ position: absolute;
+ bottom: -5px;
+ right: -18px;
+ display: block;
+ width: 28px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ font-size: 12px;
+ background: url('src/desktop/subnav/number.png') no-repeat;
+}
+#subnav .item .content {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 75px;
+ width: 230px;
+}
+#subnav .item .content.skin-1 span {
+ display: inline-block;
+ margin: 15px 0 15px 16px;
+ padding: 0 15px;
+ line-height: 30px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-1 span:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content {
+ display: inline-block;
+ margin: 0 0 0 16px;
+ padding: 10px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-2 .sub-content:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content hr {
+ border: none;
+ border-top: solid 1px #4F4F4F;
+ margin: 5px 0;
+}
+#subnav .item .content.skin-2 .sub-content .ship {
+ position: relative;
+}
+#subnav .item .content.skin-2 .sub-content .ship img {
+ width: 32px;
+ height: 32px;
+}
+#subnav .item .content.skin-2 .sub-content .ship img.zero {
+ opacity: .5;
+}
+#subnav .item .content.skin-2 .sub-content .ship .number {
+ position: absolute;
+ bottom: -2px;
+ right: -2px;
+ width: 18px;
+ height: 18px;
+ line-height: 18px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ text-align: center;
+ background: #a935c7;
+}
+#alert-content {
+ display: none;
+}
+#alert {
+ position: absolute;
+ bottom: 18px;
+ left: 50px;
+ padding: 0;
+ text-align: right;
+ list-style: inset none;
+}
+#alert li {
+ position: relative;
+ display: inline-block;
+ margin: 0 0 0 5px;
+}
+#alert li img {
+ display: block;
+ height: 50px;
+ border: solid 1px #202020;
+ padding: 5px;
+ background: #0A0A0A;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.alert-bull {
+ display: block;
+ position: absolute;
+ z-index: 1200;
+ width: 200px;
+ padding: 6px 8px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.alert-bull .title {
+ display: block;
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+ border-bottom: solid 1px #4F4F4F;
+}
+.alert-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ bottom: -14px;
+ left: 24px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+#content {
+ position: absolute;
+ width: 8000px;
+ height: 100%;
+ top: 0;
+ left: 300px;
+ z-index: 200;
+}
+#content .component {
+ position: relative;
+ display: table-cell;
+ overflow: hidden;
+ width: 300px;
+ background: rgba(0, 0, 0, 0.92);
+}
+#content .component.size2 {
+ width: 600px;
+}
+#content .component.size3 {
+ width: 900px;
+}
+#content .component:nth-child(1) {
+ background: rgba(0, 0, 0, 0.6);
+}
+#content .component:nth-child(2) {
+ background: rgba(0, 0, 0, 0.75);
+}
+#content .component:nth-child(3) {
+ background: rgba(0, 0, 0, 0.85);
+}
+#content .component:nth-child(4) {
+ background: rgba(0, 0, 0, 0.9);
+}
+#content .component .head {
+ position: relative;
+ display: inline-block;
+ height: 120px;
+ width: 100%;
+ vertical-align: top;
+ color: white;
+ background: url('src/desktop/component/bHead.jpg') repeat-x center black;
+ border-bottom: solid 1px #202020;
+}
+#content .component .head h1 {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ font-size: 38px;
+ line-height: 50px;
+ height: 50px;
+ display: inline-block;
+ padding: 0 10px;
+ background: black;
+ overflow: hidden;
+}
+#content .component .fix-body {
+ position: relative;
+ overflow: auto;
+ color: white;
+ border-right: solid 1px #202020;
+}
+#content .component .fix-body .body {
+ position: relative;
+}
+.no-scrolling #content .component .fix-body {
+ overflow: hidden;
+}
+.no-scrolling #content .component .fix-body > a {
+ position: absolute;
+ width: 100%;
+ height: 40px;
+ left: 0;
+ opacity: 0;
+}
+.no-scrolling #content .component .fix-body.hover > a {
+ opacity: 1;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+.no-scrolling #content .component .fix-body .toTop {
+ top: 0;
+ background-image: url('src/desktop/component/top.png'), -webkit-gradient(linear, black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -moz-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -ms-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -o-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+}
+.no-scrolling #content .component .fix-body .toBottom {
+ bottom: 0;
+ background-image: url('src/desktop/component/bottom.png'), -webkit-gradient(linear, transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+}
+#content .component.invisible {
+ background: transparent;
+}
+#content .component.invisible .publicity {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: red;
+}
+.component .tool {
+ display: table;
+ width: 100%;
+ height: 44px;
+ margin: 0;
+ overflow: hidden;
+ background: black;
+ border-bottom: solid 1px #a935c7;
+ color: #4F4F4F;
+}
+.component .tool > span {
+ display: table-cell;
+ width: 28px;
+ border: solid 6px transparent;
+ border-left: none;
+}
+.component .tool > span:first-child {
+ border: solid 5px transparent;
+ width: auto;
+ text-align: center;
+}
+.component .tool > span:first-child a {
+ width: auto;
+}
+.component .tool > span a {
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 0;
+ line-height: 30px;
+ width: 30px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+ text-align: center;
+}
+.component .tool > span a img {
+ width: 18px;
+ position: relative;
+ top: -4px;
+}
+.component .tool > span a.active {
+ background: #5a1072;
+ color: white;
+ border-color: #a935c7;
+}
+.component .tool > span a.active.down {
+ box-shadow: 0 2px 0 0 #CCC;
+}
+.component .tool > span a.active.up {
+ box-shadow: 0 -2px 0 0 #CCC;
+}
+.component .tool > span a.active:hover,
+.component .tool > span a.active:focus {
+ color: #CCC;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
+}
+.component .tool > span a:hover,
+.component .tool > span a:focus,
+.component .tool > span a:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .tool.sort-button > span:first-child {
+ text-align: center;
+}
+.component h3 {
+ width: 100%;
+ margin: 0;
+ background: black;
+ text-align: center;
+ padding: 0 2px;
+ line-height: 44px;
+ font-weight: normal;
+ font-size: 14px;
+ color: #4F4F4F;
+ text-decoration: none;
+ border-bottom: solid 1px #a935c7;
+}
+.component h4 {
+ margin: 10px 10px 0 10px;
+ font-weight: normal;
+ font-size: 18px;
+}
+.component .body p {
+ margin: 10px;
+ font-size: 13px;
+ text-align: justify;
+}
+.component .body p.info {
+ position: relative;
+ border-top: solid 1px #202020;
+ padding: 10px;
+ margin: 10px;
+ line-height: 140%;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component .body p.info a {
+ color: white;
+}
+.component .body p.info .requierement {
+ display: inline-block;
+ margin: 0 0 0 8px;
+ vertical-align: bottom;
+ height: 16px;
+}
+.component .body p.long-info {
+ padding: 10px;
+ line-height: 150%;
+ background: black;
+}
+.component .body p .alone-button {
+ display: block;
+ text-align: center;
+ color: white;
+ line-height: 40px;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #4F4F4F;
+ box-shadow: inset 0 0 2px black;
+ padding: 0 10px;
+ background: #310948;
+}
+.component .body p .alone-button:hover,
+.component .body p .alone-button:focus {
+ background: #5a1072;
+}
+.component .border-bottom {
+ border-bottom: solid 3px #a935c7;
+}
+.component .list-type-1 {
+ margin: 10px;
+ padding: 0;
+ list-style: none;
+}
+.component .list-type-1 li {
+ position: relative;
+ padding: 5px 10px;
+ text-align: right;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: rgba(0, 0, 0, 0.8);
+ color: #989898;
+}
+.component .list-type-1 li.strong {
+ border-top: double 3px #4F4F4F;
+ background: #111111;
+ color: white;
+}
+.component .list-type-1 li.empty {
+ background: none;
+ border: none;
+ height: 50px;
+}
+.component .list-type-1 li ul li {
+ height: auto;
+}
+.component .list-type-1 .label {
+ display: block;
+ font-size: 13px;
+}
+.component .list-type-1 .label .icon-color {
+ width: 15px;
+ padding: 1px;
+}
+.component .list-type-1 .value {
+ display: inline-block;
+ font-size: 22px;
+ line-height: 30px;
+ font-weight: bold;
+}
+.component .list-type-1 .value .icon,
+.component .list-type-1 .value .icon-color {
+ height: 18px;
+ margin-left: 8px;
+ position: relative;
+ top: -3px;
+}
+.component .list-type-1 .picto {
+ position: absolute;
+ top: 7px;
+ left: 10px;
+ height: 35px;
+ width: 35px;
+ line-height: 35px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+ font-size: 16px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+}
+.component .list-type-1 .picto.color1 {
+ background: #510816;
+}
+.component .list-type-1 .picto.color2 {
+ background: #0c0d44;
+}
+.component .list-type-1 .picto.color3 {
+ background: #b17a00;
+}
+.component .list-type-1 .picto.color4 {
+ background: #310948;
+}
+.component .list-type-1 .picto.color5 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color6 {
+ background: #004948;
+}
+.component .list-type-1 .picto.color7 {
+ background: #401b13;
+}
+.component .list-type-1 .picto.color8 {
+ background: #c3590b;
+}
+.component .list-type-1 .picto.color9 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color10 {
+ background: #4d0621;
+}
+.component .list-type-1 .picto.color11 {
+ background: #10684c;
+}
+.component .list-type-1 .picto.color12 {
+ background: #b17a00;
+}
+.component .list-type-1 .hide {
+ color: #4F4F4F;
+}
+.component .list-type-1 .buttons {
+ position: absolute;
+ top: 28px;
+ left: 5px;
+}
+.component .list-type-1 .buttons a {
+ display: inline-block;
+ margin: 0 4px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-style: 14px;
+ color: white;
+ border-radius: 3px;
+ background: #5a1072;
+}
+.component .list-type-1 .progress-bar {
+ text-align: left;
+ margin-top: 5px;
+}
+.component .sub-list-type-1 {
+ display: none;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.component .sub-list-type-1 li {
+ position: relative;
+ padding: 2px 0;
+ text-align: left;
+ border: none;
+ border-top: solid 1px #0A0A0A;
+}
+.component .sub-list-type-1 .label {
+ display: inline-block;
+ width: 60%;
+}
+.component .sub-list-type-1 .label .button {
+ position: relative;
+ left: -4px;
+ margin: 0 0 0 3px;
+}
+.component .sub-list-type-1 .value {
+ text-align: right;
+ line-height: 25px;
+ font-size: 18px;
+ width: 40%;
+}
+.component .sub-list-type-1 .value .button {
+ margin: 0 2px 0 6px;
+}
+.component .sub-list-type-1 .button {
+ display: inline-block;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: normal;
+ color: white;
+ border-radius: 3px;
+ background: #a935c7;
+}
+.component .list-type-1 form {
+ z-index: 1;
+ position: absolute;
+ display: none;
+ bottom: -40px;
+ right: 3px;
+}
+.component .list-type-1 form p {
+ position: relative;
+ background: white;
+ border-radius: 3px;
+ padding: 0;
+ margin: 0;
+ width: 200px;
+ height: 35px;
+}
+.component .list-type-1 form p:before {
+ content: '';
+ position: absolute;
+ top: -12px;
+ right: 12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+}
+.component .list-type-1 form input {
+ border: none;
+ background: none;
+ line-height: 35px;
+ height: 35px;
+ padding: 0 10px;
+}
+.component .list-type-1 form input[type='text'] {
+ width: 140px;
+}
+.component .list-type-1 form input[type='submit'] {
+ width: 40px;
+}
+.component .sub-list-type-1 form {
+ right: -6px;
+}
+/* NUMBER BOX */
+.number-box {
+ position: relative;
+ margin: 10px;
+ padding: 5px 10px;
+ background: black;
+ color: white;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ border-left: solid 10px #5a1072;
+}
+.number-box.half {
+ display: inline-block;
+ width: 254px;
+ margin-right: 0;
+ margin-bottom: 0;
+}
+.number-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.number-box.text {
+ border-left: solid 1px #0A0A0A;
+}
+.number-box.text a {
+ text-decoration: none;
+ color: white;
+}
+.number-box .label {
+ display: block;
+}
+.number-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.number-box .value .icon-color {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+.number-box .progress-bar {
+ margin: 5px 0;
+}
+.number-box .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.number-box .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #5a1072;
+}
+/* PROGRESS BAR */
+.progress-bar {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 3px;
+ background: #4F4F4F;
+}
+.progress-bar .content {
+ position: relative;
+ display: inline-block;
+ height: 3px;
+ vertical-align: top;
+ overflow: hidden;
+ max-width: 100%;
+}
+.progress-bar .content:nth-child(n) {
+ background: #a935c7;
+}
+.progress-bar .content:nth-child(2n) {
+ background: #310948;
+}
+.progress-bar .content.color1 {
+ background: #6e161b;
+}
+.progress-bar .content.color2 {
+ background: #1f1471;
+}
+.progress-bar .content.color3 {
+ background: #dbb200;
+}
+.progress-bar .content.color4 {
+ background: #5a1072;
+}
+.progress-bar .content.color5 {
+ background: #2c7915;
+}
+.progress-bar .content.color6 {
+ background: #076b87;
+}
+.progress-bar .content.color7 {
+ background: #67331d;
+}
+.progress-bar .content.color8 {
+ background: #d87913;
+}
+.progress-bar .content.color9 {
+ background: #2c7915;
+}
+.progress-bar .content.color10 {
+ background: #760f36;
+}
+.progress-bar .content.color11 {
+ background: #219772;
+}
+.progress-bar .content.color12 {
+ background: #dbb200;
+}
+.progress-bar .step {
+ position: absolute;
+}
+.progress-bar .step .label {
+ position: absolute;
+ display: block;
+ width: 150px;
+ left: 0;
+ top: -28px;
+}
+.progress-bar .step .label.bottom {
+ top: auto;
+ bottom: -28px;
+}
+.progress-bar .step .label.right {
+ right: 0;
+ left: auto;
+ text-align: right;
+}
+.progress-bar .step:before {
+ content: '';
+ position: absolute;
+ width: 12px;
+ height: 12px;
+ background: #5a1072;
+ box-shadow: 0 0 0 3px #310948;
+ border-radius: 100%;
+ top: -5px;
+ left: -5px;
+}
+/* BONUS */
+.bonus {
+ vertical-align: top;
+ display: inline-block;
+ font-size: 55%;
+ line-height: 100%;
+ padding: 3px;
+ margin: 2px 0 0 8px;
+ border-radius: 3px;
+ font-weight: normal;
+ background: #310948;
+}
+/* HEAD */
+.component .head.skin-1 img {
+ position: absolute;
+ top: 22px;
+ left: 20px;
+ padding: 8px;
+ width: 60px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .head.skin-1 img:before {
+ content: '';
+ width: 100px;
+ height: 100px;
+}
+.component .head.skin-1 h2 {
+ position: absolute;
+ bottom: 66px;
+ left: 105px;
+ font-size: 22px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-1 em {
+ position: absolute;
+ top: 62px;
+ left: 105px;
+ font-size: 13px;
+ line-height: 16px;
+ font-style: normal;
+}
+.component .head.skin-2 h2 {
+ position: absolute;
+ display: inline-block;
+ top: 45px;
+ left: 10px;
+ font-size: 22px;
+ line-height: 30px;
+ margin: 0;
+ padding: 0 10px;
+ background: black;
+ font-weight: normal;
+}
+.component .head.skin-3 img {
+ position: absolute;
+ width: 50px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 27px;
+}
+.component .head.skin-3 img.left {
+ left: 40px;
+}
+.component .head.skin-3 img.right {
+ right: 40px;
+}
+.component .head.skin-4 img.main {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 37px;
+}
+.component .head.skin-4 h2 {
+ position: absolute;
+ top: 35px;
+ left: 60px;
+ font-size: 18px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-4 em {
+ position: absolute;
+ top: 65px;
+ left: 60px;
+ font-size: 13px;
+ line-height: 16px;
+}
+.component .head.skin-5 h2 {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ font-size: 16px;
+ font-weight: normal;
+ margin: 0;
+ padding: 0 20px;
+ background: black;
+}
+.component .head.skin-5 h2:before {
+ content: '';
+ position: absolute;
+ display: block;
+ top: 5px;
+ left: 0;
+ width: 8px;
+ height: 8px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .more-item,
+.component .more-button {
+ display: block;
+ margin: 10px 10px 5px;
+ line-height: 34px;
+ padding: 0 12px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+}
+.component .more-item:hover,
+.component .more-button:hover,
+.component .more-item:focus,
+.component .more-button:focus,
+.component .more-item:active,
+.component .more-button:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .nav-element {
+ position: relative;
+ display: block;
+ margin: 10px;
+ height: 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component .nav-element img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ height: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component .nav-element.active {
+ background: #5a1072;
+}
+.component .nav-element .active img {
+ background: black;
+}
+.component .nav-element strong {
+ position: absolute;
+ top: 5px;
+ left: 70px;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component .nav-element em {
+ position: absolute;
+ top: 30px;
+ left: 70px;
+ color: white;
+ font-weight: normal;
+ font-size: 12px;
+ font-style: normal;
+ color: #efefef;
+}
+.component hr {
+ border: none;
+ border-bottom: dashed 1px #202020;
+ margin: 0 10px;
+}
+.component .set-item {
+ margin: 10px;
+ border-bottom: solid 1px #202020;
+}
+.component .set-item a.item:hover,
+.component .set-item a.item:focus {
+ background-color: #0c0c0c;
+}
+.component .set-item .item {
+ position: relative;
+ display: block;
+ color: white;
+ height: 60px;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+}
+.component .set-item .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+}
+.component .set-item .item .left img {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left img.color1 {
+ background: #6e161b;
+}
+.component .set-item .item .left img.color2 {
+ background: #1f1471;
+}
+.component .set-item .item .left img.color3 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.color4 {
+ background: #5a1072;
+}
+.component .set-item .item .left img.color5 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color6 {
+ background: #076b87;
+}
+.component .set-item .item .left img.color7 {
+ background: #67331d;
+}
+.component .set-item .item .left img.color8 {
+ background: #d87913;
+}
+.component .set-item .item .left img.color9 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color10 {
+ background: #760f36;
+}
+.component .set-item .item .left img.color11 {
+ background: #219772;
+}
+.component .set-item .item .left img.color12 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.round-color0 {
+ box-shadow: 0 0 0 2px #CCC;
+}
+.component .set-item .item .left img.round-color1 {
+ box-shadow: 0 0 0 2px #b01e2d;
+}
+.component .set-item .item .left img.round-color2 {
+ box-shadow: 0 0 0 2px #2f23c0;
+}
+.component .set-item .item .left img.round-color3 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left img.round-color4 {
+ box-shadow: 0 0 0 2px #a935c7;
+}
+.component .set-item .item .left img.round-color5 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color6 {
+ box-shadow: 0 0 0 2px #05bed7;
+}
+.component .set-item .item .left img.round-color7 {
+ box-shadow: 0 0 0 2px #ac5832;
+}
+.component .set-item .item .left img.round-color8 {
+ box-shadow: 0 0 0 2px #f2b636;
+}
+.component .set-item .item .left img.round-color9 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color10 {
+ box-shadow: 0 0 0 2px #a92859;
+}
+.component .set-item .item .left img.round-color11 {
+ box-shadow: 0 0 0 2px #34b089;
+}
+.component .set-item .item .left img.round-color12 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left span {
+ display: block;
+ width: 30px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 15px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left span.round-color0 {
+ background: #CCC;
+}
+.component .set-item .item .left span.round-color1 {
+ background: #b01e2d;
+}
+.component .set-item .item .left span.round-color2 {
+ background: #2f23c0;
+}
+.component .set-item .item .left span.round-color3 {
+ background: #ffdb0f;
+}
+.component .set-item .item .left span.round-color4 {
+ background: #a935c7;
+}
+.component .set-item .item .left span.round-color5 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color6 {
+ background: #05bed7;
+}
+.component .set-item .item .left span.round-color7 {
+ background: #ac5832;
+}
+.component .set-item .item .left span.round-color8 {
+ background: #f2b636;
+}
+.component .set-item .item .left span.round-color9 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color10 {
+ background: #a92859;
+}
+.component .set-item .item .left span.round-color11 {
+ background: #34b089;
+}
+.component .set-item .item .left span.round-color12 {
+ background: #ffdb0f;
+}
+.component .set-item .item .center {
+ position: absolute;
+ top: 0;
+ left: 60px;
+ right: 30px;
+ bottom: 0;
+ padding: 9px 0;
+}
+.component .set-item .item .center strong {
+ display: block;
+ line-height: 22px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+}
+.component .set-item .item .center a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+}
+.component .set-item .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 29px;
+ border-left: solid 1px #202020;
+}
+.component .set-item .item .right a {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 29px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+}
+.component .set-item .item .right a:hover,
+.component .set-item .item .right a:focus,
+.component .set-item .item .right a.active {
+ background-color: #202020;
+}
+.component .set-item .item .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.component .set-item .item .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #5a1072;
+}
+.army-bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ width: 220px;
+ color: #CCC;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.army-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+ left: 18px;
+}
+.army-bull strong {
+ display: block;
+ padding-bottom: 5px;
+ margin-bottom: 5px;
+ border-bottom: solid 1px #4F4F4F;
+ font-weight: normal;
+}
+.army-bull .label {
+ display: inline-block;
+ width: 70px;
+}
+.army-bull .value {
+ display: inline-block;
+ width: 40px;
+}
+.component .build-item {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ width: 278px;
+}
+.component .build-item a {
+ color: white;
+}
+.component .build-item .name {
+ position: relative;
+ height: 40px;
+ padding: 5px 5px 5px 90px;
+}
+.component .build-item .name img {
+ z-index: 20;
+ position: absolute;
+ top: -10px;
+ left: 5px;
+ width: 60px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .build-item .name strong {
+ display: block;
+ font-size: 18px;
+}
+.component .build-item .level {
+ display: block;
+ position: absolute;
+ width: 22px;
+ line-height: 22px;
+ text-align: center;
+ font-size: 12px;
+ border-radius: 100%;
+ top: 38px;
+ left: 58px;
+ border: solid 1px white;
+ z-index: 22;
+ background: #5a1072;
+}
+.component .build-item .info {
+ display: none;
+ position: absolute;
+ width: 20px;
+ line-height: 20px;
+ text-align: center;
+ font-size: 16px;
+ text-decoration: none;
+ border-radius: 3px;
+ top: 5px;
+ right: 5px;
+ background: #5a1072;
+ color: white;
+}
+.component .build-item .name-commander {
+ margin: 10px 10px 0 10px;
+ height: 40px;
+ padding: 0 10px;
+ border: none;
+ background: white;
+ border-radius: 3px;
+ width: 240px;
+ text-align: center;
+ font-size: 16px;
+}
+.component .build-item .button {
+ display: block;
+ margin: 10px;
+ padding: 5px 10px;
+ width: 240px;
+ line-height: 20px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ background: #5a1072;
+ box-shadow: inset 0 0 2px black;
+ border: none;
+ cursor: pointer;
+ min-height: 36px;
+}
+.component .build-item .button:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #a935c7;
+}
+.component .build-item .button.disable {
+ background: #202020;
+ cursor: default;
+}
+.component .build-item .button .icon-color {
+ width: 14px;
+}
+.component .build-item button.button {
+ width: 260px;
+}
+.component .build-item .ship-pack {
+ z-index: 10;
+ position: absolute;
+ bottom: 15px;
+ left: 15px;
+ width: 60px;
+ height: 40px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ background: white;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ border-radius: 3px;
+ box-shadow: inset 0 0 0 3px #CCC;
+}
+.component .build-item .ship-illu {
+ width: 260px;
+ margin: 5px 10px;
+ overflow: hidden;
+}
+.component .build-item .ship-illu img {
+ width: 100%;
+}
+.component .build-item.disabled {
+ opacity: .3;
+}
+.component .build-item.disabled .name img {
+ opacity: .50;
+}
+.component .build-item.disabled strong {
+ color: #4F4F4F;
+}
+.component .build-item.disabled .button.disable {
+ color: #696969;
+}
+.component .build-item.disabled .button.disable:hover {
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component .build-item.large {
+ width: 578px;
+}
+.component .build-item.large .info {
+ top: 75px;
+ right: 25px;
+}
+.component .build-item.large .button {
+ display: block;
+ top: -3px;
+ right: 0;
+ line-height: 18px;
+ width: 540px;
+ min-height: 36px;
+}
+.component .build-item.large .ship-illu {
+ width: 560px;
+ margin-top: 10px;
+}
+.component .build-item input {
+ display: block;
+ width: 243px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component .build-item select {
+ display: block;
+ width: 260px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component.panel-info .remove-info {
+ display: block;
+ position: absolute;
+ top: 2px;
+ right: 10px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ color: white;
+ border-radius: 3px;
+ background: #310948;
+}
+.component.panel-info .table {
+ margin: 10px;
+}
+.component.panel-info .table table {
+ width: 100%;
+ text-align: right;
+ border-collapse: collapse;
+ background: black;
+}
+.component.panel-info .table td {
+ border: solid 1px #202020;
+ padding: 6px 8px;
+}
+.component.panel-info .table tr.small-grey {
+ background: #0A0A0A;
+}
+.component.panel-info .table tr.active td {
+ background: #0A0A0A;
+ border-bottom: solid 1px #4F4F4F;
+}
+.component.panel-info .table .icon-color {
+ width: 12px;
+}
+.component.panel-info .illu {
+ margin: 0 10px;
+ box-shadow: inset 0 0 5px black;
+}
+.component.panel-info .skill-box {
+ position: relative;
+ margin: 0 10px;
+ padding: 5px 10px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+}
+.component.panel-info .skill-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.component.panel-info .skill-box .label {
+ display: block;
+}
+.component.panel-info .skill-box .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.panel-info .skill-box .value .icon-color {
+ width: 18px;
+}
+.component.panel-info .skill-box .progress-bar {
+ margin: 6px 0 2px 0;
+}
+.splash-screen {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 10000;
+ opacity: 0;
+ background: rgba(0, 0, 0, 0.8);
+}
+.splash-screen .modal {
+ width: 500px;
+ height: 140px;
+ position: absolute;
+ top: 80px;
+ right: 3000px;
+ background: #0A0A0A;
+ padding: 25px 175px 25px 75px;
+ color: white;
+ border-radius: 140px;
+ border: solid 1px #202020;
+}
+.splash-screen .modal h1 {
+ font-size: 36px;
+ margin: 0;
+ padding: 0 0 10px 0;
+}
+.splash-screen .modal h2 {
+ font-size: 20px;
+ margin: 0;
+ padding: 0;
+}
+.splash-screen .modal img {
+ position: absolute;
+ top: -15px;
+ right: -50px;
+ width: 200px;
+ padding: 10px;
+ background: #202020;
+ border-radius: 100%;
+ border: solid 1px #4F4F4F;
+}
+.splash-screen .modal:before {
+ content: '';
+ position: absolute;
+ top: -80px;
+ right: 20px;
+ border-color: transparent transparent #4F4F4F transparent;
+ border-width: 40px;
+ border-style: solid;
+}
+.common-link {
+ color: white;
+}
+.component .top-right-button {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ padding: 0 10px;
+ line-height: 30px;
+ color: white;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #5a1072;
+ z-index: 1;
+}
+.component .top-right-button:hover,
+.component .top-right-button:focus {
+ background: #310948;
+}
+.alert {
+ display: block;
+ margin: 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ text-decoration: none;
+ color: white;
+ background: #5a1072;
+ border-radius: 3px;
+ box-shadow: 0 0 2px black;
+}
+.common-link {
+ display: block;
+ margin: 10px;
+ color: white;
+ text-decoration: none;
+}
+.text-bloc a {
+ display: inline-block;
+ color: inherit;
+ opacity: .60;
+}
+.text-bloc a:hover,
+.text-bloc a:focus {
+ opacity: 1;
+}
+.queue {
+ margin: 10px;
+ color: white;
+}
+.queue .item {
+ position: relative;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ min-height: 60px;
+ display: block;
+}
+.queue .item.empty {
+ background: #0A0A0A;
+}
+.queue .item.empty strong {
+ font-weight: normal;
+}
+.queue .item.link {
+ min-height: 0;
+ padding: 10px;
+ color: #4F4F4F;
+ text-decoration: none;
+}
+.queue .item.link:hover,
+.queue .item.link:focus {
+ color: #CCC;
+}
+.queue .item a.button {
+ position: absolute;
+ display: block;
+ top: 2px;
+ right: 5px;
+ color: white;
+ text-decoration: none;
+}
+.queue .item a {
+ color: #CCC;
+}
+.queue .item .group-link {
+ position: absolute;
+ top: 9px;
+ right: 9px;
+}
+.queue .item .group-link a {
+ display: block;
+ width: 20px;
+ line-height: 20px;
+ margin: 0 0 5px 0;
+ border-radius: 3px;
+ color: white;
+ text-align: center;
+ text-decoration: none;
+ background: #5a1072;
+}
+.queue .item .group-link a:hover,
+.queue .item .group-link a:focus {
+ background: #a935c7;
+}
+.queue .item .picto {
+ float: left;
+ width: 40px;
+ height: 40px;
+ margin: 5px;
+ padding: 5px;
+ background: black;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.queue .item strong {
+ display: block;
+ margin: 6px 0 2px 0;
+}
+.queue .item strong .level {
+ font-size: 11px;
+ color: #CCC;
+}
+.queue .item .big {
+ font-size: 24px;
+}
+.queue .item em {
+ display: block;
+ font-style: normal;
+ color: #AEAEAE;
+}
+.queue .item .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 5px;
+ height: 3px;
+ background: #4F4F4F;
+}
+.queue .item .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #a935c7;
+}
+.choose-government {
+ display: block;
+ margin: 10px;
+ padding: 10px;
+ background: #0A0A0A;
+ border-radius: 3px;
+}
+.choose-government select {
+ display: block;
+ width: 100%;
+ padding: 8px;
+}
+.choose-government button {
+ display: block;
+ width: 100%;
+ margin: 10px 0 0 0;
+ padding: 0 10px;
+ line-height: 30px;
+ border: none;
+ color: white;
+ cursor: pointer;
+ background: #5a1072;
+}
+.choose-government button:hover,
+.choose-government button:focus {
+ background: #310948;
+}
+.evolution {
+ background: black;
+ margin: 10px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+}
+.evolution .header {
+ padding: 10px;
+ border-bottom: solid 1px #202020;
+ color: #EFEFEF;
+}
+.evolution .diargam {
+ padding: 10px;
+ background: #0A0A0A;
+}
+.evolution .diargam .progress-bar {
+ background: #0A0A0A !important;
+ height: 20px;
+ padding-bottom: 1px;
+}
+.evolution .diargam .progress-bar .content {
+ height: 20px;
+ line-height: 20px;
+ font-size: 12px;
+ color: white;
+ padding-left: 5px;
+}
+.evolution .diargam .progress-bar:nth-child(odd) .content {
+ background: #5a1072 !important;
+}
+.centred-link {
+ display: block;
+ width: 300px;
+ text-align: center;
+ margin: 0 auto;
+ text-decoration: none;
+ padding: 6px 10px;
+ color: #EFEFEF;
+ background: #5a1072;
+ border: solid 1px #310948;
+}
+.centred-link:hover,
+.centred-link:focus {
+ background: #310948;
+ border-color: #5a1072;
+ color: white;
+}
+span.centred-link {
+ background: #202020;
+ border: solid 1px #0A0A0A;
+ color: #4F4F4F;
+}
+span.centred-link:hover,
+span.centred-link:focus {
+ background: #202020;
+ border-color: #0A0A0A;
+ color: #4F4F4F;
+}
+.component.profil .center-box {
+ margin: 20px 10px 0;
+ color: white;
+ text-align: center;
+}
+.component.profil .center-box .label {
+ display: block;
+}
+.component.profil .center-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.profil .profil-flag {
+ position: relative;
+ width: 222px;
+ height: 460px;
+ margin: 0 auto;
+}
+.component.profil .profil-flag img {
+ position: relative;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ padding: 10px;
+ border-radius: 100%;
+ margin: 20px auto;
+ box-shadow: 0 0 0 4px #5a1072, 0 0 20px black;
+ z-index: 1;
+}
+.component.profil .profil-flag.color-1 img {
+ box-shadow: 0 0 0 4px #6e161b, 0 0 20px black;
+}
+.component.profil .profil-flag.color-2 img {
+ box-shadow: 0 0 0 4px #1f1471, 0 0 20px black;
+}
+.component.profil .profil-flag.color-3 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag.color-4 img {
+ box-shadow: 0 0 0 4px #5a1072, 0 0 20px black;
+}
+.component.profil .profil-flag.color-5 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-6 img {
+ box-shadow: 0 0 0 4px #076b87, 0 0 20px black;
+}
+.component.profil .profil-flag.color-7 img {
+ box-shadow: 0 0 0 4px #67331d, 0 0 20px black;
+}
+.component.profil .profil-flag.color-8 img {
+ box-shadow: 0 0 0 4px #d87913, 0 0 20px black;
+}
+.component.profil .profil-flag.color-9 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-10 img {
+ box-shadow: 0 0 0 4px #760f36, 0 0 20px black;
+}
+.component.profil .profil-flag.color-11 img {
+ box-shadow: 0 0 0 4px #219772, 0 0 20px black;
+}
+.component.profil .profil-flag.color-12 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag:before {
+ display: block;
+ position: absolute;
+ content: '';
+ top: 218px;
+ left: 33px;
+ width: 154px;
+ height: 241px;
+ background: url('src/desktop/faction/flag/flag-4.png') no-repeat;
+}
+.component.profil .profil-flag.color-1:before {
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.profil .profil-flag.color-2:before {
+ background: url('src/desktop/faction/flag/flag-2.png') no-repeat;
+}
+.component.profil .profil-flag.color-3:before {
+ background: url('src/desktop/faction/flag/flag-3.png') no-repeat;
+}
+.component.profil .profil-flag.color-4:before {
+ background: url('src/desktop/faction/flag/flag-4.png') no-repeat;
+}
+.component.profil .profil-flag.color-5:before {
+ background: url('src/desktop/faction/flag/flag-5.png') no-repeat;
+}
+.component.profil .profil-flag.color-6:before {
+ background: url('src/desktop/faction/flag/flag-6.png') no-repeat;
+}
+.component.profil .profil-flag.color-7:before {
+ background: url('src/desktop/faction/flag/flag-7.png') no-repeat;
+}
+.component.profil .profil-flag.color-8:before {
+ background: url('src/desktop/faction/flag/flag-8.png') no-repeat;
+}
+.component.profil .profil-flag.color-9:before {
+ background: url('src/desktop/faction/flag/flag-9.png') no-repeat;
+}
+.component.profil .profil-flag.color-10:before {
+ background: url('src/desktop/faction/flag/flag-10.png') no-repeat;
+}
+.component.profil .profil-flag.color-11:before {
+ background: url('src/desktop/faction/flag/flag-11.png') no-repeat;
+}
+.component.profil .profil-flag.color-12:before {
+ background: url('src/desktop/faction/flag/flag-12.png') no-repeat;
+}
+.component.profil .profil-flag .level {
+ z-index: 2;
+ display: block;
+ position: absolute;
+ top: 184px;
+ right: 2px;
+ width: 36px;
+ height: 36px;
+ text-align: center;
+ line-height: 36px;
+ background: #0A0A0A;
+ border: 3px solid #5a1072;
+ border-radius: 100%;
+}
+.component.profil .profil-flag.color-1 .level {
+ border-color: #6e161b;
+}
+.component.profil .profil-flag.color-2 .level {
+ border-color: #1f1471;
+}
+.component.profil .profil-flag.color-3 .level {
+ border-color: #dbb200;
+}
+.component.profil .profil-flag.color-4 .level {
+ border-color: #5a1072;
+}
+.component.profil .profil-flag.color-5 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-6 .level {
+ border-color: #076b87;
+}
+.component.profil .profil-flag.color-7 .level {
+ border-color: #67331d;
+}
+.component.profil .profil-flag.color-8 .level {
+ border-color: #d87913;
+}
+.component.profil .profil-flag.color-9 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-10 .level {
+ border-color: #760f36;
+}
+.component.profil .profil-flag.color-11 .level {
+ border-color: #219772;
+}
+.component.profil .profil-flag.color-12 .level {
+ border-color: #dbb200;
+}
+.component.profil .faction-flag {
+ display: block;
+ content: '';
+ width: 154px;
+ height: 241px;
+ margin: 0 auto;
+ background: url('src/desktop/faction/flag/flag-4.png') no-repeat;
+}
+.component.search-player {
+ position: relative;
+ background: transparent !important;
+}
+.component.search-player .box {
+ position: absolute;
+ top: 60px;
+ left: 50px;
+ width: 440px;
+ color: white;
+}
+.component.search-player .top {
+ background: rgba(0, 0, 0, 0.4);
+ padding: 10px;
+ border-radius: 3px 3px 0 0;
+}
+.component.search-player .top label {
+ display: block;
+ font-size: 16px;
+}
+.component.search-player .top input {
+ display: block;
+ border: none;
+ height: 40px;
+ width: 400px;
+ padding: 0 10px;
+ margin: 10px 0 0 0;
+ font-size: 20px;
+ color: #202020;
+ border-radius: 3px;
+}
+.component.search-player .center {
+ background: rgba(0, 0, 0, 0.8);
+ padding: 10px 25px 10px 10px;
+ min-height: 140px;
+ border-radius: 0 0 3px 3px;
+}
+.component.search-player .center .avatar {
+ float: left;
+ position: relative;
+ left: -20px;
+ width: 120px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: #0A0A0A;
+}
+.component.search-player .center .right {
+ margin-left: 140px;
+}
+.component.search-player .center h1 {
+ margin: 10px 0 0 0;
+ padding: 0;
+}
+.component.search-player .center hr {
+ margin: 10px 0;
+ border-color: #4F4F4F;
+}
+.component.search-player .center p {
+ margin: 5px 0;
+ padding: 0;
+}
+.component.search-player .center p span {
+ display: inline-block;
+ background: red;
+ line-height: 28px;
+ padding: 0 10px;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ border-right: none;
+}
+.component.search-player .center p span:first-child {
+ border-radius: 3px 0 0 3px;
+}
+.component.search-player .center p span:last-child {
+ border-radius: 0 3px 3px 0;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+}
+.component.search-player.color1 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component.search-player.color2 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component.search-player.color3 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.search-player.color4 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component.search-player.color5 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color6 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component.search-player.color7 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component.search-player.color8 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component.search-player.color9 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color10 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.component.search-player.color11 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.component.search-player.color12 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.new-message p.input {
+ position: relative;
+ background: white;
+ padding: 10px;
+ border-radius: 3px;
+}
+.component.new-message p.input:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ height: 0;
+ top: -12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+ left: 20px;
+}
+.component.new-message label {
+ display: block;
+ font-size: 13px;
+}
+.component.new-message .input-text input {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.new-message .input-area textarea {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+ max-width: 100%;
+ min-width: 100%;
+ height: 200px;
+}
+.component.new-message button {
+ display: inline-block;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 15px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #a935c7;
+}
+.component.new-message button:hover,
+.component.new-message button:focus {
+ background: #310948;
+}
+.notif {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border-top: solid 1px #4F4F4F;
+ border-right: solid 1px #202020;
+ border-left: solid 1px #202020;
+}
+.notif h4 {
+ position: relative;
+ overflow: hidden;
+ margin: 0;
+ padding: 0 10px;
+ font-size: 14px;
+ line-height: 30px;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+ font-weight: normal;
+ cursor: pointer;
+ color: white;
+}
+.notif.unreaded h4:before {
+ position: absolute;
+ content: '';
+ width: 40px;
+ height: 40px;
+ background: white;
+ top: -5px;
+ right: -15px;
+ background: #a935c7;
+ -webkit-transform: rotate(100deg);
+ -moz-transform: rotate(100deg);
+ -ms-transform: rotate(100deg);
+ -o-transform: rotate(100deg);
+ transform: rotate(100deg);
+}
+.notif .content {
+ display: none;
+ padding: 6px 8px;
+ line-height: 140%;
+ text-align: justify;
+ color: #efefef;
+}
+.notif .content p {
+ margin: 0;
+}
+.notif .content hr {
+ border: none;
+ background: none;
+ border-bottom: dashed 1px #202020;
+ margin: 5px 0;
+}
+.notif .content a {
+ color: white;
+}
+.notif .content .box-resource {
+ position: relative;
+ display: block;
+ margin: 5px 0;
+ padding: 5px 5px 5px 40px;
+}
+.notif .content .box-resource img {
+ position: absolute;
+ top: 6px;
+ left: 0;
+ border: solid 4px #4f4f4f;
+ border-radius: 100%;
+ border-color: #5a1072;
+}
+.notif .content .box-resource .label {
+ display: block;
+ font-size: 12px;
+}
+.notif .content .box-resource .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+.notif .footer {
+ display: none;
+ margin: 0;
+ padding: 0 10px;
+ line-height: 18px;
+ padding: 5px 5px;
+ border-top: solid 1px #202020;
+ font-style: italic;
+ text-align: right;
+ color: #CCC;
+}
+.notif .footer a {
+ color: #CCC;
+}
+.notif.open .content {
+ display: block;
+}
+.notif.open .footer {
+ display: block;
+}
+.component.rc .rc {
+ position: relative;
+ margin: 20px 10px 20px 30px;
+ border-left: solid 1px #CCC;
+ padding: 0 10px;
+ height: 380px;
+ color: #CCC;
+}
+.component.rc .rc.no-tax {
+ margin: 20px 10px 20px 30px;
+ border-left: dashed 1px #4F4F4F;
+ padding: 0 10px;
+ color: #CCC;
+}
+.component.rc .rc a,
+.component.rc .rc strong {
+ color: white;
+}
+.component.rc .rc .icon-color {
+ width: 20px;
+}
+.component.rc .rc .base {
+ position: relative;
+ padding: 15px 0 15px 40px;
+ height: 50px;
+}
+.component.rc .rc .base:last-child {
+ position: absolute;
+ bottom: 0px;
+}
+.component.rc .rc .place {
+ position: absolute;
+ top: 0px;
+ left: -50px;
+ width: 78px;
+ height: 78px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component.rc .rc .general {
+ list-style: none inset;
+ margin: 10px 0;
+ padding: 0;
+}
+.component.rc .rc .general li {
+ margin: 10px 0;
+ list-style-type: none;
+}
+.component.rc .rc .general li strong {
+ display: block;
+ font-size: 20px;
+ font-weight: bold;
+}
+.component .situation-content {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 500px;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component .situation-content .line-help {
+ position: absolute;
+ display: block;
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ text-align: center;
+ border-radius: 100%;
+ background: #310948;
+}
+.component .situation-content .line-help.line-1 {
+ top: 55px;
+ left: 190px;
+}
+.component .situation-content .line-help.line-2 {
+ top: 145px;
+ left: 406px;
+}
+.component .situation-content .toolbar {
+ position: absolute;
+ top: 30px;
+ right: 30px;
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
+ border-radius: 3px;
+ background: #5a1072;
+ z-index: 1;
+}
+.component .situation-content .toolbar a,
+.component .situation-content .toolbar span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 15px;
+ border-right: solid 1px black;
+ text-decoration: none;
+ color: white;
+}
+.component .situation-content .toolbar a img,
+.component .situation-content .toolbar span img {
+ position: relative;
+ top: -2px;
+ vertical-align: middle;
+ height: 18px;
+ width: 18px;
+}
+.component .situation-content .toolbar a:hover,
+.component .situation-content .toolbar a:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar form {
+ display: inline-block;
+}
+.component .situation-content .toolbar input {
+ height: 32px;
+ border: none;
+ background: none;
+ color: white;
+ padding: 0 15px;
+ font-size: inherit;
+}
+.component .situation-content .toolbar input:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar input.button {
+ background: url('src/desktop/common/edit.png') no-repeat center;
+}
+.component .situation-content .toolbar input.button:focus {
+ background: url('src/desktop/common/edit.png') no-repeat center rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .info {
+ position: absolute;
+ display: block;
+ width: 200px;
+ font-size: 12px;
+ color: #efefef;
+ line-height: 18px;
+}
+.component .situation-content .info strong {
+ color: white;
+ font-size: 14px;
+}
+.component .situation-content .info a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4f4f4f;
+}
+.component .situation-content .info a:hover,
+.component .situation-content .info a:focus {
+ border-color: #CCC;
+}
+.component .situation-content .commander {
+ position: absolute;
+ display: block;
+ text-decoration: none;
+ z-index: 1;
+}
+.component .situation-content .commander.empty {
+ color: #CCC;
+}
+.component .situation-content .commander.position-1-1 {
+ top: 135px;
+ left: 127px;
+}
+.component .situation-content .commander.position-1-2 {
+ top: 272px;
+ left: 100px;
+}
+.component .situation-content .commander.position-1-3 {
+ top: 415px;
+ left: 127px;
+}
+.component .situation-content .commander.position-2-1 {
+ top: 215px;
+ left: 352px;
+}
+.component .situation-content .commander.position-2-2 {
+ top: 272px;
+ left: 345px;
+}
+.component .situation-content .commander.position-2-3 {
+ top: 330px;
+ left: 352px;
+}
+.component .situation-content .commander.position-3 {
+ top: 355px;
+ left: 577px;
+}
+.component .situation-content .commander img {
+ width: 40px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+.component .situation-content .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component .situation-content .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #5a1072;
+}
+.component .situation-content .commander .info {
+ top: 8px;
+ left: 65px;
+ width: 160px;
+}
+.component .situation-content .commander .link {
+ display: none;
+ position: absolute;
+ top: 14px;
+ left: -16px;
+ width: 24px;
+ height: 24px;
+ font-size: 20px;
+ font-weight: bold;
+ text-decoration: none;
+ border-radius: 100%;
+ text-align: center;
+ z-index: 1;
+ border: solid 1px white;
+}
+.component .situation-content .commander .link.to-left {
+ background: url('src/desktop/mover/to-left.png') no-repeat center black;
+}
+.component .situation-content .commander .link.to-right {
+ background: url('src/desktop/mover/to-right.png') no-repeat center black;
+}
+.component .situation-content .commander:hover > .link {
+ display: block;
+}
+.component .situation-content .stellar {
+ position: absolute;
+ display: block;
+ top: 180px;
+ left: 560px;
+}
+.component .situation-content .stellar img {
+ width: 220px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .situation-content .stellar .info {
+ font-size: 12px;
+ border-left: solid 1px #202020;
+}
+.component .situation-content .stellar .info.top {
+ bottom: 215px;
+ left: 50px;
+ padding: 0 0 30px 10px;
+}
+.component .situation-content .stellar .info.top strong {
+ font-size: 20px;
+}
+.component .situation-content .stellar .info.bottom {
+ top: 225px;
+ left: 160px;
+ padding: 10px 0 0 10px;
+}
+.component .situation-content .stellar .info.middle {
+ top: 20px;
+ left: 182px;
+ padding: 10px 0 0 50px;
+ border: none;
+ border-top: solid 1px #202020;
+}
+.component .situation-content .attack-link {
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ text-align: center;
+}
+.component .situation-content .attack-link a {
+ display: inline-block;
+ line-height: 40px;
+ padding: 0 25px;
+ border-radius: 3px 3px 0 0;
+ background: #202020;
+ color: white;
+ text-decoration: none;
+ font-size: 16px;
+}
+.component .situation-content .attack-link a:hover,
+.component .situation-content .attack-link a:focus {
+ box-shadow: 0 0 5px 3px black;
+}
+.component .situation-content.color0 .line-help {
+ background: #202020;
+}
+.component .situation-content.color0 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #202020;
+}
+.component .situation-content.color0 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #202020;
+}
+.component .situation-content.color0 .attack-link a {
+ background: #202020;
+}
+.component .situation-content.color1 .line-help {
+ background: #510816;
+}
+.component .situation-content.color1 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component .situation-content.color1 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #6e161b;
+}
+.component .situation-content.color1 .attack-link a {
+ background: #6e161b;
+}
+.component .situation-content.color2 .line-help {
+ background: #0c0d44;
+}
+.component .situation-content.color2 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component .situation-content.color2 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #1f1471;
+}
+.component .situation-content.color2 .attack-link a {
+ background: #1f1471;
+}
+.component .situation-content.color3 .line-help {
+ background: #b17a00;
+}
+.component .situation-content.color3 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .situation-content.color3 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #dbb200;
+}
+.component .situation-content.color3 .attack-link a {
+ background: #dbb200;
+}
+.component .situation-content.color4 .line-help {
+ background: #310948;
+}
+.component .situation-content.color4 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component .situation-content.color4 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #5a1072;
+}
+.component .situation-content.color4 .attack-link a {
+ background: #5a1072;
+}
+.component .situation-content.color5 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color5 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color5 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color5 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-content.color6 .line-help {
+ background: #004948;
+}
+.component .situation-content.color6 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component .situation-content.color6 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #076b87;
+}
+.component .situation-content.color6 .attack-link a {
+ background: #076b87;
+}
+.component .situation-content.color7 .line-help {
+ background: #401b13;
+}
+.component .situation-content.color7 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component .situation-content.color7 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #67331d;
+}
+.component .situation-content.color7 .attack-link a {
+ background: #67331d;
+}
+.component .situation-content.color8 .line-help {
+ background: #c3590b;
+}
+.component .situation-content.color8 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component .situation-content.color8 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #d87913;
+}
+.component .situation-content.color8 .attack-link a {
+ background: #d87913;
+}
+.component .situation-content.color9 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color9 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color9 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color9 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-info {
+ display: table;
+ width: 100%;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: black;
+}
+.component .situation-info .item {
+ display: table-cell;
+ padding: 10px;
+ border-right: solid 1px #202020;
+}
+.component .situation-info .item .value {
+ font-size: 26px;
+ font-weight: bold;
+ display: block;
+}
+.component .build-item.base-type .desc {
+ margin: 10px 0 0 0;
+ padding: 15px;
+ font-size: 13px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+}
+.component .build-item.base-type .list-choice {
+ position: relative;
+ height: 140px;
+ background: url('src/desktop/base/type-base.png') no-repeat center;
+ margin: 0;
+ border-bottom: solid 1px #202020;
+}
+.component .build-item.base-type .list-choice button {
+ position: absolute;
+ padding: 0;
+ border: none;
+ background: transparent;
+ cursor: pointer;
+}
+.component .build-item.base-type .list-choice button.item-1 {
+ top: 35px;
+ left: 5px;
+}
+.component .build-item.base-type .list-choice button.item-2 {
+ top: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-3 {
+ bottom: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-4 {
+ top: 35px;
+ right: 5px;
+}
+.component .build-item.base-type .list-choice button img {
+ display: block;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.color1 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.color2 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.color3 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.color4 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.color5 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color6 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.color7 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.color8 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.color9 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color10 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.color11 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.color12 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .build-item.base-type .desc-choice {
+ display: none;
+}
+.component .build-item.base-type .desc-choice h4 {
+ border-bottom: solid 1px #202020;
+ padding: 0 0 5px 0;
+}
+.component .build-item.base-type .desc-choice p {
+ text-align: left;
+ color: #CCC !important;
+}
+.component .build-item.base-type .desc-choice p strong {
+ display: block;
+ color: white;
+}
+.component .build-item.base-type .desc-choice p strong.short {
+ display: inline-block;
+ width: 100px;
+}
+.component.list-fleet .set-fleet {
+ position: relative;
+ margin: 10px;
+ padding: 0 0 0 70px;
+ min-height: 80px;
+}
+.component.list-fleet .set-fleet img.place {
+ position: absolute;
+ top: -5px;
+ left: -20px;
+ width: 80px;
+ background: #0A0A0A;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet h2 {
+ padding: 10px 0;
+ margin: 0;
+}
+.component.list-fleet .set-fleet h2 a {
+ font-size: 13px;
+ color: white;
+ font-weight: normal;
+ text-decoration: none;
+}
+.component.list-fleet .set-fleet .item {
+ position: relative;
+ height: 60px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-bottom: none;
+ width: 777px;
+}
+.component.list-fleet .set-fleet .item:last-child {
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item a {
+ display: inline-block;
+ text-decoration: none;
+ color: #CCC;
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .left .top {
+ position: absolute;
+ left: 60px;
+ display: block;
+ width: 500px;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .left .status {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .right .top {
+ position: absolute;
+ right: 60px;
+ display: block;
+ width: 200px;
+ text-align: right;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .right .cover {
+ width: 50px;
+ margin: 5px;
+ padding: 0;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .center {
+ position: absolute;
+ top: 41px;
+ left: 70px;
+ right: 70px;
+}
+.component.list-fleet .set-fleet .item .center .ship {
+ position: absolute;
+ top: -10px;
+ left: -11px;
+ right: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship {
+ display: block;
+ width: 100%;
+ background: #4F4F4F;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ position: relative;
+ display: block;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship {
+ top: -11px;
+ right: -11px;
+ left: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar span {
+ position: absolute;
+ top: 4px;
+ right: 15px;
+ font-size: 10px;
+}
+.component.list-fleet .set-fleet .item.color1 .status {
+ background: #6e161b;
+}
+.component.list-fleet .set-fleet .item.color2 .status {
+ background: #1f1471;
+}
+.component.list-fleet .set-fleet .item.color3 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color4 .status {
+ background: #5a1072;
+}
+.component.list-fleet .set-fleet .item.color5 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color6 .status {
+ background: #076b87;
+}
+.component.list-fleet .set-fleet .item.color7 .status {
+ background: #67331d;
+}
+.component.list-fleet .set-fleet .item.color8 .status {
+ background: #d87913;
+}
+.component.list-fleet .set-fleet .item.color9 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color10 .status {
+ background: #760f36;
+}
+.component.list-fleet .set-fleet .item.color11 .status {
+ background: #219772;
+}
+.component.list-fleet .set-fleet .item.color12 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar {
+ background: #4F4F4F;
+}
+.component.list-fleet .set-fleet .item .show-commander {
+ position: absolute;
+ top: -1px;
+ right: -30px;
+ width: 28px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .show-commander:hover,
+.component.list-fleet .set-fleet .item .show-commander:focus,
+.component.list-fleet .set-fleet .item .show-commander.active {
+ background-color: #202020;
+}
+.component.table-fleet table {
+ margin: 10px;
+ width: 880px;
+ border-collapse: collapse;
+}
+.component.table-fleet table tr:nth-child(odd) {
+ background: black;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:nth-child(even) {
+ background: #0A0A0A;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:first-child {
+ background: transparent;
+}
+.component.table-fleet table th,
+.component.table-fleet table td {
+ height: 40px;
+ width: 40px;
+ text-align: center;
+}
+.component.table-fleet table td span.zero-value {
+ color: #4F4F4F;
+}
+.component.table-fleet table .base {
+ width: 100px;
+ text-align: left;
+ padding: 0 20px;
+}
+.component.table-fleet table .base a {
+ border: none;
+}
+.component.table-fleet table .base strong {
+ display: block;
+ font-size: 16px;
+}
+.component.table-fleet table .large {
+ width: auto;
+ text-align: left;
+ padding: 0 10px;
+}
+.component.table-fleet table .sep {
+ border-left: solid 1px #5a1072;
+}
+.component.table-fleet table a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4F4F4F;
+ display: inline-block;
+}
+.component.table-fleet table th {
+ position: relative;
+ height: 70px;
+}
+.component.table-fleet table th span {
+ position: absolute;
+ bottom: 32px;
+ left: -10px;
+ display: block;
+ text-align: left;
+ width: 60px;
+ -ms-transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.component.commander-fleet .fleet {
+ vertical-align: top;
+ display: block;
+ text-align: center;
+}
+.component.commander-fleet .list-ship {
+ vertical-align: top;
+ display: inline-block;
+ width: 148px;
+}
+.component.commander-fleet .list-ship:first-child {
+ border-right: dashed 1px #4F4F4F;
+}
+.component.commander-fleet .list-ship a {
+ display: block;
+ position: relative;
+ margin: 6px;
+ height: 40px;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ border-radius: 3px;
+}
+.component.commander-fleet .list-ship a.empty {
+ opacity: 0.4;
+}
+.component.commander-fleet .list-ship img {
+ position: absolute;
+ display: inline-block;
+ width: 40px;
+}
+.component.commander-fleet .list-ship .text {
+ position: absolute;
+ left: 45px;
+ display: inline-block;
+ width: 88px;
+ color: white;
+}
+.component.commander-fleet .list-ship .text .quantity {
+ display: block;
+ font-weight: bold;
+ font-size: 18px;
+}
+.component.commander-fleet .army {
+ border-collapse: collapse;
+ width: 560px;
+ margin: 20px;
+}
+.component.commander-fleet .army td {
+ width: 65px;
+ padding: 5px;
+ border-right: dashed 1px #4F4F4F;
+ vertical-align: center;
+}
+.component.commander-fleet .army td:first-child {
+ width: auto;
+ vertical-align: top;
+ text-align: right;
+ padding: 0 20px;
+ font-size: 12px;
+}
+.component.commander-fleet .army tr:first-child td {
+ text-align: center;
+ padding: 10px 5px;
+ font-size: 18px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block {
+ display: block;
+ width: 54px;
+ height: 54px;
+ margin: 0 0 5px 0;
+ padding: 5px;
+ vertical-align: top;
+ border-radius: 5px;
+ background: #0A0A0A;
+ text-align: right;
+ border: solid 1px #202020;
+ color: #4F4F4F;
+}
+.component.commander-fleet .army .block.empty {
+ background: black;
+ border: solid 1px #0A0A0A;
+}
+.component.commander-fleet .army .block strong {
+ display: block;
+ font-size: 15px;
+ height: 38px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block em {
+ display: block;
+ padding: 2px;
+ font-size: 11px;
+ background: black;
+ text-align: center;
+ border-radius: 3px;
+}
+.component.commander-fleet .army .block.squadron {
+ border: solid 1px #4F4F4F;
+ color: white;
+ cursor: pointer;
+ background: #5a1072;
+}
+.component.commander-fleet .army .block.squadron.full0 {
+ background: url('src/desktop/squadron/squadron0.png') no-repeat 4px 2px #5a1072;
+}
+.component.commander-fleet .army .block.squadron.full1 {
+ background: url('src/desktop/squadron/squadron1.png') no-repeat 4px 2px #5a1072;
+}
+.component.commander-fleet .army .block.squadron.full2 {
+ background: url('src/desktop/squadron/squadron2.png') no-repeat 4px 2px #5a1072;
+}
+.component.commander-fleet .army .block.squadron.full3 {
+ background: url('src/desktop/squadron/squadron3.png') no-repeat 4px 2px #5a1072;
+}
+.component.commander-fleet .army .block.squadron.active {
+ box-shadow: inset 0 0 6px black,
+ 0 0 2px 0 white;
+ border: dashed 1px white;
+}
+.component.report .commander {
+ position: relative;
+ display: block;
+ margin: 10px;
+ padding: 8px 0 8px 72px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component.report .commander img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component.report .commander strong {
+ display: block;
+ padding: 0 0 8px 0;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component.report .commander em {
+ display: block;
+ line-height: 20px;
+ color: white;
+ font-style: normal;
+ color: #efefef;
+}
+.component.report .commander em .bonus {
+ font-size: 90%;
+ margin: 2px 0 0 2px;
+ padding: 3px 6px;
+}
+.component.report .dammage {
+ margin: 10px;
+ background: black;
+}
+.component.report .dammage table {
+ width: 100%;
+ border-collapse: collapse;
+ border-left: solid 1px #202020;
+ border-right: solid 1px #202020;
+}
+.component.report .dammage td {
+ border-color: #202020;
+ border-width: 1px;
+ border-style: solid dashed;
+ padding: 4px;
+ vertical-align: center;
+ text-align: center;
+ color: #CCC;
+ width: 28px;
+ height: 22px;
+}
+.component.report .dammage td:first-child {
+ text-align: left;
+ padding: 4px 8px;
+ width: auto;
+}
+.component.report .dammage td span {
+ display: inline-block;
+ background: red;
+ line-height: 22px;
+ width: 22px;
+ border-radius: 3px;
+ color: white;
+ background: #310948;
+}
+.component.topic .message {
+ position: relative;
+ padding: 0 0 0 80px;
+ margin: 10px;
+ min-height: 70px;
+}
+.component.topic .message .avatar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 56px;
+ padding: 6px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.topic .message .content {
+ position: relative;
+ background: black;
+ border: solid 1px #202020;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component.topic .message .content:before {
+ position: absolute;
+ content: '';
+ top: 25px;
+ left: -18px;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent #202020 transparent transparent;
+}
+.component.topic .message .content .text {
+ margin: 0;
+ padding: 10px 10px 12px 10px;
+ border-bottom: solid 1px #0A0A0A;
+ color: #efefef;
+}
+.component.topic .message .content .text a,
+.component.topic .message .content .text strong {
+ color: white;
+}
+.component.topic .message .content .text a.color1 {
+ color: #b01e2d;
+}
+.component.topic .message .content .text a.color2 {
+ color: #2f23c0;
+}
+.component.topic .message .content .text a.color3 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text a.color4 {
+ color: #a935c7;
+}
+.component.topic .message .content .text a.color5 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color6 {
+ color: #05bed7;
+}
+.component.topic .message .content .text a.color7 {
+ color: #ac5832;
+}
+.component.topic .message .content .text a.color8 {
+ color: #f2b636;
+}
+.component.topic .message .content .text a.color9 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color10 {
+ color: #a92859;
+}
+.component.topic .message .content .text a.color11 {
+ color: #34b089;
+}
+.component.topic .message .content .text a.color12 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text .icon-color {
+ width: 15px;
+}
+.component.topic .message .content .footer {
+ margin: 0;
+ padding: 6px 10px;
+ font-size: 12px;
+ color: #CCC;
+}
+.component.topic .message .content .footer a {
+ color: #CCC;
+}
+.component.topic .message.write .content:before {
+ left: -17px;
+ top: 11px;
+ border-color: transparent white transparent transparent;
+}
+.component.topic .message.write .content textarea {
+ border: none;
+ padding: 5px;
+ width: 487px;
+ height: 120px;
+ max-width: 487px;
+ min-width: 487px;
+ min-height: 50px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content input {
+ margin: 6px;
+ font-family: inherit;
+}
+.component.topic .message.write .content .title {
+ border: none;
+ margin: 0;
+ padding: 5px;
+ width: 487px;
+ height: 30px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content button {
+ margin: 6px;
+ font-family: inherit;
+ background: #5a1072;
+ border: none;
+ padding: 4px 8px;
+ color: white;
+ cursor: pointer;
+}
+.component.topic .message.write .content button:hover,
+.component.topic .message.write .content button:focus {
+ background: #310948;
+}
+.component.topic .system-message {
+ position: relative;
+ padding: 0 0 0 90px;
+ margin: 10px;
+}
+.component.topic .system-message:before {
+ content: '';
+ position: absolute;
+ top: 10px;
+ left: 0;
+ height: 1px;
+ width: 70px;
+ background: #4F4F4F;
+}
+.conv-item {
+ position: relative;
+ display: block;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+ height: 59px;
+ padding: 5px 5px 5px 70px;
+ margin: 0 10px;
+ color: white;
+ text-decoration: none;
+ overflow: hidden;
+}
+.conv-item .cover {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+ padding: 5px;
+}
+.conv-item .cover .picture {
+ width: 52px;
+ height: 52px;
+ background: #202020;
+ border-radius: 100%;
+ padding: 4px;
+}
+.conv-item .cover .picture.color0 {
+ box-shadow: 0 0 0 2px #4F4F4F;
+}
+.conv-item .cover .picture.color1 {
+ box-shadow: 0 0 0 2px #6e161b;
+}
+.conv-item .cover .picture.color2 {
+ box-shadow: 0 0 0 2px #1f1471;
+}
+.conv-item .cover .picture.color3 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .picture.color4 {
+ box-shadow: 0 0 0 2px #5a1072;
+}
+.conv-item .cover .picture.color5 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color6 {
+ box-shadow: 0 0 0 2px #076b87;
+}
+.conv-item .cover .picture.color7 {
+ box-shadow: 0 0 0 2px #67331d;
+}
+.conv-item .cover .picture.color8 {
+ box-shadow: 0 0 0 2px #d87913;
+}
+.conv-item .cover .picture.color9 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color10 {
+ box-shadow: 0 0 0 2px #760f36;
+}
+.conv-item .cover .picture.color11 {
+ box-shadow: 0 0 0 2px #219772;
+}
+.conv-item .cover .picture.color12 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .number,
+.conv-item .cover .new-message {
+ position: absolute;
+ width: 22px;
+ height: 22px;
+ border-radius: 100%;
+ background: #0A0A0A;
+ bottom: 5px;
+ right: 5px;
+ border: solid 1px #4F4F4F;
+ text-align: center;
+ line-height: 22px;
+ font-size: 11px;
+}
+.conv-item .cover .new-message {
+ left: 5px;
+ top: 5px;
+}
+.conv-item .cover .new-message img {
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin: 2px;
+}
+.conv-item .data {
+ line-height: 20px;
+}
+.conv-item:last-child {
+ border: solid 1px #202020;
+}
+.conv-item:hover,
+.conv-item:focus {
+ background: #0C0C0C;
+}
+.component.player .player {
+ position: relative;
+ display: inline-block;
+ margin: 10px 0 0 10px;
+ width: 211px;
+ height: 58px;
+ padding: 5px 5px 5px 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+ text-decoration: none;
+}
+.component.player .player a {
+ color: #ccc;
+ text-decoration: none;
+ border-bottom: solid 1px #202020;
+}
+.component.player .player a:hover,
+.component.player .player a:focus {
+ border-color: #4f4f4f;
+}
+.component.player .player img.picto {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 50px;
+ padding: 4px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.player .player .icon,
+.component.player .player .icon-color {
+ height: 16px;
+ padding: 1px;
+}
+.component.player .player span,
+.component.player .player strong {
+ display: block;
+ line-height: 20px;
+}
+.component.player .player strong {
+ font-size: 18px;
+}
+.component.player .player .online,
+.component.player .player .inactive {
+ position: absolute;
+ width: 18px;
+ height: 18px;
+ background: white;
+ top: 5px;
+ right: 5px;
+ border-radius: 100%;
+ background: #4F4F4F;
+}
+.component.player .player .online {
+ background: #a935c7;
+}
+.component.player .player.faction {
+ border-left: solid 1px #0A0A0A !important;
+ width: 202px;
+}
+.component.player .player.faction img {
+ top: 0;
+ left: 10px;
+ padding: 0;
+ border: none;
+ border-radius: 0;
+ background: transparent;
+}
+.component.player.rank .player {
+ border-left: solid 10px #4F4F4F;
+ width: 190px;
+}
+.component.player.rank .player.color1 {
+ border-left-color: #b01e2d;
+}
+.component.player.rank .player.color2 {
+ border-left-color: #2f23c0;
+}
+.component.player.rank .player.color3 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player.color4 {
+ border-left-color: #a935c7;
+}
+.component.player.rank .player.color5 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color6 {
+ border-left-color: #05bed7;
+}
+.component.player.rank .player.color7 {
+ border-left-color: #ac5832;
+}
+.component.player.rank .player.color8 {
+ border-left-color: #f2b636;
+}
+.component.player.rank .player.color9 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color10 {
+ border-left-color: #a92859;
+}
+.component.player.rank .player.color11 {
+ border-left-color: #34b089;
+}
+.component.player.rank .player.color12 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player .title,
+.component.player.rank .player .points {
+ color: #BBB;
+}
+.component.player.rank .player .position {
+ display: block;
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ line-height: 38px;
+ width: 38px;
+ border: solid 1px #202020;
+ text-align: center;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance {
+ display: block;
+ position: absolute;
+ top: 5px;
+ right: -4px;
+ line-height: 26px;
+ width: 26px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ text-align: center;
+ font-size: 11px;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance.lower {
+ bottom: 5px;
+ top: auto;
+}
+.component.player.rank .player.active .position {
+ background: white;
+ border: solid 1px white;
+ color: #202020;
+}
+.component.player.size2 .player {
+ width: 208px;
+}
+.component.player.size1 .player {
+ width: 202px;
+}
+.component.transaction .transaction {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 10px;
+}
+.component.transaction .transaction .right-link {
+ position: absolute;
+ top: 2px;
+ right: 5px;
+ display: block;
+ color: #FFF;
+ text-decoration: none;
+}
+.component.transaction .transaction .product {
+ position: relative;
+ height: 70px;
+ padding: 5px 10px 5px 55px;
+ cursor: pointer;
+}
+.component.transaction .transaction .product .picto {
+ position: absolute;
+ top: 5px;
+ left: -20px;
+ width: 60px;
+ height: 60px;
+ padding: 4px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+}
+.component.transaction .transaction .product .rate {
+ position: absolute;
+ bottom: 5px;
+ right: 8px;
+}
+.component.transaction .transaction .product .offer {
+ overflow: hidden;
+ height: 32px;
+}
+.component.transaction .transaction .product .for {
+ position: relative;
+ border-top: solid 1px #202020;
+ margin: 8px 0 6px 0;
+ color: #4F4F4F;
+}
+.component.transaction .transaction .product .for span {
+ display: block;
+ position: absolute;
+ top: -10px;
+ left: 10px;
+ background: #0A0A0A;
+ padding: 0 10px;
+ font-size: 12px;
+}
+.component.transaction .transaction .product .price {
+ font-size: 19px;
+ font-weight: bold;
+}
+.component.transaction .transaction .product .price .icon-color {
+ width: 14px;
+ position: relative;
+ top: -2px;
+ padding: 1px;
+}
+.component.transaction .transaction.resources .product .offer {
+ font-size: 28px;
+ font-weight: bold;
+ line-height: 30px;
+}
+.component.transaction .transaction.resources .product .offer .icon-color {
+ width: 20px;
+ position: relative;
+ top: -5px;
+}
+.component.transaction .transaction.commander .product .offer strong,
+.component.transaction .transaction.ship .product .offer strong {
+ display: block;
+ font-size: 14px;
+}
+.component.transaction .transaction.commander .product .offer em,
+.component.transaction .transaction.ship .product .offer em {
+ display: block;
+ font-size: 11px;
+}
+.component.transaction .transaction .hidden {
+ display: none;
+}
+.component.transaction .transaction .info {
+ position: relative;
+ border-top: solid 1px #202020;
+ height: 88px;
+ background: black;
+}
+.component.transaction .transaction .info p {
+ font-size: 11px;
+ margin: 5px 8px;
+}
+.component.transaction .transaction .info .seller {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+}
+.component.transaction .transaction .info .seller a {
+ font-weight: bold;
+ color: white;
+}
+.component.transaction .transaction .info .seller .color1 {
+ color: #b01e2d;
+}
+.component.transaction .transaction .info .seller .color2 {
+ color: #2f23c0;
+}
+.component.transaction .transaction .info .seller .color3 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .seller .color4 {
+ color: #a935c7;
+}
+.component.transaction .transaction .info .seller .color5 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color6 {
+ color: #05bed7;
+}
+.component.transaction .transaction .info .seller .color7 {
+ color: #ac5832;
+}
+.component.transaction .transaction .info .seller .color8 {
+ color: #f2b636;
+}
+.component.transaction .transaction .info .seller .color9 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color10 {
+ color: #a92859;
+}
+.component.transaction .transaction .info .seller .color11 {
+ color: #34b089;
+}
+.component.transaction .transaction .info .seller .color12 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .price-detail {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+ right: 0;
+}
+.component.transaction .transaction .info .price-detail p {
+ text-align: right;
+}
+.component.transaction .transaction .info .price-detail p .icon-color {
+ width: 10px;
+ padding: 1px;
+}
+.component.transaction .transaction .info .price-detail p span {
+ color: #4F4F4F;
+}
+.component.transaction .transaction .button {
+ border-top: solid 1px #202020;
+ padding: 5px;
+}
+.component.transaction .transaction .button a,
+.component.transaction .transaction .button span {
+ display: block;
+ padding: 5px 10px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ line-height: 20px;
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component.transaction .transaction .button a {
+ background: #5a1072;
+}
+.component.transaction .transaction .button a:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #a935c7;
+}
+.component.transaction .transaction .button span {
+ background: #202020;
+ cursor: default;
+}
+.component.transaction .transaction .button .icon-color {
+ width: 14px;
+}
+.component.transaction .transaction .shipping {
+ position: relative;
+ background: black;
+ height: 30px;
+}
+.component.transaction .transaction .shipping .ships {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+}
+.component.transaction .transaction .shipping .ships .icon-color {
+ position: relative;
+ width: 16px;
+ margin-left: 5px;
+ top: -5px;
+}
+.component.transaction .transaction .shipping .time {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 12px;
+}
+.component.transaction .transaction .shipping .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 0 60px;
+ height: 3px;
+ top: 13px;
+ background: #4F4F4F;
+}
+.component.transaction .transaction .shipping .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #a935c7;
+}
+.component .build-item.disable .button span {
+ color: #696969;
+}
+.component.transaction .new-transaction {
+ width: 279px;
+ position: absolute;
+ background: black;
+ z-index: 1;
+ padding: 10px;
+ border-bottom: solid 1px #a935c7;
+}
+.component.transaction .new-transaction label {
+ position: relative;
+ display: block;
+ padding: 5px 0;
+}
+.component.transaction .new-transaction label input {
+ display: block;
+ padding: 5px 10px;
+ margin: 5px 0 0 0;
+ width: 259px;
+ border: none;
+}
+.component.transaction .new-transaction.resources label input {
+ font-size: 16px;
+ color: #202020;
+ font-weight: bold;
+}
+.component.transaction .new-transaction .indicator {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 15px;
+}
+.component.transaction .new-transaction .indicator span {
+ position: absolute;
+ display: inline-block;
+ padding: 1px 6px;
+ font-size: 12px;
+ color: white;
+ border-radius: 3px;
+ top: -5px;
+ background: #310948;
+}
+.component.transaction .new-transaction .indicator span.min-price {
+ left: 5px;
+}
+.component.transaction .new-transaction .indicator span.max-price {
+ right: 5px;
+}
+.component.market-sell .body {
+ padding: 10px 0;
+}
+.component.market-sell .label-box {
+ position: relative;
+ padding: 0 10px;
+ margin: 10px 0;
+}
+.component.market-sell .label-box .label {
+ display: inline-block;
+ width: 100px;
+ line-height: 30px;
+}
+.component.market-sell .label-box .value {
+ display: inline-block;
+ width: 147px;
+ padding: 0 5px;
+ border: none;
+ line-height: 30px;
+ border-radius: 3px;
+ font-size: 16px;
+}
+.component.market-sell .label-box input.value {
+ height: 30px;
+ background: white;
+}
+.component.market-sell .label-box .icon-color {
+ position: absolute;
+ top: 4px;
+ right: 16px;
+ width: 18px;
+}
+.component.market-sell .queue {
+ margin: 0 10px;
+ cursor: pointer;
+}
+.component.market-sell .sell-form {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 0 10px 10px 10px;
+}
+.component.market-sell .sell-form input[type='submit'] {
+ display: block;
+ width: 100%;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 10px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #a935c7;
+}
+.component.market-sell .sell-form input[type='submit']:hover {
+ background: #310948;
+}
+.component.market-sell .sell-form input[disabled='disabled'] {
+ background: #202020 !important;
+}
+.wysiwyg {
+ display: block;
+ position: relative;
+}
+.wysiwyg .toolbar {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 5px;
+}
+.wysiwyg .toolbar button {
+ display: inline-block;
+ height: 26px;
+ line-height: 26px;
+ padding: 0 4px !important;
+ margin: 0 4px 0 0 !important;
+ background: #5a1072;
+ color: white;
+ border-radius: 3px;
+ overflow: hidden;
+ vertical-align: top;
+}
+.wysiwyg .modal {
+ position: absolute;
+ top: 40px;
+ left: 10px;
+ right: 10px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ box-shadow: 0 0 15px black;
+}
+.wysiwyg .modal .header {
+ position: relative;
+}
+.wysiwyg .modal .header h2 {
+ margin: 0;
+ padding: 0;
+ line-height: 36px;
+ padding: 0 10px;
+ font-size: 16px;
+ font-weight: normal;
+}
+.wysiwyg .modal .header .right {
+ position: absolute;
+ top: 5px;
+ right: 10px;
+ width: 300px;
+ text-align: right;
+}
+.wysiwyg .modal .header .right button {
+ display: inline-block;
+ width: 26px !important;
+ height: 26px !important;
+ line-height: 26px !important<;
+ font-size: 14px;
+ padding: 0 !important;
+ margin: 0 0 0 5px !important;
+}
+.wysiwyg .modal input {
+ width: 435px;
+ border: none;
+ height: 30px;
+ margin: 0 10px 10px 10px !important;
+ padding: 0 10px !important;
+}
+.wysiwyg textarea {
+ padding-top: 40px !important;
+}
+.input-area .wysiwyg .toolbar {
+ padding: 0;
+}
+.component.params .checkbox {
+ display: block;
+ position: relative;
+ padding: 10px 10px 10px 40px;
+ margin: 10px;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component.params .checkbox input {
+ position: absolute;
+ top: 8px;
+ left: 10px;
+}
+#map {
+ position: absolute;
+ z-index: 100;
+ background: url('src/desktop/map/common/map.jpg') repeat black;
+ padding: 0;
+ top: 0;
+ left: 0;
+}
+#map #sectors {
+ z-index: 300;
+}
+#map #spying {
+ z-index: 400;
+}
+#map #own-base {
+ z-index: 500;
+}
+#map #commercial-routes {
+ z-index: 600;
+}
+#map #fleet-movements {
+ z-index: 700;
+}
+#map #attacks {
+ z-index: 800;
+}
+#map #systems {
+ z-index: 900;
+}
+#map #map-info {
+ z-index: 910;
+}
+#map > div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+#map #sectors polygon {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 4 4;
+ opacity: 0.15;
+}
+#map #sectors .ally1 {
+ fill: #6e161b;
+}
+#map #sectors .ally2 {
+ fill: #1f1471;
+}
+#map #sectors .ally3 {
+ fill: #dbb200;
+}
+#map #sectors .ally4 {
+ fill: #5a1072;
+}
+#map #sectors .ally5 {
+ fill: #2c7915;
+}
+#map #sectors .ally6 {
+ fill: #076b87;
+}
+#map #sectors .ally7 {
+ fill: #67331d;
+}
+#map #sectors .ally8 {
+ fill: #d87913;
+}
+#map #sectors .ally9 {
+ fill: #2c7915;
+}
+#map #sectors .ally10 {
+ fill: #760f36;
+}
+#map #sectors .ally11 {
+ fill: #219772;
+}
+#map #sectors .ally12 {
+ fill: #dbb200;
+}
+#map #spying circle {
+ opacity: 0.08;
+ stroke: white;
+}
+#map #own-base circle {
+ opacity: 0.1;
+ fill: white;
+}
+#map #commercial-routes line {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 20 5 5 5 5 10;
+}
+#map #commercial-routes line.standBy {
+ stroke: rgba(255, 255, 255, 0.3);
+}
+#map #fleet-movements line {
+ stroke-width: 1px;
+}
+#map #fleet-movements line.back {
+ stroke-dasharray: 15 5;
+}
+#map #attacks line {
+ stroke-width: 1px;
+}
+#map #attacks line.color1 {
+ stroke: #b01e2d;
+}
+#map #attacks line.color2 {
+ stroke: #2f23c0;
+}
+#map #attacks line.color3 {
+ stroke: #ffdb0f;
+}
+#map #attacks line.color4 {
+ stroke: #a935c7;
+}
+#map #attacks line.color5 {
+ stroke: #57c632;
+}
+#map #attacks line.color6 {
+ stroke: #05bed7;
+}
+#map #attacks line.color7 {
+ stroke: #ac5832;
+}
+#map #attacks line.color8 {
+ stroke: #f2b636;
+}
+#map #attacks line.color9 {
+ stroke: #57c632;
+}
+#map #attacks line.color10 {
+ stroke: #a92859;
+}
+#map #attacks line.color11 {
+ stroke: #34b089;
+}
+#map #attacks line.color12 {
+ stroke: #ffdb0f;
+}
+#map #attacks circle.color1 {
+ fill: #b01e2d;
+}
+#map #attacks circle.color2 {
+ fill: #2f23c0;
+}
+#map #attacks circle.color3 {
+ fill: #ffdb0f;
+}
+#map #attacks circle.color4 {
+ fill: #a935c7;
+}
+#map #attacks circle.color5 {
+ fill: #57c632;
+}
+#map #attacks circle.color6 {
+ fill: #05bed7;
+}
+#map #attacks circle.color7 {
+ fill: #ac5832;
+}
+#map #attacks circle.color8 {
+ fill: #f2b636;
+}
+#map #attacks circle.color9 {
+ fill: #57c632;
+}
+#map #attacks circle.color10 {
+ fill: #a92859;
+}
+#map #attacks circle.color11 {
+ fill: #34b089;
+}
+#map #attacks circle.color12 {
+ fill: #ffdb0f;
+}
+#map #systems a {
+ display: block;
+ position: absolute;
+ border-radius: 100%;
+}
+#map #systems a.active {
+ background: black;
+ box-shadow: 0 0 0 1px black,
+ 0 0 0 3px white,
+ 0 0 10px 8px black;
+}
+#map #systems a img {
+ display: block;
+ width: 20px;
+ height: 20px;
+ border: none;
+ border-radius: 100%;
+ -moz-border-radius: 100%;
+ -webkit-border-radius: 100%;
+ -ms-border-radius: 100%;
+ -o-border-radius: 100%;
+}
+#map #systems a img.own {
+ background: white;
+}
+#map #systems .sector-number {
+ position: absolute;
+ display: block;
+ font-size: 22px;
+ line-height: 40px;
+ width: 40px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 0 5px #0A0A0A, 0 0 0 6px #4F4F4F;
+ background: #202020;
+ color: white;
+ font-weight: bold;
+ cursor: pointer;
+}
+#map #systems .sector-number.color1 {
+ background: #6e161b;
+}
+#map #systems .sector-number.color2 {
+ background: #1f1471;
+}
+#map #systems .sector-number.color3 {
+ background: #dbb200;
+}
+#map #systems .sector-number.color4 {
+ background: #5a1072;
+}
+#map #systems .sector-number.color5 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color6 {
+ background: #076b87;
+}
+#map #systems .sector-number.color7 {
+ background: #67331d;
+}
+#map #systems .sector-number.color8 {
+ background: #d87913;
+}
+#map #systems .sector-number.color9 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color10 {
+ background: #760f36;
+}
+#map #systems .sector-number.color11 {
+ background: #219772;
+}
+#map #systems .sector-number.color12 {
+ background: #dbb200;
+}
+#map #systems .sector-info {
+ display: none;
+ position: absolute;
+ color: white;
+ background: black;
+ background: rgba(0, 0, 0, 0.9);
+ padding: 8px 16px;
+ border-radius: 3px;
+}
+#map #systems .sector-info:before {
+ content: '';
+ position: absolute;
+ left: -20px;
+ top: 20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent black transparent transparent;
+ border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
+}
+#map #systems .sector-info h2 {
+ position: relative;
+ font-size: 40px;
+ font-weight: bold;
+ line-height: 40px;
+ text-shadow: 0 0 5px black;
+ margin: 0;
+ padding: 0;
+}
+#map #systems .sector-info p {
+ font-size: 13px;
+ margin: 6px 0 0 0;
+ padding: 0;
+ font-weight: bold;
+ font-variant: small-caps;
+}
+#map #systems .sector-info p a {
+ position: static;
+ display: inline-block;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ margin: 0 5px 0 0;
+}
+#map #systems .sector-info.color1 p a {
+ background: #6e161b;
+}
+#map #systems .sector-info.color2 p a {
+ background: #1f1471;
+}
+#map #systems .sector-info.color3 p a {
+ background: #dbb200;
+}
+#map #systems .sector-info.color4 p a {
+ background: #5a1072;
+}
+#map #systems .sector-info.color5 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color6 p a {
+ background: #076b87;
+}
+#map #systems .sector-info.color7 p a {
+ background: #67331d;
+}
+#map #systems .sector-info.color8 p a {
+ background: #d87913;
+}
+#map #systems .sector-info.color9 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color10 p a {
+ background: #760f36;
+}
+#map #systems .sector-info.color11 p a {
+ background: #219772;
+}
+#map #systems .sector-info.color12 p a {
+ background: #dbb200;
+}
+#map #map-info {
+ display: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ bottom: auto;
+ height: auto;
+ width: auto;
+ margin: 40px 60px 0 0;
+ color: white;
+ text-align: right;
+}
+#map #map-info h2 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 38px;
+ line-height: 60px;
+}
+#map #map-info h3 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 40px;
+}
+#map #map-info ul {
+ margin: 10px 0;
+ padding: 0;
+ list-style: none;
+}
+#map #map-info ul li {
+ position: relative;
+ margin: 0;
+ padding: 0 40px 0 0;
+ line-height: 20px;
+ height: 20px;
+ font-style: italic;
+ color: #CCC;
+ font-size: 13px;
+}
+#map #map-info ul li img {
+ position: absolute;
+ right: 10px;
+ top: 0px;
+}
+#map #spying circle {
+ fill: #5a1072;
+}
+#map #fleet-movements line {
+ stroke: #a935c7;
+}
+#map #fleet-movements circle {
+ fill: #a935c7;
+}
+#map-option {
+ z-index: 1000;
+ position: absolute;
+ display: inline-block;
+ height: 32px;
+ padding: 3px 0;
+ background: url('src/desktop/map/bOption.png') repeat-x;
+ top: 30px;
+ right: 20px;
+}
+#map-option:before {
+ content: '';
+ position: absolute;
+ display: block;
+ left: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bLeftOption.png');
+}
+#map-option:after {
+ content: '';
+ position: absolute;
+ display: block;
+ right: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bRightOption.png');
+}
+#map-option a {
+ position: relative;
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ margin: 1px 0 1px 1px;
+ background: #0A0A0A;
+}
+#map-option a.active {
+ background: #004948;
+}
+#map-option a img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 22px;
+}
+.color1 #map-option a.active {
+ background: #510816;
+}
+.color2 #map-option a.active {
+ background: #0c0d44;
+}
+.color3 #map-option a.active {
+ background: #b17a00;
+}
+.color4 #map-option a.active {
+ background: #310948;
+}
+.color5 #map-option a.active {
+ background: #24500a;
+}
+.color6 #map-option a.active {
+ background: #004948;
+}
+.color7 #map-option a.active {
+ background: #401b13;
+}
+.color8 #map-option a.active {
+ background: #c3590b;
+}
+.color9 #map-option a.active {
+ background: #24500a;
+}
+.color10 #map-option a.active {
+ background: #4d0621;
+}
+.color11 #map-option a.active {
+ background: #10684c;
+}
+.color12 #map-option a.active {
+ background: #b17a00;
+}
+#map-content {
+ z-index: 1000;
+ position: absolute;
+ top: 80px;
+ right: 20px;
+ display: block;
+}
+#map-content .mini-map {
+ position: relative;
+ width: 300px;
+ height: 300px;
+ overflow: hidden;
+ border: solid 1px #202020;
+ background: url('src/desktop/map/common/galaxy.jpg') no-repeat #0A0A0A;
+}
+#map-content .mini-map polygon {
+ stroke: white;
+ stroke-width: .5px;
+ opacity: 0.3;
+}
+#map-content .mini-map polygon:focus,
+#map-content .mini-map polygon:hover {
+ opacity: 0.1;
+ cursor: pointer;
+}
+#map-content .mini-map polygon.ally0 {
+ fill: #202020;
+}
+#map-content .mini-map polygon.ally1 {
+ fill: #6e161b;
+}
+#map-content .mini-map polygon.ally2 {
+ fill: #1f1471;
+}
+#map-content .mini-map polygon.ally3 {
+ fill: #dbb200;
+}
+#map-content .mini-map polygon.ally4 {
+ fill: #5a1072;
+}
+#map-content .mini-map polygon.ally5 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally6 {
+ fill: #076b87;
+}
+#map-content .mini-map polygon.ally7 {
+ fill: #67331d;
+}
+#map-content .mini-map polygon.ally8 {
+ fill: #d87913;
+}
+#map-content .mini-map polygon.ally9 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally10 {
+ fill: #760f36;
+}
+#map-content .mini-map polygon.ally11 {
+ fill: #219772;
+}
+#map-content .mini-map polygon.ally12 {
+ fill: #dbb200;
+}
+#map-content .mini-map .number {
+ position: absolute;
+ z-index: 600;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .sectors {
+ z-index: 500;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases {
+ z-index: 400;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases circle {
+ fill: rgba(255, 255, 255, 0.2);
+ stroke: white;
+}
+#map-content .mini-map .viewport {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: rgba(255, 255, 255, 0.1);
+ border: solid 1px white;
+ border-radius: 3px;
+}
+#map-content .mini-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 11px;
+}
+.map-movers {
+ display: none;
+ position: absolute;
+ z-index: 900;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+#coord-box {
+ z-index: 1000;
+ position: absolute;
+ bottom: 20px;
+ right: 20px;
+ width: 80px;
+ padding: 5px 10px;
+ background: rgba(0, 0, 0, 0.8);
+ color: white;
+ font-size: 20px;
+ text-align: center;
+}
+.tactical-map {
+ margin: 10px;
+ position: relative;
+ background: url('src/desktop/map/common/galaxy-large.jpg') repeat #0A0A0A;
+}
+.tactical-map polygon {
+ stroke: white;
+ stroke-width: .30px;
+ opacity: 0.15;
+}
+.tactical-map polygon.enabled {
+ position: relative;
+ stroke-width: 2px;
+ opacity: 0.80;
+ z-index: 1;
+}
+.tactical-map polygon.enabled.ally1 {
+ stroke: #510816;
+}
+.tactical-map polygon.enabled.ally2 {
+ stroke: #0c0d44;
+}
+.tactical-map polygon.enabled.ally3 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.enabled.ally4 {
+ stroke: #310948;
+}
+.tactical-map polygon.enabled.ally5 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally6 {
+ stroke: #004948;
+}
+.tactical-map polygon.enabled.ally7 {
+ stroke: #401b13;
+}
+.tactical-map polygon.enabled.ally8 {
+ stroke: #c3590b;
+}
+.tactical-map polygon.enabled.ally9 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally10 {
+ stroke: #4d0621;
+}
+.tactical-map polygon.enabled.ally11 {
+ stroke: #10684c;
+}
+.tactical-map polygon.enabled.ally12 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.ally0 {
+ fill: #202020;
+}
+.tactical-map polygon.ally1 {
+ fill: #6e161b;
+}
+.tactical-map polygon.ally2 {
+ fill: #1f1471;
+}
+.tactical-map polygon.ally3 {
+ fill: #dbb200;
+}
+.tactical-map polygon.ally4 {
+ fill: #5a1072;
+}
+.tactical-map polygon.ally5 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally6 {
+ fill: #076b87;
+}
+.tactical-map polygon.ally7 {
+ fill: #67331d;
+}
+.tactical-map polygon.ally8 {
+ fill: #d87913;
+}
+.tactical-map polygon.ally9 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally10 {
+ fill: #760f36;
+}
+.tactical-map polygon.ally11 {
+ fill: #219772;
+}
+.tactical-map polygon.ally12 {
+ fill: #dbb200;
+}
+.tactical-map .number {
+ position: absolute;
+ z-index: 800;
+ top: 0;
+ left: 0;
+}
+.tactical-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 12px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 1px white;
+}
+.tactical-map .number span.ally0 {
+ background: #0A0A0A;
+}
+.tactical-map .number span.ally1 {
+ background: #510816;
+}
+.tactical-map .number span.ally2 {
+ background: #0c0d44;
+}
+.tactical-map .number span.ally3 {
+ background: #b17a00;
+}
+.tactical-map .number span.ally4 {
+ background: #310948;
+}
+.tactical-map .number span.ally5 {
+ background: #24500a;
+}
+.tactical-map .number span.ally6 {
+ background: #004948;
+}
+.tactical-map .number span.ally7 {
+ background: #401b13;
+}
+.tactical-map .number span.ally8 {
+ background: #c3590b;
+}
+.tactical-map .number span.ally9 {
+ background: #24500a;
+}
+.tactical-map .number span.ally10 {
+ background: #4d0621;
+}
+.tactical-map .number span.ally11 {
+ background: #10684c;
+}
+.tactical-map .number span.ally12 {
+ background: #b17a00;
+}
+.tactical-map .number span.active {
+ background: white;
+ color: black;
+ box-shadow: 0 0 10px black;
+}
+.tactical-map.reactive polygon.enabled:hover,
+.tactical-map.reactive polygon.enabled.active {
+ cursor: pointer;
+}
+.tactical-map.reactive polygon.enabled:hover.ally1,
+.tactical-map.reactive polygon.enabled.active.ally1 {
+ fill: #510816;
+}
+.tactical-map.reactive polygon.enabled:hover.ally2,
+.tactical-map.reactive polygon.enabled.active.ally2 {
+ fill: #0c0d44;
+}
+.tactical-map.reactive polygon.enabled:hover.ally3,
+.tactical-map.reactive polygon.enabled.active.ally3 {
+ fill: #b17a00;
+}
+.tactical-map.reactive polygon.enabled:hover.ally4,
+.tactical-map.reactive polygon.enabled.active.ally4 {
+ fill: #310948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally5,
+.tactical-map.reactive polygon.enabled.active.ally5 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally6,
+.tactical-map.reactive polygon.enabled.active.ally6 {
+ fill: #004948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally7,
+.tactical-map.reactive polygon.enabled.active.ally7 {
+ fill: #401b13;
+}
+.tactical-map.reactive polygon.enabled:hover.ally8,
+.tactical-map.reactive polygon.enabled.active.ally8 {
+ fill: #c3590b;
+}
+.tactical-map.reactive polygon.enabled:hover.ally9,
+.tactical-map.reactive polygon.enabled.active.ally9 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally10,
+.tactical-map.reactive polygon.enabled.active.ally10 {
+ fill: #4d0621;
+}
+.tactical-map.reactive polygon.enabled:hover.ally11,
+.tactical-map.reactive polygon.enabled.active.ally11 {
+ fill: #10684c;
+}
+.tactical-map.reactive polygon.enabled:hover.ally12,
+.tactical-map.reactive polygon.enabled.active.ally12 {
+ fill: #b17a00;
+}
+#action-box {
+ display: block;
+ z-index: 1100;
+ position: absolute;
+ width: 100%;
+ height: 300px;
+ bottom: -300px;
+ left: 0;
+ border-top: solid 1px #0A0A0A;
+ background: black;
+ box-shadow: 0 0 15px black;
+}
+#action-box .header {
+ position: relative;
+ background: black;
+ border-bottom: solid 1px #202020;
+ height: 36px;
+ color: #EFEFEF;
+}
+#action-box .header ul {
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .header ul li {
+ display: inline-block;
+ line-height: 36px;
+ padding: 0 10px;
+ color: #CCC;
+ border-right: solid 1px #202020;
+}
+#action-box .header ul li a {
+ display: inline-block;
+ line-height: 24px;
+ margin: 3px 0;
+ padding: 0 6px;
+ text-decoration: none;
+ color: #CCC;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-right: none;
+ color: #8F8F8F;
+}
+#action-box .header ul li a:first-child {
+ border-radius: 3px 0 0 3px;
+}
+#action-box .header ul li a:last-child {
+ border-right: solid 1px #202020;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .header ul li a:hover,
+#action-box .header ul li a:focus {
+ background: #202020;
+ color: white;
+}
+#action-box .header ul li a.active {
+ color: white;
+ position: relative;
+ z-index: 1;
+ background: #310948;
+}
+#action-box .header ul li img {
+ position: relative;
+ top: 5px;
+ width: 20px;
+ border-radius: 100%;
+}
+#action-box .header .button {
+ position: absolute;
+ top: 7px;
+ right: 10px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ background: #202020;
+ border-radius: 3px;
+ text-decoration: none;
+ text-transform: uppercase;
+ color: white;
+}
+#action-box .header .button:focus,
+#action-box .header .button:hover {
+ background: #4F4F4F;
+}
+#action-box .body {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ height: 263px;
+ background: url('src/desktop/map/common/bLine.jpg') repeat-x center #080808;
+}
+#action-box .actbox-movers {
+ position: absolute;
+ display: block;
+ width: 60px;
+ height: 263px;
+ z-index: 1103;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#action-box .actbox-movers:hover,
+#action-box .actbox-movers:focus {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+#action-box .actbox-movers:active {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+#action-box .actbox-movers#actboxToLeft {
+ background: url('src/desktop/mover/left.png') no-repeat center;
+}
+#action-box .actbox-movers#actboxToRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center;
+}
+#action-box .body .system {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 263px;
+ width: 3000px;
+}
+#action-box .body .system ul {
+ display: inline-block;
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .body .system ul li {
+ display: inline-block;
+}
+#action-box .body .system ul li.place a,
+#action-box .body .system ul li.action {
+ width: 100px;
+ height: 260px;
+ border-top: solid 3px white;
+ position: relative;
+}
+#action-box .body .system ul li.place.color1 a,
+#action-box .body .system ul li.action.color1 {
+ border-top-color: #6e161b;
+}
+#action-box .body .system ul li.place.color2 a,
+#action-box .body .system ul li.action.color2 {
+ border-top-color: #1f1471;
+}
+#action-box .body .system ul li.place.color3 a,
+#action-box .body .system ul li.action.color3 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.place.color4 a,
+#action-box .body .system ul li.action.color4 {
+ border-top-color: #5a1072;
+}
+#action-box .body .system ul li.place.color5 a,
+#action-box .body .system ul li.action.color5 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color6 a,
+#action-box .body .system ul li.action.color6 {
+ border-top-color: #076b87;
+}
+#action-box .body .system ul li.place.color7 a,
+#action-box .body .system ul li.action.color7 {
+ border-top-color: #67331d;
+}
+#action-box .body .system ul li.place.color8 a,
+#action-box .body .system ul li.action.color8 {
+ border-top-color: #d87913;
+}
+#action-box .body .system ul li.place.color9 a,
+#action-box .body .system ul li.action.color9 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color10 a,
+#action-box .body .system ul li.action.color10 {
+ border-top-color: #760f36;
+}
+#action-box .body .system ul li.place.color11 a,
+#action-box .body .system ul li.action.color11 {
+ border-top-color: #219772;
+}
+#action-box .body .system ul li.place.color12 a,
+#action-box .body .system ul li.action.color12 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.star {
+ width: 300px;
+ height: 263px;
+ border-left: solid 1px #0F0F0F;
+ background: url('src/desktop/map/systems/default.png') no-repeat center center;
+}
+#action-box .body .system ul li.place a {
+ display: block;
+ border-left: solid 1px #0F0F0F;
+ text-align: center;
+}
+#action-box .body .system ul li.place a strong {
+ position: absolute;
+ bottom: 8px;
+ left: 10px;
+ font-size: 18px;
+ font-weight: bold;
+ color: white;
+}
+#action-box .body .system ul li.place a .land {
+ position: absolute;
+ z-index: 1102;
+ top: 88px;
+ left: 10px;
+ width: 80px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.place.active a .land {
+ box-shadow: 0 0 0 1px #202020;
+ background: #080808;
+}
+#action-box .body .system ul li.place a .avatar {
+ position: absolute;
+ z-index: 1101;
+ top: 10px;
+ left: 20px;
+ padding: 7px;
+ border: solid 1px #0F0F0F;
+ background: black;
+ width: 47px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action {
+ width: 0px;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .content {
+ position: absolute;
+ top: 9px;
+ left: 12px;
+ height: 240px;
+ width: 545px;
+ background: #111111;
+ border: solid 1px #202020;
+ box-shadow: inset 0 0 5px black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .content:before {
+ content: '';
+ position: absolute;
+ top: 107px;
+ left: -24px;
+ border-width: 12px;
+ border-style: solid;
+ border-color: transparent #202020 transparent transparent;
+}
+#action-box .body .system ul li.action .content .column {
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ height: 240px;
+ border-right: solid 1px #202020;
+ color: white;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link {
+ position: absolute;
+ top: 6px;
+ right: 8px;
+ opacity: .5;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link:hover,
+#action-box .body .system ul li.action .content .column .last-spy-link:focus {
+ opacity: 1;
+}
+#action-box .body .system ul li.action .content .column.info {
+ width: 199px;
+}
+#action-box .body .system ul li.action .content .column.act {
+ width: 345px;
+ border-right: none;
+}
+#action-box .body .system ul li.action .content .column p {
+ margin: 2px 10px;
+}
+#action-box .body .system ul li.action .content .column a {
+ color: white;
+}
+#action-box .body .system ul li.action .content .column hr {
+ margin: 8px 10px;
+ border: none;
+ background: none;
+ border-bottom: solid 1px #202020;
+}
+#action-box .body .system ul li.action .content .column strong {
+ line-height: 30px;
+}
+#action-box .body .system ul li.action .content .column.info strong {
+ line-height: 28px;
+ font-size: 18px;
+}
+#action-box .body .system ul li.action .content .column .label {
+ display: inline-block;
+ width: 78px;
+ font-size: 12px;
+}
+#action-box .body .system ul li.action .content .column .value {
+ display: inline-block;
+ width: 100px;
+ text-align: left;
+}
+#action-box .body .system ul li.action .content .column .value .icon,
+#action-box .body .system ul li.action .content .column .value .icon-color {
+ width: 18px;
+ height: 18px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .content .column.act .top .grey {
+ opacity: .4;
+}
+#action-box .body .system ul li.action .content .column.act .top img {
+ width: 45px;
+ padding: 8px;
+ margin: 0 4px 2px 0;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action .content .column .top,
+#action-box .body .system ul li.action .content .column .bottom {
+ padding: 5px;
+}
+#action-box .body .system ul li.action .box {
+ display: none;
+ position: absolute;
+ left: 10px;
+ right: 10px;
+ bottom: 10px;
+ top: 80px;
+ background: black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .box:nth-child(1) {
+ display: block;
+}
+#action-box .body .system ul li.action .box:before {
+ content: '';
+ position: absolute;
+ top: -20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent transparent black transparent;
+}
+#action-box .body .system ul li.action .box:nth-child(1):before {
+ left: 15px;
+}
+#action-box .body .system ul li.action .box:nth-child(2):before {
+ left: 84px;
+}
+#action-box .body .system ul li.action .box:nth-child(3):before {
+ left: 152px;
+}
+#action-box .body .system ul li.action .box:nth-child(4):before {
+ left: 218px;
+}
+#action-box .body .system ul li.action .box:nth-child(5):before {
+ left: 284px;
+}
+#action-box .body .system ul li.action .box h2 {
+ margin: 0;
+ padding: 0 11px;
+ line-height: 35px;
+ font-size: 15px;
+}
+#action-box .body .system ul li.action .box .box-content {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 0 0 3px 3px;
+ padding: 8px 10px;
+ background: #080808;
+ border: solid 1px black;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item {
+ display: none;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button {
+ display: inline-block;
+ width: 100px;
+ text-decoration: none;
+ margin: 8px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .picto {
+ float: left;
+ width: 30px;
+ height: 30px;
+ margin: 0 5px 0 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button span {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form {
+ margin-top: 10px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form input {
+ width: 187px;
+ padding: 7px;
+ border: none;
+ background: white;
+ border-radius: 3px 0 0 3px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button {
+ width: 100px;
+ padding: 6px 6px;
+ border: none;
+ color: white;
+ background: #5a1072;
+ cursor: pointer;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button:hover,
+#action-box .body .system ul li.action .box .box-content .spy-form button:focus {
+ background: #310948;
+}
+#action-box .body .system ul li.action .box .box-content .label-box {
+ display: inline-block;
+ width: 50%;
+ margin: 5px 0;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .key {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .val {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+#action-box .body .system ul li.action .box .box-content .rc {
+ margin: 5px 0 0 0;
+ padding: 10px 10px 0 50px;
+ border-top: solid 1px #202020;
+}
+#action-box .body .system ul li.action .box .box-content .rc .planet {
+ position: absolute;
+ top: -25px;
+ left: -25px;
+ width: 76px;
+ height: 76px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+#action-box .body .system ul li.action .box .box-content .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .button {
+ display: inline-block;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ line-height: 26px;
+ margin: 5px 0 0 0;
+ padding: 0 8px;
+ text-align: center;
+ text-decoration: none;
+}
+#action-box .body .system ul li.action .box .box-content a.button {
+ background: #5a1072;
+ border: #310948;
+}
+#action-box .body .system ul li.action .box .box-content a.button:hover,
+#action-box .body .system ul li.action .box .box-content a.button:focus {
+ background: #310948;
+}
+.component.admin table {
+ margin: 10px;
+ border-collapse: collapse;
+ width: 877px;
+}
+.component.admin table tr {
+ border-bottom: solid 1px #202020;
+}
+.component.admin table td {
+ padding: 5px 10px;
+ vertical-align: top;
+}
+.component.admin table .button {
+ display: inline-block;
+ padding: 0 5px;
+ line-height: 25px;
+ min-width: 15px;
+ text-align: center;
+ color: white;
+ border-radius: 3px;
+ background: #4F4F4F;
+ text-decoration: none;
+}
+.component.admin table td:nth-child(1) {
+ width: 50px;
+}
+.component.admin table td:nth-child(2) {
+ width: 100px;
+}
+.component.admin table td:nth-child(3) {
+ width: auto;
+}
+.component.admin table td:nth-child(4) {
+ width: 80px;
+}
+.on-off-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #5a1072;
+ border: solid 1px #310948;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+.on-off-button:hover,
+.on-off-button:focus {
+ background: #310948;
+ border-color: #5a1072;
+}
+.on-off-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+.inscription {
+ /* SUBNAV */
+ /* ALLY */
+}
+.inscription #nav .box.left span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 10px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 80px;
+ text-align: center;
+ color: #4f4f4f;
+ text-decoration: none;
+ font-variant: small-caps;
+}
+.inscription #nav .box.left span.active {
+ color: white;
+}
+.inscription #nav .box.right {
+ display: none;
+}
+.inscription #inscription-subnav {
+ position: fixed;
+ top: 45px;
+ left: 0;
+ width: 210px;
+ margin: 0 20px 0 60px;
+ z-index: 500;
+}
+.inscription #inscription-subnav .bind {
+ height: 15px;
+ background: url('src/desktop/inscriptionSubnav/bBind.png') no-repeat center;
+}
+.inscription #inscription-subnav .head {
+ position: relative;
+ height: 214px;
+ background: url('src/desktop/inscriptionSubnav/bHead.png') no-repeat center;
+}
+.inscription #inscription-subnav .head h2 {
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ top: 5px;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 24px;
+ width: 210px;
+ overflow: hidden;
+ text-align: center;
+ color: white;
+}
+.inscription #inscription-subnav .head img {
+ position: absolute;
+ top: 43px;
+ left: 28px;
+ width: 125px;
+ height: 125px;
+ background: #0A0A0A;
+}
+.inscription #inscription-subnav .head .level {
+ position: absolute;
+ display: block;
+ bottom: 15px;
+ left: 0;
+ width: 100%;
+ font-size: 20px;
+ line-height: 41px;
+ color: white;
+ text-align: center;
+ background: url('src/desktop/inscriptionSubnav/bLevel.png') no-repeat center;
+}
+.inscription #inscription-subnav .head .experience {
+ position: absolute;
+ display: inline-block;
+ top: 50px;
+ right: 32px;
+ width: 21px;
+ height: 112px;
+}
+.inscription #inscription-subnav .head .experience .value {
+ position: absolute;
+ display: block;
+ width: 100%;
+ bottom: 0;
+ border-radius: 3px;
+}
+.inscription #inscription-subnav .foot {
+ height: 290px;
+}
+.inscription #movers .toLeft {
+ left: 0 !important;
+}
+.inscription .component.inscription img.color1 {
+ background: #6e161b !important;
+}
+.inscription .component.inscription img.color2 {
+ background: #1f1471 !important;
+}
+.inscription .component.inscription img.color3 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription img.color4 {
+ background: #5a1072 !important;
+}
+.inscription .component.inscription img.color5 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color6 {
+ background: #076b87 !important;
+}
+.inscription .component.inscription img.color7 {
+ background: #67331d !important;
+}
+.inscription .component.inscription img.color8 {
+ background: #d87913 !important;
+}
+.inscription .component.inscription img.color9 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color10 {
+ background: #760f36 !important;
+}
+.inscription .component.inscription img.color11 {
+ background: #219772 !important;
+}
+.inscription .component.inscription img.color12 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription .chooseLink {
+ display: block;
+ margin: 10px;
+ padding: 10px 60px 10px 20px;
+ background: url('src/desktop/mover/right.png') no-repeat 235px center #CCC;
+ text-decoration: none;
+ color: white;
+ text-shadow: 0 0 2px black;
+ border: solid 1px #202020;
+ cursor: pointer;
+ -webkit-transition: all linear 200ms;
+ -moz-transition: all linear 200ms;
+ -ms-transition: all linear 200ms;
+ -o-transition: all linear 200ms;
+ transition: all linear 200ms;
+}
+.inscription .component.inscription .chooseLink:focus,
+.inscription .component.inscription .chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+.inscription .component.inscription button.chooseLink {
+ width: 277px;
+ text-align: left;
+}
+.inscription .component.inscription.color1 .chooseLink {
+ background-color: #6e161b;
+}
+.inscription .component.inscription.color2 .chooseLink {
+ background-color: #1f1471;
+}
+.inscription .component.inscription.color3 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color4 .chooseLink {
+ background-color: #5a1072;
+}
+.inscription .component.inscription.color5 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color6 .chooseLink {
+ background-color: #076b87;
+}
+.inscription .component.inscription.color7 .chooseLink {
+ background-color: #67331d;
+}
+.inscription .component.inscription.color8 .chooseLink {
+ background-color: #d87913;
+}
+.inscription .component.inscription.color9 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color10 .chooseLink {
+ background-color: #760f36;
+}
+.inscription .component.inscription.color11 .chooseLink {
+ background-color: #219772;
+}
+.inscription .component.inscription.color12 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color1 .chooseLink:hover,
+.inscription .component.inscription.color1 .chooseLink:focus {
+ background-color: #510816;
+}
+.inscription .component.inscription.color2 .chooseLink:hover,
+.inscription .component.inscription.color2 .chooseLink:focus {
+ background-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .chooseLink:hover,
+.inscription .component.inscription.color3 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription.color4 .chooseLink:hover,
+.inscription .component.inscription.color4 .chooseLink:focus {
+ background-color: #310948;
+}
+.inscription .component.inscription.color5 .chooseLink:hover,
+.inscription .component.inscription.color5 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color6 .chooseLink:hover,
+.inscription .component.inscription.color6 .chooseLink:focus {
+ background-color: #004948;
+}
+.inscription .component.inscription.color7 .chooseLink:hover,
+.inscription .component.inscription.color7 .chooseLink:focus {
+ background-color: #401b13;
+}
+.inscription .component.inscription.color8 .chooseLink:hover,
+.inscription .component.inscription.color8 .chooseLink:focus {
+ background-color: #c3590b;
+}
+.inscription .component.inscription.color9 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color10 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #4d0621;
+}
+.inscription .component.inscription.color11 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #10684c;
+}
+.inscription .component.inscription.color12 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription .chooseLink strong {
+ display: block;
+ font-size: 15px;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+}
+.inscription .component.inscription .chooseLink em {
+ font-style: normal;
+}
+.inscription .component.inscription span.chooseLink {
+ background: #202020 !important;
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+ cursor: auto;
+ padding: 10px;
+}
+.inscription .component.inscription span.chooseLink:focus,
+.inscription .component.inscription span.chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+}
+.inscription .component.inscription blockquote {
+ line-height: 200%;
+}
+.inscription .component.inscription #pseudo,
+.inscription .component.inscription #base {
+ position: relative;
+ width: 100%;
+ border: none;
+ padding: 12px 0;
+ margin: 0;
+ text-align: center;
+ font-size: 26px;
+ font-weight: bold;
+ background: white;
+ border-radius: 3px;
+}
+.inscription .component.inscription.color1 #pseudo {
+ color: #510816;
+}
+.inscription .component.inscription.color2 #pseudo {
+ color: #0c0d44;
+}
+.inscription .component.inscription.color3 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription.color4 #pseudo {
+ color: #310948;
+}
+.inscription .component.inscription.color5 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color6 #pseudo {
+ color: #004948;
+}
+.inscription .component.inscription.color7 #pseudo {
+ color: #401b13;
+}
+.inscription .component.inscription.color8 #pseudo {
+ color: #c3590b;
+}
+.inscription .component.inscription.color9 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color10 #pseudo {
+ color: #4d0621;
+}
+.inscription .component.inscription.color11 #pseudo {
+ color: #10684c;
+}
+.inscription .component.inscription.color12 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription .avatars {
+ padding: 5px;
+ text-align: center;
+}
+.inscription .component.inscription .avatar {
+ position: relative;
+ display: inline-block;
+ margin: 0 5px;
+ padding: 5px;
+ background: #202020;
+ border: solid 5px #0A0A0A;
+ border-radius: 100%;
+}
+.inscription .component.inscription .avatar input {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+.inscription .component.inscription .avatar img {
+ display: block;
+ width: 117px;
+ cursor: pointer;
+ border-radius: 100%;
+}
+.inscription .component.inscription.color1 .avatar:hover {
+ border-color: #510816;
+}
+.inscription .component.inscription.color2 .avatar:hover {
+ border-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color4 .avatar:hover {
+ border-color: #310948;
+}
+.inscription .component.inscription.color5 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color6 .avatar:hover {
+ border-color: #004948;
+}
+.inscription .component.inscription.color7 .avatar:hover {
+ border-color: #401b13;
+}
+.inscription .component.inscription.color8 .avatar:hover {
+ border-color: #c3590b;
+}
+.inscription .component.inscription.color9 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color10 .avatar:hover {
+ border-color: #4d0621;
+}
+.inscription .component.inscription.color11 .avatar:hover {
+ border-color: #10684c;
+}
+.inscription .component.inscription.color12 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color1 .avatar.active {
+ border-color: #b01e2d;
+}
+.inscription .component.inscription.color2 .avatar.active {
+ border-color: #2f23c0;
+}
+.inscription .component.inscription.color3 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription .component.inscription.color4 .avatar.active {
+ border-color: #a935c7;
+}
+.inscription .component.inscription.color5 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color6 .avatar.active {
+ border-color: #05bed7;
+}
+.inscription .component.inscription.color7 .avatar.active {
+ border-color: #ac5832;
+}
+.inscription .component.inscription.color8 .avatar.active {
+ border-color: #f2b636;
+}
+.inscription .component.inscription.color9 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color10 .avatar.active {
+ border-color: #a92859;
+}
+.inscription .component.inscription.color11 .avatar.active {
+ border-color: #34b089;
+}
+.inscription .component.inscription.color12 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription #alert {
+ bottom: -12px;
+ z-index: 10000;
+}
+.inscription .build-item {
+ min-height: 60px;
+}
+.inscription .build-item .name {
+ padding-top: 2px !important;
+}
+.inscription .build-item .name strong {
+ font-size: 16px !important;
+}
+.inscription .build-item .name em {
+ font-size: 12px !important;
+}
+.color0 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor0.png') no-repeat top left;
+}
+.color1 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor1.png') no-repeat top left;
+}
+.color2 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor2.png') no-repeat top left;
+}
+.color3 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor3.png') no-repeat top left;
+}
+.color4 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor4.png') no-repeat top left;
+}
+.color5 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor5.png') no-repeat top left;
+}
+.color6 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor6.png') no-repeat top left;
+}
+.color7 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor7.png') no-repeat top left;
+}
+.color8 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor8.png') no-repeat top left;
+}
+.color9 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor9.png') no-repeat top left;
+}
+.color10 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor10.png') no-repeat top left;
+}
+.color11 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor11.png') no-repeat top left;
+}
+.color12 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor12.png') no-repeat top left;
+}
+/* AUTOCOMPLETE MODULE */
+.ac_results {
+ width: 100%;
+ padding: 0px;
+ border: 1px solid #4F4F4F;
+ background-color: white;
+ overflow: hidden;
+ z-index: 99999;
+ box-shadow: 0 0 6px black;
+ border-radius: 3px;
+}
+.ac_results ul {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style-position: outside;
+ list-style: none;
+}
+.ac_results ul li {
+ padding: 4px 8px;
+ margin: 0px;
+ cursor: default;
+ display: block;
+ border-bottom: solid 1px #CCC;
+ overflow: hidden;
+}
+.ac_results ul li:last-child {
+ border: none;
+}
+.ac_results .img {
+ float: left;
+ width: 36px;
+ background: #202020;
+ border-radius: 3px;
+ margin: 0 8px 0 0;
+}
+.ac_results .value-1,
+.ac_results .value-2 {
+ display: block;
+ line-height: 18px;
+}
+.ac_results .value-1 {
+ font-weight: bold;
+}
+.ac_loading {
+ background: white url('src/desktop/module/indicator.gif') right center no-repeat;
+}
+.ac_over {
+ background: #efefef;
+}
+.ac_results .ac_over strong {
+ color: black;
+}
+.ac_results .ac_over img {
+ background: white;
+}
diff --git a/public/css/main.desktop.v3.color5.css b/public/css/main.desktop.v3.color5.css
index a7faa0751..b9bab271e 100644
--- a/public/css/main.desktop.v3.color5.css
+++ b/public/css/main.desktop.v3.color5.css
@@ -1 +1,6737 @@
-html{height:100%}body{margin:0;padding:0;font-family:Roboto,'Trebuchet MS',Arial,sans-serif;font-size:13px}.bull{display:none;position:absolute;z-index:1200;padding:4px 8px;max-width:280px;color:#fff;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px}.bull.top:before{bottom:-14px;border-color:#4F4F4F transparent transparent transparent}.bull.bottom:before{top:-14px;border-color:transparent transparent #4F4F4F transparent}.bull.left:before{right:9pt}.bull.right:before{left:9pt}body{width:100%;height:100%;overflow:hidden;background:#000}#nav,#tools{position:fixed;width:100%;height:26px;background:url(src/desktop/tools/bTools.png) repeat-x #000;box-shadow:0 0 10px #000;z-index:1000;border-color:#57c632}#nav{top:0;left:0;background:url(src/desktop/nav/bNav.png) repeat-x #000;border-bottom:solid 3px #000}#tools{bottom:0;left:0;background:url(src/desktop/tools/bTools.png) repeat-x #000;border-top:solid 3px #000}#container{position:absolute;top:29px;left:0;margin:0;padding:0;width:100%;background:#000;overflow:hidden;z-index:0;background:url(src/desktop/global/background.jpg) repeat-x #000}.icon,.icon-color{display:inline-block;vertical-align:bottom;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.icon-color{background:#57c632!important}#background-paralax{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat bottom left transparent;z-index:100;background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.profil{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.message{background-image:url(src/desktop/screen/message.jpg)}#background-paralax.fleet{background-image:url(src/desktop/screen/fleet.jpg)}#background-paralax.financial{background-image:url(src/desktop/screen/financial.jpg)}#background-paralax.technology{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.rank{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.params{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.bases{background-image:url(src/desktop/screen/base.jpg)}#movers a{position:absolute;width:60px;height:100%;z-index:400;background:red;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#movers a:focus,#movers a:hover{background-color:rgba(255,255,255,.08)}#movers a:active{background-color:rgba(255,255,255,.2)}#movers .toLeft{top:0;left:60px;background:url(src/desktop/mover/left.png) no-repeat center transparent}#movers .toRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center transparent}.component.financial table{border-collapse:collapse;width:100%}.component.financial td{vertical-align:top;width:50%}.component.uni .build-item{height:60px;margin:20px}.component.techno .build-item .name strong{font-size:1pc}.component.school .build-item .name strong{font-size:18px}.component.generator table{width:100%;border-collapse:collapse}.component.dock1 table{width:100%;border-collapse:collapse}.component.space .fix-body{background:url(src/desktop/base/situation.jpg) no-repeat top left #000}.component.memorial blockquote{font-size:22px;margin:30px 15px 0 30px;line-height:160%;font-weight:700;text-align:center}.component .info-building{margin:10px;padding:0;font-size:13px;border-top:solid 1px #4F4F4F}.component .info-building h4{margin:10px}.component .info-building p{font-size:13px}#nav .box a,#nav .box>span,#tools .box a,#tools .box>span{position:relative;display:inline-block;line-height:2pc;padding:0 25px;margin:5px 2px;font-size:14px;width:150px;color:#fff;text-decoration:none;font-variant:small-caps;background:url(src/desktop/button/bButtonMiddle.png) repeat-x}#nav .box a:before,#nav .box>span:before,#tools .box a:before,#tools .box>span:before{content:'';position:absolute;top:0;left:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonLeft.png) no-repeat}#nav .box a:after,#nav .box>span:after,#tools .box a:after,#tools .box>span:after{content:'';position:absolute;top:0;right:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonRight.png) no-repeat}#nav .box a.current-base,#tools .box a.current-base{margin-left:56px}#nav .box a.current-base img,#tools .box a.current-base img{position:absolute;top:-1pc;left:-54px;background:#000;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:solid 2px #4F4F4F;width:60px}#nav .box a:focus:before,#nav .box a:hover:before,#tools .box a:focus:before,#tools .box a:hover:before{background:url(src/desktop/button/bButtonLeftHover.png) repeat}#nav .box a:focus:after,#nav .box a:hover:after,#tools .box a:focus:after,#tools .box a:hover:after{background:url(src/desktop/button/bButtonRightHover.png) repeat}#nav .box a.active,#tools .box a.active{background:url(src/desktop/button/bButtonMiddleActive.png) repeat}#nav .box a.active:before,#tools .box a.active:before{background:url(src/desktop/button/bButtonLeftActive.png) repeat}#nav .box a.active:after,#tools .box a.active:after{background:url(src/desktop/button/bButtonRightActive.png) repeat}#nav .box a.square,#tools .box a.square{position:relative;padding:0 5px;margin:5px 2px;height:2pc;width:30px;background:url(src/desktop/button/bLittleButton.png) no-repeat;vertical-align:top}#nav .box a.square:after,#nav .box a.square:before,#tools .box a.square:after,#tools .box a.square:before{display:none}#nav .box a.square:focus,#nav .box a.square:hover,#tools .box a.square:focus,#tools .box a.square:hover{background:url(src/desktop/button/bLittleButtonHover.png) no-repeat}#nav .box a.square.active,#tools .box a.square.active{background:url(src/desktop/button/bLittleButtonActive-c5.png) no-repeat}#nav .box a.square.active.flashy,#tools .box a.square.active.flashy{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 9pt #57c632}#nav .box a.square img,#tools .box a.square img{position:absolute;width:24px;top:3px;left:8px}#nav .box a.square span.number,#tools .box a.square span.number{position:absolute;top:-5px;right:-5px;width:18px;line-height:18px;text-align:center;font-size:11px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#24500a}#nav .box{position:absolute;display:inline-block;height:46px;padding:0 3px;background:url(src/desktop/nav/bNavBox.png) repeat-x}#nav .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxLeft.png) no-repeat}#nav .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxRight.png) no-repeat}#nav .box.left{top:0;left:25px}#nav .box.left-2{top:0;left:420px}#nav .box.left-3{top:0;left:732px}#nav .box.right{top:0;right:25px}#nav .box a.square span.number{bottom:-5px;top:auto}#tools .box{position:absolute;display:inline-block;height:40px;padding:1px 3px 0 3px;background:url(src/desktop/tools/bToolBox.png) repeat-x;font-size:13px}#tools .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxRight.png) no-repeat}#tools .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxLeft.png) no-repeat}#tools .box.left{bottom:0;right:340px}#tools .box.right{bottom:0;right:25px}#tools .box a.square img{top:4px}#tools .box a.resource-link,#tools .box span.resource-link{width:110px;font-size:1pc}#tools .box a.resource-link img.icon-color,#tools .box span.resource-link img.icon-color{position:relative;display:inline-block;width:18px;vertical-align:middle;margin-left:5px;top:-2px;padding:1px}#nav .overbox .overflow,#tools .overbox .overflow{max-height:25pc;overflow:auto;position:relative}#nav .overbox h2,#tools .overbox h2{color:#fff;padding:10px 15px;margin:0;font-size:14px;font-weight:400;border-bottom:solid 1px #202020}#nav .overbox .link-title,#tools .overbox .link-title{position:absolute;top:10px;right:10px;line-height:20px;font-size:11px;padding:0 5px;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-decoration:none;color:#fff}#nav .overbox a,#tools .overbox a{color:inherit}#nav .overbox a.more-link,#tools .overbox a.more-link{display:block;padding:8px;font-size:9pt;border-top:solid 1px #202020;text-align:center;text-decoration:none;color:#4F4F4F}#nav .overbox a.more-link:focus,#nav .overbox a.more-link:hover,#tools .overbox a.more-link:focus,#tools .overbox a.more-link:hover{color:#CCC}#nav .overbox p.info,#tools .overbox p.info{padding:5px 15px;font-size:9pt;text-align:center;color:#CCC}#nav .overbox .outside-button,#tools .overbox .outside-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#2c7915;border:solid 1px #24500a;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}#nav .overbox .outside-button:focus,#nav .overbox .outside-button:hover,#tools .overbox .outside-button:focus,#tools .overbox .outside-button:hover{background:#24500a;border-color:#2c7915}#nav .overbox .outside-button.disabled,#tools .overbox .outside-button.disabled{background:#202020;border-color:#4F4F4F}#nav .overbox input.outside-button,#tools .overbox input.outside-button{line-height:26px}#nav .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}#nav .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:transparent transparent #202020 transparent;top:-18px;right:30px}#nav .overbox#change-bases{top:50px;left:10px;width:205px;padding:0 0 8px 0}#nav .overbox#change-bases:before{left:30px;right:auto}#nav .overbox#change-bases a{display:block;padding:3px 15px;color:#CCC;text-decoration:none;font-size:9pt;border-bottom:solid 1px #101010}#nav .overbox#change-bases a:focus,#nav .overbox#change-bases a:hover{background:#101010}#nav .overbox#change-bases a.active{background:#202020}#nav .overbox#change-bases strong{display:block;color:#CCC;font-size:13px}#nav .overbox#disconnect-box{top:50px;right:10px;width:205px;padding:8px 0}#nav .overbox#disconnect-box hr{margin:8px 0;border:none;background:0 0;border-top:solid 1px #202020}#nav .overbox#disconnect-box a{display:block;padding:0 15px;line-height:25px;font-size:13px;color:#CCC;text-decoration:none}#nav .overbox#disconnect-box a:focus,#nav .overbox#disconnect-box a:hover{color:#fff;background:#202020}#nav .overbox#bug-tracker{width:250px;top:50px;right:98px;padding:0 0 8px 0}#nav .overbox#bug-tracker p{color:#CCC;font-size:9pt;margin:10px}#nav .overbox#bug-tracker .option{margin:3px 10px 10px 10px;display:block;width:330px;padding:5px}#nav .overbox#bug-tracker textarea{display:block;margin:0 10px 10px 10px;padding:5px;width:318px;height:200px;min-width:318px;max-width:318px;border:solid 1px #202020;font-family:'Trebuchet MS',sans-serif;font-size:13px}#nav .overbox#bug-tracker .button{display:block;margin:0 10px 2px 10px}#nav .overbox#roadmap{width:350px;top:50px;right:10px}#nav .overbox#roadmap .overflow{width:350px;padding:8px 0}#nav .overbox#roadmap p{color:#CCC;font-size:9pt;margin:0 10px 10px 10px}#nav .overbox#roadmap p em{display:block;font-size:11px;color:#4F4F4F}#nav .overbox#roadmap hr{margin:5px 0;border:none;border-top:solid 1px #202020}#nav .overbox#tutorial{width:350px;top:50px;right:143px;color:#fff}#nav .overbox#tutorial form{padding:0 0 10px 0;margin:0;border-top:solid 1px #202020}#nav .overbox#tutorial .overflow{padding:15px 15px 0 15px}#nav .overbox#tutorial .overflow h3{position:relative;margin:0;padding:0 0 0 36px}#nav .overbox#tutorial .overflow h3 .number{position:absolute;top:-4px;left:0;display:block;width:26px;line-height:26px;text-align:center;background:#24500a;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;margin-right:10px}#nav .overbox#tutorial .overflow p{font-size:9pt;color:#CCC}#nav .overbox#new-notifications{top:50px;left:627px;width:300px}#tools .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:300px;bottom:45px;right:15px}#tools .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:#202020 transparent transparent transparent;bottom:-18px;right:30px}#tools .overbox.left-pic:before{left:30px;right:auto}#tools .overbox#tools-calendar{left:25px;bottom:45px;right:auto}#tools .overbox#tools-refinery{right:401px;bottom:45px}#tools .overbox#tools-generator{right:237px;bottom:45px}#tools .overbox#tools-technosphere{right:193px;bottom:45px}#tools .overbox#tools-dock1{right:148px;bottom:45px}#tools .overbox#tools-dock2{right:105px;bottom:45px}#tools .overbox#tools-credit{right:140px;bottom:45px}#tools .overbox#tools-incoming-attack{right:230px;bottom:45px}#tools .overbox#tools-outgoing-attack{right:185px;bottom:45px}#subnav{position:fixed;top:29px;left:2px;bottom:29px;padding:40px 0;width:60px;background:url(src/desktop/subnav/middle.png) repeat-y;z-index:1000}#subnav hr{border:none;margin:20px 0}#subnav .overflow{position:relative}#subnav .move-side-bar{display:none;position:absolute;z-index:5000;left:5px;width:3pc;height:3pc;line-height:3pc;border:none;background-color:rgba(0,0,0,.75);background-position:center;background-repeat:no-repeat;border-radius:100%;cursor:pointer}#subnav .move-side-bar:focus,#subnav .move-side-bar:hover{box-shadow:0 0 3px #fff}#subnav .move-side-bar.top{bottom:auto;top:20px;background-image:url(src/desktop/component/top.png)}#subnav .move-side-bar.bottom{bottom:20px;top:auto;background-image:url(src/desktop/component/bottom.png)}#subnav .item{position:relative;display:block;height:50px;width:50px;margin:0 0 10px 0;padding:8px 5px;color:#fff;text-decoration:none;background:url(src/desktop/subnav/button.png) no-repeat}#subnav .item.active{background:url(src/desktop/subnav/button-active-c5.png) no-repeat}#subnav .item.striped{background:url(src/desktop/subnav/button-striped.png) no-repeat}#subnav .item:before{content:'';position:absolute;right:-6px;bottom:0;width:9pt;height:47px;background:url(src/desktop/subnav/til.png) no-repeat}#subnav .item:hover:before{background:url(src/desktop/subnav/til-hover.png) no-repeat}#subnav .item:hover>.content{display:block}#subnav .item .picto{display:block;height:30px;width:30px;padding:10px}#subnav .item .picto img{display:block;height:30px;width:30px}#subnav .item .picto .number{position:absolute;bottom:-5px;right:-18px;display:block;width:28px;height:28px;line-height:28px;text-align:center;font-size:9pt;background:url(src/desktop/subnav/number.png) no-repeat}#subnav .item .content{display:none;position:absolute;top:0;left:75px;width:230px}#subnav .item .content.skin-1 span{display:inline-block;margin:15px 0 15px 1pc;padding:0 15px;line-height:30px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-1 span:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content{display:inline-block;margin:0 0 0 1pc;padding:10px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-2 .sub-content:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content hr{border:none;border-top:solid 1px #4F4F4F;margin:5px 0}#subnav .item .content.skin-2 .sub-content .ship{position:relative}#subnav .item .content.skin-2 .sub-content .ship img{width:2pc;height:2pc}#subnav .item .content.skin-2 .sub-content .ship img.zero{opacity:.5}#subnav .item .content.skin-2 .sub-content .ship .number{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;line-height:18px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;text-align:center;background:#57c632}#alert-content{display:none}#alert{position:absolute;bottom:18px;left:50px;padding:0;text-align:right;list-style:inset none}#alert li{position:relative;display:inline-block;margin:0 0 0 5px}#alert li img{display:block;height:50px;border:solid 1px #202020;padding:5px;background:#0A0A0A;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.alert-bull{display:block;position:absolute;z-index:1200;width:200px;padding:6px 8px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.alert-bull .title{display:block;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:solid 1px #4F4F4F}.alert-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;bottom:-14px;left:24px;border-color:#4F4F4F transparent transparent transparent}#content{position:absolute;width:500pc;height:100%;top:0;left:300px;z-index:200}#content .component{position:relative;display:table-cell;overflow:hidden;width:300px;background:rgba(0,0,0,.92)}#content .component.size2{width:600px}#content .component.size3{width:900px}#content .component:nth-child(1){background:rgba(0,0,0,.6)}#content .component:nth-child(2){background:rgba(0,0,0,.75)}#content .component:nth-child(3){background:rgba(0,0,0,.85)}#content .component:nth-child(4){background:rgba(0,0,0,.9)}#content .component .head{position:relative;display:inline-block;height:90pt;width:100%;vertical-align:top;color:#fff;background:url(src/desktop/component/bHead.jpg) repeat-x center #000;border-bottom:solid 1px #202020}#content .component .head h1{position:absolute;top:10px;left:10px;font-size:38px;line-height:50px;height:50px;display:inline-block;padding:0 10px;background:#000;overflow:hidden}#content .component .fix-body{position:relative;overflow:auto;color:#fff;border-right:solid 1px #202020}#content .component .fix-body .body{position:relative}.no-scrolling #content .component .fix-body{overflow:hidden}.no-scrolling #content .component .fix-body>a{position:absolute;width:100%;height:40px;left:0;opacity:0}.no-scrolling #content .component .fix-body.hover>a{opacity:1;background-position:center;background-repeat:no-repeat}.no-scrolling #content .component .fix-body .toTop{top:0;background-image:url(src/desktop/component/top.png),-webkit-gradient(linear,#000,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-moz-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-ms-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-o-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),linear-gradient(black,rgba(0,0,0,.8),transparent)}.no-scrolling #content .component .fix-body .toBottom{bottom:0;background-image:url(src/desktop/component/bottom.png),-webkit-gradient(linear,transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-moz-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-ms-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-o-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),linear-gradient(transparent,rgba(0,0,0,.8),#000)}#content .component.invisible{background:0 0}#content .component.invisible .publicity{position:absolute;bottom:0;left:0;right:0;background:red}.component .tool{display:table;width:100%;height:44px;margin:0;overflow:hidden;background:#000;border-bottom:solid 1px #57c632;color:#4F4F4F}.component .tool>span{display:table-cell;width:28px;border:solid 6px transparent;border-left:none}.component .tool>span:first-child{border:solid 5px transparent;width:auto;text-align:center}.component .tool>span:first-child a{width:auto}.component .tool>span a{position:relative;display:block;margin:0;padding:0;line-height:30px;width:30px;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px;text-align:center}.component .tool>span a img{width:18px;position:relative;top:-4px}.component .tool>span a.active{background:#2c7915;color:#fff;border-color:#57c632}.component .tool>span a.active.down{box-shadow:0 2px 0 0 #CCC}.component .tool>span a.active.up{box-shadow:0 -2px 0 0 #ccc}.component .tool>span a.active:focus,.component .tool>span a.active:hover{color:#CCC;box-shadow:inset 0 0 5px rgba(0,0,0,.5)}.component .tool>span a:active,.component .tool>span a:focus,.component .tool>span a:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .tool.sort-button>span:first-child{text-align:center}.component h3{width:100%;margin:0;background:#000;text-align:center;padding:0 2px;line-height:44px;font-weight:400;font-size:14px;color:#4F4F4F;text-decoration:none;border-bottom:solid 1px #57c632}.component h4{margin:10px 10px 0 10px;font-weight:400;font-size:18px}.component .body p{margin:10px;font-size:13px;text-align:justify}.component .body p.info{position:relative;border-top:solid 1px #202020;padding:10px;margin:10px;line-height:140%;background:rgba(0,0,0,.8)}.component .body p.info a{color:#fff}.component .body p.info .requierement{display:inline-block;margin:0 0 0 8px;vertical-align:bottom;height:1pc}.component .body p.long-info{padding:10px;line-height:150%;background:#000}.component .body p .alone-button{display:block;text-align:center;color:#fff;line-height:40px;border-radius:3px;text-decoration:none;background:#4F4F4F;box-shadow:inset 0 0 2px #000;padding:0 10px;background:#24500a}.component .body p .alone-button:focus,.component .body p .alone-button:hover{background:#2c7915}.component .border-bottom{border-bottom:solid 3px #57c632}.component .list-type-1{margin:10px;padding:0;list-style:none}.component .list-type-1 li{position:relative;padding:5px 10px;text-align:right;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:rgba(0,0,0,.8);color:#989898}.component .list-type-1 li.strong{border-top:double 3px #4F4F4F;background:#111;color:#fff}.component .list-type-1 li.empty{background:0 0;border:none;height:50px}.component .list-type-1 li ul li{height:auto}.component .list-type-1 .label{display:block;font-size:13px}.component .list-type-1 .label .icon-color{width:15px;padding:1px}.component .list-type-1 .value{display:inline-block;font-size:22px;line-height:30px;font-weight:700}.component .list-type-1 .value .icon,.component .list-type-1 .value .icon-color{height:18px;margin-left:8px;position:relative;top:-3px}.component .list-type-1 .picto{position:absolute;top:7px;left:10px;height:35px;width:35px;line-height:35px;padding:5px;border-radius:100%;background:#202020;font-size:1pc;text-align:center;color:#fff;text-decoration:none}.component .list-type-1 .picto.color1{background:#510816}.component .list-type-1 .picto.color2{background:#0c0d44}.component .list-type-1 .picto.color3{background:#b17a00}.component .list-type-1 .picto.color4{background:#310948}.component .list-type-1 .picto.color5{background:#24500a}.component .list-type-1 .picto.color6{background:#004948}.component .list-type-1 .picto.color7{background:#401b13}.component .list-type-1 .picto.color8{background:#c3590b}.component .list-type-1 .picto.color9{background:#24500a}.component .list-type-1 .picto.color10{background:#4d0621}.component .list-type-1 .picto.color11{background:#10684c}.component .list-type-1 .picto.color12{background:#b17a00}.component .list-type-1 .hide{color:#4F4F4F}.component .list-type-1 .buttons{position:absolute;top:28px;left:5px}.component .list-type-1 .buttons a{display:inline-block;margin:0 4px;width:18px;line-height:18px;text-align:center;text-decoration:none;font-style:14px;color:#fff;border-radius:3px;background:#2c7915}.component .list-type-1 .progress-bar{text-align:left;margin-top:5px}.component .sub-list-type-1{display:none;margin:0;padding:0;list-style:none}.component .sub-list-type-1 li{position:relative;padding:2px 0;text-align:left;border:none;border-top:solid 1px #0A0A0A}.component .sub-list-type-1 .label{display:inline-block;width:60%}.component .sub-list-type-1 .label .button{position:relative;left:-4px;margin:0 0 0 3px}.component .sub-list-type-1 .value{text-align:right;line-height:25px;font-size:18px;width:40%}.component .sub-list-type-1 .value .button{margin:0 2px 0 6px}.component .sub-list-type-1 .button{display:inline-block;width:18px;line-height:18px;text-align:center;text-decoration:none;font-size:14px;font-weight:400;color:#fff;border-radius:3px;background:#57c632}.component .list-type-1 form{z-index:1;position:absolute;display:none;bottom:-40px;right:3px}.component .list-type-1 form p{position:relative;background:#fff;border-radius:3px;padding:0;margin:0;width:200px;height:35px}.component .list-type-1 form p:before{content:'';position:absolute;top:-9pt;right:9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent}.component .list-type-1 form input{border:none;background:0 0;line-height:35px;height:35px;padding:0 10px}.component .list-type-1 form input[type=text]{width:140px}.component .list-type-1 form input[type=submit]{width:40px}.component .sub-list-type-1 form{right:-6px}.number-box{position:relative;margin:10px;padding:5px 10px;background:#000;color:#fff;border:solid 1px #0A0A0A;border-top:solid 1px #202020;border-left:solid 10px #2c7915}.number-box.half{display:inline-block;width:254px;margin-right:0;margin-bottom:0}.number-box.grey{border-left:solid 10px #4F4F4F!important}.number-box.text{border-left:solid 1px #0A0A0A}.number-box.text a{text-decoration:none;color:#fff}.number-box .label{display:block}.number-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.number-box .value .icon-color{width:20px;height:20px;vertical-align:middle}.number-box .progress-bar{margin:5px 0}.number-box .group-link{position:absolute;top:5px;right:5px}.number-box .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#2c7915}.progress-bar{position:relative;display:block;width:100%;height:3px;background:#4F4F4F}.progress-bar .content{position:relative;display:inline-block;height:3px;vertical-align:top;overflow:hidden;max-width:100%}.progress-bar .content:nth-child(n){background:#57c632}.progress-bar .content:nth-child(2n){background:#24500a}.progress-bar .content.color1{background:#6e161b}.progress-bar .content.color2{background:#1f1471}.progress-bar .content.color3{background:#dbb200}.progress-bar .content.color4{background:#5a1072}.progress-bar .content.color5{background:#2c7915}.progress-bar .content.color6{background:#076b87}.progress-bar .content.color7{background:#67331d}.progress-bar .content.color8{background:#d87913}.progress-bar .content.color9{background:#2c7915}.progress-bar .content.color10{background:#760f36}.progress-bar .content.color11{background:#219772}.progress-bar .content.color12{background:#dbb200}.progress-bar .step{position:absolute}.progress-bar .step .label{position:absolute;display:block;width:150px;left:0;top:-28px}.progress-bar .step .label.bottom{top:auto;bottom:-28px}.progress-bar .step .label.right{right:0;left:auto;text-align:right}.progress-bar .step:before{content:'';position:absolute;width:9pt;height:9pt;background:#2c7915;box-shadow:0 0 0 3px #24500a;border-radius:100%;top:-5px;left:-5px}.bonus{vertical-align:top;display:inline-block;font-size:55%;line-height:100%;padding:3px;margin:2px 0 0 8px;border-radius:3px;font-weight:400;background:#24500a}.component .head.skin-1 img{position:absolute;top:22px;left:20px;padding:8px;width:60px;border:solid 1px #202020;border-radius:100%;background:#000}.component .head.skin-1 img:before{content:'';width:75pt;height:75pt}.component .head.skin-1 h2{position:absolute;bottom:66px;left:105px;font-size:22px;line-height:22px;margin:0;padding:0}.component .head.skin-1 em{position:absolute;top:62px;left:105px;font-size:13px;line-height:1pc;font-style:normal}.component .head.skin-2 h2{position:absolute;display:inline-block;top:45px;left:10px;font-size:22px;line-height:30px;margin:0;padding:0 10px;background:#000;font-weight:400}.component .head.skin-3 img{position:absolute;width:50px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:27px}.component .head.skin-3 img.left{left:40px}.component .head.skin-3 img.right{right:40px}.component .head.skin-4 img.main{position:absolute;width:30px;height:30px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:37px}.component .head.skin-4 h2{position:absolute;top:35px;left:60px;font-size:18px;line-height:22px;margin:0;padding:0}.component .head.skin-4 em{position:absolute;top:65px;left:60px;font-size:13px;line-height:1pc}.component .head.skin-5 h2{position:absolute;top:50px;left:10px;font-size:1pc;font-weight:400;margin:0;padding:0 20px;background:#000}.component .head.skin-5 h2:before{content:'';position:absolute;display:block;top:5px;left:0;width:8px;height:8px;border:solid 1px #202020;background:#000;border-radius:100%}.component .more-button,.component .more-item{display:block;margin:10px 10px 5px;line-height:34px;padding:0 9pt;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px}.component .more-button:active,.component .more-button:focus,.component .more-button:hover,.component .more-item:active,.component .more-item:focus,.component .more-item:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .nav-element{position:relative;display:block;margin:10px;height:70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component .nav-element img{position:absolute;top:5px;left:5px;padding:8px;height:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component .nav-element.active{background:#2c7915}.component .nav-element .active img{background:#000}.component .nav-element strong{position:absolute;top:5px;left:70px;color:#fff;font-weight:700;font-size:17px}.component .nav-element em{position:absolute;top:30px;left:70px;color:#fff;font-weight:400;font-size:9pt;font-style:normal;color:#efefef}.component hr{border:none;border-bottom:dashed 1px #202020;margin:0 10px}.component .set-item{margin:10px;border-bottom:solid 1px #202020}.component .set-item a.item:focus,.component .set-item a.item:hover{background-color:#0c0c0c}.component .set-item .item{position:relative;display:block;color:#fff;height:60px;border:solid 1px #202020;border-bottom:none;background:#0A0A0A}.component .set-item .item .left{position:absolute;top:0;left:0;bottom:0;width:60px}.component .set-item .item .left img{width:30px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left img.color1{background:#6e161b}.component .set-item .item .left img.color2{background:#1f1471}.component .set-item .item .left img.color3{background:#dbb200}.component .set-item .item .left img.color4{background:#5a1072}.component .set-item .item .left img.color5{background:#2c7915}.component .set-item .item .left img.color6{background:#076b87}.component .set-item .item .left img.color7{background:#67331d}.component .set-item .item .left img.color8{background:#d87913}.component .set-item .item .left img.color9{background:#2c7915}.component .set-item .item .left img.color10{background:#760f36}.component .set-item .item .left img.color11{background:#219772}.component .set-item .item .left img.color12{background:#dbb200}.component .set-item .item .left img.round-color0{box-shadow:0 0 0 2px #CCC}.component .set-item .item .left img.round-color1{box-shadow:0 0 0 2px #b01e2d}.component .set-item .item .left img.round-color2{box-shadow:0 0 0 2px #2f23c0}.component .set-item .item .left img.round-color3{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left img.round-color4{box-shadow:0 0 0 2px #a935c7}.component .set-item .item .left img.round-color5{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color6{box-shadow:0 0 0 2px #05bed7}.component .set-item .item .left img.round-color7{box-shadow:0 0 0 2px #ac5832}.component .set-item .item .left img.round-color8{box-shadow:0 0 0 2px #f2b636}.component .set-item .item .left img.round-color9{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color10{box-shadow:0 0 0 2px #a92859}.component .set-item .item .left img.round-color11{box-shadow:0 0 0 2px #34b089}.component .set-item .item .left img.round-color12{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left span{display:block;width:30px;line-height:30px;text-align:center;font-size:15px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left span.round-color0{background:#CCC}.component .set-item .item .left span.round-color1{background:#b01e2d}.component .set-item .item .left span.round-color2{background:#2f23c0}.component .set-item .item .left span.round-color3{background:#ffdb0f}.component .set-item .item .left span.round-color4{background:#a935c7}.component .set-item .item .left span.round-color5{background:#57c632}.component .set-item .item .left span.round-color6{background:#05bed7}.component .set-item .item .left span.round-color7{background:#ac5832}.component .set-item .item .left span.round-color8{background:#f2b636}.component .set-item .item .left span.round-color9{background:#57c632}.component .set-item .item .left span.round-color10{background:#a92859}.component .set-item .item .left span.round-color11{background:#34b089}.component .set-item .item .left span.round-color12{background:#ffdb0f}.component .set-item .item .center{position:absolute;top:0;left:60px;right:30px;bottom:0;padding:9px 0}.component .set-item .item .center strong{display:block;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component .set-item .item .center a{color:#fff;text-decoration:none;border-bottom:solid 1px rgba(255,255,255,.25)}.component .set-item .item .right{position:absolute;top:0;right:0;bottom:0;width:29px;border-left:solid 1px #202020}.component .set-item .item .right a{position:absolute;top:0;left:0;width:29px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a}.component .set-item .item .right a.active,.component .set-item .item .right a:focus,.component .set-item .item .right a:hover{background-color:#202020}.component .set-item .item .group-link{position:absolute;top:5px;right:5px}.component .set-item .item .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#2c7915}.army-bull{display:none;position:absolute;z-index:1200;padding:4px 8px;width:220px;color:#CCC;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.army-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;top:-14px;border-color:transparent transparent #4F4F4F transparent;left:18px}.army-bull strong{display:block;padding-bottom:5px;margin-bottom:5px;border-bottom:solid 1px #4F4F4F;font-weight:400}.army-bull .label{display:inline-block;width:70px}.army-bull .value{display:inline-block;width:40px}.component .build-item{position:relative;margin:10px;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;width:278px}.component .build-item a{color:#fff}.component .build-item .name{position:relative;height:40px;padding:5px 5px 5px 90px}.component .build-item .name img{z-index:20;position:absolute;top:-10px;left:5px;width:60px;padding:8px;border:solid 1px #202020;border-radius:100%;background:#000}.component .build-item .name strong{display:block;font-size:18px}.component .build-item .level{display:block;position:absolute;width:22px;line-height:22px;text-align:center;font-size:9pt;border-radius:100%;top:38px;left:58px;border:solid 1px #fff;z-index:22;background:#2c7915}.component .build-item .info{display:none;position:absolute;width:20px;line-height:20px;text-align:center;font-size:1pc;text-decoration:none;border-radius:3px;top:5px;right:5px;background:#2c7915;color:#fff}.component .build-item .name-commander{margin:10px 10px 0 10px;height:40px;padding:0 10px;border:none;background:#fff;border-radius:3px;width:15pc;text-align:center;font-size:1pc}.component .build-item .button{display:block;margin:10px;padding:5px 10px;width:15pc;line-height:20px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;background:#2c7915;box-shadow:inset 0 0 2px #000;border:none;cursor:pointer;min-height:36px}.component .build-item .button:hover{box-shadow:inset 0 0 6px #000;background:#57c632}.component .build-item .button.disable{background:#202020;cursor:default}.component .build-item .button .icon-color{width:14px}.component .build-item button.button{width:260px}.component .build-item .ship-pack{z-index:10;position:absolute;bottom:15px;left:15px;width:60px;height:40px;padding:0;margin:0;border:none;background:#fff;text-align:center;font-size:24px;font-weight:700;border-radius:3px;box-shadow:inset 0 0 0 3px #CCC}.component .build-item .ship-illu{width:260px;margin:5px 10px;overflow:hidden}.component .build-item .ship-illu img{width:100%}.component .build-item.disabled{opacity:.3}.component .build-item.disabled .name img{opacity:.5}.component .build-item.disabled strong{color:#4F4F4F}.component .build-item.disabled .button.disable{color:#696969}.component .build-item.disabled .button.disable:hover{background:#202020;box-shadow:inset 0 0 2px #000}.component .build-item.large{width:578px}.component .build-item.large .info{top:75px;right:25px}.component .build-item.large .button{display:block;top:-3px;right:0;line-height:18px;width:540px;min-height:36px}.component .build-item.large .ship-illu{width:35pc;margin-top:10px}.component .build-item input{display:block;width:243px;margin:10px;padding:8px;border:none}.component .build-item select{display:block;width:260px;margin:10px;padding:8px;border:none}.component.panel-info .remove-info{display:block;position:absolute;top:2px;right:10px;line-height:20px;width:20px;text-align:center;text-decoration:none;color:#fff;border-radius:3px;background:#24500a}.component.panel-info .table{margin:10px}.component.panel-info .table table{width:100%;text-align:right;border-collapse:collapse;background:#000}.component.panel-info .table td{border:solid 1px #202020;padding:6px 8px}.component.panel-info .table tr.small-grey{background:#0A0A0A}.component.panel-info .table tr.active td{background:#0A0A0A;border-bottom:solid 1px #4F4F4F}.component.panel-info .table .icon-color{width:9pt}.component.panel-info .illu{margin:0 10px;box-shadow:inset 0 0 5px #000}.component.panel-info .skill-box{position:relative;margin:0 10px;padding:5px 10px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000}.component.panel-info .skill-box.grey{border-left:solid 10px #4F4F4F!important}.component.panel-info .skill-box .label{display:block}.component.panel-info .skill-box .value{display:block;font-size:18px;font-weight:700;margin:4px 0 0 0}.component.panel-info .skill-box .value .icon-color{width:18px}.component.panel-info .skill-box .progress-bar{margin:6px 0 2px 0}.splash-screen{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;background:rgba(0,0,0,.8)}.splash-screen .modal{width:500px;height:140px;position:absolute;top:5pc;right:3000px;background:#0A0A0A;padding:25px 175px 25px 75px;color:#fff;border-radius:140px;border:solid 1px #202020}.splash-screen .modal h1{font-size:36px;margin:0;padding:0 0 10px 0}.splash-screen .modal h2{font-size:20px;margin:0;padding:0}.splash-screen .modal img{position:absolute;top:-15px;right:-50px;width:200px;padding:10px;background:#202020;border-radius:100%;border:solid 1px #4F4F4F}.splash-screen .modal:before{content:'';position:absolute;top:-5pc;right:20px;border-color:transparent transparent #4F4F4F transparent;border-width:40px;border-style:solid}.common-link{color:#fff}.component .top-right-button{display:block;position:absolute;top:0;right:10px;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;text-decoration:none;background:#2c7915;z-index:1}.component .top-right-button:focus,.component .top-right-button:hover{background:#24500a}.alert{display:block;margin:10px;line-height:30px;padding:0 10px;text-decoration:none;color:#fff;background:#2c7915;border-radius:3px;box-shadow:0 0 2px #000}.common-link{display:block;margin:10px;color:#fff;text-decoration:none}.text-bloc a{display:inline-block;color:inherit;opacity:.6}.text-bloc a:focus,.text-bloc a:hover{opacity:1}.queue{margin:10px;color:#fff}.queue .item{position:relative;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;min-height:60px;display:block}.queue .item.empty{background:#0A0A0A}.queue .item.empty strong{font-weight:400}.queue .item.link{min-height:0;padding:10px;color:#4F4F4F;text-decoration:none}.queue .item.link:focus,.queue .item.link:hover{color:#CCC}.queue .item a.button{position:absolute;display:block;top:2px;right:5px;color:#fff;text-decoration:none}.queue .item a{color:#CCC}.queue .item .group-link{position:absolute;top:9px;right:9px}.queue .item .group-link a{display:block;width:20px;line-height:20px;margin:0 0 5px 0;border-radius:3px;color:#fff;text-align:center;text-decoration:none;background:#2c7915}.queue .item .group-link a:focus,.queue .item .group-link a:hover{background:#57c632}.queue .item .picto{float:left;width:40px;height:40px;margin:5px;padding:5px;background:#000;border-radius:100%;border:solid 1px #202020}.queue .item strong{display:block;margin:6px 0 2px 0}.queue .item strong .level{font-size:11px;color:#CCC}.queue .item .big{font-size:24px}.queue .item em{display:block;font-style:normal;color:#AEAEAE}.queue .item .progress-container{position:relative;display:block;clear:both;margin:5px;height:3px;background:#4F4F4F}.queue .item .progress-bar{position:absolute;display:block;height:100%;background:#57c632}.choose-government{display:block;margin:10px;padding:10px;background:#0A0A0A;border-radius:3px}.choose-government select{display:block;width:100%;padding:8px}.choose-government button{display:block;width:100%;margin:10px 0 0 0;padding:0 10px;line-height:30px;border:none;color:#fff;cursor:pointer;background:#2c7915}.choose-government button:focus,.choose-government button:hover{background:#24500a}.evolution{background:#000;margin:10px;border-top:solid 1px #202020;border-bottom:solid 1px #202020}.evolution .header{padding:10px;border-bottom:solid 1px #202020;color:#EFEFEF}.evolution .diargam{padding:10px;background:#0A0A0A}.evolution .diargam .progress-bar{background:#0A0A0A!important;height:20px;padding-bottom:1px}.evolution .diargam .progress-bar .content{height:20px;line-height:20px;font-size:9pt;color:#fff;padding-left:5px}.evolution .diargam .progress-bar:nth-child(odd) .content{background:#2c7915!important}.centred-link{display:block;width:300px;text-align:center;margin:0 auto;text-decoration:none;padding:6px 10px;color:#EFEFEF;background:#2c7915;border:solid 1px #24500a}.centred-link:focus,.centred-link:hover{background:#24500a;border-color:#2c7915;color:#fff}span.centred-link{background:#202020;border:solid 1px #0A0A0A;color:#4F4F4F}span.centred-link:focus,span.centred-link:hover{background:#202020;border-color:#0A0A0A;color:#4F4F4F}.component.profil .center-box{margin:20px 10px 0;color:#fff;text-align:center}.component.profil .center-box .label{display:block}.component.profil .center-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.component.profil .profil-flag{position:relative;width:222px;height:460px;margin:0 auto}.component.profil .profil-flag img{position:relative;background:#0A0A0A;border:solid 1px #202020;padding:10px;border-radius:100%;margin:20px auto;box-shadow:0 0 0 4px #2c7915,0 0 20px #000;z-index:1}.component.profil .profil-flag.color-1 img{box-shadow:0 0 0 4px #6e161b,0 0 20px #000}.component.profil .profil-flag.color-2 img{box-shadow:0 0 0 4px #1f1471,0 0 20px #000}.component.profil .profil-flag.color-3 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag.color-4 img{box-shadow:0 0 0 4px #5a1072,0 0 20px #000}.component.profil .profil-flag.color-5 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-6 img{box-shadow:0 0 0 4px #076b87,0 0 20px #000}.component.profil .profil-flag.color-7 img{box-shadow:0 0 0 4px #67331d,0 0 20px #000}.component.profil .profil-flag.color-8 img{box-shadow:0 0 0 4px #d87913,0 0 20px #000}.component.profil .profil-flag.color-9 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-10 img{box-shadow:0 0 0 4px #760f36,0 0 20px #000}.component.profil .profil-flag.color-11 img{box-shadow:0 0 0 4px #219772,0 0 20px #000}.component.profil .profil-flag.color-12 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag:before{display:block;position:absolute;content:'';top:218px;left:33px;width:154px;height:241px;background:url(src/desktop/faction/flag/flag-5.png) no-repeat}.component.profil .profil-flag.color-1:before{background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.profil .profil-flag.color-2:before{background:url(src/desktop/faction/flag/flag-2.png) no-repeat}.component.profil .profil-flag.color-3:before{background:url(src/desktop/faction/flag/flag-3.png) no-repeat}.component.profil .profil-flag.color-4:before{background:url(src/desktop/faction/flag/flag-4.png) no-repeat}.component.profil .profil-flag.color-5:before{background:url(src/desktop/faction/flag/flag-5.png) no-repeat}.component.profil .profil-flag.color-6:before{background:url(src/desktop/faction/flag/flag-6.png) no-repeat}.component.profil .profil-flag.color-7:before{background:url(src/desktop/faction/flag/flag-7.png) no-repeat}.component.profil .profil-flag.color-8:before{background:url(src/desktop/faction/flag/flag-8.png) no-repeat}.component.profil .profil-flag.color-9:before{background:url(src/desktop/faction/flag/flag-9.png) no-repeat}.component.profil .profil-flag.color-10:before{background:url(src/desktop/faction/flag/flag-10.png) no-repeat}.component.profil .profil-flag.color-11:before{background:url(src/desktop/faction/flag/flag-11.png) no-repeat}.component.profil .profil-flag.color-12:before{background:url(src/desktop/faction/flag/flag-12.png) no-repeat}.component.profil .profil-flag .level{z-index:2;display:block;position:absolute;top:184px;right:2px;width:36px;height:36px;text-align:center;line-height:36px;background:#0A0A0A;border:3px solid #2c7915;border-radius:100%}.component.profil .profil-flag.color-1 .level{border-color:#6e161b}.component.profil .profil-flag.color-2 .level{border-color:#1f1471}.component.profil .profil-flag.color-3 .level{border-color:#dbb200}.component.profil .profil-flag.color-4 .level{border-color:#5a1072}.component.profil .profil-flag.color-5 .level{border-color:#2c7915}.component.profil .profil-flag.color-6 .level{border-color:#076b87}.component.profil .profil-flag.color-7 .level{border-color:#67331d}.component.profil .profil-flag.color-8 .level{border-color:#d87913}.component.profil .profil-flag.color-9 .level{border-color:#2c7915}.component.profil .profil-flag.color-10 .level{border-color:#760f36}.component.profil .profil-flag.color-11 .level{border-color:#219772}.component.profil .profil-flag.color-12 .level{border-color:#dbb200}.component.profil .faction-flag{display:block;content:'';width:154px;height:241px;margin:0 auto;background:url(src/desktop/faction/flag/flag-5.png) no-repeat}.component.search-player{position:relative;background:0 0!important}.component.search-player .box{position:absolute;top:60px;left:50px;width:440px;color:#fff}.component.search-player .top{background:rgba(0,0,0,.4);padding:10px;border-radius:3px 3px 0 0}.component.search-player .top label{display:block;font-size:1pc}.component.search-player .top input{display:block;border:none;height:40px;width:25pc;padding:0 10px;margin:10px 0 0 0;font-size:20px;color:#202020;border-radius:3px}.component.search-player .center{background:rgba(0,0,0,.8);padding:10px 25px 10px 10px;min-height:140px;border-radius:0 0 3px 3px}.component.search-player .center .avatar{float:left;position:relative;left:-20px;width:90pt;padding:8px;border:solid 1px #202020;border-radius:100%;background:#0A0A0A}.component.search-player .center .right{margin-left:140px}.component.search-player .center h1{margin:10px 0 0 0;padding:0}.component.search-player .center hr{margin:10px 0;border-color:#4F4F4F}.component.search-player .center p{margin:5px 0;padding:0}.component.search-player .center p span{display:inline-block;background:red;line-height:28px;padding:0 10px;border:solid 1px rgba(255,255,255,.5);border-right:none}.component.search-player .center p span:first-child{border-radius:3px 0 0 3px}.component.search-player .center p span:last-child{border-radius:0 3px 3px 0;border:solid 1px rgba(255,255,255,.5)}.component.search-player.color1 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component.search-player.color2 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component.search-player.color3 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.search-player.color4 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component.search-player.color5 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color6 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component.search-player.color7 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component.search-player.color8 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component.search-player.color9 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color10 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.component.search-player.color11 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.component.search-player.color12 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.new-message p.input{position:relative;background:#fff;padding:10px;border-radius:3px}.component.new-message p.input:before{content:'';position:absolute;width:0;height:0;top:-9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent;left:20px}.component.new-message label{display:block;font-size:13px}.component.new-message .input-text input{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px}.component.new-message .input-area textarea{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px;max-width:100%;min-width:100%;height:200px}.component.new-message button{display:inline-block;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 15px;color:#fff;cursor:pointer;overflow:hidden;background:#57c632}.component.new-message button:focus,.component.new-message button:hover{background:#24500a}.notif{position:relative;margin:10px;background:#000;border-top:solid 1px #4F4F4F;border-right:solid 1px #202020;border-left:solid 1px #202020}.notif h4{position:relative;overflow:hidden;margin:0;padding:0 10px;font-size:14px;line-height:30px;border-bottom:solid 1px #202020;background:#0A0A0A;font-weight:400;cursor:pointer;color:#fff}.notif.unreaded h4:before{position:absolute;content:'';width:40px;height:40px;background:#fff;top:-5px;right:-15px;background:#57c632;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}.notif .content{display:none;padding:6px 8px;line-height:140%;text-align:justify;color:#efefef}.notif .content p{margin:0}.notif .content hr{border:none;background:0 0;border-bottom:dashed 1px #202020;margin:5px 0}.notif .content a{color:#fff}.notif .content .box-resource{position:relative;display:block;margin:5px 0;padding:5px 5px 5px 40px}.notif .content .box-resource img{position:absolute;top:6px;left:0;border:solid 4px #4f4f4f;border-radius:100%;border-color:#2c7915}.notif .content .box-resource .label{display:block;font-size:9pt}.notif .content .box-resource .value{display:block;font-size:18px;font-weight:700}.notif .footer{display:none;margin:0;padding:0 10px;line-height:18px;padding:5px 5px;border-top:solid 1px #202020;font-style:italic;text-align:right;color:#CCC}.notif .footer a{color:#CCC}.notif.open .content{display:block}.notif.open .footer{display:block}.component.rc .rc{position:relative;margin:20px 10px 20px 30px;border-left:solid 1px #CCC;padding:0 10px;height:380px;color:#CCC}.component.rc .rc.no-tax{margin:20px 10px 20px 30px;border-left:dashed 1px #4F4F4F;padding:0 10px;color:#CCC}.component.rc .rc a,.component.rc .rc strong{color:#fff}.component.rc .rc .icon-color{width:20px}.component.rc .rc .base{position:relative;padding:15px 0 15px 40px;height:50px}.component.rc .rc .base:last-child{position:absolute;bottom:0}.component.rc .rc .place{position:absolute;top:0;left:-50px;width:78px;height:78px;border:solid 1px #202020;background:#000;border-radius:100%}.component.rc .rc .general{list-style:none inset;margin:10px 0;padding:0}.component.rc .rc .general li{margin:10px 0;list-style-type:none}.component.rc .rc .general li strong{display:block;font-size:20px;font-weight:700}.component .situation-content{position:relative;display:block;width:100%;height:500px;border-bottom:solid 1px #0A0A0A}.component .situation-content .line-help{position:absolute;display:block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:100%;background:#24500a}.component .situation-content .line-help.line-1{top:55px;left:190px}.component .situation-content .line-help.line-2{top:145px;left:406px}.component .situation-content .toolbar{position:absolute;top:30px;right:30px;box-shadow:0 0 0 4px rgba(255,255,255,.1);border-radius:3px;background:#2c7915;z-index:1}.component .situation-content .toolbar a,.component .situation-content .toolbar span{display:inline-block;line-height:2pc;padding:0 15px;border-right:solid 1px #000;text-decoration:none;color:#fff}.component .situation-content .toolbar a img,.component .situation-content .toolbar span img{position:relative;top:-2px;vertical-align:middle;height:18px;width:18px}.component .situation-content .toolbar a:focus,.component .situation-content .toolbar a:hover{background:rgba(0,0,0,.25)}.component .situation-content .toolbar form{display:inline-block}.component .situation-content .toolbar input{height:2pc;border:none;background:0 0;color:#fff;padding:0 15px;font-size:inherit}.component .situation-content .toolbar input:focus{background:rgba(0,0,0,.25)}.component .situation-content .toolbar input.button{background:url(src/desktop/common/edit.png) no-repeat center}.component .situation-content .toolbar input.button:focus{background:url(src/desktop/common/edit.png) no-repeat center rgba(0,0,0,.25)}.component .situation-content .info{position:absolute;display:block;width:200px;font-size:9pt;color:#efefef;line-height:18px}.component .situation-content .info strong{color:#fff;font-size:14px}.component .situation-content .info a{color:#fff;text-decoration:none;border-bottom:solid 1px #4f4f4f}.component .situation-content .info a:focus,.component .situation-content .info a:hover{border-color:#CCC}.component .situation-content .commander{position:absolute;display:block;text-decoration:none;z-index:1}.component .situation-content .commander.empty{color:#CCC}.component .situation-content .commander.position-1-1{top:135px;left:127px}.component .situation-content .commander.position-1-2{top:17pc;left:75pt}.component .situation-content .commander.position-1-3{top:415px;left:127px}.component .situation-content .commander.position-2-1{top:215px;left:22pc}.component .situation-content .commander.position-2-2{top:17pc;left:345px}.component .situation-content .commander.position-2-3{top:330px;left:22pc}.component .situation-content .commander.position-3{top:355px;left:577px}.component .situation-content .commander img{width:40px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}.component .situation-content .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content .commander .info{top:8px;left:65px;width:10pc}.component .situation-content .commander .link{display:none;position:absolute;top:14px;left:-1pc;width:24px;height:24px;font-size:20px;font-weight:700;text-decoration:none;border-radius:100%;text-align:center;z-index:1;border:solid 1px #fff}.component .situation-content .commander .link.to-left{background:url(src/desktop/mover/to-left.png) no-repeat center #000}.component .situation-content .commander .link.to-right{background:url(src/desktop/mover/to-right.png) no-repeat center #000}.component .situation-content .commander:hover>.link{display:block}.component .situation-content .stellar{position:absolute;display:block;top:180px;left:35pc}.component .situation-content .stellar img{width:220px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%}.component .situation-content .stellar .info{font-size:9pt;border-left:solid 1px #202020}.component .situation-content .stellar .info.top{bottom:215px;left:50px;padding:0 0 30px 10px}.component .situation-content .stellar .info.top strong{font-size:20px}.component .situation-content .stellar .info.bottom{top:225px;left:10pc;padding:10px 0 0 10px}.component .situation-content .stellar .info.middle{top:20px;left:182px;padding:10px 0 0 50px;border:none;border-top:solid 1px #202020}.component .situation-content .attack-link{position:absolute;bottom:-1px;left:0;right:0;text-align:center}.component .situation-content .attack-link a{display:inline-block;line-height:40px;padding:0 25px;border-radius:3px 3px 0 0;background:#202020;color:#fff;text-decoration:none;font-size:1pc}.component .situation-content .attack-link a:focus,.component .situation-content .attack-link a:hover{box-shadow:0 0 5px 3px #000}.component .situation-content.color0 .line-help{background:#202020}.component .situation-content.color0 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #202020}.component .situation-content.color0 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #202020}.component .situation-content.color0 .attack-link a{background:#202020}.component .situation-content.color1 .line-help{background:#510816}.component .situation-content.color1 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component .situation-content.color1 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #6e161b}.component .situation-content.color1 .attack-link a{background:#6e161b}.component .situation-content.color2 .line-help{background:#0c0d44}.component .situation-content.color2 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component .situation-content.color2 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #1f1471}.component .situation-content.color2 .attack-link a{background:#1f1471}.component .situation-content.color3 .line-help{background:#b17a00}.component .situation-content.color3 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .situation-content.color3 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #dbb200}.component .situation-content.color3 .attack-link a{background:#dbb200}.component .situation-content.color4 .line-help{background:#310948}.component .situation-content.color4 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component .situation-content.color4 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #5a1072}.component .situation-content.color4 .attack-link a{background:#5a1072}.component .situation-content.color5 .line-help{background:#24500a}.component .situation-content.color5 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color5 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color5 .attack-link a{background:#2c7915}.component .situation-content.color6 .line-help{background:#004948}.component .situation-content.color6 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component .situation-content.color6 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #076b87}.component .situation-content.color6 .attack-link a{background:#076b87}.component .situation-content.color7 .line-help{background:#401b13}.component .situation-content.color7 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component .situation-content.color7 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #67331d}.component .situation-content.color7 .attack-link a{background:#67331d}.component .situation-content.color8 .line-help{background:#c3590b}.component .situation-content.color8 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component .situation-content.color8 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #d87913}.component .situation-content.color8 .attack-link a{background:#d87913}.component .situation-content.color9 .line-help{background:#24500a}.component .situation-content.color9 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color9 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color9 .attack-link a{background:#2c7915}.component .situation-info{display:table;width:100%;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#000}.component .situation-info .item{display:table-cell;padding:10px;border-right:solid 1px #202020}.component .situation-info .item .value{font-size:26px;font-weight:700;display:block}.component .build-item.base-type .desc{margin:10px 0 0 0;padding:15px;font-size:13px;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#0A0A0A}.component .build-item.base-type .list-choice{position:relative;height:140px;background:url(src/desktop/base/type-base.png) no-repeat center;margin:0;border-bottom:solid 1px #202020}.component .build-item.base-type .list-choice button{position:absolute;padding:0;border:none;background:0 0;cursor:pointer}.component .build-item.base-type .list-choice button.item-1{top:35px;left:5px}.component .build-item.base-type .list-choice button.item-2{top:5px;left:107px}.component .build-item.base-type .list-choice button.item-3{bottom:5px;left:107px}.component .build-item.base-type .list-choice button.item-4{top:35px;right:5px}.component .build-item.base-type .list-choice button img{display:block;padding:8px;width:40px;border:solid 1px #202020;border-radius:100%;background:#000}.color1 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.color2 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.color3 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.color4 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.color5 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color6 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.color7 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.color8 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.color9 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color10 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.color11 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.color12 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .build-item.base-type .desc-choice{display:none}.component .build-item.base-type .desc-choice h4{border-bottom:solid 1px #202020;padding:0 0 5px 0}.component .build-item.base-type .desc-choice p{text-align:left;color:#CCC!important}.component .build-item.base-type .desc-choice p strong{display:block;color:#fff}.component .build-item.base-type .desc-choice p strong.short{display:inline-block;width:75pt}.component.list-fleet .set-fleet{position:relative;margin:10px;padding:0 0 0 70px;min-height:5pc}.component.list-fleet .set-fleet img.place{position:absolute;top:-5px;left:-20px;width:5pc;background:#0A0A0A;border-radius:100%;border:solid 1px #202020}.component.list-fleet .set-fleet h2{padding:10px 0;margin:0}.component.list-fleet .set-fleet h2 a{font-size:13px;color:#fff;font-weight:400;text-decoration:none}.component.list-fleet .set-fleet .item{position:relative;height:60px;background:#0A0A0A;border:solid 1px #202020;border-bottom:none;width:777px}.component.list-fleet .set-fleet .item:last-child{border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item a{display:inline-block;text-decoration:none;color:#CCC;border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item .left{position:absolute;top:0;left:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .left .top{position:absolute;left:60px;display:block;width:500px;top:10px}.component.list-fleet .set-fleet .item .left .status{width:30px;margin:10px;padding:5px;border-radius:100%}.component.list-fleet .set-fleet .item .right{position:absolute;top:0;right:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .right .top{position:absolute;right:60px;display:block;width:200px;text-align:right;top:10px}.component.list-fleet .set-fleet .item .right .cover{width:50px;margin:5px;padding:0;border-radius:100%}.component.list-fleet .set-fleet .item .center{position:absolute;top:41px;left:70px;right:70px}.component.list-fleet .set-fleet .item .center .ship{position:absolute;top:-10px;left:-11px;right:auto}.component.list-fleet .set-fleet .item .center .progress-ship{display:block;width:100%;background:#4F4F4F;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar{position:relative;display:block;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship{top:-11px;right:-11px;left:auto}.component.list-fleet .set-fleet .item .center .progress-ship .bar span{position:absolute;top:4px;right:15px;font-size:10px}.component.list-fleet .set-fleet .item.color1 .status{background:#6e161b}.component.list-fleet .set-fleet .item.color2 .status{background:#1f1471}.component.list-fleet .set-fleet .item.color3 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color4 .status{background:#5a1072}.component.list-fleet .set-fleet .item.color5 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color6 .status{background:#076b87}.component.list-fleet .set-fleet .item.color7 .status{background:#67331d}.component.list-fleet .set-fleet .item.color8 .status{background:#d87913}.component.list-fleet .set-fleet .item.color9 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color10 .status{background:#760f36}.component.list-fleet .set-fleet .item.color11 .status{background:#219772}.component.list-fleet .set-fleet .item.color12 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar{background:#4F4F4F}.component.list-fleet .set-fleet .item .show-commander{position:absolute;top:-1px;right:-30px;width:28px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a;border:solid 1px #202020}.component.list-fleet .set-fleet .item .show-commander.active,.component.list-fleet .set-fleet .item .show-commander:focus,.component.list-fleet .set-fleet .item .show-commander:hover{background-color:#202020}.component.table-fleet table{margin:10px;width:55pc;border-collapse:collapse}.component.table-fleet table tr:nth-child(odd){background:#000;border-bottom:solid 1px #202020}.component.table-fleet table tr:nth-child(even){background:#0A0A0A;border-bottom:solid 1px #202020}.component.table-fleet table tr:first-child{background:0 0}.component.table-fleet table td,.component.table-fleet table th{height:40px;width:40px;text-align:center}.component.table-fleet table td span.zero-value{color:#4F4F4F}.component.table-fleet table .base{width:75pt;text-align:left;padding:0 20px}.component.table-fleet table .base a{border:none}.component.table-fleet table .base strong{display:block;font-size:1pc}.component.table-fleet table .large{width:auto;text-align:left;padding:0 10px}.component.table-fleet table .sep{border-left:solid 1px #2c7915}.component.table-fleet table a{color:#fff;text-decoration:none;border-bottom:solid 1px #4F4F4F;display:inline-block}.component.table-fleet table th{position:relative;height:70px}.component.table-fleet table th span{position:absolute;bottom:2pc;left:-10px;display:block;text-align:left;width:60px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.component.commander-fleet .fleet{vertical-align:top;display:block;text-align:center}.component.commander-fleet .list-ship{vertical-align:top;display:inline-block;width:148px}.component.commander-fleet .list-ship:first-child{border-right:dashed 1px #4F4F4F}.component.commander-fleet .list-ship a{display:block;position:relative;margin:6px;height:40px;background:#202020;border:solid 1px #4F4F4F;border-radius:3px}.component.commander-fleet .list-ship a.empty{opacity:.4}.component.commander-fleet .list-ship img{position:absolute;display:inline-block;width:40px}.component.commander-fleet .list-ship .text{position:absolute;left:45px;display:inline-block;width:88px;color:#fff}.component.commander-fleet .list-ship .text .quantity{display:block;font-weight:700;font-size:18px}.component.commander-fleet .army{border-collapse:collapse;width:35pc;margin:20px}.component.commander-fleet .army td{width:65px;padding:5px;border-right:dashed 1px #4F4F4F;vertical-align:center}.component.commander-fleet .army td:first-child{width:auto;vertical-align:top;text-align:right;padding:0 20px;font-size:9pt}.component.commander-fleet .army tr:first-child td{text-align:center;padding:10px 5px;font-size:18px;font-weight:700}.component.commander-fleet .army .block{display:block;width:54px;height:54px;margin:0 0 5px 0;padding:5px;vertical-align:top;border-radius:5px;background:#0A0A0A;text-align:right;border:solid 1px #202020;color:#4F4F4F}.component.commander-fleet .army .block.empty{background:#000;border:solid 1px #0A0A0A}.component.commander-fleet .army .block strong{display:block;font-size:15px;height:38px;font-weight:700}.component.commander-fleet .army .block em{display:block;padding:2px;font-size:11px;background:#000;text-align:center;border-radius:3px}.component.commander-fleet .army .block.squadron{border:solid 1px #4F4F4F;color:#fff;cursor:pointer;background:#2c7915}.component.commander-fleet .army .block.squadron.full0{background:url(src/desktop/squadron/squadron0.png) no-repeat 4px 2px #2c7915}.component.commander-fleet .army .block.squadron.full1{background:url(src/desktop/squadron/squadron1.png) no-repeat 4px 2px #2c7915}.component.commander-fleet .army .block.squadron.full2{background:url(src/desktop/squadron/squadron2.png) no-repeat 4px 2px #2c7915}.component.commander-fleet .army .block.squadron.full3{background:url(src/desktop/squadron/squadron3.png) no-repeat 4px 2px #2c7915}.component.commander-fleet .army .block.squadron.active{box-shadow:inset 0 0 6px #000,0 0 2px 0 #fff;border:dashed 1px #fff}.component.report .commander{position:relative;display:block;margin:10px;padding:8px 0 8px 72px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component.report .commander img{position:absolute;top:5px;left:5px;padding:8px;width:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component.report .commander strong{display:block;padding:0 0 8px 0;color:#fff;font-weight:700;font-size:17px}.component.report .commander em{display:block;line-height:20px;color:#fff;font-style:normal;color:#efefef}.component.report .commander em .bonus{font-size:90%;margin:2px 0 0 2px;padding:3px 6px}.component.report .dammage{margin:10px;background:#000}.component.report .dammage table{width:100%;border-collapse:collapse;border-left:solid 1px #202020;border-right:solid 1px #202020}.component.report .dammage td{border-color:#202020;border-width:1px;border-style:solid dashed;padding:4px;vertical-align:center;text-align:center;color:#CCC;width:28px;height:22px}.component.report .dammage td:first-child{text-align:left;padding:4px 8px;width:auto}.component.report .dammage td span{display:inline-block;background:red;line-height:22px;width:22px;border-radius:3px;color:#fff;background:#24500a}.component.topic .message{position:relative;padding:0 0 0 5pc;margin:10px;min-height:70px}.component.topic .message .avatar{position:absolute;top:0;left:0;width:56px;padding:6px;border:solid 1px #202020;border-radius:100%;background:#000}.component.topic .message .content{position:relative;background:#000;border:solid 1px #202020;border-bottom:solid 1px #0A0A0A}.component.topic .message .content:before{position:absolute;content:'';top:25px;left:-18px;border-style:solid;border-width:9px;border-color:transparent #202020 transparent transparent}.component.topic .message .content .text{margin:0;padding:10px 10px 9pt 10px;border-bottom:solid 1px #0A0A0A;color:#efefef}.component.topic .message .content .text a,.component.topic .message .content .text strong{color:#fff}.component.topic .message .content .text a.color1{color:#b01e2d}.component.topic .message .content .text a.color2{color:#2f23c0}.component.topic .message .content .text a.color3{color:#ffdb0f}.component.topic .message .content .text a.color4{color:#a935c7}.component.topic .message .content .text a.color5{color:#57c632}.component.topic .message .content .text a.color6{color:#05bed7}.component.topic .message .content .text a.color7{color:#ac5832}.component.topic .message .content .text a.color8{color:#f2b636}.component.topic .message .content .text a.color9{color:#57c632}.component.topic .message .content .text a.color10{color:#a92859}.component.topic .message .content .text a.color11{color:#34b089}.component.topic .message .content .text a.color12{color:#ffdb0f}.component.topic .message .content .text .icon-color{width:15px}.component.topic .message .content .footer{margin:0;padding:6px 10px;font-size:9pt;color:#CCC}.component.topic .message .content .footer a{color:#CCC}.component.topic .message.write .content:before{left:-17px;top:11px;border-color:transparent #fff transparent transparent}.component.topic .message.write .content textarea{border:none;padding:5px;width:487px;height:90pt;max-width:487px;min-width:487px;min-height:50px;font-family:inherit;font-size:13px}.component.topic .message.write .content input{margin:6px;font-family:inherit}.component.topic .message.write .content .title{border:none;margin:0;padding:5px;width:487px;height:30px;font-family:inherit;font-size:13px}.component.topic .message.write .content button{margin:6px;font-family:inherit;background:#2c7915;border:none;padding:4px 8px;color:#fff;cursor:pointer}.component.topic .message.write .content button:focus,.component.topic .message.write .content button:hover{background:#24500a}.component.topic .system-message{position:relative;padding:0 0 0 90px;margin:10px}.component.topic .system-message:before{content:'';position:absolute;top:10px;left:0;height:1px;width:70px;background:#4F4F4F}.conv-item{position:relative;display:block;border:solid 1px #202020;border-bottom:none;background:#0A0A0A;height:59px;padding:5px 5px 5px 70px;margin:0 10px;color:#fff;text-decoration:none;overflow:hidden}.conv-item .cover{position:absolute;display:block;top:0;left:0;bottom:0;width:60px;padding:5px}.conv-item .cover .picture{width:52px;height:52px;background:#202020;border-radius:100%;padding:4px}.conv-item .cover .picture.color0{box-shadow:0 0 0 2px #4F4F4F}.conv-item .cover .picture.color1{box-shadow:0 0 0 2px #6e161b}.conv-item .cover .picture.color2{box-shadow:0 0 0 2px #1f1471}.conv-item .cover .picture.color3{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .picture.color4{box-shadow:0 0 0 2px #5a1072}.conv-item .cover .picture.color5{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color6{box-shadow:0 0 0 2px #076b87}.conv-item .cover .picture.color7{box-shadow:0 0 0 2px #67331d}.conv-item .cover .picture.color8{box-shadow:0 0 0 2px #d87913}.conv-item .cover .picture.color9{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color10{box-shadow:0 0 0 2px #760f36}.conv-item .cover .picture.color11{box-shadow:0 0 0 2px #219772}.conv-item .cover .picture.color12{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .new-message,.conv-item .cover .number{position:absolute;width:22px;height:22px;border-radius:100%;background:#0A0A0A;bottom:5px;right:5px;border:solid 1px #4F4F4F;text-align:center;line-height:22px;font-size:11px}.conv-item .cover .new-message{left:5px;top:5px}.conv-item .cover .new-message img{display:block;width:18px;height:18px;margin:2px}.conv-item .data{line-height:20px}.conv-item:last-child{border:solid 1px #202020}.conv-item:focus,.conv-item:hover{background:#0C0C0C}.component.player .player{position:relative;display:inline-block;margin:10px 0 0 10px;width:211px;height:58px;padding:5px 5px 5px 70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff;text-decoration:none}.component.player .player a{color:#ccc;text-decoration:none;border-bottom:solid 1px #202020}.component.player .player a:focus,.component.player .player a:hover{border-color:#4f4f4f}.component.player .player img.picto{position:absolute;top:5px;left:5px;width:50px;padding:4px;border:solid 1px #202020;border-radius:100%;background:#000}.component.player .player .icon,.component.player .player .icon-color{height:1pc;padding:1px}.component.player .player span,.component.player .player strong{display:block;line-height:20px}.component.player .player strong{font-size:18px}.component.player .player .inactive,.component.player .player .online{position:absolute;width:18px;height:18px;background:#fff;top:5px;right:5px;border-radius:100%;background:#4F4F4F}.component.player .player .online{background:#57c632}.component.player .player.faction{border-left:solid 1px #0A0A0A!important;width:202px}.component.player .player.faction img{top:0;left:10px;padding:0;border:none;border-radius:0;background:0 0}.component.player.rank .player{border-left:solid 10px #4F4F4F;width:190px}.component.player.rank .player.color1{border-left-color:#b01e2d}.component.player.rank .player.color2{border-left-color:#2f23c0}.component.player.rank .player.color3{border-left-color:#ffdb0f}.component.player.rank .player.color4{border-left-color:#a935c7}.component.player.rank .player.color5{border-left-color:#57c632}.component.player.rank .player.color6{border-left-color:#05bed7}.component.player.rank .player.color7{border-left-color:#ac5832}.component.player.rank .player.color8{border-left-color:#f2b636}.component.player.rank .player.color9{border-left-color:#57c632}.component.player.rank .player.color10{border-left-color:#a92859}.component.player.rank .player.color11{border-left-color:#34b089}.component.player.rank .player.color12{border-left-color:#ffdb0f}.component.player.rank .player .points,.component.player.rank .player .title{color:#BBB}.component.player.rank .player .position{display:block;position:absolute;top:14px;right:14px;line-height:38px;width:38px;border:solid 1px #202020;text-align:center;border-radius:100%}.component.player.rank .player .variance{display:block;position:absolute;top:5px;right:-4px;line-height:26px;width:26px;border:solid 1px #202020;background:#0A0A0A;text-align:center;font-size:11px;border-radius:100%}.component.player.rank .player .variance.lower{bottom:5px;top:auto}.component.player.rank .player.active .position{background:#fff;border:solid 1px #fff;color:#202020}.component.player.size2 .player{width:13pc}.component.player.size1 .player{width:202px}.component.transaction .transaction{background:#0A0A0A;border:solid 1px #202020;margin:10px}.component.transaction .transaction .right-link{position:absolute;top:2px;right:5px;display:block;color:#FFF;text-decoration:none}.component.transaction .transaction .product{position:relative;height:70px;padding:5px 10px 5px 55px;cursor:pointer}.component.transaction .transaction .product .picto{position:absolute;top:5px;left:-20px;width:60px;height:60px;padding:4px;background:#000;border:solid 1px #202020;border-radius:100%}.component.transaction .transaction .product .rate{position:absolute;bottom:5px;right:8px}.component.transaction .transaction .product .offer{overflow:hidden;height:2pc}.component.transaction .transaction .product .for{position:relative;border-top:solid 1px #202020;margin:8px 0 6px 0;color:#4F4F4F}.component.transaction .transaction .product .for span{display:block;position:absolute;top:-10px;left:10px;background:#0A0A0A;padding:0 10px;font-size:9pt}.component.transaction .transaction .product .price{font-size:19px;font-weight:700}.component.transaction .transaction .product .price .icon-color{width:14px;position:relative;top:-2px;padding:1px}.component.transaction .transaction.resources .product .offer{font-size:28px;font-weight:700;line-height:30px}.component.transaction .transaction.resources .product .offer .icon-color{width:20px;position:relative;top:-5px}.component.transaction .transaction.commander .product .offer strong,.component.transaction .transaction.ship .product .offer strong{display:block;font-size:14px}.component.transaction .transaction.commander .product .offer em,.component.transaction .transaction.ship .product .offer em{display:block;font-size:11px}.component.transaction .transaction .hidden{display:none}.component.transaction .transaction .info{position:relative;border-top:solid 1px #202020;height:88px;background:#000}.component.transaction .transaction .info p{font-size:11px;margin:5px 8px}.component.transaction .transaction .info .seller{position:absolute;top:0;width:50%;bottom:0}.component.transaction .transaction .info .seller a{font-weight:700;color:#fff}.component.transaction .transaction .info .seller .color1{color:#b01e2d}.component.transaction .transaction .info .seller .color2{color:#2f23c0}.component.transaction .transaction .info .seller .color3{color:#ffdb0f}.component.transaction .transaction .info .seller .color4{color:#a935c7}.component.transaction .transaction .info .seller .color5{color:#57c632}.component.transaction .transaction .info .seller .color6{color:#05bed7}.component.transaction .transaction .info .seller .color7{color:#ac5832}.component.transaction .transaction .info .seller .color8{color:#f2b636}.component.transaction .transaction .info .seller .color9{color:#57c632}.component.transaction .transaction .info .seller .color10{color:#a92859}.component.transaction .transaction .info .seller .color11{color:#34b089}.component.transaction .transaction .info .seller .color12{color:#ffdb0f}.component.transaction .transaction .info .price-detail{position:absolute;top:0;width:50%;bottom:0;right:0}.component.transaction .transaction .info .price-detail p{text-align:right}.component.transaction .transaction .info .price-detail p .icon-color{width:10px;padding:1px}.component.transaction .transaction .info .price-detail p span{color:#4F4F4F}.component.transaction .transaction .button{border-top:solid 1px #202020;padding:5px}.component.transaction .transaction .button a,.component.transaction .transaction .button span{display:block;padding:5px 10px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;line-height:20px;background:#202020;box-shadow:inset 0 0 2px #000}.component.transaction .transaction .button a{background:#2c7915}.component.transaction .transaction .button a:hover{box-shadow:inset 0 0 6px #000;background:#57c632}.component.transaction .transaction .button span{background:#202020;cursor:default}.component.transaction .transaction .button .icon-color{width:14px}.component.transaction .transaction .shipping{position:relative;background:#000;height:30px}.component.transaction .transaction .shipping .ships{position:absolute;top:0;left:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center}.component.transaction .transaction .shipping .ships .icon-color{position:relative;width:1pc;margin-left:5px;top:-5px}.component.transaction .transaction .shipping .time{position:absolute;top:0;right:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center;font-size:9pt}.component.transaction .transaction .shipping .progress-container{position:relative;display:block;clear:both;margin:0 60px;height:3px;top:13px;background:#4F4F4F}.component.transaction .transaction .shipping .progress-bar{position:absolute;display:block;height:100%;background:#57c632}.component .build-item.disable .button span{color:#696969}.component.transaction .new-transaction{width:279px;position:absolute;background:#000;z-index:1;padding:10px;border-bottom:solid 1px #57c632}.component.transaction .new-transaction label{position:relative;display:block;padding:5px 0}.component.transaction .new-transaction label input{display:block;padding:5px 10px;margin:5px 0 0 0;width:259px;border:none}.component.transaction .new-transaction.resources label input{font-size:1pc;color:#202020;font-weight:700}.component.transaction .new-transaction .indicator{position:relative;display:block;width:100%;height:15px}.component.transaction .new-transaction .indicator span{position:absolute;display:inline-block;padding:1px 6px;font-size:9pt;color:#fff;border-radius:3px;top:-5px;background:#24500a}.component.transaction .new-transaction .indicator span.min-price{left:5px}.component.transaction .new-transaction .indicator span.max-price{right:5px}.component.market-sell .body{padding:10px 0}.component.market-sell .label-box{position:relative;padding:0 10px;margin:10px 0}.component.market-sell .label-box .label{display:inline-block;width:75pt;line-height:30px}.component.market-sell .label-box .value{display:inline-block;width:147px;padding:0 5px;border:none;line-height:30px;border-radius:3px;font-size:1pc}.component.market-sell .label-box input.value{height:30px;background:#fff}.component.market-sell .label-box .icon-color{position:absolute;top:4px;right:1pc;width:18px}.component.market-sell .queue{margin:0 10px;cursor:pointer}.component.market-sell .sell-form{background:#0A0A0A;border:solid 1px #202020;margin:0 10px 10px 10px}.component.market-sell .sell-form input[type=submit]{display:block;width:100%;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 10px;color:#fff;cursor:pointer;overflow:hidden;background:#57c632}.component.market-sell .sell-form input[type=submit]:hover{background:#24500a}.component.market-sell .sell-form input[disabled=disabled]{background:#202020!important}.wysiwyg{display:block;position:relative}.wysiwyg .toolbar{display:block;position:absolute;top:0;left:0;right:0;padding:5px}.wysiwyg .toolbar button{display:inline-block;height:26px;line-height:26px;padding:0 4px!important;margin:0 4px 0 0!important;background:#2c7915;color:#fff;border-radius:3px;overflow:hidden;vertical-align:top}.wysiwyg .modal{position:absolute;top:40px;left:10px;right:10px;background:#0A0A0A;border:solid 1px #202020;box-shadow:0 0 15px #000}.wysiwyg .modal .header{position:relative}.wysiwyg .modal .header h2{margin:0;padding:0;line-height:36px;padding:0 10px;font-size:1pc;font-weight:400}.wysiwyg .modal .header .right{position:absolute;top:5px;right:10px;width:300px;text-align:right}.wysiwyg .modal .header .right button{display:inline-block;width:26px!important;height:26px!important;line-height:26px !important<;font-size:14px;padding:0!important;margin:0 0 0 5px!important}.wysiwyg .modal input{width:435px;border:none;height:30px;margin:0 10px 10px 10px!important;padding:0 10px!important}.wysiwyg textarea{padding-top:40px!important}.input-area .wysiwyg .toolbar{padding:0}.component.params .checkbox{display:block;position:relative;padding:10px 10px 10px 40px;margin:10px;background:rgba(0,0,0,.8)}.component.params .checkbox input{position:absolute;top:8px;left:10px}#map{position:absolute;z-index:100;background:url(src/desktop/map/common/map.jpg) repeat #000;padding:0;top:0;left:0}#map #sectors{z-index:300}#map #spying{z-index:400}#map #own-base{z-index:500}#map #commercial-routes{z-index:600}#map #fleet-movements{z-index:700}#map #attacks{z-index:800}#map #systems{z-index:900}#map #map-info{z-index:910}#map>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#map #sectors polygon{stroke:#fff;stroke-width:1px;stroke-dasharray:4 4;opacity:.15}#map #sectors .ally1{fill:#6e161b}#map #sectors .ally2{fill:#1f1471}#map #sectors .ally3{fill:#dbb200}#map #sectors .ally4{fill:#5a1072}#map #sectors .ally5{fill:#2c7915}#map #sectors .ally6{fill:#076b87}#map #sectors .ally7{fill:#67331d}#map #sectors .ally8{fill:#d87913}#map #sectors .ally9{fill:#2c7915}#map #sectors .ally10{fill:#760f36}#map #sectors .ally11{fill:#219772}#map #sectors .ally12{fill:#dbb200}#map #spying circle{opacity:.08;stroke:#fff}#map #own-base circle{opacity:.1;fill:#fff}#map #commercial-routes line{stroke:#fff;stroke-width:1px;stroke-dasharray:20 5 5 5 5 10}#map #commercial-routes line.standBy{stroke:rgba(255,255,255,.3)}#map #fleet-movements line{stroke-width:1px}#map #fleet-movements line.back{stroke-dasharray:15 5}#map #attacks line{stroke-width:1px}#map #attacks line.color1{stroke:#b01e2d}#map #attacks line.color2{stroke:#2f23c0}#map #attacks line.color3{stroke:#ffdb0f}#map #attacks line.color4{stroke:#a935c7}#map #attacks line.color5{stroke:#57c632}#map #attacks line.color6{stroke:#05bed7}#map #attacks line.color7{stroke:#ac5832}#map #attacks line.color8{stroke:#f2b636}#map #attacks line.color9{stroke:#57c632}#map #attacks line.color10{stroke:#a92859}#map #attacks line.color11{stroke:#34b089}#map #attacks line.color12{stroke:#ffdb0f}#map #attacks circle.color1{fill:#b01e2d}#map #attacks circle.color2{fill:#2f23c0}#map #attacks circle.color3{fill:#ffdb0f}#map #attacks circle.color4{fill:#a935c7}#map #attacks circle.color5{fill:#57c632}#map #attacks circle.color6{fill:#05bed7}#map #attacks circle.color7{fill:#ac5832}#map #attacks circle.color8{fill:#f2b636}#map #attacks circle.color9{fill:#57c632}#map #attacks circle.color10{fill:#a92859}#map #attacks circle.color11{fill:#34b089}#map #attacks circle.color12{fill:#ffdb0f}#map #systems a{display:block;position:absolute;border-radius:100%}#map #systems a.active{background:#000;box-shadow:0 0 0 1px #000,0 0 0 3px #fff,0 0 10px 8px #000}#map #systems a img{display:block;width:20px;height:20px;border:none;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}#map #systems a img.own{background:#fff}#map #systems .sector-number{position:absolute;display:block;font-size:22px;line-height:40px;width:40px;text-align:center;border-radius:100%;box-shadow:0 0 0 5px #0A0A0A,0 0 0 6px #4F4F4F;background:#202020;color:#fff;font-weight:700;cursor:pointer}#map #systems .sector-number.color1{background:#6e161b}#map #systems .sector-number.color2{background:#1f1471}#map #systems .sector-number.color3{background:#dbb200}#map #systems .sector-number.color4{background:#5a1072}#map #systems .sector-number.color5{background:#2c7915}#map #systems .sector-number.color6{background:#076b87}#map #systems .sector-number.color7{background:#67331d}#map #systems .sector-number.color8{background:#d87913}#map #systems .sector-number.color9{background:#2c7915}#map #systems .sector-number.color10{background:#760f36}#map #systems .sector-number.color11{background:#219772}#map #systems .sector-number.color12{background:#dbb200}#map #systems .sector-info{display:none;position:absolute;color:#fff;background:#000;background:rgba(0,0,0,.9);padding:8px 1pc;border-radius:3px}#map #systems .sector-info:before{content:'';position:absolute;left:-20px;top:20px;border-style:solid;border-width:10px;border-color:transparent #000 transparent transparent;border-color:transparent rgba(0,0,0,.9) transparent transparent}#map #systems .sector-info h2{position:relative;font-size:40px;font-weight:700;line-height:40px;text-shadow:0 0 5px #000;margin:0;padding:0}#map #systems .sector-info p{font-size:13px;margin:6px 0 0 0;padding:0;font-weight:700;font-variant:small-caps}#map #systems .sector-info p a{position:static;display:inline-block;color:#fff;background:#202020;border-radius:3px;line-height:20px;width:20px;text-align:center;text-decoration:none;border:solid 1px rgba(255,255,255,.5);margin:0 5px 0 0}#map #systems .sector-info.color1 p a{background:#6e161b}#map #systems .sector-info.color2 p a{background:#1f1471}#map #systems .sector-info.color3 p a{background:#dbb200}#map #systems .sector-info.color4 p a{background:#5a1072}#map #systems .sector-info.color5 p a{background:#2c7915}#map #systems .sector-info.color6 p a{background:#076b87}#map #systems .sector-info.color7 p a{background:#67331d}#map #systems .sector-info.color8 p a{background:#d87913}#map #systems .sector-info.color9 p a{background:#2c7915}#map #systems .sector-info.color10 p a{background:#760f36}#map #systems .sector-info.color11 p a{background:#219772}#map #systems .sector-info.color12 p a{background:#dbb200}#map #map-info{display:none;position:absolute;top:0;right:0;left:auto;bottom:auto;height:auto;width:auto;margin:40px 60px 0 0;color:#fff;text-align:right}#map #map-info h2{margin:0;padding:0 20px;font-size:38px;line-height:60px}#map #map-info h3{margin:0;padding:0 20px;font-size:1pc;font-weight:400;line-height:40px}#map #map-info ul{margin:10px 0;padding:0;list-style:none}#map #map-info ul li{position:relative;margin:0;padding:0 40px 0 0;line-height:20px;height:20px;font-style:italic;color:#CCC;font-size:13px}#map #map-info ul li img{position:absolute;right:10px;top:0}#map #spying circle{fill:#2c7915}#map #fleet-movements line{stroke:#57c632}#map #fleet-movements circle{fill:#57c632}#map-option{z-index:1000;position:absolute;display:inline-block;height:2pc;padding:3px 0;background:url(src/desktop/map/bOption.png) repeat-x;top:30px;right:20px}#map-option:before{content:'';position:absolute;display:block;left:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bLeftOption.png)}#map-option:after{content:'';position:absolute;display:block;right:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bRightOption.png)}#map-option a{position:relative;display:inline-block;height:30px;width:30px;margin:1px 0 1px 1px;background:#0A0A0A}#map-option a.active{background:#004948}#map-option a img{position:absolute;top:5px;left:5px;width:22px}.color1 #map-option a.active{background:#510816}.color2 #map-option a.active{background:#0c0d44}.color3 #map-option a.active{background:#b17a00}.color4 #map-option a.active{background:#310948}.color5 #map-option a.active{background:#24500a}.color6 #map-option a.active{background:#004948}.color7 #map-option a.active{background:#401b13}.color8 #map-option a.active{background:#c3590b}.color9 #map-option a.active{background:#24500a}.color10 #map-option a.active{background:#4d0621}.color11 #map-option a.active{background:#10684c}.color12 #map-option a.active{background:#b17a00}#map-content{z-index:1000;position:absolute;top:5pc;right:20px;display:block}#map-content .mini-map{position:relative;width:300px;height:300px;overflow:hidden;border:solid 1px #202020;background:url(src/desktop/map/common/galaxy.jpg) no-repeat #0a0a0a}#map-content .mini-map polygon{stroke:#fff;stroke-width:.5px;opacity:.3}#map-content .mini-map polygon:focus,#map-content .mini-map polygon:hover{opacity:.1;cursor:pointer}#map-content .mini-map polygon.ally0{fill:#202020}#map-content .mini-map polygon.ally1{fill:#6e161b}#map-content .mini-map polygon.ally2{fill:#1f1471}#map-content .mini-map polygon.ally3{fill:#dbb200}#map-content .mini-map polygon.ally4{fill:#5a1072}#map-content .mini-map polygon.ally5{fill:#2c7915}#map-content .mini-map polygon.ally6{fill:#076b87}#map-content .mini-map polygon.ally7{fill:#67331d}#map-content .mini-map polygon.ally8{fill:#d87913}#map-content .mini-map polygon.ally9{fill:#2c7915}#map-content .mini-map polygon.ally10{fill:#760f36}#map-content .mini-map polygon.ally11{fill:#219772}#map-content .mini-map polygon.ally12{fill:#dbb200}#map-content .mini-map .number{position:absolute;z-index:600;top:0;left:0}#map-content .mini-map .sectors{z-index:500;position:absolute;top:0;left:0}#map-content .mini-map .bases{z-index:400;position:absolute;top:0;left:0}#map-content .mini-map .bases circle{fill:rgba(255,255,255,.2);stroke:#fff}#map-content .mini-map .viewport{position:absolute;top:0;left:0;background:rgba(255,255,255,.1);border:solid 1px #fff;border-radius:3px}#map-content .mini-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:11px}.map-movers{display:none;position:absolute;z-index:900;background-repeat:no-repeat;background-position:center}#coord-box{z-index:1000;position:absolute;bottom:20px;right:20px;width:5pc;padding:5px 10px;background:rgba(0,0,0,.8);color:#fff;font-size:20px;text-align:center}.tactical-map{margin:10px;position:relative;background:url(src/desktop/map/common/galaxy-large.jpg) repeat #0a0a0a}.tactical-map polygon{stroke:#fff;stroke-width:.3px;opacity:.15}.tactical-map polygon.enabled{position:relative;stroke-width:2px;opacity:.8;z-index:1}.tactical-map polygon.enabled.ally1{stroke:#510816}.tactical-map polygon.enabled.ally2{stroke:#0c0d44}.tactical-map polygon.enabled.ally3{stroke:#b17a00}.tactical-map polygon.enabled.ally4{stroke:#310948}.tactical-map polygon.enabled.ally5{stroke:#24500a}.tactical-map polygon.enabled.ally6{stroke:#004948}.tactical-map polygon.enabled.ally7{stroke:#401b13}.tactical-map polygon.enabled.ally8{stroke:#c3590b}.tactical-map polygon.enabled.ally9{stroke:#24500a}.tactical-map polygon.enabled.ally10{stroke:#4d0621}.tactical-map polygon.enabled.ally11{stroke:#10684c}.tactical-map polygon.enabled.ally12{stroke:#b17a00}.tactical-map polygon.ally0{fill:#202020}.tactical-map polygon.ally1{fill:#6e161b}.tactical-map polygon.ally2{fill:#1f1471}.tactical-map polygon.ally3{fill:#dbb200}.tactical-map polygon.ally4{fill:#5a1072}.tactical-map polygon.ally5{fill:#2c7915}.tactical-map polygon.ally6{fill:#076b87}.tactical-map polygon.ally7{fill:#67331d}.tactical-map polygon.ally8{fill:#d87913}.tactical-map polygon.ally9{fill:#2c7915}.tactical-map polygon.ally10{fill:#760f36}.tactical-map polygon.ally11{fill:#219772}.tactical-map polygon.ally12{fill:#dbb200}.tactical-map .number{position:absolute;z-index:800;top:0;left:0}.tactical-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:9pt;line-height:22px;width:22px;text-align:center;border-radius:100%;box-shadow:0 0 1px #fff}.tactical-map .number span.ally0{background:#0A0A0A}.tactical-map .number span.ally1{background:#510816}.tactical-map .number span.ally2{background:#0c0d44}.tactical-map .number span.ally3{background:#b17a00}.tactical-map .number span.ally4{background:#310948}.tactical-map .number span.ally5{background:#24500a}.tactical-map .number span.ally6{background:#004948}.tactical-map .number span.ally7{background:#401b13}.tactical-map .number span.ally8{background:#c3590b}.tactical-map .number span.ally9{background:#24500a}.tactical-map .number span.ally10{background:#4d0621}.tactical-map .number span.ally11{background:#10684c}.tactical-map .number span.ally12{background:#b17a00}.tactical-map .number span.active{background:#fff;color:#000;box-shadow:0 0 10px #000}.tactical-map.reactive polygon.enabled.active,.tactical-map.reactive polygon.enabled:hover{cursor:pointer}.tactical-map.reactive polygon.enabled.active.ally1,.tactical-map.reactive polygon.enabled:hover.ally1{fill:#510816}.tactical-map.reactive polygon.enabled.active.ally2,.tactical-map.reactive polygon.enabled:hover.ally2{fill:#0c0d44}.tactical-map.reactive polygon.enabled.active.ally3,.tactical-map.reactive polygon.enabled:hover.ally3{fill:#b17a00}.tactical-map.reactive polygon.enabled.active.ally4,.tactical-map.reactive polygon.enabled:hover.ally4{fill:#310948}.tactical-map.reactive polygon.enabled.active.ally5,.tactical-map.reactive polygon.enabled:hover.ally5{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally6,.tactical-map.reactive polygon.enabled:hover.ally6{fill:#004948}.tactical-map.reactive polygon.enabled.active.ally7,.tactical-map.reactive polygon.enabled:hover.ally7{fill:#401b13}.tactical-map.reactive polygon.enabled.active.ally8,.tactical-map.reactive polygon.enabled:hover.ally8{fill:#c3590b}.tactical-map.reactive polygon.enabled.active.ally9,.tactical-map.reactive polygon.enabled:hover.ally9{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally10,.tactical-map.reactive polygon.enabled:hover.ally10{fill:#4d0621}.tactical-map.reactive polygon.enabled.active.ally11,.tactical-map.reactive polygon.enabled:hover.ally11{fill:#10684c}.tactical-map.reactive polygon.enabled.active.ally12,.tactical-map.reactive polygon.enabled:hover.ally12{fill:#b17a00}#action-box{display:block;z-index:1100;position:absolute;width:100%;height:300px;bottom:-300px;left:0;border-top:solid 1px #0A0A0A;background:#000;box-shadow:0 0 15px #000}#action-box .header{position:relative;background:#000;border-bottom:solid 1px #202020;height:36px;color:#EFEFEF}#action-box .header ul{list-style:none inset;margin:0;padding:0}#action-box .header ul li{display:inline-block;line-height:36px;padding:0 10px;color:#CCC;border-right:solid 1px #202020}#action-box .header ul li a{display:inline-block;line-height:24px;margin:3px 0;padding:0 6px;text-decoration:none;color:#CCC;background:#0A0A0A;border:solid 1px #202020;border-right:none;color:#8F8F8F}#action-box .header ul li a:first-child{border-radius:3px 0 0 3px}#action-box .header ul li a:last-child{border-right:solid 1px #202020;border-radius:0 3px 3px 0}#action-box .header ul li a:focus,#action-box .header ul li a:hover{background:#202020;color:#fff}#action-box .header ul li a.active{color:#fff;position:relative;z-index:1;background:#24500a}#action-box .header ul li img{position:relative;top:5px;width:20px;border-radius:100%}#action-box .header .button{position:absolute;top:7px;right:10px;line-height:22px;width:22px;text-align:center;background:#202020;border-radius:3px;text-decoration:none;text-transform:uppercase;color:#fff}#action-box .header .button:focus,#action-box .header .button:hover{background:#4F4F4F}#action-box .body{position:relative;overflow:hidden;width:100%;height:263px;background:url(src/desktop/map/common/bLine.jpg) repeat-x center #080808}#action-box .actbox-movers{position:absolute;display:block;width:60px;height:263px;z-index:1103;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#action-box .actbox-movers:focus,#action-box .actbox-movers:hover{background-color:rgba(255,255,255,.05)}#action-box .actbox-movers:active{background-color:rgba(255,255,255,.15)}#action-box .actbox-movers#actboxToLeft{background:url(src/desktop/mover/left.png) no-repeat center}#action-box .actbox-movers#actboxToRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center}#action-box .body .system{position:absolute;top:0;left:0;height:263px;width:3000px}#action-box .body .system ul{display:inline-block;list-style:none inset;margin:0;padding:0}#action-box .body .system ul li{display:inline-block}#action-box .body .system ul li.action,#action-box .body .system ul li.place a{width:75pt;height:260px;border-top:solid 3px #fff;position:relative}#action-box .body .system ul li.action.color1,#action-box .body .system ul li.place.color1 a{border-top-color:#6e161b}#action-box .body .system ul li.action.color2,#action-box .body .system ul li.place.color2 a{border-top-color:#1f1471}#action-box .body .system ul li.action.color3,#action-box .body .system ul li.place.color3 a{border-top-color:#dbb200}#action-box .body .system ul li.action.color4,#action-box .body .system ul li.place.color4 a{border-top-color:#5a1072}#action-box .body .system ul li.action.color5,#action-box .body .system ul li.place.color5 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color6,#action-box .body .system ul li.place.color6 a{border-top-color:#076b87}#action-box .body .system ul li.action.color7,#action-box .body .system ul li.place.color7 a{border-top-color:#67331d}#action-box .body .system ul li.action.color8,#action-box .body .system ul li.place.color8 a{border-top-color:#d87913}#action-box .body .system ul li.action.color9,#action-box .body .system ul li.place.color9 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color10,#action-box .body .system ul li.place.color10 a{border-top-color:#760f36}#action-box .body .system ul li.action.color11,#action-box .body .system ul li.place.color11 a{border-top-color:#219772}#action-box .body .system ul li.action.color12,#action-box .body .system ul li.place.color12 a{border-top-color:#dbb200}#action-box .body .system ul li.star{width:300px;height:263px;border-left:solid 1px #0F0F0F;background:url(src/desktop/map/systems/default.png) no-repeat center center}#action-box .body .system ul li.place a{display:block;border-left:solid 1px #0F0F0F;text-align:center}#action-box .body .system ul li.place a strong{position:absolute;bottom:8px;left:10px;font-size:18px;font-weight:700;color:#fff}#action-box .body .system ul li.place a .land{position:absolute;z-index:1102;top:88px;left:10px;width:5pc;border-radius:100%}#action-box .body .system ul li.place.active a .land{box-shadow:0 0 0 1px #202020;background:#080808}#action-box .body .system ul li.place a .avatar{position:absolute;z-index:1101;top:10px;left:20px;padding:7px;border:solid 1px #0F0F0F;background:#000;width:47px;border-radius:100%}#action-box .body .system ul li.action{width:0;overflow:hidden}#action-box .body .system ul li.action .content{position:absolute;top:9px;left:9pt;height:15pc;width:545px;background:#111;border:solid 1px #202020;box-shadow:inset 0 0 5px #000;border-radius:3px}#action-box .body .system ul li.action .content:before{content:'';position:absolute;top:107px;left:-24px;border-width:9pt;border-style:solid;border-color:transparent #202020 transparent transparent}#action-box .body .system ul li.action .content .column{position:relative;display:inline-block;vertical-align:top;height:15pc;border-right:solid 1px #202020;color:#fff}#action-box .body .system ul li.action .content .column .last-spy-link{position:absolute;top:6px;right:8px;opacity:.5;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}#action-box .body .system ul li.action .content .column .last-spy-link:focus,#action-box .body .system ul li.action .content .column .last-spy-link:hover{opacity:1}#action-box .body .system ul li.action .content .column.info{width:199px}#action-box .body .system ul li.action .content .column.act{width:345px;border-right:none}#action-box .body .system ul li.action .content .column p{margin:2px 10px}#action-box .body .system ul li.action .content .column a{color:#fff}#action-box .body .system ul li.action .content .column hr{margin:8px 10px;border:none;background:0 0;border-bottom:solid 1px #202020}#action-box .body .system ul li.action .content .column strong{line-height:30px}#action-box .body .system ul li.action .content .column.info strong{line-height:28px;font-size:18px}#action-box .body .system ul li.action .content .column .label{display:inline-block;width:78px;font-size:9pt}#action-box .body .system ul li.action .content .column .value{display:inline-block;width:75pt;text-align:left}#action-box .body .system ul li.action .content .column .value .icon,#action-box .body .system ul li.action .content .column .value .icon-color{width:18px;height:18px;padding:1px}#action-box .body .system ul li.action .content .column.act .top .grey{opacity:.4}#action-box .body .system ul li.action .content .column.act .top img{width:45px;padding:8px;margin:0 4px 2px 0;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}#action-box .body .system ul li.action .content .column .bottom,#action-box .body .system ul li.action .content .column .top{padding:5px}#action-box .body .system ul li.action .box{display:none;position:absolute;left:10px;right:10px;bottom:10px;top:5pc;background:#000;border-radius:3px}#action-box .body .system ul li.action .box:nth-child(1){display:block}#action-box .body .system ul li.action .box:before{content:'';position:absolute;top:-20px;border-style:solid;border-width:10px;border-color:transparent transparent #000 transparent}#action-box .body .system ul li.action .box:nth-child(1):before{left:15px}#action-box .body .system ul li.action .box:nth-child(2):before{left:84px}#action-box .body .system ul li.action .box:nth-child(3):before{left:152px}#action-box .body .system ul li.action .box:nth-child(4):before{left:218px}#action-box .body .system ul li.action .box:nth-child(5):before{left:284px}#action-box .body .system ul li.action .box h2{margin:0;padding:0 11px;line-height:35px;font-size:15px}#action-box .body .system ul li.action .box .box-content{position:absolute;top:35px;left:0;right:0;bottom:0;border-radius:0 0 3px 3px;padding:8px 10px;background:#080808;border:solid 1px #000;overflow:hidden}#action-box .body .system ul li.action .box .box-content .commander-tile .item{display:none}#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander{display:block}#action-box .body .system ul li.action .box .box-content .spy-button{display:inline-block;width:75pt;text-decoration:none;margin:8px 0}#action-box .body .system ul li.action .box .box-content .spy-button .picto{float:left;width:30px;height:30px;margin:0 5px 0 0}#action-box .body .system ul li.action .box .box-content .spy-button span{display:block}#action-box .body .system ul li.action .box .box-content .spy-button .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .spy-form{margin-top:10px}#action-box .body .system ul li.action .box .box-content .spy-form input{width:187px;padding:7px;border:none;background:#fff;border-radius:3px 0 0 3px}#action-box .body .system ul li.action .box .box-content .spy-form button{width:75pt;padding:6px 6px;border:none;color:#fff;background:#2c7915;cursor:pointer;border-radius:0 3px 3px 0}#action-box .body .system ul li.action .box .box-content .spy-form button:focus,#action-box .body .system ul li.action .box .box-content .spy-form button:hover{background:#24500a}#action-box .body .system ul li.action .box .box-content .label-box{display:inline-block;width:50%;margin:5px 0}#action-box .body .system ul li.action .box .box-content .label-box .key{display:block}#action-box .body .system ul li.action .box .box-content .label-box .val{display:block;font-size:18px;font-weight:700}#action-box .body .system ul li.action .box .box-content .rc{margin:5px 0 0 0;padding:10px 10px 0 50px;border-top:solid 1px #202020}#action-box .body .system ul li.action .box .box-content .rc .planet{position:absolute;top:-25px;left:-25px;width:76px;height:76px;border:solid 1px #202020;border-radius:100%;background:#000}#action-box .body .system ul li.action .box .box-content .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .button{display:inline-block;background:#202020;border:solid 1px #4F4F4F;line-height:26px;margin:5px 0 0 0;padding:0 8px;text-align:center;text-decoration:none}#action-box .body .system ul li.action .box .box-content a.button{background:#2c7915;border:#24500a}#action-box .body .system ul li.action .box .box-content a.button:focus,#action-box .body .system ul li.action .box .box-content a.button:hover{background:#24500a}.component.admin table{margin:10px;border-collapse:collapse;width:877px}.component.admin table tr{border-bottom:solid 1px #202020}.component.admin table td{padding:5px 10px;vertical-align:top}.component.admin table .button{display:inline-block;padding:0 5px;line-height:25px;min-width:15px;text-align:center;color:#fff;border-radius:3px;background:#4F4F4F;text-decoration:none}.component.admin table td:nth-child(1){width:50px}.component.admin table td:nth-child(2){width:75pt}.component.admin table td:nth-child(3){width:auto}.component.admin table td:nth-child(4){width:5pc}.on-off-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#2c7915;border:solid 1px #24500a;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}.on-off-button:focus,.on-off-button:hover{background:#24500a;border-color:#2c7915}.on-off-button.disabled{background:#202020;border-color:#4F4F4F}.inscription #nav .box.left span{display:inline-block;line-height:2pc;padding:0 10px;margin:5px 2px;font-size:14px;width:5pc;text-align:center;color:#4f4f4f;text-decoration:none;font-variant:small-caps}.inscription #nav .box.left span.active{color:#fff}.inscription #nav .box.right{display:none}.inscription #inscription-subnav{position:fixed;top:45px;left:0;width:210px;margin:0 20px 0 60px;z-index:500}.inscription #inscription-subnav .bind{height:15px;background:url(src/desktop/inscriptionSubnav/bBind.png) no-repeat center}.inscription #inscription-subnav .head{position:relative;height:214px;background:url(src/desktop/inscriptionSubnav/bHead.png) no-repeat center}.inscription #inscription-subnav .head h2{position:absolute;margin:0;padding:0;top:5px;font-weight:700;font-size:1pc;line-height:24px;width:210px;overflow:hidden;text-align:center;color:#fff}.inscription #inscription-subnav .head img{position:absolute;top:43px;left:28px;width:125px;height:125px;background:#0A0A0A}.inscription #inscription-subnav .head .level{position:absolute;display:block;bottom:15px;left:0;width:100%;font-size:20px;line-height:41px;color:#fff;text-align:center;background:url(src/desktop/inscriptionSubnav/bLevel.png) no-repeat center}.inscription #inscription-subnav .head .experience{position:absolute;display:inline-block;top:50px;right:2pc;width:21px;height:7pc}.inscription #inscription-subnav .head .experience .value{position:absolute;display:block;width:100%;bottom:0;border-radius:3px}.inscription #inscription-subnav .foot{height:290px}.inscription #movers .toLeft{left:0!important}.inscription .component.inscription img.color1{background:#6e161b!important}.inscription .component.inscription img.color2{background:#1f1471!important}.inscription .component.inscription img.color3{background:#dbb200!important}.inscription .component.inscription img.color4{background:#5a1072!important}.inscription .component.inscription img.color5{background:#2c7915!important}.inscription .component.inscription img.color6{background:#076b87!important}.inscription .component.inscription img.color7{background:#67331d!important}.inscription .component.inscription img.color8{background:#d87913!important}.inscription .component.inscription img.color9{background:#2c7915!important}.inscription .component.inscription img.color10{background:#760f36!important}.inscription .component.inscription img.color11{background:#219772!important}.inscription .component.inscription img.color12{background:#dbb200!important}.inscription .component.inscription .chooseLink{display:block;margin:10px;padding:10px 60px 10px 20px;background:url(src/desktop/mover/right.png) no-repeat 235px center #ccc;text-decoration:none;color:#fff;text-shadow:0 0 2px #000;border:solid 1px #202020;cursor:pointer;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s}.inscription .component.inscription .chooseLink:focus,.inscription .component.inscription .chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.inscription .component.inscription button.chooseLink{width:277px;text-align:left}.inscription .component.inscription.color1 .chooseLink{background-color:#6e161b}.inscription .component.inscription.color2 .chooseLink{background-color:#1f1471}.inscription .component.inscription.color3 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color4 .chooseLink{background-color:#5a1072}.inscription .component.inscription.color5 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color6 .chooseLink{background-color:#076b87}.inscription .component.inscription.color7 .chooseLink{background-color:#67331d}.inscription .component.inscription.color8 .chooseLink{background-color:#d87913}.inscription .component.inscription.color9 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color10 .chooseLink{background-color:#760f36}.inscription .component.inscription.color11 .chooseLink{background-color:#219772}.inscription .component.inscription.color12 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color1 .chooseLink:focus,.inscription .component.inscription.color1 .chooseLink:hover{background-color:#510816}.inscription .component.inscription.color2 .chooseLink:focus,.inscription .component.inscription.color2 .chooseLink:hover{background-color:#0c0d44}.inscription .component.inscription.color3 .chooseLink:focus,.inscription .component.inscription.color3 .chooseLink:hover{background-color:#b17a00}.inscription .component.inscription.color4 .chooseLink:focus,.inscription .component.inscription.color4 .chooseLink:hover{background-color:#310948}.inscription .component.inscription.color5 .chooseLink:focus,.inscription .component.inscription.color5 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color6 .chooseLink:focus,.inscription .component.inscription.color6 .chooseLink:hover{background-color:#004948}.inscription .component.inscription.color7 .chooseLink:focus,.inscription .component.inscription.color7 .chooseLink:hover{background-color:#401b13}.inscription .component.inscription.color8 .chooseLink:focus,.inscription .component.inscription.color8 .chooseLink:hover{background-color:#c3590b}.inscription .component.inscription.color9 .chooseLink:focus,.inscription .component.inscription.color9 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color10 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#4d0621}.inscription .component.inscription.color11 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#10684c}.inscription .component.inscription.color12 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#b17a00}.inscription .component.inscription .chooseLink strong{display:block;font-size:15px;border-bottom:solid 1px rgba(255,255,255,.25);padding:0 0 5px 0;margin:0 0 5px 0}.inscription .component.inscription .chooseLink em{font-style:normal}.inscription .component.inscription span.chooseLink{background:#202020!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25);cursor:auto;padding:10px}.inscription .component.inscription span.chooseLink:focus,.inscription .component.inscription span.chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}.inscription .component.inscription blockquote{line-height:200%}.inscription .component.inscription #base,.inscription .component.inscription #pseudo{position:relative;width:100%;border:none;padding:9pt 0;margin:0;text-align:center;font-size:26px;font-weight:700;background:#fff;border-radius:3px}.inscription .component.inscription.color1 #pseudo{color:#510816}.inscription .component.inscription.color2 #pseudo{color:#0c0d44}.inscription .component.inscription.color3 #pseudo{color:#b17a00}.inscription .component.inscription.color4 #pseudo{color:#310948}.inscription .component.inscription.color5 #pseudo{color:#24500a}.inscription .component.inscription.color6 #pseudo{color:#004948}.inscription .component.inscription.color7 #pseudo{color:#401b13}.inscription .component.inscription.color8 #pseudo{color:#c3590b}.inscription .component.inscription.color9 #pseudo{color:#24500a}.inscription .component.inscription.color10 #pseudo{color:#4d0621}.inscription .component.inscription.color11 #pseudo{color:#10684c}.inscription .component.inscription.color12 #pseudo{color:#b17a00}.inscription .component.inscription .avatars{padding:5px;text-align:center}.inscription .component.inscription .avatar{position:relative;display:inline-block;margin:0 5px;padding:5px;background:#202020;border:solid 5px #0A0A0A;border-radius:100%}.inscription .component.inscription .avatar input{position:absolute;top:10px;left:10px}.inscription .component.inscription .avatar img{display:block;width:117px;cursor:pointer;border-radius:100%}.inscription .component.inscription.color1 .avatar:hover{border-color:#510816}.inscription .component.inscription.color2 .avatar:hover{border-color:#0c0d44}.inscription .component.inscription.color3 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color4 .avatar:hover{border-color:#310948}.inscription .component.inscription.color5 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color6 .avatar:hover{border-color:#004948}.inscription .component.inscription.color7 .avatar:hover{border-color:#401b13}.inscription .component.inscription.color8 .avatar:hover{border-color:#c3590b}.inscription .component.inscription.color9 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color10 .avatar:hover{border-color:#4d0621}.inscription .component.inscription.color11 .avatar:hover{border-color:#10684c}.inscription .component.inscription.color12 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color1 .avatar.active{border-color:#b01e2d}.inscription .component.inscription.color2 .avatar.active{border-color:#2f23c0}.inscription .component.inscription.color3 .avatar.active{border-color:#ffdb0f}.inscription .component.inscription.color4 .avatar.active{border-color:#a935c7}.inscription .component.inscription.color5 .avatar.active{border-color:#57c632}.inscription .component.inscription.color6 .avatar.active{border-color:#05bed7}.inscription .component.inscription.color7 .avatar.active{border-color:#ac5832}.inscription .component.inscription.color8 .avatar.active{border-color:#f2b636}.inscription .component.inscription.color9 .avatar.active{border-color:#57c632}.inscription .component.inscription.color10 .avatar.active{border-color:#a92859}.inscription .component.inscription.color11 .avatar.active{border-color:#34b089}.inscription .component.inscription.color12 .avatar.active{border-color:#ffdb0f}.inscription #alert{bottom:-9pt;z-index:10000}.inscription .build-item{min-height:60px}.inscription .build-item .name{padding-top:2px!important}.inscription .build-item .name strong{font-size:1pc!important}.inscription .build-item .name em{font-size:9pt!important}.color0 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor0.png) no-repeat top left}.color1 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor1.png) no-repeat top left}.color2 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor2.png) no-repeat top left}.color3 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor3.png) no-repeat top left}.color4 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor4.png) no-repeat top left}.color5 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor5.png) no-repeat top left}.color6 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor6.png) no-repeat top left}.color7 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor7.png) no-repeat top left}.color8 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor8.png) no-repeat top left}.color9 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor9.png) no-repeat top left}.color10 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor10.png) no-repeat top left}.color11 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor11.png) no-repeat top left}.color12 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor12.png) no-repeat top left}.ac_results{width:100%;padding:0;border:1px solid #4F4F4F;background-color:#fff;overflow:hidden;z-index:99999;box-shadow:0 0 6px #000;border-radius:3px}.ac_results ul{width:100%;padding:0;margin:0;list-style-position:outside;list-style:none}.ac_results ul li{padding:4px 8px;margin:0;cursor:default;display:block;border-bottom:solid 1px #CCC;overflow:hidden}.ac_results ul li:last-child{border:none}.ac_results .img{float:left;width:36px;background:#202020;border-radius:3px;margin:0 8px 0 0}.ac_results .value-1,.ac_results .value-2{display:block;line-height:18px}.ac_results .value-1{font-weight:700}.ac_loading{background:#fff url(src/desktop/module/indicator.gif) right center no-repeat}.ac_over{background:#efefef}.ac_results .ac_over strong{color:#000}.ac_results .ac_over img{background:#fff}
\ No newline at end of file
+html {
+ height: 100%;
+}
+body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Roboto', 'Trebuchet MS', 'Arial', sans-serif;
+ font-size: 13px;
+}
+.bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ max-width: 280px;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+}
+.bull.top:before {
+ bottom: -14px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+.bull.bottom:before {
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+}
+.bull.left:before {
+ right: 12px;
+}
+.bull.right:before {
+ left: 12px;
+}
+body {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: black;
+}
+#nav,
+#tools {
+ position: fixed;
+ width: 100%;
+ height: 26px;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ box-shadow: 0 0 10px black;
+ z-index: 1000;
+ border-color: #57c632;
+}
+#nav {
+ top: 0;
+ left: 0;
+ background: url('src/desktop/nav/bNav.png') repeat-x black;
+ border-bottom: solid 3px black;
+}
+#tools {
+ bottom: 0;
+ left: 0;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ border-top: solid 3px black;
+}
+#container {
+ position: absolute;
+ top: 29px;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ background: black;
+ overflow: hidden;
+ z-index: 0;
+ background: url('src/desktop/global/background.jpg') repeat-x black;
+}
+.icon,
+.icon-color {
+ display: inline-block;
+ vertical-align: bottom;
+ padding: 2px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.icon-color {
+ background: #57c632 !important;
+}
+#background-paralax {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: no-repeat bottom left transparent;
+ z-index: 100;
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.profil {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.message {
+ background-image: url('src/desktop/screen/message.jpg');
+}
+#background-paralax.fleet {
+ background-image: url('src/desktop/screen/fleet.jpg');
+}
+#background-paralax.financial {
+ background-image: url('src/desktop/screen/financial.jpg');
+}
+#background-paralax.technology {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.rank {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.params {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.bases {
+ background-image: url('src/desktop/screen/base.jpg');
+}
+#movers a {
+ position: absolute;
+ width: 60px;
+ height: 100%;
+ z-index: 400;
+ background: red;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#movers a:hover,
+#movers a:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+#movers a:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+#movers .toLeft {
+ top: 0;
+ left: 60px;
+ background: url('src/desktop/mover/left.png') no-repeat center transparent;
+}
+#movers .toRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center transparent;
+}
+/* finance */
+.component.financial table {
+ border-collapse: collapse;
+ width: 100%;
+}
+.component.financial td {
+ vertical-align: top;
+ width: 50%;
+}
+/* uni */
+.component.uni .build-item {
+ height: 60px;
+ margin: 20px;
+}
+/* techno */
+.component.techno .build-item .name strong {
+ font-size: 16px;
+}
+/* school */
+.component.school .build-item .name strong {
+ font-size: 18px;
+}
+/* generator */
+.component.generator table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* dock1 */
+.component.dock1 table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* situation */
+.component.space .fix-body {
+ background: url('src/desktop/base/situation.jpg') no-repeat top left black;
+}
+/* memorial */
+.component.memorial blockquote {
+ font-size: 22px;
+ margin: 30px 15px 0 30px;
+ line-height: 160%;
+ font-weight: bold;
+ text-align: center;
+}
+.component .info-building {
+ margin: 10px;
+ padding: 0;
+ font-size: 13px;
+ border-top: solid 1px #4F4F4F;
+}
+.component .info-building h4 {
+ margin: 10px;
+}
+.component .info-building p {
+ font-size: 13px;
+}
+#tools .box a,
+#nav .box a,
+#tools .box > span,
+#nav .box > span {
+ position: relative;
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 25px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 150px;
+ color: white;
+ text-decoration: none;
+ font-variant: small-caps;
+ background: url('src/desktop/button/bButtonMiddle.png') repeat-x;
+}
+#tools .box a:before,
+#nav .box a:before,
+#tools .box > span:before,
+#nav .box > span:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonLeft.png') no-repeat;
+}
+#tools .box a:after,
+#nav .box a:after,
+#tools .box > span:after,
+#nav .box > span:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonRight.png') no-repeat;
+}
+#tools .box a.current-base,
+#nav .box a.current-base {
+ margin-left: 56px;
+}
+#tools .box a.current-base img,
+#nav .box a.current-base img {
+ position: absolute;
+ top: -16px;
+ left: -54px;
+ background: black;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ border: solid 2px #4F4F4F;
+ width: 60px;
+}
+#tools .box a:hover:before,
+#nav .box a:hover:before,
+#tools .box a:focus:before,
+#nav .box a:focus:before {
+ background: url('src/desktop/button/bButtonLeftHover.png') repeat;
+}
+#tools .box a:hover:after,
+#nav .box a:hover:after,
+#tools .box a:focus:after,
+#nav .box a:focus:after {
+ background: url('src/desktop/button/bButtonRightHover.png') repeat;
+}
+#tools .box a.active,
+#nav .box a.active {
+ background: url('src/desktop/button/bButtonMiddleActive.png') repeat;
+}
+#tools .box a.active:before,
+#nav .box a.active:before {
+ background: url('src/desktop/button/bButtonLeftActive.png') repeat;
+}
+#tools .box a.active:after,
+#nav .box a.active:after {
+ background: url('src/desktop/button/bButtonRightActive.png') repeat;
+}
+#tools .box a.square,
+#nav .box a.square {
+ position: relative;
+ padding: 0 5px;
+ margin: 5px 2px;
+ height: 32px;
+ width: 30px;
+ background: url('src/desktop/button/bLittleButton.png') no-repeat;
+ vertical-align: top;
+}
+#tools .box a.square:before,
+#nav .box a.square:before,
+#tools .box a.square:after,
+#nav .box a.square:after {
+ display: none;
+}
+#tools .box a.square:hover,
+#nav .box a.square:hover,
+#tools .box a.square:focus,
+#nav .box a.square:focus {
+ background: url('src/desktop/button/bLittleButtonHover.png') no-repeat;
+}
+#tools .box a.square.active,
+#nav .box a.square.active {
+ background: url('src/desktop/button/bLittleButtonActive-c5.png') no-repeat;
+}
+#tools .box a.square.active.flashy,
+#nav .box a.square.active.flashy {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: inset 0 0 12px #57c632;
+}
+#tools .box a.square img,
+#nav .box a.square img {
+ position: absolute;
+ width: 24px;
+ top: 3px;
+ left: 8px;
+}
+#tools .box a.square span.number,
+#nav .box a.square span.number {
+ position: absolute;
+ top: -5px;
+ right: -5px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ font-size: 11px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ background: #24500a;
+}
+#nav .box {
+ position: absolute;
+ display: inline-block;
+ height: 46px;
+ padding: 0 3px;
+ background: url('src/desktop/nav/bNavBox.png') repeat-x;
+}
+#nav .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxLeft.png') no-repeat;
+}
+#nav .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxRight.png') no-repeat;
+}
+#nav .box.left {
+ top: 0;
+ left: 25px;
+}
+#nav .box.left-2 {
+ top: 0;
+ left: 420px;
+}
+#nav .box.left-3 {
+ top: 0;
+ left: 732px;
+}
+#nav .box.right {
+ top: 0;
+ right: 25px;
+}
+#nav .box a.square span.number {
+ bottom: -5px;
+ top: auto;
+}
+#tools .box {
+ position: absolute;
+ display: inline-block;
+ height: 40px;
+ padding: 1px 3px 0 3px;
+ background: url('src/desktop/tools/bToolBox.png') repeat-x;
+ font-size: 13px;
+}
+#tools .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxRight.png') no-repeat;
+}
+#tools .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxLeft.png') no-repeat;
+}
+#tools .box.left {
+ bottom: 0;
+ right: 340px;
+}
+#tools .box.right {
+ bottom: 0;
+ right: 25px;
+}
+#tools .box a.square img {
+ top: 4px;
+}
+#tools .box a.resource-link,
+#tools .box span.resource-link {
+ width: 110px;
+ font-size: 16px;
+}
+#tools .box a.resource-link img.icon-color,
+#tools .box span.resource-link img.icon-color {
+ position: relative;
+ display: inline-block;
+ width: 18px;
+ vertical-align: middle;
+ margin-left: 5px;
+ top: -2px;
+ padding: 1px;
+}
+#nav .overbox .overflow,
+#tools .overbox .overflow {
+ max-height: 400px;
+ overflow: auto;
+ position: relative;
+}
+#nav .overbox h2,
+#tools .overbox h2 {
+ color: white;
+ padding: 10px 15px;
+ margin: 0;
+ font-size: 14px;
+ font-weight: normal;
+ border-bottom: solid 1px #202020;
+}
+#nav .overbox .link-title,
+#tools .overbox .link-title {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ line-height: 20px;
+ font-size: 11px;
+ padding: 0 5px;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ text-decoration: none;
+ color: white;
+}
+#nav .overbox a,
+#tools .overbox a {
+ color: inherit;
+}
+#nav .overbox a.more-link,
+#tools .overbox a.more-link {
+ display: block;
+ padding: 8px;
+ font-size: 12px;
+ border-top: solid 1px #202020;
+ text-align: center;
+ text-decoration: none;
+ color: #4F4F4F;
+}
+#nav .overbox a.more-link:focus,
+#tools .overbox a.more-link:focus,
+#nav .overbox a.more-link:hover,
+#tools .overbox a.more-link:hover {
+ color: #CCC;
+}
+#nav .overbox p.info,
+#tools .overbox p.info {
+ padding: 5px 15px;
+ font-size: 12px;
+ text-align: center;
+ color: #CCC;
+}
+#nav .overbox .outside-button,
+#tools .overbox .outside-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #2c7915;
+ border: solid 1px #24500a;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+#nav .overbox .outside-button:hover,
+#tools .overbox .outside-button:hover,
+#nav .overbox .outside-button:focus,
+#tools .overbox .outside-button:focus {
+ background: #24500a;
+ border-color: #2c7915;
+}
+#nav .overbox .outside-button.disabled,
+#tools .overbox .outside-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+#nav .overbox input.outside-button,
+#tools .overbox input.outside-button {
+ line-height: 26px;
+}
+#nav .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+}
+#nav .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent transparent #202020 transparent;
+ top: -18px;
+ right: 30px;
+}
+#nav .overbox#change-bases {
+ top: 50px;
+ left: 10px;
+ width: 205px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#change-bases:before {
+ left: 30px;
+ right: auto;
+}
+#nav .overbox#change-bases a {
+ display: block;
+ padding: 3px 15px;
+ color: #CCC;
+ text-decoration: none;
+ font-size: 12px;
+ border-bottom: solid 1px #101010;
+}
+#nav .overbox#change-bases a:focus,
+#nav .overbox#change-bases a:hover {
+ background: #101010;
+}
+#nav .overbox#change-bases a.active {
+ background: #202020;
+}
+#nav .overbox#change-bases strong {
+ display: block;
+ color: #CCC;
+ font-size: 13px;
+}
+#nav .overbox#disconnect-box {
+ top: 50px;
+ right: 10px;
+ width: 205px;
+ padding: 8px 0;
+}
+#nav .overbox#disconnect-box hr {
+ margin: 8px 0;
+ border: none;
+ background: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#disconnect-box a {
+ display: block;
+ padding: 0 15px;
+ line-height: 25px;
+ font-size: 13px;
+ color: #CCC;
+ text-decoration: none;
+}
+#nav .overbox#disconnect-box a:hover,
+#nav .overbox#disconnect-box a:focus {
+ color: white;
+ background: #202020;
+}
+#nav .overbox#bug-tracker {
+ width: 250px;
+ top: 50px;
+ right: 98px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#bug-tracker p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 10px;
+}
+#nav .overbox#bug-tracker .option {
+ margin: 3px 10px 10px 10px;
+ display: block;
+ width: 330px;
+ padding: 5px;
+}
+#nav .overbox#bug-tracker textarea {
+ display: block;
+ margin: 0 10px 10px 10px;
+ padding: 5px;
+ width: 318px;
+ height: 200px;
+ min-width: 318px;
+ max-width: 318px;
+ border: solid 1px #202020;
+ font-family: 'Trebuchet MS', sans-serif;
+ font-size: 13px;
+}
+#nav .overbox#bug-tracker .button {
+ display: block;
+ margin: 0 10px 2px 10px;
+}
+#nav .overbox#roadmap {
+ width: 350px;
+ top: 50px;
+ right: 10px;
+}
+#nav .overbox#roadmap .overflow {
+ width: 350px;
+ padding: 8px 0;
+}
+#nav .overbox#roadmap p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 0 10px 10px 10px;
+}
+#nav .overbox#roadmap p em {
+ display: block;
+ font-size: 11px;
+ color: #4F4F4F;
+}
+#nav .overbox#roadmap hr {
+ margin: 5px 0;
+ border: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial {
+ width: 350px;
+ top: 50px;
+ right: 143px;
+ color: white;
+}
+#nav .overbox#tutorial form {
+ padding: 0 0 10px 0;
+ margin: 0;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial .overflow {
+ padding: 15px 15px 0 15px;
+}
+#nav .overbox#tutorial .overflow h3 {
+ position: relative;
+ margin: 0;
+ padding: 0 0 0 36px;
+}
+#nav .overbox#tutorial .overflow h3 .number {
+ position: absolute;
+ top: -4px;
+ left: 0;
+ display: block;
+ width: 26px;
+ line-height: 26px;
+ text-align: center;
+ background: #24500a;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ margin-right: 10px;
+}
+#nav .overbox#tutorial .overflow p {
+ font-size: 12px;
+ color: #CCC;
+}
+#nav .overbox#new-notifications {
+ top: 50px;
+ left: 627px;
+ width: 300px;
+}
+#tools .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ width: 300px;
+ bottom: 45px;
+ right: 15px;
+}
+#tools .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: #202020 transparent transparent transparent;
+ bottom: -18px;
+ right: 30px;
+}
+#tools .overbox.left-pic:before {
+ left: 30px;
+ right: auto;
+}
+#tools .overbox#tools-calendar {
+ left: 25px;
+ bottom: 45px;
+ right: auto;
+}
+#tools .overbox#tools-refinery {
+ right: 401px;
+ bottom: 45px;
+}
+#tools .overbox#tools-generator {
+ right: 237px;
+ bottom: 45px;
+}
+#tools .overbox#tools-technosphere {
+ right: 193px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock1 {
+ right: 148px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock2 {
+ right: 105px;
+ bottom: 45px;
+}
+#tools .overbox#tools-credit {
+ right: 140px;
+ bottom: 45px;
+}
+#tools .overbox#tools-incoming-attack {
+ right: 230px;
+ bottom: 45px;
+}
+#tools .overbox#tools-outgoing-attack {
+ right: 185px;
+ bottom: 45px;
+}
+#subnav {
+ position: fixed;
+ top: 29px;
+ left: 2px;
+ bottom: 29px;
+ padding: 40px 0;
+ width: 60px;
+ background: url('src/desktop/subnav/middle.png') repeat-y;
+ z-index: 1000;
+}
+#subnav hr {
+ border: none;
+ margin: 20px 0;
+}
+#subnav .overflow {
+ position: relative;
+}
+#subnav .move-side-bar {
+ display: none;
+ position: absolute;
+ z-index: 5000;
+ left: 5px;
+ width: 48px;
+ height: 48px;
+ line-height: 48px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.75);
+ background-position: center;
+ background-repeat: no-repeat;
+ border-radius: 100%;
+ cursor: pointer;
+}
+#subnav .move-side-bar:hover,
+#subnav .move-side-bar:focus {
+ box-shadow: 0 0 3px white;
+}
+#subnav .move-side-bar.top {
+ bottom: auto;
+ top: 20px;
+ background-image: url('src/desktop/component/top.png');
+}
+#subnav .move-side-bar.bottom {
+ bottom: 20px;
+ top: auto;
+ background-image: url('src/desktop/component/bottom.png');
+}
+#subnav .item {
+ position: relative;
+ display: block;
+ height: 50px;
+ width: 50px;
+ margin: 0 0 10px 0;
+ padding: 8px 5px;
+ color: white;
+ text-decoration: none;
+ background: url('src/desktop/subnav/button.png') no-repeat;
+}
+#subnav .item.active {
+ background: url('src/desktop/subnav/button-active-c5.png') no-repeat;
+}
+#subnav .item.striped {
+ background: url('src/desktop/subnav/button-striped.png') no-repeat;
+}
+#subnav .item:before {
+ content: '';
+ position: absolute;
+ right: -6px;
+ bottom: 0;
+ width: 12px;
+ height: 47px;
+ background: url('src/desktop/subnav/til.png') no-repeat;
+}
+#subnav .item:hover:before {
+ background: url('src/desktop/subnav/til-hover.png') no-repeat;
+}
+#subnav .item:hover > .content {
+ display: block;
+}
+#subnav .item .picto {
+ display: block;
+ height: 30px;
+ width: 30px;
+ padding: 10px;
+}
+#subnav .item .picto img {
+ display: block;
+ height: 30px;
+ width: 30px;
+}
+#subnav .item .picto .number {
+ position: absolute;
+ bottom: -5px;
+ right: -18px;
+ display: block;
+ width: 28px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ font-size: 12px;
+ background: url('src/desktop/subnav/number.png') no-repeat;
+}
+#subnav .item .content {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 75px;
+ width: 230px;
+}
+#subnav .item .content.skin-1 span {
+ display: inline-block;
+ margin: 15px 0 15px 16px;
+ padding: 0 15px;
+ line-height: 30px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-1 span:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content {
+ display: inline-block;
+ margin: 0 0 0 16px;
+ padding: 10px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-2 .sub-content:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content hr {
+ border: none;
+ border-top: solid 1px #4F4F4F;
+ margin: 5px 0;
+}
+#subnav .item .content.skin-2 .sub-content .ship {
+ position: relative;
+}
+#subnav .item .content.skin-2 .sub-content .ship img {
+ width: 32px;
+ height: 32px;
+}
+#subnav .item .content.skin-2 .sub-content .ship img.zero {
+ opacity: .5;
+}
+#subnav .item .content.skin-2 .sub-content .ship .number {
+ position: absolute;
+ bottom: -2px;
+ right: -2px;
+ width: 18px;
+ height: 18px;
+ line-height: 18px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ text-align: center;
+ background: #57c632;
+}
+#alert-content {
+ display: none;
+}
+#alert {
+ position: absolute;
+ bottom: 18px;
+ left: 50px;
+ padding: 0;
+ text-align: right;
+ list-style: inset none;
+}
+#alert li {
+ position: relative;
+ display: inline-block;
+ margin: 0 0 0 5px;
+}
+#alert li img {
+ display: block;
+ height: 50px;
+ border: solid 1px #202020;
+ padding: 5px;
+ background: #0A0A0A;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.alert-bull {
+ display: block;
+ position: absolute;
+ z-index: 1200;
+ width: 200px;
+ padding: 6px 8px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.alert-bull .title {
+ display: block;
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+ border-bottom: solid 1px #4F4F4F;
+}
+.alert-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ bottom: -14px;
+ left: 24px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+#content {
+ position: absolute;
+ width: 8000px;
+ height: 100%;
+ top: 0;
+ left: 300px;
+ z-index: 200;
+}
+#content .component {
+ position: relative;
+ display: table-cell;
+ overflow: hidden;
+ width: 300px;
+ background: rgba(0, 0, 0, 0.92);
+}
+#content .component.size2 {
+ width: 600px;
+}
+#content .component.size3 {
+ width: 900px;
+}
+#content .component:nth-child(1) {
+ background: rgba(0, 0, 0, 0.6);
+}
+#content .component:nth-child(2) {
+ background: rgba(0, 0, 0, 0.75);
+}
+#content .component:nth-child(3) {
+ background: rgba(0, 0, 0, 0.85);
+}
+#content .component:nth-child(4) {
+ background: rgba(0, 0, 0, 0.9);
+}
+#content .component .head {
+ position: relative;
+ display: inline-block;
+ height: 120px;
+ width: 100%;
+ vertical-align: top;
+ color: white;
+ background: url('src/desktop/component/bHead.jpg') repeat-x center black;
+ border-bottom: solid 1px #202020;
+}
+#content .component .head h1 {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ font-size: 38px;
+ line-height: 50px;
+ height: 50px;
+ display: inline-block;
+ padding: 0 10px;
+ background: black;
+ overflow: hidden;
+}
+#content .component .fix-body {
+ position: relative;
+ overflow: auto;
+ color: white;
+ border-right: solid 1px #202020;
+}
+#content .component .fix-body .body {
+ position: relative;
+}
+.no-scrolling #content .component .fix-body {
+ overflow: hidden;
+}
+.no-scrolling #content .component .fix-body > a {
+ position: absolute;
+ width: 100%;
+ height: 40px;
+ left: 0;
+ opacity: 0;
+}
+.no-scrolling #content .component .fix-body.hover > a {
+ opacity: 1;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+.no-scrolling #content .component .fix-body .toTop {
+ top: 0;
+ background-image: url('src/desktop/component/top.png'), -webkit-gradient(linear, black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -moz-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -ms-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -o-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+}
+.no-scrolling #content .component .fix-body .toBottom {
+ bottom: 0;
+ background-image: url('src/desktop/component/bottom.png'), -webkit-gradient(linear, transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+}
+#content .component.invisible {
+ background: transparent;
+}
+#content .component.invisible .publicity {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: red;
+}
+.component .tool {
+ display: table;
+ width: 100%;
+ height: 44px;
+ margin: 0;
+ overflow: hidden;
+ background: black;
+ border-bottom: solid 1px #57c632;
+ color: #4F4F4F;
+}
+.component .tool > span {
+ display: table-cell;
+ width: 28px;
+ border: solid 6px transparent;
+ border-left: none;
+}
+.component .tool > span:first-child {
+ border: solid 5px transparent;
+ width: auto;
+ text-align: center;
+}
+.component .tool > span:first-child a {
+ width: auto;
+}
+.component .tool > span a {
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 0;
+ line-height: 30px;
+ width: 30px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+ text-align: center;
+}
+.component .tool > span a img {
+ width: 18px;
+ position: relative;
+ top: -4px;
+}
+.component .tool > span a.active {
+ background: #2c7915;
+ color: white;
+ border-color: #57c632;
+}
+.component .tool > span a.active.down {
+ box-shadow: 0 2px 0 0 #CCC;
+}
+.component .tool > span a.active.up {
+ box-shadow: 0 -2px 0 0 #CCC;
+}
+.component .tool > span a.active:hover,
+.component .tool > span a.active:focus {
+ color: #CCC;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
+}
+.component .tool > span a:hover,
+.component .tool > span a:focus,
+.component .tool > span a:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .tool.sort-button > span:first-child {
+ text-align: center;
+}
+.component h3 {
+ width: 100%;
+ margin: 0;
+ background: black;
+ text-align: center;
+ padding: 0 2px;
+ line-height: 44px;
+ font-weight: normal;
+ font-size: 14px;
+ color: #4F4F4F;
+ text-decoration: none;
+ border-bottom: solid 1px #57c632;
+}
+.component h4 {
+ margin: 10px 10px 0 10px;
+ font-weight: normal;
+ font-size: 18px;
+}
+.component .body p {
+ margin: 10px;
+ font-size: 13px;
+ text-align: justify;
+}
+.component .body p.info {
+ position: relative;
+ border-top: solid 1px #202020;
+ padding: 10px;
+ margin: 10px;
+ line-height: 140%;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component .body p.info a {
+ color: white;
+}
+.component .body p.info .requierement {
+ display: inline-block;
+ margin: 0 0 0 8px;
+ vertical-align: bottom;
+ height: 16px;
+}
+.component .body p.long-info {
+ padding: 10px;
+ line-height: 150%;
+ background: black;
+}
+.component .body p .alone-button {
+ display: block;
+ text-align: center;
+ color: white;
+ line-height: 40px;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #4F4F4F;
+ box-shadow: inset 0 0 2px black;
+ padding: 0 10px;
+ background: #24500a;
+}
+.component .body p .alone-button:hover,
+.component .body p .alone-button:focus {
+ background: #2c7915;
+}
+.component .border-bottom {
+ border-bottom: solid 3px #57c632;
+}
+.component .list-type-1 {
+ margin: 10px;
+ padding: 0;
+ list-style: none;
+}
+.component .list-type-1 li {
+ position: relative;
+ padding: 5px 10px;
+ text-align: right;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: rgba(0, 0, 0, 0.8);
+ color: #989898;
+}
+.component .list-type-1 li.strong {
+ border-top: double 3px #4F4F4F;
+ background: #111111;
+ color: white;
+}
+.component .list-type-1 li.empty {
+ background: none;
+ border: none;
+ height: 50px;
+}
+.component .list-type-1 li ul li {
+ height: auto;
+}
+.component .list-type-1 .label {
+ display: block;
+ font-size: 13px;
+}
+.component .list-type-1 .label .icon-color {
+ width: 15px;
+ padding: 1px;
+}
+.component .list-type-1 .value {
+ display: inline-block;
+ font-size: 22px;
+ line-height: 30px;
+ font-weight: bold;
+}
+.component .list-type-1 .value .icon,
+.component .list-type-1 .value .icon-color {
+ height: 18px;
+ margin-left: 8px;
+ position: relative;
+ top: -3px;
+}
+.component .list-type-1 .picto {
+ position: absolute;
+ top: 7px;
+ left: 10px;
+ height: 35px;
+ width: 35px;
+ line-height: 35px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+ font-size: 16px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+}
+.component .list-type-1 .picto.color1 {
+ background: #510816;
+}
+.component .list-type-1 .picto.color2 {
+ background: #0c0d44;
+}
+.component .list-type-1 .picto.color3 {
+ background: #b17a00;
+}
+.component .list-type-1 .picto.color4 {
+ background: #310948;
+}
+.component .list-type-1 .picto.color5 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color6 {
+ background: #004948;
+}
+.component .list-type-1 .picto.color7 {
+ background: #401b13;
+}
+.component .list-type-1 .picto.color8 {
+ background: #c3590b;
+}
+.component .list-type-1 .picto.color9 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color10 {
+ background: #4d0621;
+}
+.component .list-type-1 .picto.color11 {
+ background: #10684c;
+}
+.component .list-type-1 .picto.color12 {
+ background: #b17a00;
+}
+.component .list-type-1 .hide {
+ color: #4F4F4F;
+}
+.component .list-type-1 .buttons {
+ position: absolute;
+ top: 28px;
+ left: 5px;
+}
+.component .list-type-1 .buttons a {
+ display: inline-block;
+ margin: 0 4px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-style: 14px;
+ color: white;
+ border-radius: 3px;
+ background: #2c7915;
+}
+.component .list-type-1 .progress-bar {
+ text-align: left;
+ margin-top: 5px;
+}
+.component .sub-list-type-1 {
+ display: none;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.component .sub-list-type-1 li {
+ position: relative;
+ padding: 2px 0;
+ text-align: left;
+ border: none;
+ border-top: solid 1px #0A0A0A;
+}
+.component .sub-list-type-1 .label {
+ display: inline-block;
+ width: 60%;
+}
+.component .sub-list-type-1 .label .button {
+ position: relative;
+ left: -4px;
+ margin: 0 0 0 3px;
+}
+.component .sub-list-type-1 .value {
+ text-align: right;
+ line-height: 25px;
+ font-size: 18px;
+ width: 40%;
+}
+.component .sub-list-type-1 .value .button {
+ margin: 0 2px 0 6px;
+}
+.component .sub-list-type-1 .button {
+ display: inline-block;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: normal;
+ color: white;
+ border-radius: 3px;
+ background: #57c632;
+}
+.component .list-type-1 form {
+ z-index: 1;
+ position: absolute;
+ display: none;
+ bottom: -40px;
+ right: 3px;
+}
+.component .list-type-1 form p {
+ position: relative;
+ background: white;
+ border-radius: 3px;
+ padding: 0;
+ margin: 0;
+ width: 200px;
+ height: 35px;
+}
+.component .list-type-1 form p:before {
+ content: '';
+ position: absolute;
+ top: -12px;
+ right: 12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+}
+.component .list-type-1 form input {
+ border: none;
+ background: none;
+ line-height: 35px;
+ height: 35px;
+ padding: 0 10px;
+}
+.component .list-type-1 form input[type='text'] {
+ width: 140px;
+}
+.component .list-type-1 form input[type='submit'] {
+ width: 40px;
+}
+.component .sub-list-type-1 form {
+ right: -6px;
+}
+/* NUMBER BOX */
+.number-box {
+ position: relative;
+ margin: 10px;
+ padding: 5px 10px;
+ background: black;
+ color: white;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ border-left: solid 10px #2c7915;
+}
+.number-box.half {
+ display: inline-block;
+ width: 254px;
+ margin-right: 0;
+ margin-bottom: 0;
+}
+.number-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.number-box.text {
+ border-left: solid 1px #0A0A0A;
+}
+.number-box.text a {
+ text-decoration: none;
+ color: white;
+}
+.number-box .label {
+ display: block;
+}
+.number-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.number-box .value .icon-color {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+.number-box .progress-bar {
+ margin: 5px 0;
+}
+.number-box .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.number-box .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #2c7915;
+}
+/* PROGRESS BAR */
+.progress-bar {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 3px;
+ background: #4F4F4F;
+}
+.progress-bar .content {
+ position: relative;
+ display: inline-block;
+ height: 3px;
+ vertical-align: top;
+ overflow: hidden;
+ max-width: 100%;
+}
+.progress-bar .content:nth-child(n) {
+ background: #57c632;
+}
+.progress-bar .content:nth-child(2n) {
+ background: #24500a;
+}
+.progress-bar .content.color1 {
+ background: #6e161b;
+}
+.progress-bar .content.color2 {
+ background: #1f1471;
+}
+.progress-bar .content.color3 {
+ background: #dbb200;
+}
+.progress-bar .content.color4 {
+ background: #5a1072;
+}
+.progress-bar .content.color5 {
+ background: #2c7915;
+}
+.progress-bar .content.color6 {
+ background: #076b87;
+}
+.progress-bar .content.color7 {
+ background: #67331d;
+}
+.progress-bar .content.color8 {
+ background: #d87913;
+}
+.progress-bar .content.color9 {
+ background: #2c7915;
+}
+.progress-bar .content.color10 {
+ background: #760f36;
+}
+.progress-bar .content.color11 {
+ background: #219772;
+}
+.progress-bar .content.color12 {
+ background: #dbb200;
+}
+.progress-bar .step {
+ position: absolute;
+}
+.progress-bar .step .label {
+ position: absolute;
+ display: block;
+ width: 150px;
+ left: 0;
+ top: -28px;
+}
+.progress-bar .step .label.bottom {
+ top: auto;
+ bottom: -28px;
+}
+.progress-bar .step .label.right {
+ right: 0;
+ left: auto;
+ text-align: right;
+}
+.progress-bar .step:before {
+ content: '';
+ position: absolute;
+ width: 12px;
+ height: 12px;
+ background: #2c7915;
+ box-shadow: 0 0 0 3px #24500a;
+ border-radius: 100%;
+ top: -5px;
+ left: -5px;
+}
+/* BONUS */
+.bonus {
+ vertical-align: top;
+ display: inline-block;
+ font-size: 55%;
+ line-height: 100%;
+ padding: 3px;
+ margin: 2px 0 0 8px;
+ border-radius: 3px;
+ font-weight: normal;
+ background: #24500a;
+}
+/* HEAD */
+.component .head.skin-1 img {
+ position: absolute;
+ top: 22px;
+ left: 20px;
+ padding: 8px;
+ width: 60px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .head.skin-1 img:before {
+ content: '';
+ width: 100px;
+ height: 100px;
+}
+.component .head.skin-1 h2 {
+ position: absolute;
+ bottom: 66px;
+ left: 105px;
+ font-size: 22px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-1 em {
+ position: absolute;
+ top: 62px;
+ left: 105px;
+ font-size: 13px;
+ line-height: 16px;
+ font-style: normal;
+}
+.component .head.skin-2 h2 {
+ position: absolute;
+ display: inline-block;
+ top: 45px;
+ left: 10px;
+ font-size: 22px;
+ line-height: 30px;
+ margin: 0;
+ padding: 0 10px;
+ background: black;
+ font-weight: normal;
+}
+.component .head.skin-3 img {
+ position: absolute;
+ width: 50px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 27px;
+}
+.component .head.skin-3 img.left {
+ left: 40px;
+}
+.component .head.skin-3 img.right {
+ right: 40px;
+}
+.component .head.skin-4 img.main {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 37px;
+}
+.component .head.skin-4 h2 {
+ position: absolute;
+ top: 35px;
+ left: 60px;
+ font-size: 18px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-4 em {
+ position: absolute;
+ top: 65px;
+ left: 60px;
+ font-size: 13px;
+ line-height: 16px;
+}
+.component .head.skin-5 h2 {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ font-size: 16px;
+ font-weight: normal;
+ margin: 0;
+ padding: 0 20px;
+ background: black;
+}
+.component .head.skin-5 h2:before {
+ content: '';
+ position: absolute;
+ display: block;
+ top: 5px;
+ left: 0;
+ width: 8px;
+ height: 8px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .more-item,
+.component .more-button {
+ display: block;
+ margin: 10px 10px 5px;
+ line-height: 34px;
+ padding: 0 12px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+}
+.component .more-item:hover,
+.component .more-button:hover,
+.component .more-item:focus,
+.component .more-button:focus,
+.component .more-item:active,
+.component .more-button:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .nav-element {
+ position: relative;
+ display: block;
+ margin: 10px;
+ height: 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component .nav-element img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ height: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component .nav-element.active {
+ background: #2c7915;
+}
+.component .nav-element .active img {
+ background: black;
+}
+.component .nav-element strong {
+ position: absolute;
+ top: 5px;
+ left: 70px;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component .nav-element em {
+ position: absolute;
+ top: 30px;
+ left: 70px;
+ color: white;
+ font-weight: normal;
+ font-size: 12px;
+ font-style: normal;
+ color: #efefef;
+}
+.component hr {
+ border: none;
+ border-bottom: dashed 1px #202020;
+ margin: 0 10px;
+}
+.component .set-item {
+ margin: 10px;
+ border-bottom: solid 1px #202020;
+}
+.component .set-item a.item:hover,
+.component .set-item a.item:focus {
+ background-color: #0c0c0c;
+}
+.component .set-item .item {
+ position: relative;
+ display: block;
+ color: white;
+ height: 60px;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+}
+.component .set-item .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+}
+.component .set-item .item .left img {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left img.color1 {
+ background: #6e161b;
+}
+.component .set-item .item .left img.color2 {
+ background: #1f1471;
+}
+.component .set-item .item .left img.color3 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.color4 {
+ background: #5a1072;
+}
+.component .set-item .item .left img.color5 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color6 {
+ background: #076b87;
+}
+.component .set-item .item .left img.color7 {
+ background: #67331d;
+}
+.component .set-item .item .left img.color8 {
+ background: #d87913;
+}
+.component .set-item .item .left img.color9 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color10 {
+ background: #760f36;
+}
+.component .set-item .item .left img.color11 {
+ background: #219772;
+}
+.component .set-item .item .left img.color12 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.round-color0 {
+ box-shadow: 0 0 0 2px #CCC;
+}
+.component .set-item .item .left img.round-color1 {
+ box-shadow: 0 0 0 2px #b01e2d;
+}
+.component .set-item .item .left img.round-color2 {
+ box-shadow: 0 0 0 2px #2f23c0;
+}
+.component .set-item .item .left img.round-color3 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left img.round-color4 {
+ box-shadow: 0 0 0 2px #a935c7;
+}
+.component .set-item .item .left img.round-color5 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color6 {
+ box-shadow: 0 0 0 2px #05bed7;
+}
+.component .set-item .item .left img.round-color7 {
+ box-shadow: 0 0 0 2px #ac5832;
+}
+.component .set-item .item .left img.round-color8 {
+ box-shadow: 0 0 0 2px #f2b636;
+}
+.component .set-item .item .left img.round-color9 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color10 {
+ box-shadow: 0 0 0 2px #a92859;
+}
+.component .set-item .item .left img.round-color11 {
+ box-shadow: 0 0 0 2px #34b089;
+}
+.component .set-item .item .left img.round-color12 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left span {
+ display: block;
+ width: 30px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 15px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left span.round-color0 {
+ background: #CCC;
+}
+.component .set-item .item .left span.round-color1 {
+ background: #b01e2d;
+}
+.component .set-item .item .left span.round-color2 {
+ background: #2f23c0;
+}
+.component .set-item .item .left span.round-color3 {
+ background: #ffdb0f;
+}
+.component .set-item .item .left span.round-color4 {
+ background: #a935c7;
+}
+.component .set-item .item .left span.round-color5 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color6 {
+ background: #05bed7;
+}
+.component .set-item .item .left span.round-color7 {
+ background: #ac5832;
+}
+.component .set-item .item .left span.round-color8 {
+ background: #f2b636;
+}
+.component .set-item .item .left span.round-color9 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color10 {
+ background: #a92859;
+}
+.component .set-item .item .left span.round-color11 {
+ background: #34b089;
+}
+.component .set-item .item .left span.round-color12 {
+ background: #ffdb0f;
+}
+.component .set-item .item .center {
+ position: absolute;
+ top: 0;
+ left: 60px;
+ right: 30px;
+ bottom: 0;
+ padding: 9px 0;
+}
+.component .set-item .item .center strong {
+ display: block;
+ line-height: 22px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+}
+.component .set-item .item .center a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+}
+.component .set-item .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 29px;
+ border-left: solid 1px #202020;
+}
+.component .set-item .item .right a {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 29px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+}
+.component .set-item .item .right a:hover,
+.component .set-item .item .right a:focus,
+.component .set-item .item .right a.active {
+ background-color: #202020;
+}
+.component .set-item .item .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.component .set-item .item .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #2c7915;
+}
+.army-bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ width: 220px;
+ color: #CCC;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.army-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+ left: 18px;
+}
+.army-bull strong {
+ display: block;
+ padding-bottom: 5px;
+ margin-bottom: 5px;
+ border-bottom: solid 1px #4F4F4F;
+ font-weight: normal;
+}
+.army-bull .label {
+ display: inline-block;
+ width: 70px;
+}
+.army-bull .value {
+ display: inline-block;
+ width: 40px;
+}
+.component .build-item {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ width: 278px;
+}
+.component .build-item a {
+ color: white;
+}
+.component .build-item .name {
+ position: relative;
+ height: 40px;
+ padding: 5px 5px 5px 90px;
+}
+.component .build-item .name img {
+ z-index: 20;
+ position: absolute;
+ top: -10px;
+ left: 5px;
+ width: 60px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .build-item .name strong {
+ display: block;
+ font-size: 18px;
+}
+.component .build-item .level {
+ display: block;
+ position: absolute;
+ width: 22px;
+ line-height: 22px;
+ text-align: center;
+ font-size: 12px;
+ border-radius: 100%;
+ top: 38px;
+ left: 58px;
+ border: solid 1px white;
+ z-index: 22;
+ background: #2c7915;
+}
+.component .build-item .info {
+ display: none;
+ position: absolute;
+ width: 20px;
+ line-height: 20px;
+ text-align: center;
+ font-size: 16px;
+ text-decoration: none;
+ border-radius: 3px;
+ top: 5px;
+ right: 5px;
+ background: #2c7915;
+ color: white;
+}
+.component .build-item .name-commander {
+ margin: 10px 10px 0 10px;
+ height: 40px;
+ padding: 0 10px;
+ border: none;
+ background: white;
+ border-radius: 3px;
+ width: 240px;
+ text-align: center;
+ font-size: 16px;
+}
+.component .build-item .button {
+ display: block;
+ margin: 10px;
+ padding: 5px 10px;
+ width: 240px;
+ line-height: 20px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ background: #2c7915;
+ box-shadow: inset 0 0 2px black;
+ border: none;
+ cursor: pointer;
+ min-height: 36px;
+}
+.component .build-item .button:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #57c632;
+}
+.component .build-item .button.disable {
+ background: #202020;
+ cursor: default;
+}
+.component .build-item .button .icon-color {
+ width: 14px;
+}
+.component .build-item button.button {
+ width: 260px;
+}
+.component .build-item .ship-pack {
+ z-index: 10;
+ position: absolute;
+ bottom: 15px;
+ left: 15px;
+ width: 60px;
+ height: 40px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ background: white;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ border-radius: 3px;
+ box-shadow: inset 0 0 0 3px #CCC;
+}
+.component .build-item .ship-illu {
+ width: 260px;
+ margin: 5px 10px;
+ overflow: hidden;
+}
+.component .build-item .ship-illu img {
+ width: 100%;
+}
+.component .build-item.disabled {
+ opacity: .3;
+}
+.component .build-item.disabled .name img {
+ opacity: .50;
+}
+.component .build-item.disabled strong {
+ color: #4F4F4F;
+}
+.component .build-item.disabled .button.disable {
+ color: #696969;
+}
+.component .build-item.disabled .button.disable:hover {
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component .build-item.large {
+ width: 578px;
+}
+.component .build-item.large .info {
+ top: 75px;
+ right: 25px;
+}
+.component .build-item.large .button {
+ display: block;
+ top: -3px;
+ right: 0;
+ line-height: 18px;
+ width: 540px;
+ min-height: 36px;
+}
+.component .build-item.large .ship-illu {
+ width: 560px;
+ margin-top: 10px;
+}
+.component .build-item input {
+ display: block;
+ width: 243px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component .build-item select {
+ display: block;
+ width: 260px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component.panel-info .remove-info {
+ display: block;
+ position: absolute;
+ top: 2px;
+ right: 10px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ color: white;
+ border-radius: 3px;
+ background: #24500a;
+}
+.component.panel-info .table {
+ margin: 10px;
+}
+.component.panel-info .table table {
+ width: 100%;
+ text-align: right;
+ border-collapse: collapse;
+ background: black;
+}
+.component.panel-info .table td {
+ border: solid 1px #202020;
+ padding: 6px 8px;
+}
+.component.panel-info .table tr.small-grey {
+ background: #0A0A0A;
+}
+.component.panel-info .table tr.active td {
+ background: #0A0A0A;
+ border-bottom: solid 1px #4F4F4F;
+}
+.component.panel-info .table .icon-color {
+ width: 12px;
+}
+.component.panel-info .illu {
+ margin: 0 10px;
+ box-shadow: inset 0 0 5px black;
+}
+.component.panel-info .skill-box {
+ position: relative;
+ margin: 0 10px;
+ padding: 5px 10px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+}
+.component.panel-info .skill-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.component.panel-info .skill-box .label {
+ display: block;
+}
+.component.panel-info .skill-box .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.panel-info .skill-box .value .icon-color {
+ width: 18px;
+}
+.component.panel-info .skill-box .progress-bar {
+ margin: 6px 0 2px 0;
+}
+.splash-screen {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 10000;
+ opacity: 0;
+ background: rgba(0, 0, 0, 0.8);
+}
+.splash-screen .modal {
+ width: 500px;
+ height: 140px;
+ position: absolute;
+ top: 80px;
+ right: 3000px;
+ background: #0A0A0A;
+ padding: 25px 175px 25px 75px;
+ color: white;
+ border-radius: 140px;
+ border: solid 1px #202020;
+}
+.splash-screen .modal h1 {
+ font-size: 36px;
+ margin: 0;
+ padding: 0 0 10px 0;
+}
+.splash-screen .modal h2 {
+ font-size: 20px;
+ margin: 0;
+ padding: 0;
+}
+.splash-screen .modal img {
+ position: absolute;
+ top: -15px;
+ right: -50px;
+ width: 200px;
+ padding: 10px;
+ background: #202020;
+ border-radius: 100%;
+ border: solid 1px #4F4F4F;
+}
+.splash-screen .modal:before {
+ content: '';
+ position: absolute;
+ top: -80px;
+ right: 20px;
+ border-color: transparent transparent #4F4F4F transparent;
+ border-width: 40px;
+ border-style: solid;
+}
+.common-link {
+ color: white;
+}
+.component .top-right-button {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ padding: 0 10px;
+ line-height: 30px;
+ color: white;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #2c7915;
+ z-index: 1;
+}
+.component .top-right-button:hover,
+.component .top-right-button:focus {
+ background: #24500a;
+}
+.alert {
+ display: block;
+ margin: 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ text-decoration: none;
+ color: white;
+ background: #2c7915;
+ border-radius: 3px;
+ box-shadow: 0 0 2px black;
+}
+.common-link {
+ display: block;
+ margin: 10px;
+ color: white;
+ text-decoration: none;
+}
+.text-bloc a {
+ display: inline-block;
+ color: inherit;
+ opacity: .60;
+}
+.text-bloc a:hover,
+.text-bloc a:focus {
+ opacity: 1;
+}
+.queue {
+ margin: 10px;
+ color: white;
+}
+.queue .item {
+ position: relative;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ min-height: 60px;
+ display: block;
+}
+.queue .item.empty {
+ background: #0A0A0A;
+}
+.queue .item.empty strong {
+ font-weight: normal;
+}
+.queue .item.link {
+ min-height: 0;
+ padding: 10px;
+ color: #4F4F4F;
+ text-decoration: none;
+}
+.queue .item.link:hover,
+.queue .item.link:focus {
+ color: #CCC;
+}
+.queue .item a.button {
+ position: absolute;
+ display: block;
+ top: 2px;
+ right: 5px;
+ color: white;
+ text-decoration: none;
+}
+.queue .item a {
+ color: #CCC;
+}
+.queue .item .group-link {
+ position: absolute;
+ top: 9px;
+ right: 9px;
+}
+.queue .item .group-link a {
+ display: block;
+ width: 20px;
+ line-height: 20px;
+ margin: 0 0 5px 0;
+ border-radius: 3px;
+ color: white;
+ text-align: center;
+ text-decoration: none;
+ background: #2c7915;
+}
+.queue .item .group-link a:hover,
+.queue .item .group-link a:focus {
+ background: #57c632;
+}
+.queue .item .picto {
+ float: left;
+ width: 40px;
+ height: 40px;
+ margin: 5px;
+ padding: 5px;
+ background: black;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.queue .item strong {
+ display: block;
+ margin: 6px 0 2px 0;
+}
+.queue .item strong .level {
+ font-size: 11px;
+ color: #CCC;
+}
+.queue .item .big {
+ font-size: 24px;
+}
+.queue .item em {
+ display: block;
+ font-style: normal;
+ color: #AEAEAE;
+}
+.queue .item .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 5px;
+ height: 3px;
+ background: #4F4F4F;
+}
+.queue .item .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #57c632;
+}
+.choose-government {
+ display: block;
+ margin: 10px;
+ padding: 10px;
+ background: #0A0A0A;
+ border-radius: 3px;
+}
+.choose-government select {
+ display: block;
+ width: 100%;
+ padding: 8px;
+}
+.choose-government button {
+ display: block;
+ width: 100%;
+ margin: 10px 0 0 0;
+ padding: 0 10px;
+ line-height: 30px;
+ border: none;
+ color: white;
+ cursor: pointer;
+ background: #2c7915;
+}
+.choose-government button:hover,
+.choose-government button:focus {
+ background: #24500a;
+}
+.evolution {
+ background: black;
+ margin: 10px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+}
+.evolution .header {
+ padding: 10px;
+ border-bottom: solid 1px #202020;
+ color: #EFEFEF;
+}
+.evolution .diargam {
+ padding: 10px;
+ background: #0A0A0A;
+}
+.evolution .diargam .progress-bar {
+ background: #0A0A0A !important;
+ height: 20px;
+ padding-bottom: 1px;
+}
+.evolution .diargam .progress-bar .content {
+ height: 20px;
+ line-height: 20px;
+ font-size: 12px;
+ color: white;
+ padding-left: 5px;
+}
+.evolution .diargam .progress-bar:nth-child(odd) .content {
+ background: #2c7915 !important;
+}
+.centred-link {
+ display: block;
+ width: 300px;
+ text-align: center;
+ margin: 0 auto;
+ text-decoration: none;
+ padding: 6px 10px;
+ color: #EFEFEF;
+ background: #2c7915;
+ border: solid 1px #24500a;
+}
+.centred-link:hover,
+.centred-link:focus {
+ background: #24500a;
+ border-color: #2c7915;
+ color: white;
+}
+span.centred-link {
+ background: #202020;
+ border: solid 1px #0A0A0A;
+ color: #4F4F4F;
+}
+span.centred-link:hover,
+span.centred-link:focus {
+ background: #202020;
+ border-color: #0A0A0A;
+ color: #4F4F4F;
+}
+.component.profil .center-box {
+ margin: 20px 10px 0;
+ color: white;
+ text-align: center;
+}
+.component.profil .center-box .label {
+ display: block;
+}
+.component.profil .center-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.profil .profil-flag {
+ position: relative;
+ width: 222px;
+ height: 460px;
+ margin: 0 auto;
+}
+.component.profil .profil-flag img {
+ position: relative;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ padding: 10px;
+ border-radius: 100%;
+ margin: 20px auto;
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+ z-index: 1;
+}
+.component.profil .profil-flag.color-1 img {
+ box-shadow: 0 0 0 4px #6e161b, 0 0 20px black;
+}
+.component.profil .profil-flag.color-2 img {
+ box-shadow: 0 0 0 4px #1f1471, 0 0 20px black;
+}
+.component.profil .profil-flag.color-3 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag.color-4 img {
+ box-shadow: 0 0 0 4px #5a1072, 0 0 20px black;
+}
+.component.profil .profil-flag.color-5 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-6 img {
+ box-shadow: 0 0 0 4px #076b87, 0 0 20px black;
+}
+.component.profil .profil-flag.color-7 img {
+ box-shadow: 0 0 0 4px #67331d, 0 0 20px black;
+}
+.component.profil .profil-flag.color-8 img {
+ box-shadow: 0 0 0 4px #d87913, 0 0 20px black;
+}
+.component.profil .profil-flag.color-9 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-10 img {
+ box-shadow: 0 0 0 4px #760f36, 0 0 20px black;
+}
+.component.profil .profil-flag.color-11 img {
+ box-shadow: 0 0 0 4px #219772, 0 0 20px black;
+}
+.component.profil .profil-flag.color-12 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag:before {
+ display: block;
+ position: absolute;
+ content: '';
+ top: 218px;
+ left: 33px;
+ width: 154px;
+ height: 241px;
+ background: url('src/desktop/faction/flag/flag-5.png') no-repeat;
+}
+.component.profil .profil-flag.color-1:before {
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.profil .profil-flag.color-2:before {
+ background: url('src/desktop/faction/flag/flag-2.png') no-repeat;
+}
+.component.profil .profil-flag.color-3:before {
+ background: url('src/desktop/faction/flag/flag-3.png') no-repeat;
+}
+.component.profil .profil-flag.color-4:before {
+ background: url('src/desktop/faction/flag/flag-4.png') no-repeat;
+}
+.component.profil .profil-flag.color-5:before {
+ background: url('src/desktop/faction/flag/flag-5.png') no-repeat;
+}
+.component.profil .profil-flag.color-6:before {
+ background: url('src/desktop/faction/flag/flag-6.png') no-repeat;
+}
+.component.profil .profil-flag.color-7:before {
+ background: url('src/desktop/faction/flag/flag-7.png') no-repeat;
+}
+.component.profil .profil-flag.color-8:before {
+ background: url('src/desktop/faction/flag/flag-8.png') no-repeat;
+}
+.component.profil .profil-flag.color-9:before {
+ background: url('src/desktop/faction/flag/flag-9.png') no-repeat;
+}
+.component.profil .profil-flag.color-10:before {
+ background: url('src/desktop/faction/flag/flag-10.png') no-repeat;
+}
+.component.profil .profil-flag.color-11:before {
+ background: url('src/desktop/faction/flag/flag-11.png') no-repeat;
+}
+.component.profil .profil-flag.color-12:before {
+ background: url('src/desktop/faction/flag/flag-12.png') no-repeat;
+}
+.component.profil .profil-flag .level {
+ z-index: 2;
+ display: block;
+ position: absolute;
+ top: 184px;
+ right: 2px;
+ width: 36px;
+ height: 36px;
+ text-align: center;
+ line-height: 36px;
+ background: #0A0A0A;
+ border: 3px solid #2c7915;
+ border-radius: 100%;
+}
+.component.profil .profil-flag.color-1 .level {
+ border-color: #6e161b;
+}
+.component.profil .profil-flag.color-2 .level {
+ border-color: #1f1471;
+}
+.component.profil .profil-flag.color-3 .level {
+ border-color: #dbb200;
+}
+.component.profil .profil-flag.color-4 .level {
+ border-color: #5a1072;
+}
+.component.profil .profil-flag.color-5 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-6 .level {
+ border-color: #076b87;
+}
+.component.profil .profil-flag.color-7 .level {
+ border-color: #67331d;
+}
+.component.profil .profil-flag.color-8 .level {
+ border-color: #d87913;
+}
+.component.profil .profil-flag.color-9 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-10 .level {
+ border-color: #760f36;
+}
+.component.profil .profil-flag.color-11 .level {
+ border-color: #219772;
+}
+.component.profil .profil-flag.color-12 .level {
+ border-color: #dbb200;
+}
+.component.profil .faction-flag {
+ display: block;
+ content: '';
+ width: 154px;
+ height: 241px;
+ margin: 0 auto;
+ background: url('src/desktop/faction/flag/flag-5.png') no-repeat;
+}
+.component.search-player {
+ position: relative;
+ background: transparent !important;
+}
+.component.search-player .box {
+ position: absolute;
+ top: 60px;
+ left: 50px;
+ width: 440px;
+ color: white;
+}
+.component.search-player .top {
+ background: rgba(0, 0, 0, 0.4);
+ padding: 10px;
+ border-radius: 3px 3px 0 0;
+}
+.component.search-player .top label {
+ display: block;
+ font-size: 16px;
+}
+.component.search-player .top input {
+ display: block;
+ border: none;
+ height: 40px;
+ width: 400px;
+ padding: 0 10px;
+ margin: 10px 0 0 0;
+ font-size: 20px;
+ color: #202020;
+ border-radius: 3px;
+}
+.component.search-player .center {
+ background: rgba(0, 0, 0, 0.8);
+ padding: 10px 25px 10px 10px;
+ min-height: 140px;
+ border-radius: 0 0 3px 3px;
+}
+.component.search-player .center .avatar {
+ float: left;
+ position: relative;
+ left: -20px;
+ width: 120px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: #0A0A0A;
+}
+.component.search-player .center .right {
+ margin-left: 140px;
+}
+.component.search-player .center h1 {
+ margin: 10px 0 0 0;
+ padding: 0;
+}
+.component.search-player .center hr {
+ margin: 10px 0;
+ border-color: #4F4F4F;
+}
+.component.search-player .center p {
+ margin: 5px 0;
+ padding: 0;
+}
+.component.search-player .center p span {
+ display: inline-block;
+ background: red;
+ line-height: 28px;
+ padding: 0 10px;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ border-right: none;
+}
+.component.search-player .center p span:first-child {
+ border-radius: 3px 0 0 3px;
+}
+.component.search-player .center p span:last-child {
+ border-radius: 0 3px 3px 0;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+}
+.component.search-player.color1 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component.search-player.color2 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component.search-player.color3 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.search-player.color4 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component.search-player.color5 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color6 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component.search-player.color7 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component.search-player.color8 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component.search-player.color9 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color10 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.component.search-player.color11 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.component.search-player.color12 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.new-message p.input {
+ position: relative;
+ background: white;
+ padding: 10px;
+ border-radius: 3px;
+}
+.component.new-message p.input:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ height: 0;
+ top: -12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+ left: 20px;
+}
+.component.new-message label {
+ display: block;
+ font-size: 13px;
+}
+.component.new-message .input-text input {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.new-message .input-area textarea {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+ max-width: 100%;
+ min-width: 100%;
+ height: 200px;
+}
+.component.new-message button {
+ display: inline-block;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 15px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #57c632;
+}
+.component.new-message button:hover,
+.component.new-message button:focus {
+ background: #24500a;
+}
+.notif {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border-top: solid 1px #4F4F4F;
+ border-right: solid 1px #202020;
+ border-left: solid 1px #202020;
+}
+.notif h4 {
+ position: relative;
+ overflow: hidden;
+ margin: 0;
+ padding: 0 10px;
+ font-size: 14px;
+ line-height: 30px;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+ font-weight: normal;
+ cursor: pointer;
+ color: white;
+}
+.notif.unreaded h4:before {
+ position: absolute;
+ content: '';
+ width: 40px;
+ height: 40px;
+ background: white;
+ top: -5px;
+ right: -15px;
+ background: #57c632;
+ -webkit-transform: rotate(100deg);
+ -moz-transform: rotate(100deg);
+ -ms-transform: rotate(100deg);
+ -o-transform: rotate(100deg);
+ transform: rotate(100deg);
+}
+.notif .content {
+ display: none;
+ padding: 6px 8px;
+ line-height: 140%;
+ text-align: justify;
+ color: #efefef;
+}
+.notif .content p {
+ margin: 0;
+}
+.notif .content hr {
+ border: none;
+ background: none;
+ border-bottom: dashed 1px #202020;
+ margin: 5px 0;
+}
+.notif .content a {
+ color: white;
+}
+.notif .content .box-resource {
+ position: relative;
+ display: block;
+ margin: 5px 0;
+ padding: 5px 5px 5px 40px;
+}
+.notif .content .box-resource img {
+ position: absolute;
+ top: 6px;
+ left: 0;
+ border: solid 4px #4f4f4f;
+ border-radius: 100%;
+ border-color: #2c7915;
+}
+.notif .content .box-resource .label {
+ display: block;
+ font-size: 12px;
+}
+.notif .content .box-resource .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+.notif .footer {
+ display: none;
+ margin: 0;
+ padding: 0 10px;
+ line-height: 18px;
+ padding: 5px 5px;
+ border-top: solid 1px #202020;
+ font-style: italic;
+ text-align: right;
+ color: #CCC;
+}
+.notif .footer a {
+ color: #CCC;
+}
+.notif.open .content {
+ display: block;
+}
+.notif.open .footer {
+ display: block;
+}
+.component.rc .rc {
+ position: relative;
+ margin: 20px 10px 20px 30px;
+ border-left: solid 1px #CCC;
+ padding: 0 10px;
+ height: 380px;
+ color: #CCC;
+}
+.component.rc .rc.no-tax {
+ margin: 20px 10px 20px 30px;
+ border-left: dashed 1px #4F4F4F;
+ padding: 0 10px;
+ color: #CCC;
+}
+.component.rc .rc a,
+.component.rc .rc strong {
+ color: white;
+}
+.component.rc .rc .icon-color {
+ width: 20px;
+}
+.component.rc .rc .base {
+ position: relative;
+ padding: 15px 0 15px 40px;
+ height: 50px;
+}
+.component.rc .rc .base:last-child {
+ position: absolute;
+ bottom: 0px;
+}
+.component.rc .rc .place {
+ position: absolute;
+ top: 0px;
+ left: -50px;
+ width: 78px;
+ height: 78px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component.rc .rc .general {
+ list-style: none inset;
+ margin: 10px 0;
+ padding: 0;
+}
+.component.rc .rc .general li {
+ margin: 10px 0;
+ list-style-type: none;
+}
+.component.rc .rc .general li strong {
+ display: block;
+ font-size: 20px;
+ font-weight: bold;
+}
+.component .situation-content {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 500px;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component .situation-content .line-help {
+ position: absolute;
+ display: block;
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ text-align: center;
+ border-radius: 100%;
+ background: #24500a;
+}
+.component .situation-content .line-help.line-1 {
+ top: 55px;
+ left: 190px;
+}
+.component .situation-content .line-help.line-2 {
+ top: 145px;
+ left: 406px;
+}
+.component .situation-content .toolbar {
+ position: absolute;
+ top: 30px;
+ right: 30px;
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
+ border-radius: 3px;
+ background: #2c7915;
+ z-index: 1;
+}
+.component .situation-content .toolbar a,
+.component .situation-content .toolbar span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 15px;
+ border-right: solid 1px black;
+ text-decoration: none;
+ color: white;
+}
+.component .situation-content .toolbar a img,
+.component .situation-content .toolbar span img {
+ position: relative;
+ top: -2px;
+ vertical-align: middle;
+ height: 18px;
+ width: 18px;
+}
+.component .situation-content .toolbar a:hover,
+.component .situation-content .toolbar a:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar form {
+ display: inline-block;
+}
+.component .situation-content .toolbar input {
+ height: 32px;
+ border: none;
+ background: none;
+ color: white;
+ padding: 0 15px;
+ font-size: inherit;
+}
+.component .situation-content .toolbar input:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar input.button {
+ background: url('src/desktop/common/edit.png') no-repeat center;
+}
+.component .situation-content .toolbar input.button:focus {
+ background: url('src/desktop/common/edit.png') no-repeat center rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .info {
+ position: absolute;
+ display: block;
+ width: 200px;
+ font-size: 12px;
+ color: #efefef;
+ line-height: 18px;
+}
+.component .situation-content .info strong {
+ color: white;
+ font-size: 14px;
+}
+.component .situation-content .info a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4f4f4f;
+}
+.component .situation-content .info a:hover,
+.component .situation-content .info a:focus {
+ border-color: #CCC;
+}
+.component .situation-content .commander {
+ position: absolute;
+ display: block;
+ text-decoration: none;
+ z-index: 1;
+}
+.component .situation-content .commander.empty {
+ color: #CCC;
+}
+.component .situation-content .commander.position-1-1 {
+ top: 135px;
+ left: 127px;
+}
+.component .situation-content .commander.position-1-2 {
+ top: 272px;
+ left: 100px;
+}
+.component .situation-content .commander.position-1-3 {
+ top: 415px;
+ left: 127px;
+}
+.component .situation-content .commander.position-2-1 {
+ top: 215px;
+ left: 352px;
+}
+.component .situation-content .commander.position-2-2 {
+ top: 272px;
+ left: 345px;
+}
+.component .situation-content .commander.position-2-3 {
+ top: 330px;
+ left: 352px;
+}
+.component .situation-content .commander.position-3 {
+ top: 355px;
+ left: 577px;
+}
+.component .situation-content .commander img {
+ width: 40px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+.component .situation-content .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content .commander .info {
+ top: 8px;
+ left: 65px;
+ width: 160px;
+}
+.component .situation-content .commander .link {
+ display: none;
+ position: absolute;
+ top: 14px;
+ left: -16px;
+ width: 24px;
+ height: 24px;
+ font-size: 20px;
+ font-weight: bold;
+ text-decoration: none;
+ border-radius: 100%;
+ text-align: center;
+ z-index: 1;
+ border: solid 1px white;
+}
+.component .situation-content .commander .link.to-left {
+ background: url('src/desktop/mover/to-left.png') no-repeat center black;
+}
+.component .situation-content .commander .link.to-right {
+ background: url('src/desktop/mover/to-right.png') no-repeat center black;
+}
+.component .situation-content .commander:hover > .link {
+ display: block;
+}
+.component .situation-content .stellar {
+ position: absolute;
+ display: block;
+ top: 180px;
+ left: 560px;
+}
+.component .situation-content .stellar img {
+ width: 220px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .situation-content .stellar .info {
+ font-size: 12px;
+ border-left: solid 1px #202020;
+}
+.component .situation-content .stellar .info.top {
+ bottom: 215px;
+ left: 50px;
+ padding: 0 0 30px 10px;
+}
+.component .situation-content .stellar .info.top strong {
+ font-size: 20px;
+}
+.component .situation-content .stellar .info.bottom {
+ top: 225px;
+ left: 160px;
+ padding: 10px 0 0 10px;
+}
+.component .situation-content .stellar .info.middle {
+ top: 20px;
+ left: 182px;
+ padding: 10px 0 0 50px;
+ border: none;
+ border-top: solid 1px #202020;
+}
+.component .situation-content .attack-link {
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ text-align: center;
+}
+.component .situation-content .attack-link a {
+ display: inline-block;
+ line-height: 40px;
+ padding: 0 25px;
+ border-radius: 3px 3px 0 0;
+ background: #202020;
+ color: white;
+ text-decoration: none;
+ font-size: 16px;
+}
+.component .situation-content .attack-link a:hover,
+.component .situation-content .attack-link a:focus {
+ box-shadow: 0 0 5px 3px black;
+}
+.component .situation-content.color0 .line-help {
+ background: #202020;
+}
+.component .situation-content.color0 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #202020;
+}
+.component .situation-content.color0 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #202020;
+}
+.component .situation-content.color0 .attack-link a {
+ background: #202020;
+}
+.component .situation-content.color1 .line-help {
+ background: #510816;
+}
+.component .situation-content.color1 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component .situation-content.color1 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #6e161b;
+}
+.component .situation-content.color1 .attack-link a {
+ background: #6e161b;
+}
+.component .situation-content.color2 .line-help {
+ background: #0c0d44;
+}
+.component .situation-content.color2 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component .situation-content.color2 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #1f1471;
+}
+.component .situation-content.color2 .attack-link a {
+ background: #1f1471;
+}
+.component .situation-content.color3 .line-help {
+ background: #b17a00;
+}
+.component .situation-content.color3 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .situation-content.color3 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #dbb200;
+}
+.component .situation-content.color3 .attack-link a {
+ background: #dbb200;
+}
+.component .situation-content.color4 .line-help {
+ background: #310948;
+}
+.component .situation-content.color4 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component .situation-content.color4 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #5a1072;
+}
+.component .situation-content.color4 .attack-link a {
+ background: #5a1072;
+}
+.component .situation-content.color5 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color5 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color5 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color5 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-content.color6 .line-help {
+ background: #004948;
+}
+.component .situation-content.color6 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component .situation-content.color6 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #076b87;
+}
+.component .situation-content.color6 .attack-link a {
+ background: #076b87;
+}
+.component .situation-content.color7 .line-help {
+ background: #401b13;
+}
+.component .situation-content.color7 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component .situation-content.color7 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #67331d;
+}
+.component .situation-content.color7 .attack-link a {
+ background: #67331d;
+}
+.component .situation-content.color8 .line-help {
+ background: #c3590b;
+}
+.component .situation-content.color8 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component .situation-content.color8 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #d87913;
+}
+.component .situation-content.color8 .attack-link a {
+ background: #d87913;
+}
+.component .situation-content.color9 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color9 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color9 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color9 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-info {
+ display: table;
+ width: 100%;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: black;
+}
+.component .situation-info .item {
+ display: table-cell;
+ padding: 10px;
+ border-right: solid 1px #202020;
+}
+.component .situation-info .item .value {
+ font-size: 26px;
+ font-weight: bold;
+ display: block;
+}
+.component .build-item.base-type .desc {
+ margin: 10px 0 0 0;
+ padding: 15px;
+ font-size: 13px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+}
+.component .build-item.base-type .list-choice {
+ position: relative;
+ height: 140px;
+ background: url('src/desktop/base/type-base.png') no-repeat center;
+ margin: 0;
+ border-bottom: solid 1px #202020;
+}
+.component .build-item.base-type .list-choice button {
+ position: absolute;
+ padding: 0;
+ border: none;
+ background: transparent;
+ cursor: pointer;
+}
+.component .build-item.base-type .list-choice button.item-1 {
+ top: 35px;
+ left: 5px;
+}
+.component .build-item.base-type .list-choice button.item-2 {
+ top: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-3 {
+ bottom: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-4 {
+ top: 35px;
+ right: 5px;
+}
+.component .build-item.base-type .list-choice button img {
+ display: block;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.color1 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.color2 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.color3 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.color4 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.color5 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color6 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.color7 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.color8 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.color9 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color10 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.color11 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.color12 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .build-item.base-type .desc-choice {
+ display: none;
+}
+.component .build-item.base-type .desc-choice h4 {
+ border-bottom: solid 1px #202020;
+ padding: 0 0 5px 0;
+}
+.component .build-item.base-type .desc-choice p {
+ text-align: left;
+ color: #CCC !important;
+}
+.component .build-item.base-type .desc-choice p strong {
+ display: block;
+ color: white;
+}
+.component .build-item.base-type .desc-choice p strong.short {
+ display: inline-block;
+ width: 100px;
+}
+.component.list-fleet .set-fleet {
+ position: relative;
+ margin: 10px;
+ padding: 0 0 0 70px;
+ min-height: 80px;
+}
+.component.list-fleet .set-fleet img.place {
+ position: absolute;
+ top: -5px;
+ left: -20px;
+ width: 80px;
+ background: #0A0A0A;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet h2 {
+ padding: 10px 0;
+ margin: 0;
+}
+.component.list-fleet .set-fleet h2 a {
+ font-size: 13px;
+ color: white;
+ font-weight: normal;
+ text-decoration: none;
+}
+.component.list-fleet .set-fleet .item {
+ position: relative;
+ height: 60px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-bottom: none;
+ width: 777px;
+}
+.component.list-fleet .set-fleet .item:last-child {
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item a {
+ display: inline-block;
+ text-decoration: none;
+ color: #CCC;
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .left .top {
+ position: absolute;
+ left: 60px;
+ display: block;
+ width: 500px;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .left .status {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .right .top {
+ position: absolute;
+ right: 60px;
+ display: block;
+ width: 200px;
+ text-align: right;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .right .cover {
+ width: 50px;
+ margin: 5px;
+ padding: 0;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .center {
+ position: absolute;
+ top: 41px;
+ left: 70px;
+ right: 70px;
+}
+.component.list-fleet .set-fleet .item .center .ship {
+ position: absolute;
+ top: -10px;
+ left: -11px;
+ right: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship {
+ display: block;
+ width: 100%;
+ background: #4F4F4F;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ position: relative;
+ display: block;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship {
+ top: -11px;
+ right: -11px;
+ left: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar span {
+ position: absolute;
+ top: 4px;
+ right: 15px;
+ font-size: 10px;
+}
+.component.list-fleet .set-fleet .item.color1 .status {
+ background: #6e161b;
+}
+.component.list-fleet .set-fleet .item.color2 .status {
+ background: #1f1471;
+}
+.component.list-fleet .set-fleet .item.color3 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color4 .status {
+ background: #5a1072;
+}
+.component.list-fleet .set-fleet .item.color5 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color6 .status {
+ background: #076b87;
+}
+.component.list-fleet .set-fleet .item.color7 .status {
+ background: #67331d;
+}
+.component.list-fleet .set-fleet .item.color8 .status {
+ background: #d87913;
+}
+.component.list-fleet .set-fleet .item.color9 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color10 .status {
+ background: #760f36;
+}
+.component.list-fleet .set-fleet .item.color11 .status {
+ background: #219772;
+}
+.component.list-fleet .set-fleet .item.color12 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar {
+ background: #4F4F4F;
+}
+.component.list-fleet .set-fleet .item .show-commander {
+ position: absolute;
+ top: -1px;
+ right: -30px;
+ width: 28px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .show-commander:hover,
+.component.list-fleet .set-fleet .item .show-commander:focus,
+.component.list-fleet .set-fleet .item .show-commander.active {
+ background-color: #202020;
+}
+.component.table-fleet table {
+ margin: 10px;
+ width: 880px;
+ border-collapse: collapse;
+}
+.component.table-fleet table tr:nth-child(odd) {
+ background: black;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:nth-child(even) {
+ background: #0A0A0A;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:first-child {
+ background: transparent;
+}
+.component.table-fleet table th,
+.component.table-fleet table td {
+ height: 40px;
+ width: 40px;
+ text-align: center;
+}
+.component.table-fleet table td span.zero-value {
+ color: #4F4F4F;
+}
+.component.table-fleet table .base {
+ width: 100px;
+ text-align: left;
+ padding: 0 20px;
+}
+.component.table-fleet table .base a {
+ border: none;
+}
+.component.table-fleet table .base strong {
+ display: block;
+ font-size: 16px;
+}
+.component.table-fleet table .large {
+ width: auto;
+ text-align: left;
+ padding: 0 10px;
+}
+.component.table-fleet table .sep {
+ border-left: solid 1px #2c7915;
+}
+.component.table-fleet table a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4F4F4F;
+ display: inline-block;
+}
+.component.table-fleet table th {
+ position: relative;
+ height: 70px;
+}
+.component.table-fleet table th span {
+ position: absolute;
+ bottom: 32px;
+ left: -10px;
+ display: block;
+ text-align: left;
+ width: 60px;
+ -ms-transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.component.commander-fleet .fleet {
+ vertical-align: top;
+ display: block;
+ text-align: center;
+}
+.component.commander-fleet .list-ship {
+ vertical-align: top;
+ display: inline-block;
+ width: 148px;
+}
+.component.commander-fleet .list-ship:first-child {
+ border-right: dashed 1px #4F4F4F;
+}
+.component.commander-fleet .list-ship a {
+ display: block;
+ position: relative;
+ margin: 6px;
+ height: 40px;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ border-radius: 3px;
+}
+.component.commander-fleet .list-ship a.empty {
+ opacity: 0.4;
+}
+.component.commander-fleet .list-ship img {
+ position: absolute;
+ display: inline-block;
+ width: 40px;
+}
+.component.commander-fleet .list-ship .text {
+ position: absolute;
+ left: 45px;
+ display: inline-block;
+ width: 88px;
+ color: white;
+}
+.component.commander-fleet .list-ship .text .quantity {
+ display: block;
+ font-weight: bold;
+ font-size: 18px;
+}
+.component.commander-fleet .army {
+ border-collapse: collapse;
+ width: 560px;
+ margin: 20px;
+}
+.component.commander-fleet .army td {
+ width: 65px;
+ padding: 5px;
+ border-right: dashed 1px #4F4F4F;
+ vertical-align: center;
+}
+.component.commander-fleet .army td:first-child {
+ width: auto;
+ vertical-align: top;
+ text-align: right;
+ padding: 0 20px;
+ font-size: 12px;
+}
+.component.commander-fleet .army tr:first-child td {
+ text-align: center;
+ padding: 10px 5px;
+ font-size: 18px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block {
+ display: block;
+ width: 54px;
+ height: 54px;
+ margin: 0 0 5px 0;
+ padding: 5px;
+ vertical-align: top;
+ border-radius: 5px;
+ background: #0A0A0A;
+ text-align: right;
+ border: solid 1px #202020;
+ color: #4F4F4F;
+}
+.component.commander-fleet .army .block.empty {
+ background: black;
+ border: solid 1px #0A0A0A;
+}
+.component.commander-fleet .army .block strong {
+ display: block;
+ font-size: 15px;
+ height: 38px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block em {
+ display: block;
+ padding: 2px;
+ font-size: 11px;
+ background: black;
+ text-align: center;
+ border-radius: 3px;
+}
+.component.commander-fleet .army .block.squadron {
+ border: solid 1px #4F4F4F;
+ color: white;
+ cursor: pointer;
+ background: #2c7915;
+}
+.component.commander-fleet .army .block.squadron.full0 {
+ background: url('src/desktop/squadron/squadron0.png') no-repeat 4px 2px #2c7915;
+}
+.component.commander-fleet .army .block.squadron.full1 {
+ background: url('src/desktop/squadron/squadron1.png') no-repeat 4px 2px #2c7915;
+}
+.component.commander-fleet .army .block.squadron.full2 {
+ background: url('src/desktop/squadron/squadron2.png') no-repeat 4px 2px #2c7915;
+}
+.component.commander-fleet .army .block.squadron.full3 {
+ background: url('src/desktop/squadron/squadron3.png') no-repeat 4px 2px #2c7915;
+}
+.component.commander-fleet .army .block.squadron.active {
+ box-shadow: inset 0 0 6px black,
+ 0 0 2px 0 white;
+ border: dashed 1px white;
+}
+.component.report .commander {
+ position: relative;
+ display: block;
+ margin: 10px;
+ padding: 8px 0 8px 72px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component.report .commander img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component.report .commander strong {
+ display: block;
+ padding: 0 0 8px 0;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component.report .commander em {
+ display: block;
+ line-height: 20px;
+ color: white;
+ font-style: normal;
+ color: #efefef;
+}
+.component.report .commander em .bonus {
+ font-size: 90%;
+ margin: 2px 0 0 2px;
+ padding: 3px 6px;
+}
+.component.report .dammage {
+ margin: 10px;
+ background: black;
+}
+.component.report .dammage table {
+ width: 100%;
+ border-collapse: collapse;
+ border-left: solid 1px #202020;
+ border-right: solid 1px #202020;
+}
+.component.report .dammage td {
+ border-color: #202020;
+ border-width: 1px;
+ border-style: solid dashed;
+ padding: 4px;
+ vertical-align: center;
+ text-align: center;
+ color: #CCC;
+ width: 28px;
+ height: 22px;
+}
+.component.report .dammage td:first-child {
+ text-align: left;
+ padding: 4px 8px;
+ width: auto;
+}
+.component.report .dammage td span {
+ display: inline-block;
+ background: red;
+ line-height: 22px;
+ width: 22px;
+ border-radius: 3px;
+ color: white;
+ background: #24500a;
+}
+.component.topic .message {
+ position: relative;
+ padding: 0 0 0 80px;
+ margin: 10px;
+ min-height: 70px;
+}
+.component.topic .message .avatar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 56px;
+ padding: 6px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.topic .message .content {
+ position: relative;
+ background: black;
+ border: solid 1px #202020;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component.topic .message .content:before {
+ position: absolute;
+ content: '';
+ top: 25px;
+ left: -18px;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent #202020 transparent transparent;
+}
+.component.topic .message .content .text {
+ margin: 0;
+ padding: 10px 10px 12px 10px;
+ border-bottom: solid 1px #0A0A0A;
+ color: #efefef;
+}
+.component.topic .message .content .text a,
+.component.topic .message .content .text strong {
+ color: white;
+}
+.component.topic .message .content .text a.color1 {
+ color: #b01e2d;
+}
+.component.topic .message .content .text a.color2 {
+ color: #2f23c0;
+}
+.component.topic .message .content .text a.color3 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text a.color4 {
+ color: #a935c7;
+}
+.component.topic .message .content .text a.color5 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color6 {
+ color: #05bed7;
+}
+.component.topic .message .content .text a.color7 {
+ color: #ac5832;
+}
+.component.topic .message .content .text a.color8 {
+ color: #f2b636;
+}
+.component.topic .message .content .text a.color9 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color10 {
+ color: #a92859;
+}
+.component.topic .message .content .text a.color11 {
+ color: #34b089;
+}
+.component.topic .message .content .text a.color12 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text .icon-color {
+ width: 15px;
+}
+.component.topic .message .content .footer {
+ margin: 0;
+ padding: 6px 10px;
+ font-size: 12px;
+ color: #CCC;
+}
+.component.topic .message .content .footer a {
+ color: #CCC;
+}
+.component.topic .message.write .content:before {
+ left: -17px;
+ top: 11px;
+ border-color: transparent white transparent transparent;
+}
+.component.topic .message.write .content textarea {
+ border: none;
+ padding: 5px;
+ width: 487px;
+ height: 120px;
+ max-width: 487px;
+ min-width: 487px;
+ min-height: 50px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content input {
+ margin: 6px;
+ font-family: inherit;
+}
+.component.topic .message.write .content .title {
+ border: none;
+ margin: 0;
+ padding: 5px;
+ width: 487px;
+ height: 30px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content button {
+ margin: 6px;
+ font-family: inherit;
+ background: #2c7915;
+ border: none;
+ padding: 4px 8px;
+ color: white;
+ cursor: pointer;
+}
+.component.topic .message.write .content button:hover,
+.component.topic .message.write .content button:focus {
+ background: #24500a;
+}
+.component.topic .system-message {
+ position: relative;
+ padding: 0 0 0 90px;
+ margin: 10px;
+}
+.component.topic .system-message:before {
+ content: '';
+ position: absolute;
+ top: 10px;
+ left: 0;
+ height: 1px;
+ width: 70px;
+ background: #4F4F4F;
+}
+.conv-item {
+ position: relative;
+ display: block;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+ height: 59px;
+ padding: 5px 5px 5px 70px;
+ margin: 0 10px;
+ color: white;
+ text-decoration: none;
+ overflow: hidden;
+}
+.conv-item .cover {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+ padding: 5px;
+}
+.conv-item .cover .picture {
+ width: 52px;
+ height: 52px;
+ background: #202020;
+ border-radius: 100%;
+ padding: 4px;
+}
+.conv-item .cover .picture.color0 {
+ box-shadow: 0 0 0 2px #4F4F4F;
+}
+.conv-item .cover .picture.color1 {
+ box-shadow: 0 0 0 2px #6e161b;
+}
+.conv-item .cover .picture.color2 {
+ box-shadow: 0 0 0 2px #1f1471;
+}
+.conv-item .cover .picture.color3 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .picture.color4 {
+ box-shadow: 0 0 0 2px #5a1072;
+}
+.conv-item .cover .picture.color5 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color6 {
+ box-shadow: 0 0 0 2px #076b87;
+}
+.conv-item .cover .picture.color7 {
+ box-shadow: 0 0 0 2px #67331d;
+}
+.conv-item .cover .picture.color8 {
+ box-shadow: 0 0 0 2px #d87913;
+}
+.conv-item .cover .picture.color9 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color10 {
+ box-shadow: 0 0 0 2px #760f36;
+}
+.conv-item .cover .picture.color11 {
+ box-shadow: 0 0 0 2px #219772;
+}
+.conv-item .cover .picture.color12 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .number,
+.conv-item .cover .new-message {
+ position: absolute;
+ width: 22px;
+ height: 22px;
+ border-radius: 100%;
+ background: #0A0A0A;
+ bottom: 5px;
+ right: 5px;
+ border: solid 1px #4F4F4F;
+ text-align: center;
+ line-height: 22px;
+ font-size: 11px;
+}
+.conv-item .cover .new-message {
+ left: 5px;
+ top: 5px;
+}
+.conv-item .cover .new-message img {
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin: 2px;
+}
+.conv-item .data {
+ line-height: 20px;
+}
+.conv-item:last-child {
+ border: solid 1px #202020;
+}
+.conv-item:hover,
+.conv-item:focus {
+ background: #0C0C0C;
+}
+.component.player .player {
+ position: relative;
+ display: inline-block;
+ margin: 10px 0 0 10px;
+ width: 211px;
+ height: 58px;
+ padding: 5px 5px 5px 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+ text-decoration: none;
+}
+.component.player .player a {
+ color: #ccc;
+ text-decoration: none;
+ border-bottom: solid 1px #202020;
+}
+.component.player .player a:hover,
+.component.player .player a:focus {
+ border-color: #4f4f4f;
+}
+.component.player .player img.picto {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 50px;
+ padding: 4px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.player .player .icon,
+.component.player .player .icon-color {
+ height: 16px;
+ padding: 1px;
+}
+.component.player .player span,
+.component.player .player strong {
+ display: block;
+ line-height: 20px;
+}
+.component.player .player strong {
+ font-size: 18px;
+}
+.component.player .player .online,
+.component.player .player .inactive {
+ position: absolute;
+ width: 18px;
+ height: 18px;
+ background: white;
+ top: 5px;
+ right: 5px;
+ border-radius: 100%;
+ background: #4F4F4F;
+}
+.component.player .player .online {
+ background: #57c632;
+}
+.component.player .player.faction {
+ border-left: solid 1px #0A0A0A !important;
+ width: 202px;
+}
+.component.player .player.faction img {
+ top: 0;
+ left: 10px;
+ padding: 0;
+ border: none;
+ border-radius: 0;
+ background: transparent;
+}
+.component.player.rank .player {
+ border-left: solid 10px #4F4F4F;
+ width: 190px;
+}
+.component.player.rank .player.color1 {
+ border-left-color: #b01e2d;
+}
+.component.player.rank .player.color2 {
+ border-left-color: #2f23c0;
+}
+.component.player.rank .player.color3 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player.color4 {
+ border-left-color: #a935c7;
+}
+.component.player.rank .player.color5 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color6 {
+ border-left-color: #05bed7;
+}
+.component.player.rank .player.color7 {
+ border-left-color: #ac5832;
+}
+.component.player.rank .player.color8 {
+ border-left-color: #f2b636;
+}
+.component.player.rank .player.color9 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color10 {
+ border-left-color: #a92859;
+}
+.component.player.rank .player.color11 {
+ border-left-color: #34b089;
+}
+.component.player.rank .player.color12 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player .title,
+.component.player.rank .player .points {
+ color: #BBB;
+}
+.component.player.rank .player .position {
+ display: block;
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ line-height: 38px;
+ width: 38px;
+ border: solid 1px #202020;
+ text-align: center;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance {
+ display: block;
+ position: absolute;
+ top: 5px;
+ right: -4px;
+ line-height: 26px;
+ width: 26px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ text-align: center;
+ font-size: 11px;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance.lower {
+ bottom: 5px;
+ top: auto;
+}
+.component.player.rank .player.active .position {
+ background: white;
+ border: solid 1px white;
+ color: #202020;
+}
+.component.player.size2 .player {
+ width: 208px;
+}
+.component.player.size1 .player {
+ width: 202px;
+}
+.component.transaction .transaction {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 10px;
+}
+.component.transaction .transaction .right-link {
+ position: absolute;
+ top: 2px;
+ right: 5px;
+ display: block;
+ color: #FFF;
+ text-decoration: none;
+}
+.component.transaction .transaction .product {
+ position: relative;
+ height: 70px;
+ padding: 5px 10px 5px 55px;
+ cursor: pointer;
+}
+.component.transaction .transaction .product .picto {
+ position: absolute;
+ top: 5px;
+ left: -20px;
+ width: 60px;
+ height: 60px;
+ padding: 4px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+}
+.component.transaction .transaction .product .rate {
+ position: absolute;
+ bottom: 5px;
+ right: 8px;
+}
+.component.transaction .transaction .product .offer {
+ overflow: hidden;
+ height: 32px;
+}
+.component.transaction .transaction .product .for {
+ position: relative;
+ border-top: solid 1px #202020;
+ margin: 8px 0 6px 0;
+ color: #4F4F4F;
+}
+.component.transaction .transaction .product .for span {
+ display: block;
+ position: absolute;
+ top: -10px;
+ left: 10px;
+ background: #0A0A0A;
+ padding: 0 10px;
+ font-size: 12px;
+}
+.component.transaction .transaction .product .price {
+ font-size: 19px;
+ font-weight: bold;
+}
+.component.transaction .transaction .product .price .icon-color {
+ width: 14px;
+ position: relative;
+ top: -2px;
+ padding: 1px;
+}
+.component.transaction .transaction.resources .product .offer {
+ font-size: 28px;
+ font-weight: bold;
+ line-height: 30px;
+}
+.component.transaction .transaction.resources .product .offer .icon-color {
+ width: 20px;
+ position: relative;
+ top: -5px;
+}
+.component.transaction .transaction.commander .product .offer strong,
+.component.transaction .transaction.ship .product .offer strong {
+ display: block;
+ font-size: 14px;
+}
+.component.transaction .transaction.commander .product .offer em,
+.component.transaction .transaction.ship .product .offer em {
+ display: block;
+ font-size: 11px;
+}
+.component.transaction .transaction .hidden {
+ display: none;
+}
+.component.transaction .transaction .info {
+ position: relative;
+ border-top: solid 1px #202020;
+ height: 88px;
+ background: black;
+}
+.component.transaction .transaction .info p {
+ font-size: 11px;
+ margin: 5px 8px;
+}
+.component.transaction .transaction .info .seller {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+}
+.component.transaction .transaction .info .seller a {
+ font-weight: bold;
+ color: white;
+}
+.component.transaction .transaction .info .seller .color1 {
+ color: #b01e2d;
+}
+.component.transaction .transaction .info .seller .color2 {
+ color: #2f23c0;
+}
+.component.transaction .transaction .info .seller .color3 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .seller .color4 {
+ color: #a935c7;
+}
+.component.transaction .transaction .info .seller .color5 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color6 {
+ color: #05bed7;
+}
+.component.transaction .transaction .info .seller .color7 {
+ color: #ac5832;
+}
+.component.transaction .transaction .info .seller .color8 {
+ color: #f2b636;
+}
+.component.transaction .transaction .info .seller .color9 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color10 {
+ color: #a92859;
+}
+.component.transaction .transaction .info .seller .color11 {
+ color: #34b089;
+}
+.component.transaction .transaction .info .seller .color12 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .price-detail {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+ right: 0;
+}
+.component.transaction .transaction .info .price-detail p {
+ text-align: right;
+}
+.component.transaction .transaction .info .price-detail p .icon-color {
+ width: 10px;
+ padding: 1px;
+}
+.component.transaction .transaction .info .price-detail p span {
+ color: #4F4F4F;
+}
+.component.transaction .transaction .button {
+ border-top: solid 1px #202020;
+ padding: 5px;
+}
+.component.transaction .transaction .button a,
+.component.transaction .transaction .button span {
+ display: block;
+ padding: 5px 10px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ line-height: 20px;
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component.transaction .transaction .button a {
+ background: #2c7915;
+}
+.component.transaction .transaction .button a:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #57c632;
+}
+.component.transaction .transaction .button span {
+ background: #202020;
+ cursor: default;
+}
+.component.transaction .transaction .button .icon-color {
+ width: 14px;
+}
+.component.transaction .transaction .shipping {
+ position: relative;
+ background: black;
+ height: 30px;
+}
+.component.transaction .transaction .shipping .ships {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+}
+.component.transaction .transaction .shipping .ships .icon-color {
+ position: relative;
+ width: 16px;
+ margin-left: 5px;
+ top: -5px;
+}
+.component.transaction .transaction .shipping .time {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 12px;
+}
+.component.transaction .transaction .shipping .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 0 60px;
+ height: 3px;
+ top: 13px;
+ background: #4F4F4F;
+}
+.component.transaction .transaction .shipping .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #57c632;
+}
+.component .build-item.disable .button span {
+ color: #696969;
+}
+.component.transaction .new-transaction {
+ width: 279px;
+ position: absolute;
+ background: black;
+ z-index: 1;
+ padding: 10px;
+ border-bottom: solid 1px #57c632;
+}
+.component.transaction .new-transaction label {
+ position: relative;
+ display: block;
+ padding: 5px 0;
+}
+.component.transaction .new-transaction label input {
+ display: block;
+ padding: 5px 10px;
+ margin: 5px 0 0 0;
+ width: 259px;
+ border: none;
+}
+.component.transaction .new-transaction.resources label input {
+ font-size: 16px;
+ color: #202020;
+ font-weight: bold;
+}
+.component.transaction .new-transaction .indicator {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 15px;
+}
+.component.transaction .new-transaction .indicator span {
+ position: absolute;
+ display: inline-block;
+ padding: 1px 6px;
+ font-size: 12px;
+ color: white;
+ border-radius: 3px;
+ top: -5px;
+ background: #24500a;
+}
+.component.transaction .new-transaction .indicator span.min-price {
+ left: 5px;
+}
+.component.transaction .new-transaction .indicator span.max-price {
+ right: 5px;
+}
+.component.market-sell .body {
+ padding: 10px 0;
+}
+.component.market-sell .label-box {
+ position: relative;
+ padding: 0 10px;
+ margin: 10px 0;
+}
+.component.market-sell .label-box .label {
+ display: inline-block;
+ width: 100px;
+ line-height: 30px;
+}
+.component.market-sell .label-box .value {
+ display: inline-block;
+ width: 147px;
+ padding: 0 5px;
+ border: none;
+ line-height: 30px;
+ border-radius: 3px;
+ font-size: 16px;
+}
+.component.market-sell .label-box input.value {
+ height: 30px;
+ background: white;
+}
+.component.market-sell .label-box .icon-color {
+ position: absolute;
+ top: 4px;
+ right: 16px;
+ width: 18px;
+}
+.component.market-sell .queue {
+ margin: 0 10px;
+ cursor: pointer;
+}
+.component.market-sell .sell-form {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 0 10px 10px 10px;
+}
+.component.market-sell .sell-form input[type='submit'] {
+ display: block;
+ width: 100%;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 10px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #57c632;
+}
+.component.market-sell .sell-form input[type='submit']:hover {
+ background: #24500a;
+}
+.component.market-sell .sell-form input[disabled='disabled'] {
+ background: #202020 !important;
+}
+.wysiwyg {
+ display: block;
+ position: relative;
+}
+.wysiwyg .toolbar {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 5px;
+}
+.wysiwyg .toolbar button {
+ display: inline-block;
+ height: 26px;
+ line-height: 26px;
+ padding: 0 4px !important;
+ margin: 0 4px 0 0 !important;
+ background: #2c7915;
+ color: white;
+ border-radius: 3px;
+ overflow: hidden;
+ vertical-align: top;
+}
+.wysiwyg .modal {
+ position: absolute;
+ top: 40px;
+ left: 10px;
+ right: 10px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ box-shadow: 0 0 15px black;
+}
+.wysiwyg .modal .header {
+ position: relative;
+}
+.wysiwyg .modal .header h2 {
+ margin: 0;
+ padding: 0;
+ line-height: 36px;
+ padding: 0 10px;
+ font-size: 16px;
+ font-weight: normal;
+}
+.wysiwyg .modal .header .right {
+ position: absolute;
+ top: 5px;
+ right: 10px;
+ width: 300px;
+ text-align: right;
+}
+.wysiwyg .modal .header .right button {
+ display: inline-block;
+ width: 26px !important;
+ height: 26px !important;
+ line-height: 26px !important<;
+ font-size: 14px;
+ padding: 0 !important;
+ margin: 0 0 0 5px !important;
+}
+.wysiwyg .modal input {
+ width: 435px;
+ border: none;
+ height: 30px;
+ margin: 0 10px 10px 10px !important;
+ padding: 0 10px !important;
+}
+.wysiwyg textarea {
+ padding-top: 40px !important;
+}
+.input-area .wysiwyg .toolbar {
+ padding: 0;
+}
+.component.params .checkbox {
+ display: block;
+ position: relative;
+ padding: 10px 10px 10px 40px;
+ margin: 10px;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component.params .checkbox input {
+ position: absolute;
+ top: 8px;
+ left: 10px;
+}
+#map {
+ position: absolute;
+ z-index: 100;
+ background: url('src/desktop/map/common/map.jpg') repeat black;
+ padding: 0;
+ top: 0;
+ left: 0;
+}
+#map #sectors {
+ z-index: 300;
+}
+#map #spying {
+ z-index: 400;
+}
+#map #own-base {
+ z-index: 500;
+}
+#map #commercial-routes {
+ z-index: 600;
+}
+#map #fleet-movements {
+ z-index: 700;
+}
+#map #attacks {
+ z-index: 800;
+}
+#map #systems {
+ z-index: 900;
+}
+#map #map-info {
+ z-index: 910;
+}
+#map > div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+#map #sectors polygon {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 4 4;
+ opacity: 0.15;
+}
+#map #sectors .ally1 {
+ fill: #6e161b;
+}
+#map #sectors .ally2 {
+ fill: #1f1471;
+}
+#map #sectors .ally3 {
+ fill: #dbb200;
+}
+#map #sectors .ally4 {
+ fill: #5a1072;
+}
+#map #sectors .ally5 {
+ fill: #2c7915;
+}
+#map #sectors .ally6 {
+ fill: #076b87;
+}
+#map #sectors .ally7 {
+ fill: #67331d;
+}
+#map #sectors .ally8 {
+ fill: #d87913;
+}
+#map #sectors .ally9 {
+ fill: #2c7915;
+}
+#map #sectors .ally10 {
+ fill: #760f36;
+}
+#map #sectors .ally11 {
+ fill: #219772;
+}
+#map #sectors .ally12 {
+ fill: #dbb200;
+}
+#map #spying circle {
+ opacity: 0.08;
+ stroke: white;
+}
+#map #own-base circle {
+ opacity: 0.1;
+ fill: white;
+}
+#map #commercial-routes line {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 20 5 5 5 5 10;
+}
+#map #commercial-routes line.standBy {
+ stroke: rgba(255, 255, 255, 0.3);
+}
+#map #fleet-movements line {
+ stroke-width: 1px;
+}
+#map #fleet-movements line.back {
+ stroke-dasharray: 15 5;
+}
+#map #attacks line {
+ stroke-width: 1px;
+}
+#map #attacks line.color1 {
+ stroke: #b01e2d;
+}
+#map #attacks line.color2 {
+ stroke: #2f23c0;
+}
+#map #attacks line.color3 {
+ stroke: #ffdb0f;
+}
+#map #attacks line.color4 {
+ stroke: #a935c7;
+}
+#map #attacks line.color5 {
+ stroke: #57c632;
+}
+#map #attacks line.color6 {
+ stroke: #05bed7;
+}
+#map #attacks line.color7 {
+ stroke: #ac5832;
+}
+#map #attacks line.color8 {
+ stroke: #f2b636;
+}
+#map #attacks line.color9 {
+ stroke: #57c632;
+}
+#map #attacks line.color10 {
+ stroke: #a92859;
+}
+#map #attacks line.color11 {
+ stroke: #34b089;
+}
+#map #attacks line.color12 {
+ stroke: #ffdb0f;
+}
+#map #attacks circle.color1 {
+ fill: #b01e2d;
+}
+#map #attacks circle.color2 {
+ fill: #2f23c0;
+}
+#map #attacks circle.color3 {
+ fill: #ffdb0f;
+}
+#map #attacks circle.color4 {
+ fill: #a935c7;
+}
+#map #attacks circle.color5 {
+ fill: #57c632;
+}
+#map #attacks circle.color6 {
+ fill: #05bed7;
+}
+#map #attacks circle.color7 {
+ fill: #ac5832;
+}
+#map #attacks circle.color8 {
+ fill: #f2b636;
+}
+#map #attacks circle.color9 {
+ fill: #57c632;
+}
+#map #attacks circle.color10 {
+ fill: #a92859;
+}
+#map #attacks circle.color11 {
+ fill: #34b089;
+}
+#map #attacks circle.color12 {
+ fill: #ffdb0f;
+}
+#map #systems a {
+ display: block;
+ position: absolute;
+ border-radius: 100%;
+}
+#map #systems a.active {
+ background: black;
+ box-shadow: 0 0 0 1px black,
+ 0 0 0 3px white,
+ 0 0 10px 8px black;
+}
+#map #systems a img {
+ display: block;
+ width: 20px;
+ height: 20px;
+ border: none;
+ border-radius: 100%;
+ -moz-border-radius: 100%;
+ -webkit-border-radius: 100%;
+ -ms-border-radius: 100%;
+ -o-border-radius: 100%;
+}
+#map #systems a img.own {
+ background: white;
+}
+#map #systems .sector-number {
+ position: absolute;
+ display: block;
+ font-size: 22px;
+ line-height: 40px;
+ width: 40px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 0 5px #0A0A0A, 0 0 0 6px #4F4F4F;
+ background: #202020;
+ color: white;
+ font-weight: bold;
+ cursor: pointer;
+}
+#map #systems .sector-number.color1 {
+ background: #6e161b;
+}
+#map #systems .sector-number.color2 {
+ background: #1f1471;
+}
+#map #systems .sector-number.color3 {
+ background: #dbb200;
+}
+#map #systems .sector-number.color4 {
+ background: #5a1072;
+}
+#map #systems .sector-number.color5 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color6 {
+ background: #076b87;
+}
+#map #systems .sector-number.color7 {
+ background: #67331d;
+}
+#map #systems .sector-number.color8 {
+ background: #d87913;
+}
+#map #systems .sector-number.color9 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color10 {
+ background: #760f36;
+}
+#map #systems .sector-number.color11 {
+ background: #219772;
+}
+#map #systems .sector-number.color12 {
+ background: #dbb200;
+}
+#map #systems .sector-info {
+ display: none;
+ position: absolute;
+ color: white;
+ background: black;
+ background: rgba(0, 0, 0, 0.9);
+ padding: 8px 16px;
+ border-radius: 3px;
+}
+#map #systems .sector-info:before {
+ content: '';
+ position: absolute;
+ left: -20px;
+ top: 20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent black transparent transparent;
+ border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
+}
+#map #systems .sector-info h2 {
+ position: relative;
+ font-size: 40px;
+ font-weight: bold;
+ line-height: 40px;
+ text-shadow: 0 0 5px black;
+ margin: 0;
+ padding: 0;
+}
+#map #systems .sector-info p {
+ font-size: 13px;
+ margin: 6px 0 0 0;
+ padding: 0;
+ font-weight: bold;
+ font-variant: small-caps;
+}
+#map #systems .sector-info p a {
+ position: static;
+ display: inline-block;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ margin: 0 5px 0 0;
+}
+#map #systems .sector-info.color1 p a {
+ background: #6e161b;
+}
+#map #systems .sector-info.color2 p a {
+ background: #1f1471;
+}
+#map #systems .sector-info.color3 p a {
+ background: #dbb200;
+}
+#map #systems .sector-info.color4 p a {
+ background: #5a1072;
+}
+#map #systems .sector-info.color5 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color6 p a {
+ background: #076b87;
+}
+#map #systems .sector-info.color7 p a {
+ background: #67331d;
+}
+#map #systems .sector-info.color8 p a {
+ background: #d87913;
+}
+#map #systems .sector-info.color9 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color10 p a {
+ background: #760f36;
+}
+#map #systems .sector-info.color11 p a {
+ background: #219772;
+}
+#map #systems .sector-info.color12 p a {
+ background: #dbb200;
+}
+#map #map-info {
+ display: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ bottom: auto;
+ height: auto;
+ width: auto;
+ margin: 40px 60px 0 0;
+ color: white;
+ text-align: right;
+}
+#map #map-info h2 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 38px;
+ line-height: 60px;
+}
+#map #map-info h3 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 40px;
+}
+#map #map-info ul {
+ margin: 10px 0;
+ padding: 0;
+ list-style: none;
+}
+#map #map-info ul li {
+ position: relative;
+ margin: 0;
+ padding: 0 40px 0 0;
+ line-height: 20px;
+ height: 20px;
+ font-style: italic;
+ color: #CCC;
+ font-size: 13px;
+}
+#map #map-info ul li img {
+ position: absolute;
+ right: 10px;
+ top: 0px;
+}
+#map #spying circle {
+ fill: #2c7915;
+}
+#map #fleet-movements line {
+ stroke: #57c632;
+}
+#map #fleet-movements circle {
+ fill: #57c632;
+}
+#map-option {
+ z-index: 1000;
+ position: absolute;
+ display: inline-block;
+ height: 32px;
+ padding: 3px 0;
+ background: url('src/desktop/map/bOption.png') repeat-x;
+ top: 30px;
+ right: 20px;
+}
+#map-option:before {
+ content: '';
+ position: absolute;
+ display: block;
+ left: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bLeftOption.png');
+}
+#map-option:after {
+ content: '';
+ position: absolute;
+ display: block;
+ right: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bRightOption.png');
+}
+#map-option a {
+ position: relative;
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ margin: 1px 0 1px 1px;
+ background: #0A0A0A;
+}
+#map-option a.active {
+ background: #004948;
+}
+#map-option a img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 22px;
+}
+.color1 #map-option a.active {
+ background: #510816;
+}
+.color2 #map-option a.active {
+ background: #0c0d44;
+}
+.color3 #map-option a.active {
+ background: #b17a00;
+}
+.color4 #map-option a.active {
+ background: #310948;
+}
+.color5 #map-option a.active {
+ background: #24500a;
+}
+.color6 #map-option a.active {
+ background: #004948;
+}
+.color7 #map-option a.active {
+ background: #401b13;
+}
+.color8 #map-option a.active {
+ background: #c3590b;
+}
+.color9 #map-option a.active {
+ background: #24500a;
+}
+.color10 #map-option a.active {
+ background: #4d0621;
+}
+.color11 #map-option a.active {
+ background: #10684c;
+}
+.color12 #map-option a.active {
+ background: #b17a00;
+}
+#map-content {
+ z-index: 1000;
+ position: absolute;
+ top: 80px;
+ right: 20px;
+ display: block;
+}
+#map-content .mini-map {
+ position: relative;
+ width: 300px;
+ height: 300px;
+ overflow: hidden;
+ border: solid 1px #202020;
+ background: url('src/desktop/map/common/galaxy.jpg') no-repeat #0A0A0A;
+}
+#map-content .mini-map polygon {
+ stroke: white;
+ stroke-width: .5px;
+ opacity: 0.3;
+}
+#map-content .mini-map polygon:focus,
+#map-content .mini-map polygon:hover {
+ opacity: 0.1;
+ cursor: pointer;
+}
+#map-content .mini-map polygon.ally0 {
+ fill: #202020;
+}
+#map-content .mini-map polygon.ally1 {
+ fill: #6e161b;
+}
+#map-content .mini-map polygon.ally2 {
+ fill: #1f1471;
+}
+#map-content .mini-map polygon.ally3 {
+ fill: #dbb200;
+}
+#map-content .mini-map polygon.ally4 {
+ fill: #5a1072;
+}
+#map-content .mini-map polygon.ally5 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally6 {
+ fill: #076b87;
+}
+#map-content .mini-map polygon.ally7 {
+ fill: #67331d;
+}
+#map-content .mini-map polygon.ally8 {
+ fill: #d87913;
+}
+#map-content .mini-map polygon.ally9 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally10 {
+ fill: #760f36;
+}
+#map-content .mini-map polygon.ally11 {
+ fill: #219772;
+}
+#map-content .mini-map polygon.ally12 {
+ fill: #dbb200;
+}
+#map-content .mini-map .number {
+ position: absolute;
+ z-index: 600;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .sectors {
+ z-index: 500;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases {
+ z-index: 400;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases circle {
+ fill: rgba(255, 255, 255, 0.2);
+ stroke: white;
+}
+#map-content .mini-map .viewport {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: rgba(255, 255, 255, 0.1);
+ border: solid 1px white;
+ border-radius: 3px;
+}
+#map-content .mini-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 11px;
+}
+.map-movers {
+ display: none;
+ position: absolute;
+ z-index: 900;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+#coord-box {
+ z-index: 1000;
+ position: absolute;
+ bottom: 20px;
+ right: 20px;
+ width: 80px;
+ padding: 5px 10px;
+ background: rgba(0, 0, 0, 0.8);
+ color: white;
+ font-size: 20px;
+ text-align: center;
+}
+.tactical-map {
+ margin: 10px;
+ position: relative;
+ background: url('src/desktop/map/common/galaxy-large.jpg') repeat #0A0A0A;
+}
+.tactical-map polygon {
+ stroke: white;
+ stroke-width: .30px;
+ opacity: 0.15;
+}
+.tactical-map polygon.enabled {
+ position: relative;
+ stroke-width: 2px;
+ opacity: 0.80;
+ z-index: 1;
+}
+.tactical-map polygon.enabled.ally1 {
+ stroke: #510816;
+}
+.tactical-map polygon.enabled.ally2 {
+ stroke: #0c0d44;
+}
+.tactical-map polygon.enabled.ally3 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.enabled.ally4 {
+ stroke: #310948;
+}
+.tactical-map polygon.enabled.ally5 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally6 {
+ stroke: #004948;
+}
+.tactical-map polygon.enabled.ally7 {
+ stroke: #401b13;
+}
+.tactical-map polygon.enabled.ally8 {
+ stroke: #c3590b;
+}
+.tactical-map polygon.enabled.ally9 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally10 {
+ stroke: #4d0621;
+}
+.tactical-map polygon.enabled.ally11 {
+ stroke: #10684c;
+}
+.tactical-map polygon.enabled.ally12 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.ally0 {
+ fill: #202020;
+}
+.tactical-map polygon.ally1 {
+ fill: #6e161b;
+}
+.tactical-map polygon.ally2 {
+ fill: #1f1471;
+}
+.tactical-map polygon.ally3 {
+ fill: #dbb200;
+}
+.tactical-map polygon.ally4 {
+ fill: #5a1072;
+}
+.tactical-map polygon.ally5 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally6 {
+ fill: #076b87;
+}
+.tactical-map polygon.ally7 {
+ fill: #67331d;
+}
+.tactical-map polygon.ally8 {
+ fill: #d87913;
+}
+.tactical-map polygon.ally9 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally10 {
+ fill: #760f36;
+}
+.tactical-map polygon.ally11 {
+ fill: #219772;
+}
+.tactical-map polygon.ally12 {
+ fill: #dbb200;
+}
+.tactical-map .number {
+ position: absolute;
+ z-index: 800;
+ top: 0;
+ left: 0;
+}
+.tactical-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 12px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 1px white;
+}
+.tactical-map .number span.ally0 {
+ background: #0A0A0A;
+}
+.tactical-map .number span.ally1 {
+ background: #510816;
+}
+.tactical-map .number span.ally2 {
+ background: #0c0d44;
+}
+.tactical-map .number span.ally3 {
+ background: #b17a00;
+}
+.tactical-map .number span.ally4 {
+ background: #310948;
+}
+.tactical-map .number span.ally5 {
+ background: #24500a;
+}
+.tactical-map .number span.ally6 {
+ background: #004948;
+}
+.tactical-map .number span.ally7 {
+ background: #401b13;
+}
+.tactical-map .number span.ally8 {
+ background: #c3590b;
+}
+.tactical-map .number span.ally9 {
+ background: #24500a;
+}
+.tactical-map .number span.ally10 {
+ background: #4d0621;
+}
+.tactical-map .number span.ally11 {
+ background: #10684c;
+}
+.tactical-map .number span.ally12 {
+ background: #b17a00;
+}
+.tactical-map .number span.active {
+ background: white;
+ color: black;
+ box-shadow: 0 0 10px black;
+}
+.tactical-map.reactive polygon.enabled:hover,
+.tactical-map.reactive polygon.enabled.active {
+ cursor: pointer;
+}
+.tactical-map.reactive polygon.enabled:hover.ally1,
+.tactical-map.reactive polygon.enabled.active.ally1 {
+ fill: #510816;
+}
+.tactical-map.reactive polygon.enabled:hover.ally2,
+.tactical-map.reactive polygon.enabled.active.ally2 {
+ fill: #0c0d44;
+}
+.tactical-map.reactive polygon.enabled:hover.ally3,
+.tactical-map.reactive polygon.enabled.active.ally3 {
+ fill: #b17a00;
+}
+.tactical-map.reactive polygon.enabled:hover.ally4,
+.tactical-map.reactive polygon.enabled.active.ally4 {
+ fill: #310948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally5,
+.tactical-map.reactive polygon.enabled.active.ally5 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally6,
+.tactical-map.reactive polygon.enabled.active.ally6 {
+ fill: #004948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally7,
+.tactical-map.reactive polygon.enabled.active.ally7 {
+ fill: #401b13;
+}
+.tactical-map.reactive polygon.enabled:hover.ally8,
+.tactical-map.reactive polygon.enabled.active.ally8 {
+ fill: #c3590b;
+}
+.tactical-map.reactive polygon.enabled:hover.ally9,
+.tactical-map.reactive polygon.enabled.active.ally9 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally10,
+.tactical-map.reactive polygon.enabled.active.ally10 {
+ fill: #4d0621;
+}
+.tactical-map.reactive polygon.enabled:hover.ally11,
+.tactical-map.reactive polygon.enabled.active.ally11 {
+ fill: #10684c;
+}
+.tactical-map.reactive polygon.enabled:hover.ally12,
+.tactical-map.reactive polygon.enabled.active.ally12 {
+ fill: #b17a00;
+}
+#action-box {
+ display: block;
+ z-index: 1100;
+ position: absolute;
+ width: 100%;
+ height: 300px;
+ bottom: -300px;
+ left: 0;
+ border-top: solid 1px #0A0A0A;
+ background: black;
+ box-shadow: 0 0 15px black;
+}
+#action-box .header {
+ position: relative;
+ background: black;
+ border-bottom: solid 1px #202020;
+ height: 36px;
+ color: #EFEFEF;
+}
+#action-box .header ul {
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .header ul li {
+ display: inline-block;
+ line-height: 36px;
+ padding: 0 10px;
+ color: #CCC;
+ border-right: solid 1px #202020;
+}
+#action-box .header ul li a {
+ display: inline-block;
+ line-height: 24px;
+ margin: 3px 0;
+ padding: 0 6px;
+ text-decoration: none;
+ color: #CCC;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-right: none;
+ color: #8F8F8F;
+}
+#action-box .header ul li a:first-child {
+ border-radius: 3px 0 0 3px;
+}
+#action-box .header ul li a:last-child {
+ border-right: solid 1px #202020;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .header ul li a:hover,
+#action-box .header ul li a:focus {
+ background: #202020;
+ color: white;
+}
+#action-box .header ul li a.active {
+ color: white;
+ position: relative;
+ z-index: 1;
+ background: #24500a;
+}
+#action-box .header ul li img {
+ position: relative;
+ top: 5px;
+ width: 20px;
+ border-radius: 100%;
+}
+#action-box .header .button {
+ position: absolute;
+ top: 7px;
+ right: 10px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ background: #202020;
+ border-radius: 3px;
+ text-decoration: none;
+ text-transform: uppercase;
+ color: white;
+}
+#action-box .header .button:focus,
+#action-box .header .button:hover {
+ background: #4F4F4F;
+}
+#action-box .body {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ height: 263px;
+ background: url('src/desktop/map/common/bLine.jpg') repeat-x center #080808;
+}
+#action-box .actbox-movers {
+ position: absolute;
+ display: block;
+ width: 60px;
+ height: 263px;
+ z-index: 1103;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#action-box .actbox-movers:hover,
+#action-box .actbox-movers:focus {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+#action-box .actbox-movers:active {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+#action-box .actbox-movers#actboxToLeft {
+ background: url('src/desktop/mover/left.png') no-repeat center;
+}
+#action-box .actbox-movers#actboxToRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center;
+}
+#action-box .body .system {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 263px;
+ width: 3000px;
+}
+#action-box .body .system ul {
+ display: inline-block;
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .body .system ul li {
+ display: inline-block;
+}
+#action-box .body .system ul li.place a,
+#action-box .body .system ul li.action {
+ width: 100px;
+ height: 260px;
+ border-top: solid 3px white;
+ position: relative;
+}
+#action-box .body .system ul li.place.color1 a,
+#action-box .body .system ul li.action.color1 {
+ border-top-color: #6e161b;
+}
+#action-box .body .system ul li.place.color2 a,
+#action-box .body .system ul li.action.color2 {
+ border-top-color: #1f1471;
+}
+#action-box .body .system ul li.place.color3 a,
+#action-box .body .system ul li.action.color3 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.place.color4 a,
+#action-box .body .system ul li.action.color4 {
+ border-top-color: #5a1072;
+}
+#action-box .body .system ul li.place.color5 a,
+#action-box .body .system ul li.action.color5 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color6 a,
+#action-box .body .system ul li.action.color6 {
+ border-top-color: #076b87;
+}
+#action-box .body .system ul li.place.color7 a,
+#action-box .body .system ul li.action.color7 {
+ border-top-color: #67331d;
+}
+#action-box .body .system ul li.place.color8 a,
+#action-box .body .system ul li.action.color8 {
+ border-top-color: #d87913;
+}
+#action-box .body .system ul li.place.color9 a,
+#action-box .body .system ul li.action.color9 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color10 a,
+#action-box .body .system ul li.action.color10 {
+ border-top-color: #760f36;
+}
+#action-box .body .system ul li.place.color11 a,
+#action-box .body .system ul li.action.color11 {
+ border-top-color: #219772;
+}
+#action-box .body .system ul li.place.color12 a,
+#action-box .body .system ul li.action.color12 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.star {
+ width: 300px;
+ height: 263px;
+ border-left: solid 1px #0F0F0F;
+ background: url('src/desktop/map/systems/default.png') no-repeat center center;
+}
+#action-box .body .system ul li.place a {
+ display: block;
+ border-left: solid 1px #0F0F0F;
+ text-align: center;
+}
+#action-box .body .system ul li.place a strong {
+ position: absolute;
+ bottom: 8px;
+ left: 10px;
+ font-size: 18px;
+ font-weight: bold;
+ color: white;
+}
+#action-box .body .system ul li.place a .land {
+ position: absolute;
+ z-index: 1102;
+ top: 88px;
+ left: 10px;
+ width: 80px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.place.active a .land {
+ box-shadow: 0 0 0 1px #202020;
+ background: #080808;
+}
+#action-box .body .system ul li.place a .avatar {
+ position: absolute;
+ z-index: 1101;
+ top: 10px;
+ left: 20px;
+ padding: 7px;
+ border: solid 1px #0F0F0F;
+ background: black;
+ width: 47px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action {
+ width: 0px;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .content {
+ position: absolute;
+ top: 9px;
+ left: 12px;
+ height: 240px;
+ width: 545px;
+ background: #111111;
+ border: solid 1px #202020;
+ box-shadow: inset 0 0 5px black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .content:before {
+ content: '';
+ position: absolute;
+ top: 107px;
+ left: -24px;
+ border-width: 12px;
+ border-style: solid;
+ border-color: transparent #202020 transparent transparent;
+}
+#action-box .body .system ul li.action .content .column {
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ height: 240px;
+ border-right: solid 1px #202020;
+ color: white;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link {
+ position: absolute;
+ top: 6px;
+ right: 8px;
+ opacity: .5;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link:hover,
+#action-box .body .system ul li.action .content .column .last-spy-link:focus {
+ opacity: 1;
+}
+#action-box .body .system ul li.action .content .column.info {
+ width: 199px;
+}
+#action-box .body .system ul li.action .content .column.act {
+ width: 345px;
+ border-right: none;
+}
+#action-box .body .system ul li.action .content .column p {
+ margin: 2px 10px;
+}
+#action-box .body .system ul li.action .content .column a {
+ color: white;
+}
+#action-box .body .system ul li.action .content .column hr {
+ margin: 8px 10px;
+ border: none;
+ background: none;
+ border-bottom: solid 1px #202020;
+}
+#action-box .body .system ul li.action .content .column strong {
+ line-height: 30px;
+}
+#action-box .body .system ul li.action .content .column.info strong {
+ line-height: 28px;
+ font-size: 18px;
+}
+#action-box .body .system ul li.action .content .column .label {
+ display: inline-block;
+ width: 78px;
+ font-size: 12px;
+}
+#action-box .body .system ul li.action .content .column .value {
+ display: inline-block;
+ width: 100px;
+ text-align: left;
+}
+#action-box .body .system ul li.action .content .column .value .icon,
+#action-box .body .system ul li.action .content .column .value .icon-color {
+ width: 18px;
+ height: 18px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .content .column.act .top .grey {
+ opacity: .4;
+}
+#action-box .body .system ul li.action .content .column.act .top img {
+ width: 45px;
+ padding: 8px;
+ margin: 0 4px 2px 0;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action .content .column .top,
+#action-box .body .system ul li.action .content .column .bottom {
+ padding: 5px;
+}
+#action-box .body .system ul li.action .box {
+ display: none;
+ position: absolute;
+ left: 10px;
+ right: 10px;
+ bottom: 10px;
+ top: 80px;
+ background: black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .box:nth-child(1) {
+ display: block;
+}
+#action-box .body .system ul li.action .box:before {
+ content: '';
+ position: absolute;
+ top: -20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent transparent black transparent;
+}
+#action-box .body .system ul li.action .box:nth-child(1):before {
+ left: 15px;
+}
+#action-box .body .system ul li.action .box:nth-child(2):before {
+ left: 84px;
+}
+#action-box .body .system ul li.action .box:nth-child(3):before {
+ left: 152px;
+}
+#action-box .body .system ul li.action .box:nth-child(4):before {
+ left: 218px;
+}
+#action-box .body .system ul li.action .box:nth-child(5):before {
+ left: 284px;
+}
+#action-box .body .system ul li.action .box h2 {
+ margin: 0;
+ padding: 0 11px;
+ line-height: 35px;
+ font-size: 15px;
+}
+#action-box .body .system ul li.action .box .box-content {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 0 0 3px 3px;
+ padding: 8px 10px;
+ background: #080808;
+ border: solid 1px black;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item {
+ display: none;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button {
+ display: inline-block;
+ width: 100px;
+ text-decoration: none;
+ margin: 8px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .picto {
+ float: left;
+ width: 30px;
+ height: 30px;
+ margin: 0 5px 0 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button span {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form {
+ margin-top: 10px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form input {
+ width: 187px;
+ padding: 7px;
+ border: none;
+ background: white;
+ border-radius: 3px 0 0 3px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button {
+ width: 100px;
+ padding: 6px 6px;
+ border: none;
+ color: white;
+ background: #2c7915;
+ cursor: pointer;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button:hover,
+#action-box .body .system ul li.action .box .box-content .spy-form button:focus {
+ background: #24500a;
+}
+#action-box .body .system ul li.action .box .box-content .label-box {
+ display: inline-block;
+ width: 50%;
+ margin: 5px 0;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .key {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .val {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+#action-box .body .system ul li.action .box .box-content .rc {
+ margin: 5px 0 0 0;
+ padding: 10px 10px 0 50px;
+ border-top: solid 1px #202020;
+}
+#action-box .body .system ul li.action .box .box-content .rc .planet {
+ position: absolute;
+ top: -25px;
+ left: -25px;
+ width: 76px;
+ height: 76px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+#action-box .body .system ul li.action .box .box-content .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .button {
+ display: inline-block;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ line-height: 26px;
+ margin: 5px 0 0 0;
+ padding: 0 8px;
+ text-align: center;
+ text-decoration: none;
+}
+#action-box .body .system ul li.action .box .box-content a.button {
+ background: #2c7915;
+ border: #24500a;
+}
+#action-box .body .system ul li.action .box .box-content a.button:hover,
+#action-box .body .system ul li.action .box .box-content a.button:focus {
+ background: #24500a;
+}
+.component.admin table {
+ margin: 10px;
+ border-collapse: collapse;
+ width: 877px;
+}
+.component.admin table tr {
+ border-bottom: solid 1px #202020;
+}
+.component.admin table td {
+ padding: 5px 10px;
+ vertical-align: top;
+}
+.component.admin table .button {
+ display: inline-block;
+ padding: 0 5px;
+ line-height: 25px;
+ min-width: 15px;
+ text-align: center;
+ color: white;
+ border-radius: 3px;
+ background: #4F4F4F;
+ text-decoration: none;
+}
+.component.admin table td:nth-child(1) {
+ width: 50px;
+}
+.component.admin table td:nth-child(2) {
+ width: 100px;
+}
+.component.admin table td:nth-child(3) {
+ width: auto;
+}
+.component.admin table td:nth-child(4) {
+ width: 80px;
+}
+.on-off-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #2c7915;
+ border: solid 1px #24500a;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+.on-off-button:hover,
+.on-off-button:focus {
+ background: #24500a;
+ border-color: #2c7915;
+}
+.on-off-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+.inscription {
+ /* SUBNAV */
+ /* ALLY */
+}
+.inscription #nav .box.left span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 10px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 80px;
+ text-align: center;
+ color: #4f4f4f;
+ text-decoration: none;
+ font-variant: small-caps;
+}
+.inscription #nav .box.left span.active {
+ color: white;
+}
+.inscription #nav .box.right {
+ display: none;
+}
+.inscription #inscription-subnav {
+ position: fixed;
+ top: 45px;
+ left: 0;
+ width: 210px;
+ margin: 0 20px 0 60px;
+ z-index: 500;
+}
+.inscription #inscription-subnav .bind {
+ height: 15px;
+ background: url('src/desktop/inscriptionSubnav/bBind.png') no-repeat center;
+}
+.inscription #inscription-subnav .head {
+ position: relative;
+ height: 214px;
+ background: url('src/desktop/inscriptionSubnav/bHead.png') no-repeat center;
+}
+.inscription #inscription-subnav .head h2 {
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ top: 5px;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 24px;
+ width: 210px;
+ overflow: hidden;
+ text-align: center;
+ color: white;
+}
+.inscription #inscription-subnav .head img {
+ position: absolute;
+ top: 43px;
+ left: 28px;
+ width: 125px;
+ height: 125px;
+ background: #0A0A0A;
+}
+.inscription #inscription-subnav .head .level {
+ position: absolute;
+ display: block;
+ bottom: 15px;
+ left: 0;
+ width: 100%;
+ font-size: 20px;
+ line-height: 41px;
+ color: white;
+ text-align: center;
+ background: url('src/desktop/inscriptionSubnav/bLevel.png') no-repeat center;
+}
+.inscription #inscription-subnav .head .experience {
+ position: absolute;
+ display: inline-block;
+ top: 50px;
+ right: 32px;
+ width: 21px;
+ height: 112px;
+}
+.inscription #inscription-subnav .head .experience .value {
+ position: absolute;
+ display: block;
+ width: 100%;
+ bottom: 0;
+ border-radius: 3px;
+}
+.inscription #inscription-subnav .foot {
+ height: 290px;
+}
+.inscription #movers .toLeft {
+ left: 0 !important;
+}
+.inscription .component.inscription img.color1 {
+ background: #6e161b !important;
+}
+.inscription .component.inscription img.color2 {
+ background: #1f1471 !important;
+}
+.inscription .component.inscription img.color3 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription img.color4 {
+ background: #5a1072 !important;
+}
+.inscription .component.inscription img.color5 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color6 {
+ background: #076b87 !important;
+}
+.inscription .component.inscription img.color7 {
+ background: #67331d !important;
+}
+.inscription .component.inscription img.color8 {
+ background: #d87913 !important;
+}
+.inscription .component.inscription img.color9 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color10 {
+ background: #760f36 !important;
+}
+.inscription .component.inscription img.color11 {
+ background: #219772 !important;
+}
+.inscription .component.inscription img.color12 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription .chooseLink {
+ display: block;
+ margin: 10px;
+ padding: 10px 60px 10px 20px;
+ background: url('src/desktop/mover/right.png') no-repeat 235px center #CCC;
+ text-decoration: none;
+ color: white;
+ text-shadow: 0 0 2px black;
+ border: solid 1px #202020;
+ cursor: pointer;
+ -webkit-transition: all linear 200ms;
+ -moz-transition: all linear 200ms;
+ -ms-transition: all linear 200ms;
+ -o-transition: all linear 200ms;
+ transition: all linear 200ms;
+}
+.inscription .component.inscription .chooseLink:focus,
+.inscription .component.inscription .chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+.inscription .component.inscription button.chooseLink {
+ width: 277px;
+ text-align: left;
+}
+.inscription .component.inscription.color1 .chooseLink {
+ background-color: #6e161b;
+}
+.inscription .component.inscription.color2 .chooseLink {
+ background-color: #1f1471;
+}
+.inscription .component.inscription.color3 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color4 .chooseLink {
+ background-color: #5a1072;
+}
+.inscription .component.inscription.color5 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color6 .chooseLink {
+ background-color: #076b87;
+}
+.inscription .component.inscription.color7 .chooseLink {
+ background-color: #67331d;
+}
+.inscription .component.inscription.color8 .chooseLink {
+ background-color: #d87913;
+}
+.inscription .component.inscription.color9 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color10 .chooseLink {
+ background-color: #760f36;
+}
+.inscription .component.inscription.color11 .chooseLink {
+ background-color: #219772;
+}
+.inscription .component.inscription.color12 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color1 .chooseLink:hover,
+.inscription .component.inscription.color1 .chooseLink:focus {
+ background-color: #510816;
+}
+.inscription .component.inscription.color2 .chooseLink:hover,
+.inscription .component.inscription.color2 .chooseLink:focus {
+ background-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .chooseLink:hover,
+.inscription .component.inscription.color3 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription.color4 .chooseLink:hover,
+.inscription .component.inscription.color4 .chooseLink:focus {
+ background-color: #310948;
+}
+.inscription .component.inscription.color5 .chooseLink:hover,
+.inscription .component.inscription.color5 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color6 .chooseLink:hover,
+.inscription .component.inscription.color6 .chooseLink:focus {
+ background-color: #004948;
+}
+.inscription .component.inscription.color7 .chooseLink:hover,
+.inscription .component.inscription.color7 .chooseLink:focus {
+ background-color: #401b13;
+}
+.inscription .component.inscription.color8 .chooseLink:hover,
+.inscription .component.inscription.color8 .chooseLink:focus {
+ background-color: #c3590b;
+}
+.inscription .component.inscription.color9 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color10 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #4d0621;
+}
+.inscription .component.inscription.color11 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #10684c;
+}
+.inscription .component.inscription.color12 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription .chooseLink strong {
+ display: block;
+ font-size: 15px;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+}
+.inscription .component.inscription .chooseLink em {
+ font-style: normal;
+}
+.inscription .component.inscription span.chooseLink {
+ background: #202020 !important;
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+ cursor: auto;
+ padding: 10px;
+}
+.inscription .component.inscription span.chooseLink:focus,
+.inscription .component.inscription span.chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+}
+.inscription .component.inscription blockquote {
+ line-height: 200%;
+}
+.inscription .component.inscription #pseudo,
+.inscription .component.inscription #base {
+ position: relative;
+ width: 100%;
+ border: none;
+ padding: 12px 0;
+ margin: 0;
+ text-align: center;
+ font-size: 26px;
+ font-weight: bold;
+ background: white;
+ border-radius: 3px;
+}
+.inscription .component.inscription.color1 #pseudo {
+ color: #510816;
+}
+.inscription .component.inscription.color2 #pseudo {
+ color: #0c0d44;
+}
+.inscription .component.inscription.color3 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription.color4 #pseudo {
+ color: #310948;
+}
+.inscription .component.inscription.color5 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color6 #pseudo {
+ color: #004948;
+}
+.inscription .component.inscription.color7 #pseudo {
+ color: #401b13;
+}
+.inscription .component.inscription.color8 #pseudo {
+ color: #c3590b;
+}
+.inscription .component.inscription.color9 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color10 #pseudo {
+ color: #4d0621;
+}
+.inscription .component.inscription.color11 #pseudo {
+ color: #10684c;
+}
+.inscription .component.inscription.color12 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription .avatars {
+ padding: 5px;
+ text-align: center;
+}
+.inscription .component.inscription .avatar {
+ position: relative;
+ display: inline-block;
+ margin: 0 5px;
+ padding: 5px;
+ background: #202020;
+ border: solid 5px #0A0A0A;
+ border-radius: 100%;
+}
+.inscription .component.inscription .avatar input {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+.inscription .component.inscription .avatar img {
+ display: block;
+ width: 117px;
+ cursor: pointer;
+ border-radius: 100%;
+}
+.inscription .component.inscription.color1 .avatar:hover {
+ border-color: #510816;
+}
+.inscription .component.inscription.color2 .avatar:hover {
+ border-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color4 .avatar:hover {
+ border-color: #310948;
+}
+.inscription .component.inscription.color5 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color6 .avatar:hover {
+ border-color: #004948;
+}
+.inscription .component.inscription.color7 .avatar:hover {
+ border-color: #401b13;
+}
+.inscription .component.inscription.color8 .avatar:hover {
+ border-color: #c3590b;
+}
+.inscription .component.inscription.color9 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color10 .avatar:hover {
+ border-color: #4d0621;
+}
+.inscription .component.inscription.color11 .avatar:hover {
+ border-color: #10684c;
+}
+.inscription .component.inscription.color12 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color1 .avatar.active {
+ border-color: #b01e2d;
+}
+.inscription .component.inscription.color2 .avatar.active {
+ border-color: #2f23c0;
+}
+.inscription .component.inscription.color3 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription .component.inscription.color4 .avatar.active {
+ border-color: #a935c7;
+}
+.inscription .component.inscription.color5 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color6 .avatar.active {
+ border-color: #05bed7;
+}
+.inscription .component.inscription.color7 .avatar.active {
+ border-color: #ac5832;
+}
+.inscription .component.inscription.color8 .avatar.active {
+ border-color: #f2b636;
+}
+.inscription .component.inscription.color9 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color10 .avatar.active {
+ border-color: #a92859;
+}
+.inscription .component.inscription.color11 .avatar.active {
+ border-color: #34b089;
+}
+.inscription .component.inscription.color12 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription #alert {
+ bottom: -12px;
+ z-index: 10000;
+}
+.inscription .build-item {
+ min-height: 60px;
+}
+.inscription .build-item .name {
+ padding-top: 2px !important;
+}
+.inscription .build-item .name strong {
+ font-size: 16px !important;
+}
+.inscription .build-item .name em {
+ font-size: 12px !important;
+}
+.color0 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor0.png') no-repeat top left;
+}
+.color1 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor1.png') no-repeat top left;
+}
+.color2 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor2.png') no-repeat top left;
+}
+.color3 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor3.png') no-repeat top left;
+}
+.color4 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor4.png') no-repeat top left;
+}
+.color5 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor5.png') no-repeat top left;
+}
+.color6 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor6.png') no-repeat top left;
+}
+.color7 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor7.png') no-repeat top left;
+}
+.color8 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor8.png') no-repeat top left;
+}
+.color9 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor9.png') no-repeat top left;
+}
+.color10 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor10.png') no-repeat top left;
+}
+.color11 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor11.png') no-repeat top left;
+}
+.color12 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor12.png') no-repeat top left;
+}
+/* AUTOCOMPLETE MODULE */
+.ac_results {
+ width: 100%;
+ padding: 0px;
+ border: 1px solid #4F4F4F;
+ background-color: white;
+ overflow: hidden;
+ z-index: 99999;
+ box-shadow: 0 0 6px black;
+ border-radius: 3px;
+}
+.ac_results ul {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style-position: outside;
+ list-style: none;
+}
+.ac_results ul li {
+ padding: 4px 8px;
+ margin: 0px;
+ cursor: default;
+ display: block;
+ border-bottom: solid 1px #CCC;
+ overflow: hidden;
+}
+.ac_results ul li:last-child {
+ border: none;
+}
+.ac_results .img {
+ float: left;
+ width: 36px;
+ background: #202020;
+ border-radius: 3px;
+ margin: 0 8px 0 0;
+}
+.ac_results .value-1,
+.ac_results .value-2 {
+ display: block;
+ line-height: 18px;
+}
+.ac_results .value-1 {
+ font-weight: bold;
+}
+.ac_loading {
+ background: white url('src/desktop/module/indicator.gif') right center no-repeat;
+}
+.ac_over {
+ background: #efefef;
+}
+.ac_results .ac_over strong {
+ color: black;
+}
+.ac_results .ac_over img {
+ background: white;
+}
diff --git a/public/css/main.desktop.v3.color6.css b/public/css/main.desktop.v3.color6.css
index 25c7126d3..4b6c169b7 100644
--- a/public/css/main.desktop.v3.color6.css
+++ b/public/css/main.desktop.v3.color6.css
@@ -1 +1,6737 @@
-html{height:100%}body{margin:0;padding:0;font-family:Roboto,'Trebuchet MS',Arial,sans-serif;font-size:13px}.bull{display:none;position:absolute;z-index:1200;padding:4px 8px;max-width:280px;color:#fff;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px}.bull.top:before{bottom:-14px;border-color:#4F4F4F transparent transparent transparent}.bull.bottom:before{top:-14px;border-color:transparent transparent #4F4F4F transparent}.bull.left:before{right:9pt}.bull.right:before{left:9pt}body{width:100%;height:100%;overflow:hidden;background:#000}#nav,#tools{position:fixed;width:100%;height:26px;background:url(src/desktop/tools/bTools.png) repeat-x #000;box-shadow:0 0 10px #000;z-index:1000;border-color:#05bed7}#nav{top:0;left:0;background:url(src/desktop/nav/bNav.png) repeat-x #000;border-bottom:solid 3px #000}#tools{bottom:0;left:0;background:url(src/desktop/tools/bTools.png) repeat-x #000;border-top:solid 3px #000}#container{position:absolute;top:29px;left:0;margin:0;padding:0;width:100%;background:#000;overflow:hidden;z-index:0;background:url(src/desktop/global/background.jpg) repeat-x #000}.icon,.icon-color{display:inline-block;vertical-align:bottom;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.icon-color{background:#05bed7!important}#background-paralax{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat bottom left transparent;z-index:100;background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.profil{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.message{background-image:url(src/desktop/screen/message.jpg)}#background-paralax.fleet{background-image:url(src/desktop/screen/fleet.jpg)}#background-paralax.financial{background-image:url(src/desktop/screen/financial.jpg)}#background-paralax.technology{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.rank{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.params{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.bases{background-image:url(src/desktop/screen/base.jpg)}#movers a{position:absolute;width:60px;height:100%;z-index:400;background:red;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#movers a:focus,#movers a:hover{background-color:rgba(255,255,255,.08)}#movers a:active{background-color:rgba(255,255,255,.2)}#movers .toLeft{top:0;left:60px;background:url(src/desktop/mover/left.png) no-repeat center transparent}#movers .toRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center transparent}.component.financial table{border-collapse:collapse;width:100%}.component.financial td{vertical-align:top;width:50%}.component.uni .build-item{height:60px;margin:20px}.component.techno .build-item .name strong{font-size:1pc}.component.school .build-item .name strong{font-size:18px}.component.generator table{width:100%;border-collapse:collapse}.component.dock1 table{width:100%;border-collapse:collapse}.component.space .fix-body{background:url(src/desktop/base/situation.jpg) no-repeat top left #000}.component.memorial blockquote{font-size:22px;margin:30px 15px 0 30px;line-height:160%;font-weight:700;text-align:center}.component .info-building{margin:10px;padding:0;font-size:13px;border-top:solid 1px #4F4F4F}.component .info-building h4{margin:10px}.component .info-building p{font-size:13px}#nav .box a,#nav .box>span,#tools .box a,#tools .box>span{position:relative;display:inline-block;line-height:2pc;padding:0 25px;margin:5px 2px;font-size:14px;width:150px;color:#fff;text-decoration:none;font-variant:small-caps;background:url(src/desktop/button/bButtonMiddle.png) repeat-x}#nav .box a:before,#nav .box>span:before,#tools .box a:before,#tools .box>span:before{content:'';position:absolute;top:0;left:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonLeft.png) no-repeat}#nav .box a:after,#nav .box>span:after,#tools .box a:after,#tools .box>span:after{content:'';position:absolute;top:0;right:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonRight.png) no-repeat}#nav .box a.current-base,#tools .box a.current-base{margin-left:56px}#nav .box a.current-base img,#tools .box a.current-base img{position:absolute;top:-1pc;left:-54px;background:#000;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:solid 2px #4F4F4F;width:60px}#nav .box a:focus:before,#nav .box a:hover:before,#tools .box a:focus:before,#tools .box a:hover:before{background:url(src/desktop/button/bButtonLeftHover.png) repeat}#nav .box a:focus:after,#nav .box a:hover:after,#tools .box a:focus:after,#tools .box a:hover:after{background:url(src/desktop/button/bButtonRightHover.png) repeat}#nav .box a.active,#tools .box a.active{background:url(src/desktop/button/bButtonMiddleActive.png) repeat}#nav .box a.active:before,#tools .box a.active:before{background:url(src/desktop/button/bButtonLeftActive.png) repeat}#nav .box a.active:after,#tools .box a.active:after{background:url(src/desktop/button/bButtonRightActive.png) repeat}#nav .box a.square,#tools .box a.square{position:relative;padding:0 5px;margin:5px 2px;height:2pc;width:30px;background:url(src/desktop/button/bLittleButton.png) no-repeat;vertical-align:top}#nav .box a.square:after,#nav .box a.square:before,#tools .box a.square:after,#tools .box a.square:before{display:none}#nav .box a.square:focus,#nav .box a.square:hover,#tools .box a.square:focus,#tools .box a.square:hover{background:url(src/desktop/button/bLittleButtonHover.png) no-repeat}#nav .box a.square.active,#tools .box a.square.active{background:url(src/desktop/button/bLittleButtonActive-c6.png) no-repeat}#nav .box a.square.active.flashy,#tools .box a.square.active.flashy{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 9pt #05bed7}#nav .box a.square img,#tools .box a.square img{position:absolute;width:24px;top:3px;left:8px}#nav .box a.square span.number,#tools .box a.square span.number{position:absolute;top:-5px;right:-5px;width:18px;line-height:18px;text-align:center;font-size:11px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#004948}#nav .box{position:absolute;display:inline-block;height:46px;padding:0 3px;background:url(src/desktop/nav/bNavBox.png) repeat-x}#nav .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxLeft.png) no-repeat}#nav .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxRight.png) no-repeat}#nav .box.left{top:0;left:25px}#nav .box.left-2{top:0;left:420px}#nav .box.left-3{top:0;left:732px}#nav .box.right{top:0;right:25px}#nav .box a.square span.number{bottom:-5px;top:auto}#tools .box{position:absolute;display:inline-block;height:40px;padding:1px 3px 0 3px;background:url(src/desktop/tools/bToolBox.png) repeat-x;font-size:13px}#tools .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxRight.png) no-repeat}#tools .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxLeft.png) no-repeat}#tools .box.left{bottom:0;right:340px}#tools .box.right{bottom:0;right:25px}#tools .box a.square img{top:4px}#tools .box a.resource-link,#tools .box span.resource-link{width:110px;font-size:1pc}#tools .box a.resource-link img.icon-color,#tools .box span.resource-link img.icon-color{position:relative;display:inline-block;width:18px;vertical-align:middle;margin-left:5px;top:-2px;padding:1px}#nav .overbox .overflow,#tools .overbox .overflow{max-height:25pc;overflow:auto;position:relative}#nav .overbox h2,#tools .overbox h2{color:#fff;padding:10px 15px;margin:0;font-size:14px;font-weight:400;border-bottom:solid 1px #202020}#nav .overbox .link-title,#tools .overbox .link-title{position:absolute;top:10px;right:10px;line-height:20px;font-size:11px;padding:0 5px;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-decoration:none;color:#fff}#nav .overbox a,#tools .overbox a{color:inherit}#nav .overbox a.more-link,#tools .overbox a.more-link{display:block;padding:8px;font-size:9pt;border-top:solid 1px #202020;text-align:center;text-decoration:none;color:#4F4F4F}#nav .overbox a.more-link:focus,#nav .overbox a.more-link:hover,#tools .overbox a.more-link:focus,#tools .overbox a.more-link:hover{color:#CCC}#nav .overbox p.info,#tools .overbox p.info{padding:5px 15px;font-size:9pt;text-align:center;color:#CCC}#nav .overbox .outside-button,#tools .overbox .outside-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#076b87;border:solid 1px #004948;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}#nav .overbox .outside-button:focus,#nav .overbox .outside-button:hover,#tools .overbox .outside-button:focus,#tools .overbox .outside-button:hover{background:#004948;border-color:#076b87}#nav .overbox .outside-button.disabled,#tools .overbox .outside-button.disabled{background:#202020;border-color:#4F4F4F}#nav .overbox input.outside-button,#tools .overbox input.outside-button{line-height:26px}#nav .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}#nav .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:transparent transparent #202020 transparent;top:-18px;right:30px}#nav .overbox#change-bases{top:50px;left:10px;width:205px;padding:0 0 8px 0}#nav .overbox#change-bases:before{left:30px;right:auto}#nav .overbox#change-bases a{display:block;padding:3px 15px;color:#CCC;text-decoration:none;font-size:9pt;border-bottom:solid 1px #101010}#nav .overbox#change-bases a:focus,#nav .overbox#change-bases a:hover{background:#101010}#nav .overbox#change-bases a.active{background:#202020}#nav .overbox#change-bases strong{display:block;color:#CCC;font-size:13px}#nav .overbox#disconnect-box{top:50px;right:10px;width:205px;padding:8px 0}#nav .overbox#disconnect-box hr{margin:8px 0;border:none;background:0 0;border-top:solid 1px #202020}#nav .overbox#disconnect-box a{display:block;padding:0 15px;line-height:25px;font-size:13px;color:#CCC;text-decoration:none}#nav .overbox#disconnect-box a:focus,#nav .overbox#disconnect-box a:hover{color:#fff;background:#202020}#nav .overbox#bug-tracker{width:250px;top:50px;right:98px;padding:0 0 8px 0}#nav .overbox#bug-tracker p{color:#CCC;font-size:9pt;margin:10px}#nav .overbox#bug-tracker .option{margin:3px 10px 10px 10px;display:block;width:330px;padding:5px}#nav .overbox#bug-tracker textarea{display:block;margin:0 10px 10px 10px;padding:5px;width:318px;height:200px;min-width:318px;max-width:318px;border:solid 1px #202020;font-family:'Trebuchet MS',sans-serif;font-size:13px}#nav .overbox#bug-tracker .button{display:block;margin:0 10px 2px 10px}#nav .overbox#roadmap{width:350px;top:50px;right:10px}#nav .overbox#roadmap .overflow{width:350px;padding:8px 0}#nav .overbox#roadmap p{color:#CCC;font-size:9pt;margin:0 10px 10px 10px}#nav .overbox#roadmap p em{display:block;font-size:11px;color:#4F4F4F}#nav .overbox#roadmap hr{margin:5px 0;border:none;border-top:solid 1px #202020}#nav .overbox#tutorial{width:350px;top:50px;right:143px;color:#fff}#nav .overbox#tutorial form{padding:0 0 10px 0;margin:0;border-top:solid 1px #202020}#nav .overbox#tutorial .overflow{padding:15px 15px 0 15px}#nav .overbox#tutorial .overflow h3{position:relative;margin:0;padding:0 0 0 36px}#nav .overbox#tutorial .overflow h3 .number{position:absolute;top:-4px;left:0;display:block;width:26px;line-height:26px;text-align:center;background:#004948;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;margin-right:10px}#nav .overbox#tutorial .overflow p{font-size:9pt;color:#CCC}#nav .overbox#new-notifications{top:50px;left:627px;width:300px}#tools .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:300px;bottom:45px;right:15px}#tools .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:#202020 transparent transparent transparent;bottom:-18px;right:30px}#tools .overbox.left-pic:before{left:30px;right:auto}#tools .overbox#tools-calendar{left:25px;bottom:45px;right:auto}#tools .overbox#tools-refinery{right:401px;bottom:45px}#tools .overbox#tools-generator{right:237px;bottom:45px}#tools .overbox#tools-technosphere{right:193px;bottom:45px}#tools .overbox#tools-dock1{right:148px;bottom:45px}#tools .overbox#tools-dock2{right:105px;bottom:45px}#tools .overbox#tools-credit{right:140px;bottom:45px}#tools .overbox#tools-incoming-attack{right:230px;bottom:45px}#tools .overbox#tools-outgoing-attack{right:185px;bottom:45px}#subnav{position:fixed;top:29px;left:2px;bottom:29px;padding:40px 0;width:60px;background:url(src/desktop/subnav/middle.png) repeat-y;z-index:1000}#subnav hr{border:none;margin:20px 0}#subnav .overflow{position:relative}#subnav .move-side-bar{display:none;position:absolute;z-index:5000;left:5px;width:3pc;height:3pc;line-height:3pc;border:none;background-color:rgba(0,0,0,.75);background-position:center;background-repeat:no-repeat;border-radius:100%;cursor:pointer}#subnav .move-side-bar:focus,#subnav .move-side-bar:hover{box-shadow:0 0 3px #fff}#subnav .move-side-bar.top{bottom:auto;top:20px;background-image:url(src/desktop/component/top.png)}#subnav .move-side-bar.bottom{bottom:20px;top:auto;background-image:url(src/desktop/component/bottom.png)}#subnav .item{position:relative;display:block;height:50px;width:50px;margin:0 0 10px 0;padding:8px 5px;color:#fff;text-decoration:none;background:url(src/desktop/subnav/button.png) no-repeat}#subnav .item.active{background:url(src/desktop/subnav/button-active-c6.png) no-repeat}#subnav .item.striped{background:url(src/desktop/subnav/button-striped.png) no-repeat}#subnav .item:before{content:'';position:absolute;right:-6px;bottom:0;width:9pt;height:47px;background:url(src/desktop/subnav/til.png) no-repeat}#subnav .item:hover:before{background:url(src/desktop/subnav/til-hover.png) no-repeat}#subnav .item:hover>.content{display:block}#subnav .item .picto{display:block;height:30px;width:30px;padding:10px}#subnav .item .picto img{display:block;height:30px;width:30px}#subnav .item .picto .number{position:absolute;bottom:-5px;right:-18px;display:block;width:28px;height:28px;line-height:28px;text-align:center;font-size:9pt;background:url(src/desktop/subnav/number.png) no-repeat}#subnav .item .content{display:none;position:absolute;top:0;left:75px;width:230px}#subnav .item .content.skin-1 span{display:inline-block;margin:15px 0 15px 1pc;padding:0 15px;line-height:30px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-1 span:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content{display:inline-block;margin:0 0 0 1pc;padding:10px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-2 .sub-content:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content hr{border:none;border-top:solid 1px #4F4F4F;margin:5px 0}#subnav .item .content.skin-2 .sub-content .ship{position:relative}#subnav .item .content.skin-2 .sub-content .ship img{width:2pc;height:2pc}#subnav .item .content.skin-2 .sub-content .ship img.zero{opacity:.5}#subnav .item .content.skin-2 .sub-content .ship .number{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;line-height:18px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;text-align:center;background:#05bed7}#alert-content{display:none}#alert{position:absolute;bottom:18px;left:50px;padding:0;text-align:right;list-style:inset none}#alert li{position:relative;display:inline-block;margin:0 0 0 5px}#alert li img{display:block;height:50px;border:solid 1px #202020;padding:5px;background:#0A0A0A;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.alert-bull{display:block;position:absolute;z-index:1200;width:200px;padding:6px 8px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.alert-bull .title{display:block;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:solid 1px #4F4F4F}.alert-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;bottom:-14px;left:24px;border-color:#4F4F4F transparent transparent transparent}#content{position:absolute;width:500pc;height:100%;top:0;left:300px;z-index:200}#content .component{position:relative;display:table-cell;overflow:hidden;width:300px;background:rgba(0,0,0,.92)}#content .component.size2{width:600px}#content .component.size3{width:900px}#content .component:nth-child(1){background:rgba(0,0,0,.6)}#content .component:nth-child(2){background:rgba(0,0,0,.75)}#content .component:nth-child(3){background:rgba(0,0,0,.85)}#content .component:nth-child(4){background:rgba(0,0,0,.9)}#content .component .head{position:relative;display:inline-block;height:90pt;width:100%;vertical-align:top;color:#fff;background:url(src/desktop/component/bHead.jpg) repeat-x center #000;border-bottom:solid 1px #202020}#content .component .head h1{position:absolute;top:10px;left:10px;font-size:38px;line-height:50px;height:50px;display:inline-block;padding:0 10px;background:#000;overflow:hidden}#content .component .fix-body{position:relative;overflow:auto;color:#fff;border-right:solid 1px #202020}#content .component .fix-body .body{position:relative}.no-scrolling #content .component .fix-body{overflow:hidden}.no-scrolling #content .component .fix-body>a{position:absolute;width:100%;height:40px;left:0;opacity:0}.no-scrolling #content .component .fix-body.hover>a{opacity:1;background-position:center;background-repeat:no-repeat}.no-scrolling #content .component .fix-body .toTop{top:0;background-image:url(src/desktop/component/top.png),-webkit-gradient(linear,#000,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-moz-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-ms-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-o-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),linear-gradient(black,rgba(0,0,0,.8),transparent)}.no-scrolling #content .component .fix-body .toBottom{bottom:0;background-image:url(src/desktop/component/bottom.png),-webkit-gradient(linear,transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-moz-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-ms-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-o-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),linear-gradient(transparent,rgba(0,0,0,.8),#000)}#content .component.invisible{background:0 0}#content .component.invisible .publicity{position:absolute;bottom:0;left:0;right:0;background:red}.component .tool{display:table;width:100%;height:44px;margin:0;overflow:hidden;background:#000;border-bottom:solid 1px #05bed7;color:#4F4F4F}.component .tool>span{display:table-cell;width:28px;border:solid 6px transparent;border-left:none}.component .tool>span:first-child{border:solid 5px transparent;width:auto;text-align:center}.component .tool>span:first-child a{width:auto}.component .tool>span a{position:relative;display:block;margin:0;padding:0;line-height:30px;width:30px;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px;text-align:center}.component .tool>span a img{width:18px;position:relative;top:-4px}.component .tool>span a.active{background:#076b87;color:#fff;border-color:#05bed7}.component .tool>span a.active.down{box-shadow:0 2px 0 0 #CCC}.component .tool>span a.active.up{box-shadow:0 -2px 0 0 #ccc}.component .tool>span a.active:focus,.component .tool>span a.active:hover{color:#CCC;box-shadow:inset 0 0 5px rgba(0,0,0,.5)}.component .tool>span a:active,.component .tool>span a:focus,.component .tool>span a:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .tool.sort-button>span:first-child{text-align:center}.component h3{width:100%;margin:0;background:#000;text-align:center;padding:0 2px;line-height:44px;font-weight:400;font-size:14px;color:#4F4F4F;text-decoration:none;border-bottom:solid 1px #05bed7}.component h4{margin:10px 10px 0 10px;font-weight:400;font-size:18px}.component .body p{margin:10px;font-size:13px;text-align:justify}.component .body p.info{position:relative;border-top:solid 1px #202020;padding:10px;margin:10px;line-height:140%;background:rgba(0,0,0,.8)}.component .body p.info a{color:#fff}.component .body p.info .requierement{display:inline-block;margin:0 0 0 8px;vertical-align:bottom;height:1pc}.component .body p.long-info{padding:10px;line-height:150%;background:#000}.component .body p .alone-button{display:block;text-align:center;color:#fff;line-height:40px;border-radius:3px;text-decoration:none;background:#4F4F4F;box-shadow:inset 0 0 2px #000;padding:0 10px;background:#004948}.component .body p .alone-button:focus,.component .body p .alone-button:hover{background:#076b87}.component .border-bottom{border-bottom:solid 3px #05bed7}.component .list-type-1{margin:10px;padding:0;list-style:none}.component .list-type-1 li{position:relative;padding:5px 10px;text-align:right;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:rgba(0,0,0,.8);color:#989898}.component .list-type-1 li.strong{border-top:double 3px #4F4F4F;background:#111;color:#fff}.component .list-type-1 li.empty{background:0 0;border:none;height:50px}.component .list-type-1 li ul li{height:auto}.component .list-type-1 .label{display:block;font-size:13px}.component .list-type-1 .label .icon-color{width:15px;padding:1px}.component .list-type-1 .value{display:inline-block;font-size:22px;line-height:30px;font-weight:700}.component .list-type-1 .value .icon,.component .list-type-1 .value .icon-color{height:18px;margin-left:8px;position:relative;top:-3px}.component .list-type-1 .picto{position:absolute;top:7px;left:10px;height:35px;width:35px;line-height:35px;padding:5px;border-radius:100%;background:#202020;font-size:1pc;text-align:center;color:#fff;text-decoration:none}.component .list-type-1 .picto.color1{background:#510816}.component .list-type-1 .picto.color2{background:#0c0d44}.component .list-type-1 .picto.color3{background:#b17a00}.component .list-type-1 .picto.color4{background:#310948}.component .list-type-1 .picto.color5{background:#24500a}.component .list-type-1 .picto.color6{background:#004948}.component .list-type-1 .picto.color7{background:#401b13}.component .list-type-1 .picto.color8{background:#c3590b}.component .list-type-1 .picto.color9{background:#24500a}.component .list-type-1 .picto.color10{background:#4d0621}.component .list-type-1 .picto.color11{background:#10684c}.component .list-type-1 .picto.color12{background:#b17a00}.component .list-type-1 .hide{color:#4F4F4F}.component .list-type-1 .buttons{position:absolute;top:28px;left:5px}.component .list-type-1 .buttons a{display:inline-block;margin:0 4px;width:18px;line-height:18px;text-align:center;text-decoration:none;font-style:14px;color:#fff;border-radius:3px;background:#076b87}.component .list-type-1 .progress-bar{text-align:left;margin-top:5px}.component .sub-list-type-1{display:none;margin:0;padding:0;list-style:none}.component .sub-list-type-1 li{position:relative;padding:2px 0;text-align:left;border:none;border-top:solid 1px #0A0A0A}.component .sub-list-type-1 .label{display:inline-block;width:60%}.component .sub-list-type-1 .label .button{position:relative;left:-4px;margin:0 0 0 3px}.component .sub-list-type-1 .value{text-align:right;line-height:25px;font-size:18px;width:40%}.component .sub-list-type-1 .value .button{margin:0 2px 0 6px}.component .sub-list-type-1 .button{display:inline-block;width:18px;line-height:18px;text-align:center;text-decoration:none;font-size:14px;font-weight:400;color:#fff;border-radius:3px;background:#05bed7}.component .list-type-1 form{z-index:1;position:absolute;display:none;bottom:-40px;right:3px}.component .list-type-1 form p{position:relative;background:#fff;border-radius:3px;padding:0;margin:0;width:200px;height:35px}.component .list-type-1 form p:before{content:'';position:absolute;top:-9pt;right:9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent}.component .list-type-1 form input{border:none;background:0 0;line-height:35px;height:35px;padding:0 10px}.component .list-type-1 form input[type=text]{width:140px}.component .list-type-1 form input[type=submit]{width:40px}.component .sub-list-type-1 form{right:-6px}.number-box{position:relative;margin:10px;padding:5px 10px;background:#000;color:#fff;border:solid 1px #0A0A0A;border-top:solid 1px #202020;border-left:solid 10px #076b87}.number-box.half{display:inline-block;width:254px;margin-right:0;margin-bottom:0}.number-box.grey{border-left:solid 10px #4F4F4F!important}.number-box.text{border-left:solid 1px #0A0A0A}.number-box.text a{text-decoration:none;color:#fff}.number-box .label{display:block}.number-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.number-box .value .icon-color{width:20px;height:20px;vertical-align:middle}.number-box .progress-bar{margin:5px 0}.number-box .group-link{position:absolute;top:5px;right:5px}.number-box .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#076b87}.progress-bar{position:relative;display:block;width:100%;height:3px;background:#4F4F4F}.progress-bar .content{position:relative;display:inline-block;height:3px;vertical-align:top;overflow:hidden;max-width:100%}.progress-bar .content:nth-child(n){background:#05bed7}.progress-bar .content:nth-child(2n){background:#004948}.progress-bar .content.color1{background:#6e161b}.progress-bar .content.color2{background:#1f1471}.progress-bar .content.color3{background:#dbb200}.progress-bar .content.color4{background:#5a1072}.progress-bar .content.color5{background:#2c7915}.progress-bar .content.color6{background:#076b87}.progress-bar .content.color7{background:#67331d}.progress-bar .content.color8{background:#d87913}.progress-bar .content.color9{background:#2c7915}.progress-bar .content.color10{background:#760f36}.progress-bar .content.color11{background:#219772}.progress-bar .content.color12{background:#dbb200}.progress-bar .step{position:absolute}.progress-bar .step .label{position:absolute;display:block;width:150px;left:0;top:-28px}.progress-bar .step .label.bottom{top:auto;bottom:-28px}.progress-bar .step .label.right{right:0;left:auto;text-align:right}.progress-bar .step:before{content:'';position:absolute;width:9pt;height:9pt;background:#076b87;box-shadow:0 0 0 3px #004948;border-radius:100%;top:-5px;left:-5px}.bonus{vertical-align:top;display:inline-block;font-size:55%;line-height:100%;padding:3px;margin:2px 0 0 8px;border-radius:3px;font-weight:400;background:#004948}.component .head.skin-1 img{position:absolute;top:22px;left:20px;padding:8px;width:60px;border:solid 1px #202020;border-radius:100%;background:#000}.component .head.skin-1 img:before{content:'';width:75pt;height:75pt}.component .head.skin-1 h2{position:absolute;bottom:66px;left:105px;font-size:22px;line-height:22px;margin:0;padding:0}.component .head.skin-1 em{position:absolute;top:62px;left:105px;font-size:13px;line-height:1pc;font-style:normal}.component .head.skin-2 h2{position:absolute;display:inline-block;top:45px;left:10px;font-size:22px;line-height:30px;margin:0;padding:0 10px;background:#000;font-weight:400}.component .head.skin-3 img{position:absolute;width:50px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:27px}.component .head.skin-3 img.left{left:40px}.component .head.skin-3 img.right{right:40px}.component .head.skin-4 img.main{position:absolute;width:30px;height:30px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:37px}.component .head.skin-4 h2{position:absolute;top:35px;left:60px;font-size:18px;line-height:22px;margin:0;padding:0}.component .head.skin-4 em{position:absolute;top:65px;left:60px;font-size:13px;line-height:1pc}.component .head.skin-5 h2{position:absolute;top:50px;left:10px;font-size:1pc;font-weight:400;margin:0;padding:0 20px;background:#000}.component .head.skin-5 h2:before{content:'';position:absolute;display:block;top:5px;left:0;width:8px;height:8px;border:solid 1px #202020;background:#000;border-radius:100%}.component .more-button,.component .more-item{display:block;margin:10px 10px 5px;line-height:34px;padding:0 9pt;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px}.component .more-button:active,.component .more-button:focus,.component .more-button:hover,.component .more-item:active,.component .more-item:focus,.component .more-item:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .nav-element{position:relative;display:block;margin:10px;height:70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component .nav-element img{position:absolute;top:5px;left:5px;padding:8px;height:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component .nav-element.active{background:#076b87}.component .nav-element .active img{background:#000}.component .nav-element strong{position:absolute;top:5px;left:70px;color:#fff;font-weight:700;font-size:17px}.component .nav-element em{position:absolute;top:30px;left:70px;color:#fff;font-weight:400;font-size:9pt;font-style:normal;color:#efefef}.component hr{border:none;border-bottom:dashed 1px #202020;margin:0 10px}.component .set-item{margin:10px;border-bottom:solid 1px #202020}.component .set-item a.item:focus,.component .set-item a.item:hover{background-color:#0c0c0c}.component .set-item .item{position:relative;display:block;color:#fff;height:60px;border:solid 1px #202020;border-bottom:none;background:#0A0A0A}.component .set-item .item .left{position:absolute;top:0;left:0;bottom:0;width:60px}.component .set-item .item .left img{width:30px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left img.color1{background:#6e161b}.component .set-item .item .left img.color2{background:#1f1471}.component .set-item .item .left img.color3{background:#dbb200}.component .set-item .item .left img.color4{background:#5a1072}.component .set-item .item .left img.color5{background:#2c7915}.component .set-item .item .left img.color6{background:#076b87}.component .set-item .item .left img.color7{background:#67331d}.component .set-item .item .left img.color8{background:#d87913}.component .set-item .item .left img.color9{background:#2c7915}.component .set-item .item .left img.color10{background:#760f36}.component .set-item .item .left img.color11{background:#219772}.component .set-item .item .left img.color12{background:#dbb200}.component .set-item .item .left img.round-color0{box-shadow:0 0 0 2px #CCC}.component .set-item .item .left img.round-color1{box-shadow:0 0 0 2px #b01e2d}.component .set-item .item .left img.round-color2{box-shadow:0 0 0 2px #2f23c0}.component .set-item .item .left img.round-color3{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left img.round-color4{box-shadow:0 0 0 2px #a935c7}.component .set-item .item .left img.round-color5{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color6{box-shadow:0 0 0 2px #05bed7}.component .set-item .item .left img.round-color7{box-shadow:0 0 0 2px #ac5832}.component .set-item .item .left img.round-color8{box-shadow:0 0 0 2px #f2b636}.component .set-item .item .left img.round-color9{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color10{box-shadow:0 0 0 2px #a92859}.component .set-item .item .left img.round-color11{box-shadow:0 0 0 2px #34b089}.component .set-item .item .left img.round-color12{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left span{display:block;width:30px;line-height:30px;text-align:center;font-size:15px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left span.round-color0{background:#CCC}.component .set-item .item .left span.round-color1{background:#b01e2d}.component .set-item .item .left span.round-color2{background:#2f23c0}.component .set-item .item .left span.round-color3{background:#ffdb0f}.component .set-item .item .left span.round-color4{background:#a935c7}.component .set-item .item .left span.round-color5{background:#57c632}.component .set-item .item .left span.round-color6{background:#05bed7}.component .set-item .item .left span.round-color7{background:#ac5832}.component .set-item .item .left span.round-color8{background:#f2b636}.component .set-item .item .left span.round-color9{background:#57c632}.component .set-item .item .left span.round-color10{background:#a92859}.component .set-item .item .left span.round-color11{background:#34b089}.component .set-item .item .left span.round-color12{background:#ffdb0f}.component .set-item .item .center{position:absolute;top:0;left:60px;right:30px;bottom:0;padding:9px 0}.component .set-item .item .center strong{display:block;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component .set-item .item .center a{color:#fff;text-decoration:none;border-bottom:solid 1px rgba(255,255,255,.25)}.component .set-item .item .right{position:absolute;top:0;right:0;bottom:0;width:29px;border-left:solid 1px #202020}.component .set-item .item .right a{position:absolute;top:0;left:0;width:29px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a}.component .set-item .item .right a.active,.component .set-item .item .right a:focus,.component .set-item .item .right a:hover{background-color:#202020}.component .set-item .item .group-link{position:absolute;top:5px;right:5px}.component .set-item .item .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#076b87}.army-bull{display:none;position:absolute;z-index:1200;padding:4px 8px;width:220px;color:#CCC;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.army-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;top:-14px;border-color:transparent transparent #4F4F4F transparent;left:18px}.army-bull strong{display:block;padding-bottom:5px;margin-bottom:5px;border-bottom:solid 1px #4F4F4F;font-weight:400}.army-bull .label{display:inline-block;width:70px}.army-bull .value{display:inline-block;width:40px}.component .build-item{position:relative;margin:10px;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;width:278px}.component .build-item a{color:#fff}.component .build-item .name{position:relative;height:40px;padding:5px 5px 5px 90px}.component .build-item .name img{z-index:20;position:absolute;top:-10px;left:5px;width:60px;padding:8px;border:solid 1px #202020;border-radius:100%;background:#000}.component .build-item .name strong{display:block;font-size:18px}.component .build-item .level{display:block;position:absolute;width:22px;line-height:22px;text-align:center;font-size:9pt;border-radius:100%;top:38px;left:58px;border:solid 1px #fff;z-index:22;background:#076b87}.component .build-item .info{display:none;position:absolute;width:20px;line-height:20px;text-align:center;font-size:1pc;text-decoration:none;border-radius:3px;top:5px;right:5px;background:#076b87;color:#fff}.component .build-item .name-commander{margin:10px 10px 0 10px;height:40px;padding:0 10px;border:none;background:#fff;border-radius:3px;width:15pc;text-align:center;font-size:1pc}.component .build-item .button{display:block;margin:10px;padding:5px 10px;width:15pc;line-height:20px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;background:#076b87;box-shadow:inset 0 0 2px #000;border:none;cursor:pointer;min-height:36px}.component .build-item .button:hover{box-shadow:inset 0 0 6px #000;background:#05bed7}.component .build-item .button.disable{background:#202020;cursor:default}.component .build-item .button .icon-color{width:14px}.component .build-item button.button{width:260px}.component .build-item .ship-pack{z-index:10;position:absolute;bottom:15px;left:15px;width:60px;height:40px;padding:0;margin:0;border:none;background:#fff;text-align:center;font-size:24px;font-weight:700;border-radius:3px;box-shadow:inset 0 0 0 3px #CCC}.component .build-item .ship-illu{width:260px;margin:5px 10px;overflow:hidden}.component .build-item .ship-illu img{width:100%}.component .build-item.disabled{opacity:.3}.component .build-item.disabled .name img{opacity:.5}.component .build-item.disabled strong{color:#4F4F4F}.component .build-item.disabled .button.disable{color:#696969}.component .build-item.disabled .button.disable:hover{background:#202020;box-shadow:inset 0 0 2px #000}.component .build-item.large{width:578px}.component .build-item.large .info{top:75px;right:25px}.component .build-item.large .button{display:block;top:-3px;right:0;line-height:18px;width:540px;min-height:36px}.component .build-item.large .ship-illu{width:35pc;margin-top:10px}.component .build-item input{display:block;width:243px;margin:10px;padding:8px;border:none}.component .build-item select{display:block;width:260px;margin:10px;padding:8px;border:none}.component.panel-info .remove-info{display:block;position:absolute;top:2px;right:10px;line-height:20px;width:20px;text-align:center;text-decoration:none;color:#fff;border-radius:3px;background:#004948}.component.panel-info .table{margin:10px}.component.panel-info .table table{width:100%;text-align:right;border-collapse:collapse;background:#000}.component.panel-info .table td{border:solid 1px #202020;padding:6px 8px}.component.panel-info .table tr.small-grey{background:#0A0A0A}.component.panel-info .table tr.active td{background:#0A0A0A;border-bottom:solid 1px #4F4F4F}.component.panel-info .table .icon-color{width:9pt}.component.panel-info .illu{margin:0 10px;box-shadow:inset 0 0 5px #000}.component.panel-info .skill-box{position:relative;margin:0 10px;padding:5px 10px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000}.component.panel-info .skill-box.grey{border-left:solid 10px #4F4F4F!important}.component.panel-info .skill-box .label{display:block}.component.panel-info .skill-box .value{display:block;font-size:18px;font-weight:700;margin:4px 0 0 0}.component.panel-info .skill-box .value .icon-color{width:18px}.component.panel-info .skill-box .progress-bar{margin:6px 0 2px 0}.splash-screen{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;background:rgba(0,0,0,.8)}.splash-screen .modal{width:500px;height:140px;position:absolute;top:5pc;right:3000px;background:#0A0A0A;padding:25px 175px 25px 75px;color:#fff;border-radius:140px;border:solid 1px #202020}.splash-screen .modal h1{font-size:36px;margin:0;padding:0 0 10px 0}.splash-screen .modal h2{font-size:20px;margin:0;padding:0}.splash-screen .modal img{position:absolute;top:-15px;right:-50px;width:200px;padding:10px;background:#202020;border-radius:100%;border:solid 1px #4F4F4F}.splash-screen .modal:before{content:'';position:absolute;top:-5pc;right:20px;border-color:transparent transparent #4F4F4F transparent;border-width:40px;border-style:solid}.common-link{color:#fff}.component .top-right-button{display:block;position:absolute;top:0;right:10px;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;text-decoration:none;background:#076b87;z-index:1}.component .top-right-button:focus,.component .top-right-button:hover{background:#004948}.alert{display:block;margin:10px;line-height:30px;padding:0 10px;text-decoration:none;color:#fff;background:#076b87;border-radius:3px;box-shadow:0 0 2px #000}.common-link{display:block;margin:10px;color:#fff;text-decoration:none}.text-bloc a{display:inline-block;color:inherit;opacity:.6}.text-bloc a:focus,.text-bloc a:hover{opacity:1}.queue{margin:10px;color:#fff}.queue .item{position:relative;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;min-height:60px;display:block}.queue .item.empty{background:#0A0A0A}.queue .item.empty strong{font-weight:400}.queue .item.link{min-height:0;padding:10px;color:#4F4F4F;text-decoration:none}.queue .item.link:focus,.queue .item.link:hover{color:#CCC}.queue .item a.button{position:absolute;display:block;top:2px;right:5px;color:#fff;text-decoration:none}.queue .item a{color:#CCC}.queue .item .group-link{position:absolute;top:9px;right:9px}.queue .item .group-link a{display:block;width:20px;line-height:20px;margin:0 0 5px 0;border-radius:3px;color:#fff;text-align:center;text-decoration:none;background:#076b87}.queue .item .group-link a:focus,.queue .item .group-link a:hover{background:#05bed7}.queue .item .picto{float:left;width:40px;height:40px;margin:5px;padding:5px;background:#000;border-radius:100%;border:solid 1px #202020}.queue .item strong{display:block;margin:6px 0 2px 0}.queue .item strong .level{font-size:11px;color:#CCC}.queue .item .big{font-size:24px}.queue .item em{display:block;font-style:normal;color:#AEAEAE}.queue .item .progress-container{position:relative;display:block;clear:both;margin:5px;height:3px;background:#4F4F4F}.queue .item .progress-bar{position:absolute;display:block;height:100%;background:#05bed7}.choose-government{display:block;margin:10px;padding:10px;background:#0A0A0A;border-radius:3px}.choose-government select{display:block;width:100%;padding:8px}.choose-government button{display:block;width:100%;margin:10px 0 0 0;padding:0 10px;line-height:30px;border:none;color:#fff;cursor:pointer;background:#076b87}.choose-government button:focus,.choose-government button:hover{background:#004948}.evolution{background:#000;margin:10px;border-top:solid 1px #202020;border-bottom:solid 1px #202020}.evolution .header{padding:10px;border-bottom:solid 1px #202020;color:#EFEFEF}.evolution .diargam{padding:10px;background:#0A0A0A}.evolution .diargam .progress-bar{background:#0A0A0A!important;height:20px;padding-bottom:1px}.evolution .diargam .progress-bar .content{height:20px;line-height:20px;font-size:9pt;color:#fff;padding-left:5px}.evolution .diargam .progress-bar:nth-child(odd) .content{background:#076b87!important}.centred-link{display:block;width:300px;text-align:center;margin:0 auto;text-decoration:none;padding:6px 10px;color:#EFEFEF;background:#076b87;border:solid 1px #004948}.centred-link:focus,.centred-link:hover{background:#004948;border-color:#076b87;color:#fff}span.centred-link{background:#202020;border:solid 1px #0A0A0A;color:#4F4F4F}span.centred-link:focus,span.centred-link:hover{background:#202020;border-color:#0A0A0A;color:#4F4F4F}.component.profil .center-box{margin:20px 10px 0;color:#fff;text-align:center}.component.profil .center-box .label{display:block}.component.profil .center-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.component.profil .profil-flag{position:relative;width:222px;height:460px;margin:0 auto}.component.profil .profil-flag img{position:relative;background:#0A0A0A;border:solid 1px #202020;padding:10px;border-radius:100%;margin:20px auto;box-shadow:0 0 0 4px #076b87,0 0 20px #000;z-index:1}.component.profil .profil-flag.color-1 img{box-shadow:0 0 0 4px #6e161b,0 0 20px #000}.component.profil .profil-flag.color-2 img{box-shadow:0 0 0 4px #1f1471,0 0 20px #000}.component.profil .profil-flag.color-3 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag.color-4 img{box-shadow:0 0 0 4px #5a1072,0 0 20px #000}.component.profil .profil-flag.color-5 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-6 img{box-shadow:0 0 0 4px #076b87,0 0 20px #000}.component.profil .profil-flag.color-7 img{box-shadow:0 0 0 4px #67331d,0 0 20px #000}.component.profil .profil-flag.color-8 img{box-shadow:0 0 0 4px #d87913,0 0 20px #000}.component.profil .profil-flag.color-9 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-10 img{box-shadow:0 0 0 4px #760f36,0 0 20px #000}.component.profil .profil-flag.color-11 img{box-shadow:0 0 0 4px #219772,0 0 20px #000}.component.profil .profil-flag.color-12 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag:before{display:block;position:absolute;content:'';top:218px;left:33px;width:154px;height:241px;background:url(src/desktop/faction/flag/flag-6.png) no-repeat}.component.profil .profil-flag.color-1:before{background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.profil .profil-flag.color-2:before{background:url(src/desktop/faction/flag/flag-2.png) no-repeat}.component.profil .profil-flag.color-3:before{background:url(src/desktop/faction/flag/flag-3.png) no-repeat}.component.profil .profil-flag.color-4:before{background:url(src/desktop/faction/flag/flag-4.png) no-repeat}.component.profil .profil-flag.color-5:before{background:url(src/desktop/faction/flag/flag-5.png) no-repeat}.component.profil .profil-flag.color-6:before{background:url(src/desktop/faction/flag/flag-6.png) no-repeat}.component.profil .profil-flag.color-7:before{background:url(src/desktop/faction/flag/flag-7.png) no-repeat}.component.profil .profil-flag.color-8:before{background:url(src/desktop/faction/flag/flag-8.png) no-repeat}.component.profil .profil-flag.color-9:before{background:url(src/desktop/faction/flag/flag-9.png) no-repeat}.component.profil .profil-flag.color-10:before{background:url(src/desktop/faction/flag/flag-10.png) no-repeat}.component.profil .profil-flag.color-11:before{background:url(src/desktop/faction/flag/flag-11.png) no-repeat}.component.profil .profil-flag.color-12:before{background:url(src/desktop/faction/flag/flag-12.png) no-repeat}.component.profil .profil-flag .level{z-index:2;display:block;position:absolute;top:184px;right:2px;width:36px;height:36px;text-align:center;line-height:36px;background:#0A0A0A;border:3px solid #076b87;border-radius:100%}.component.profil .profil-flag.color-1 .level{border-color:#6e161b}.component.profil .profil-flag.color-2 .level{border-color:#1f1471}.component.profil .profil-flag.color-3 .level{border-color:#dbb200}.component.profil .profil-flag.color-4 .level{border-color:#5a1072}.component.profil .profil-flag.color-5 .level{border-color:#2c7915}.component.profil .profil-flag.color-6 .level{border-color:#076b87}.component.profil .profil-flag.color-7 .level{border-color:#67331d}.component.profil .profil-flag.color-8 .level{border-color:#d87913}.component.profil .profil-flag.color-9 .level{border-color:#2c7915}.component.profil .profil-flag.color-10 .level{border-color:#760f36}.component.profil .profil-flag.color-11 .level{border-color:#219772}.component.profil .profil-flag.color-12 .level{border-color:#dbb200}.component.profil .faction-flag{display:block;content:'';width:154px;height:241px;margin:0 auto;background:url(src/desktop/faction/flag/flag-6.png) no-repeat}.component.search-player{position:relative;background:0 0!important}.component.search-player .box{position:absolute;top:60px;left:50px;width:440px;color:#fff}.component.search-player .top{background:rgba(0,0,0,.4);padding:10px;border-radius:3px 3px 0 0}.component.search-player .top label{display:block;font-size:1pc}.component.search-player .top input{display:block;border:none;height:40px;width:25pc;padding:0 10px;margin:10px 0 0 0;font-size:20px;color:#202020;border-radius:3px}.component.search-player .center{background:rgba(0,0,0,.8);padding:10px 25px 10px 10px;min-height:140px;border-radius:0 0 3px 3px}.component.search-player .center .avatar{float:left;position:relative;left:-20px;width:90pt;padding:8px;border:solid 1px #202020;border-radius:100%;background:#0A0A0A}.component.search-player .center .right{margin-left:140px}.component.search-player .center h1{margin:10px 0 0 0;padding:0}.component.search-player .center hr{margin:10px 0;border-color:#4F4F4F}.component.search-player .center p{margin:5px 0;padding:0}.component.search-player .center p span{display:inline-block;background:red;line-height:28px;padding:0 10px;border:solid 1px rgba(255,255,255,.5);border-right:none}.component.search-player .center p span:first-child{border-radius:3px 0 0 3px}.component.search-player .center p span:last-child{border-radius:0 3px 3px 0;border:solid 1px rgba(255,255,255,.5)}.component.search-player.color1 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component.search-player.color2 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component.search-player.color3 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.search-player.color4 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component.search-player.color5 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color6 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component.search-player.color7 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component.search-player.color8 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component.search-player.color9 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color10 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.component.search-player.color11 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.component.search-player.color12 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.new-message p.input{position:relative;background:#fff;padding:10px;border-radius:3px}.component.new-message p.input:before{content:'';position:absolute;width:0;height:0;top:-9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent;left:20px}.component.new-message label{display:block;font-size:13px}.component.new-message .input-text input{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px}.component.new-message .input-area textarea{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px;max-width:100%;min-width:100%;height:200px}.component.new-message button{display:inline-block;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 15px;color:#fff;cursor:pointer;overflow:hidden;background:#05bed7}.component.new-message button:focus,.component.new-message button:hover{background:#004948}.notif{position:relative;margin:10px;background:#000;border-top:solid 1px #4F4F4F;border-right:solid 1px #202020;border-left:solid 1px #202020}.notif h4{position:relative;overflow:hidden;margin:0;padding:0 10px;font-size:14px;line-height:30px;border-bottom:solid 1px #202020;background:#0A0A0A;font-weight:400;cursor:pointer;color:#fff}.notif.unreaded h4:before{position:absolute;content:'';width:40px;height:40px;background:#fff;top:-5px;right:-15px;background:#05bed7;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}.notif .content{display:none;padding:6px 8px;line-height:140%;text-align:justify;color:#efefef}.notif .content p{margin:0}.notif .content hr{border:none;background:0 0;border-bottom:dashed 1px #202020;margin:5px 0}.notif .content a{color:#fff}.notif .content .box-resource{position:relative;display:block;margin:5px 0;padding:5px 5px 5px 40px}.notif .content .box-resource img{position:absolute;top:6px;left:0;border:solid 4px #4f4f4f;border-radius:100%;border-color:#076b87}.notif .content .box-resource .label{display:block;font-size:9pt}.notif .content .box-resource .value{display:block;font-size:18px;font-weight:700}.notif .footer{display:none;margin:0;padding:0 10px;line-height:18px;padding:5px 5px;border-top:solid 1px #202020;font-style:italic;text-align:right;color:#CCC}.notif .footer a{color:#CCC}.notif.open .content{display:block}.notif.open .footer{display:block}.component.rc .rc{position:relative;margin:20px 10px 20px 30px;border-left:solid 1px #CCC;padding:0 10px;height:380px;color:#CCC}.component.rc .rc.no-tax{margin:20px 10px 20px 30px;border-left:dashed 1px #4F4F4F;padding:0 10px;color:#CCC}.component.rc .rc a,.component.rc .rc strong{color:#fff}.component.rc .rc .icon-color{width:20px}.component.rc .rc .base{position:relative;padding:15px 0 15px 40px;height:50px}.component.rc .rc .base:last-child{position:absolute;bottom:0}.component.rc .rc .place{position:absolute;top:0;left:-50px;width:78px;height:78px;border:solid 1px #202020;background:#000;border-radius:100%}.component.rc .rc .general{list-style:none inset;margin:10px 0;padding:0}.component.rc .rc .general li{margin:10px 0;list-style-type:none}.component.rc .rc .general li strong{display:block;font-size:20px;font-weight:700}.component .situation-content{position:relative;display:block;width:100%;height:500px;border-bottom:solid 1px #0A0A0A}.component .situation-content .line-help{position:absolute;display:block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:100%;background:#004948}.component .situation-content .line-help.line-1{top:55px;left:190px}.component .situation-content .line-help.line-2{top:145px;left:406px}.component .situation-content .toolbar{position:absolute;top:30px;right:30px;box-shadow:0 0 0 4px rgba(255,255,255,.1);border-radius:3px;background:#076b87;z-index:1}.component .situation-content .toolbar a,.component .situation-content .toolbar span{display:inline-block;line-height:2pc;padding:0 15px;border-right:solid 1px #000;text-decoration:none;color:#fff}.component .situation-content .toolbar a img,.component .situation-content .toolbar span img{position:relative;top:-2px;vertical-align:middle;height:18px;width:18px}.component .situation-content .toolbar a:focus,.component .situation-content .toolbar a:hover{background:rgba(0,0,0,.25)}.component .situation-content .toolbar form{display:inline-block}.component .situation-content .toolbar input{height:2pc;border:none;background:0 0;color:#fff;padding:0 15px;font-size:inherit}.component .situation-content .toolbar input:focus{background:rgba(0,0,0,.25)}.component .situation-content .toolbar input.button{background:url(src/desktop/common/edit.png) no-repeat center}.component .situation-content .toolbar input.button:focus{background:url(src/desktop/common/edit.png) no-repeat center rgba(0,0,0,.25)}.component .situation-content .info{position:absolute;display:block;width:200px;font-size:9pt;color:#efefef;line-height:18px}.component .situation-content .info strong{color:#fff;font-size:14px}.component .situation-content .info a{color:#fff;text-decoration:none;border-bottom:solid 1px #4f4f4f}.component .situation-content .info a:focus,.component .situation-content .info a:hover{border-color:#CCC}.component .situation-content .commander{position:absolute;display:block;text-decoration:none;z-index:1}.component .situation-content .commander.empty{color:#CCC}.component .situation-content .commander.position-1-1{top:135px;left:127px}.component .situation-content .commander.position-1-2{top:17pc;left:75pt}.component .situation-content .commander.position-1-3{top:415px;left:127px}.component .situation-content .commander.position-2-1{top:215px;left:22pc}.component .situation-content .commander.position-2-2{top:17pc;left:345px}.component .situation-content .commander.position-2-3{top:330px;left:22pc}.component .situation-content .commander.position-3{top:355px;left:577px}.component .situation-content .commander img{width:40px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}.component .situation-content .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component .situation-content .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #076b87}.component .situation-content .commander .info{top:8px;left:65px;width:10pc}.component .situation-content .commander .link{display:none;position:absolute;top:14px;left:-1pc;width:24px;height:24px;font-size:20px;font-weight:700;text-decoration:none;border-radius:100%;text-align:center;z-index:1;border:solid 1px #fff}.component .situation-content .commander .link.to-left{background:url(src/desktop/mover/to-left.png) no-repeat center #000}.component .situation-content .commander .link.to-right{background:url(src/desktop/mover/to-right.png) no-repeat center #000}.component .situation-content .commander:hover>.link{display:block}.component .situation-content .stellar{position:absolute;display:block;top:180px;left:35pc}.component .situation-content .stellar img{width:220px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%}.component .situation-content .stellar .info{font-size:9pt;border-left:solid 1px #202020}.component .situation-content .stellar .info.top{bottom:215px;left:50px;padding:0 0 30px 10px}.component .situation-content .stellar .info.top strong{font-size:20px}.component .situation-content .stellar .info.bottom{top:225px;left:10pc;padding:10px 0 0 10px}.component .situation-content .stellar .info.middle{top:20px;left:182px;padding:10px 0 0 50px;border:none;border-top:solid 1px #202020}.component .situation-content .attack-link{position:absolute;bottom:-1px;left:0;right:0;text-align:center}.component .situation-content .attack-link a{display:inline-block;line-height:40px;padding:0 25px;border-radius:3px 3px 0 0;background:#202020;color:#fff;text-decoration:none;font-size:1pc}.component .situation-content .attack-link a:focus,.component .situation-content .attack-link a:hover{box-shadow:0 0 5px 3px #000}.component .situation-content.color0 .line-help{background:#202020}.component .situation-content.color0 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #202020}.component .situation-content.color0 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #202020}.component .situation-content.color0 .attack-link a{background:#202020}.component .situation-content.color1 .line-help{background:#510816}.component .situation-content.color1 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component .situation-content.color1 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #6e161b}.component .situation-content.color1 .attack-link a{background:#6e161b}.component .situation-content.color2 .line-help{background:#0c0d44}.component .situation-content.color2 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component .situation-content.color2 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #1f1471}.component .situation-content.color2 .attack-link a{background:#1f1471}.component .situation-content.color3 .line-help{background:#b17a00}.component .situation-content.color3 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .situation-content.color3 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #dbb200}.component .situation-content.color3 .attack-link a{background:#dbb200}.component .situation-content.color4 .line-help{background:#310948}.component .situation-content.color4 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component .situation-content.color4 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #5a1072}.component .situation-content.color4 .attack-link a{background:#5a1072}.component .situation-content.color5 .line-help{background:#24500a}.component .situation-content.color5 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color5 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color5 .attack-link a{background:#2c7915}.component .situation-content.color6 .line-help{background:#004948}.component .situation-content.color6 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component .situation-content.color6 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #076b87}.component .situation-content.color6 .attack-link a{background:#076b87}.component .situation-content.color7 .line-help{background:#401b13}.component .situation-content.color7 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component .situation-content.color7 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #67331d}.component .situation-content.color7 .attack-link a{background:#67331d}.component .situation-content.color8 .line-help{background:#c3590b}.component .situation-content.color8 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component .situation-content.color8 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #d87913}.component .situation-content.color8 .attack-link a{background:#d87913}.component .situation-content.color9 .line-help{background:#24500a}.component .situation-content.color9 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color9 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color9 .attack-link a{background:#2c7915}.component .situation-info{display:table;width:100%;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#000}.component .situation-info .item{display:table-cell;padding:10px;border-right:solid 1px #202020}.component .situation-info .item .value{font-size:26px;font-weight:700;display:block}.component .build-item.base-type .desc{margin:10px 0 0 0;padding:15px;font-size:13px;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#0A0A0A}.component .build-item.base-type .list-choice{position:relative;height:140px;background:url(src/desktop/base/type-base.png) no-repeat center;margin:0;border-bottom:solid 1px #202020}.component .build-item.base-type .list-choice button{position:absolute;padding:0;border:none;background:0 0;cursor:pointer}.component .build-item.base-type .list-choice button.item-1{top:35px;left:5px}.component .build-item.base-type .list-choice button.item-2{top:5px;left:107px}.component .build-item.base-type .list-choice button.item-3{bottom:5px;left:107px}.component .build-item.base-type .list-choice button.item-4{top:35px;right:5px}.component .build-item.base-type .list-choice button img{display:block;padding:8px;width:40px;border:solid 1px #202020;border-radius:100%;background:#000}.color1 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.color2 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.color3 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.color4 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.color5 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color6 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.color7 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.color8 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.color9 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color10 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.color11 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.color12 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .build-item.base-type .desc-choice{display:none}.component .build-item.base-type .desc-choice h4{border-bottom:solid 1px #202020;padding:0 0 5px 0}.component .build-item.base-type .desc-choice p{text-align:left;color:#CCC!important}.component .build-item.base-type .desc-choice p strong{display:block;color:#fff}.component .build-item.base-type .desc-choice p strong.short{display:inline-block;width:75pt}.component.list-fleet .set-fleet{position:relative;margin:10px;padding:0 0 0 70px;min-height:5pc}.component.list-fleet .set-fleet img.place{position:absolute;top:-5px;left:-20px;width:5pc;background:#0A0A0A;border-radius:100%;border:solid 1px #202020}.component.list-fleet .set-fleet h2{padding:10px 0;margin:0}.component.list-fleet .set-fleet h2 a{font-size:13px;color:#fff;font-weight:400;text-decoration:none}.component.list-fleet .set-fleet .item{position:relative;height:60px;background:#0A0A0A;border:solid 1px #202020;border-bottom:none;width:777px}.component.list-fleet .set-fleet .item:last-child{border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item a{display:inline-block;text-decoration:none;color:#CCC;border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item .left{position:absolute;top:0;left:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .left .top{position:absolute;left:60px;display:block;width:500px;top:10px}.component.list-fleet .set-fleet .item .left .status{width:30px;margin:10px;padding:5px;border-radius:100%}.component.list-fleet .set-fleet .item .right{position:absolute;top:0;right:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .right .top{position:absolute;right:60px;display:block;width:200px;text-align:right;top:10px}.component.list-fleet .set-fleet .item .right .cover{width:50px;margin:5px;padding:0;border-radius:100%}.component.list-fleet .set-fleet .item .center{position:absolute;top:41px;left:70px;right:70px}.component.list-fleet .set-fleet .item .center .ship{position:absolute;top:-10px;left:-11px;right:auto}.component.list-fleet .set-fleet .item .center .progress-ship{display:block;width:100%;background:#4F4F4F;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar{position:relative;display:block;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship{top:-11px;right:-11px;left:auto}.component.list-fleet .set-fleet .item .center .progress-ship .bar span{position:absolute;top:4px;right:15px;font-size:10px}.component.list-fleet .set-fleet .item.color1 .status{background:#6e161b}.component.list-fleet .set-fleet .item.color2 .status{background:#1f1471}.component.list-fleet .set-fleet .item.color3 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color4 .status{background:#5a1072}.component.list-fleet .set-fleet .item.color5 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color6 .status{background:#076b87}.component.list-fleet .set-fleet .item.color7 .status{background:#67331d}.component.list-fleet .set-fleet .item.color8 .status{background:#d87913}.component.list-fleet .set-fleet .item.color9 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color10 .status{background:#760f36}.component.list-fleet .set-fleet .item.color11 .status{background:#219772}.component.list-fleet .set-fleet .item.color12 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item .center .progress-ship .bar{background:#05bed7}.component.list-fleet .set-fleet .item .center.reversed .progress-ship{background:#05bed7}.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar{background:#4F4F4F}.component.list-fleet .set-fleet .item .show-commander{position:absolute;top:-1px;right:-30px;width:28px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a;border:solid 1px #202020}.component.list-fleet .set-fleet .item .show-commander.active,.component.list-fleet .set-fleet .item .show-commander:focus,.component.list-fleet .set-fleet .item .show-commander:hover{background-color:#202020}.component.table-fleet table{margin:10px;width:55pc;border-collapse:collapse}.component.table-fleet table tr:nth-child(odd){background:#000;border-bottom:solid 1px #202020}.component.table-fleet table tr:nth-child(even){background:#0A0A0A;border-bottom:solid 1px #202020}.component.table-fleet table tr:first-child{background:0 0}.component.table-fleet table td,.component.table-fleet table th{height:40px;width:40px;text-align:center}.component.table-fleet table td span.zero-value{color:#4F4F4F}.component.table-fleet table .base{width:75pt;text-align:left;padding:0 20px}.component.table-fleet table .base a{border:none}.component.table-fleet table .base strong{display:block;font-size:1pc}.component.table-fleet table .large{width:auto;text-align:left;padding:0 10px}.component.table-fleet table .sep{border-left:solid 1px #076b87}.component.table-fleet table a{color:#fff;text-decoration:none;border-bottom:solid 1px #4F4F4F;display:inline-block}.component.table-fleet table th{position:relative;height:70px}.component.table-fleet table th span{position:absolute;bottom:2pc;left:-10px;display:block;text-align:left;width:60px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.component.commander-fleet .fleet{vertical-align:top;display:block;text-align:center}.component.commander-fleet .list-ship{vertical-align:top;display:inline-block;width:148px}.component.commander-fleet .list-ship:first-child{border-right:dashed 1px #4F4F4F}.component.commander-fleet .list-ship a{display:block;position:relative;margin:6px;height:40px;background:#202020;border:solid 1px #4F4F4F;border-radius:3px}.component.commander-fleet .list-ship a.empty{opacity:.4}.component.commander-fleet .list-ship img{position:absolute;display:inline-block;width:40px}.component.commander-fleet .list-ship .text{position:absolute;left:45px;display:inline-block;width:88px;color:#fff}.component.commander-fleet .list-ship .text .quantity{display:block;font-weight:700;font-size:18px}.component.commander-fleet .army{border-collapse:collapse;width:35pc;margin:20px}.component.commander-fleet .army td{width:65px;padding:5px;border-right:dashed 1px #4F4F4F;vertical-align:center}.component.commander-fleet .army td:first-child{width:auto;vertical-align:top;text-align:right;padding:0 20px;font-size:9pt}.component.commander-fleet .army tr:first-child td{text-align:center;padding:10px 5px;font-size:18px;font-weight:700}.component.commander-fleet .army .block{display:block;width:54px;height:54px;margin:0 0 5px 0;padding:5px;vertical-align:top;border-radius:5px;background:#0A0A0A;text-align:right;border:solid 1px #202020;color:#4F4F4F}.component.commander-fleet .army .block.empty{background:#000;border:solid 1px #0A0A0A}.component.commander-fleet .army .block strong{display:block;font-size:15px;height:38px;font-weight:700}.component.commander-fleet .army .block em{display:block;padding:2px;font-size:11px;background:#000;text-align:center;border-radius:3px}.component.commander-fleet .army .block.squadron{border:solid 1px #4F4F4F;color:#fff;cursor:pointer;background:#076b87}.component.commander-fleet .army .block.squadron.full0{background:url(src/desktop/squadron/squadron0.png) no-repeat 4px 2px #076b87}.component.commander-fleet .army .block.squadron.full1{background:url(src/desktop/squadron/squadron1.png) no-repeat 4px 2px #076b87}.component.commander-fleet .army .block.squadron.full2{background:url(src/desktop/squadron/squadron2.png) no-repeat 4px 2px #076b87}.component.commander-fleet .army .block.squadron.full3{background:url(src/desktop/squadron/squadron3.png) no-repeat 4px 2px #076b87}.component.commander-fleet .army .block.squadron.active{box-shadow:inset 0 0 6px #000,0 0 2px 0 #fff;border:dashed 1px #fff}.component.report .commander{position:relative;display:block;margin:10px;padding:8px 0 8px 72px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component.report .commander img{position:absolute;top:5px;left:5px;padding:8px;width:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component.report .commander strong{display:block;padding:0 0 8px 0;color:#fff;font-weight:700;font-size:17px}.component.report .commander em{display:block;line-height:20px;color:#fff;font-style:normal;color:#efefef}.component.report .commander em .bonus{font-size:90%;margin:2px 0 0 2px;padding:3px 6px}.component.report .dammage{margin:10px;background:#000}.component.report .dammage table{width:100%;border-collapse:collapse;border-left:solid 1px #202020;border-right:solid 1px #202020}.component.report .dammage td{border-color:#202020;border-width:1px;border-style:solid dashed;padding:4px;vertical-align:center;text-align:center;color:#CCC;width:28px;height:22px}.component.report .dammage td:first-child{text-align:left;padding:4px 8px;width:auto}.component.report .dammage td span{display:inline-block;background:red;line-height:22px;width:22px;border-radius:3px;color:#fff;background:#004948}.component.topic .message{position:relative;padding:0 0 0 5pc;margin:10px;min-height:70px}.component.topic .message .avatar{position:absolute;top:0;left:0;width:56px;padding:6px;border:solid 1px #202020;border-radius:100%;background:#000}.component.topic .message .content{position:relative;background:#000;border:solid 1px #202020;border-bottom:solid 1px #0A0A0A}.component.topic .message .content:before{position:absolute;content:'';top:25px;left:-18px;border-style:solid;border-width:9px;border-color:transparent #202020 transparent transparent}.component.topic .message .content .text{margin:0;padding:10px 10px 9pt 10px;border-bottom:solid 1px #0A0A0A;color:#efefef}.component.topic .message .content .text a,.component.topic .message .content .text strong{color:#fff}.component.topic .message .content .text a.color1{color:#b01e2d}.component.topic .message .content .text a.color2{color:#2f23c0}.component.topic .message .content .text a.color3{color:#ffdb0f}.component.topic .message .content .text a.color4{color:#a935c7}.component.topic .message .content .text a.color5{color:#57c632}.component.topic .message .content .text a.color6{color:#05bed7}.component.topic .message .content .text a.color7{color:#ac5832}.component.topic .message .content .text a.color8{color:#f2b636}.component.topic .message .content .text a.color9{color:#57c632}.component.topic .message .content .text a.color10{color:#a92859}.component.topic .message .content .text a.color11{color:#34b089}.component.topic .message .content .text a.color12{color:#ffdb0f}.component.topic .message .content .text .icon-color{width:15px}.component.topic .message .content .footer{margin:0;padding:6px 10px;font-size:9pt;color:#CCC}.component.topic .message .content .footer a{color:#CCC}.component.topic .message.write .content:before{left:-17px;top:11px;border-color:transparent #fff transparent transparent}.component.topic .message.write .content textarea{border:none;padding:5px;width:487px;height:90pt;max-width:487px;min-width:487px;min-height:50px;font-family:inherit;font-size:13px}.component.topic .message.write .content input{margin:6px;font-family:inherit}.component.topic .message.write .content .title{border:none;margin:0;padding:5px;width:487px;height:30px;font-family:inherit;font-size:13px}.component.topic .message.write .content button{margin:6px;font-family:inherit;background:#076b87;border:none;padding:4px 8px;color:#fff;cursor:pointer}.component.topic .message.write .content button:focus,.component.topic .message.write .content button:hover{background:#004948}.component.topic .system-message{position:relative;padding:0 0 0 90px;margin:10px}.component.topic .system-message:before{content:'';position:absolute;top:10px;left:0;height:1px;width:70px;background:#4F4F4F}.conv-item{position:relative;display:block;border:solid 1px #202020;border-bottom:none;background:#0A0A0A;height:59px;padding:5px 5px 5px 70px;margin:0 10px;color:#fff;text-decoration:none;overflow:hidden}.conv-item .cover{position:absolute;display:block;top:0;left:0;bottom:0;width:60px;padding:5px}.conv-item .cover .picture{width:52px;height:52px;background:#202020;border-radius:100%;padding:4px}.conv-item .cover .picture.color0{box-shadow:0 0 0 2px #4F4F4F}.conv-item .cover .picture.color1{box-shadow:0 0 0 2px #6e161b}.conv-item .cover .picture.color2{box-shadow:0 0 0 2px #1f1471}.conv-item .cover .picture.color3{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .picture.color4{box-shadow:0 0 0 2px #5a1072}.conv-item .cover .picture.color5{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color6{box-shadow:0 0 0 2px #076b87}.conv-item .cover .picture.color7{box-shadow:0 0 0 2px #67331d}.conv-item .cover .picture.color8{box-shadow:0 0 0 2px #d87913}.conv-item .cover .picture.color9{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color10{box-shadow:0 0 0 2px #760f36}.conv-item .cover .picture.color11{box-shadow:0 0 0 2px #219772}.conv-item .cover .picture.color12{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .new-message,.conv-item .cover .number{position:absolute;width:22px;height:22px;border-radius:100%;background:#0A0A0A;bottom:5px;right:5px;border:solid 1px #4F4F4F;text-align:center;line-height:22px;font-size:11px}.conv-item .cover .new-message{left:5px;top:5px}.conv-item .cover .new-message img{display:block;width:18px;height:18px;margin:2px}.conv-item .data{line-height:20px}.conv-item:last-child{border:solid 1px #202020}.conv-item:focus,.conv-item:hover{background:#0C0C0C}.component.player .player{position:relative;display:inline-block;margin:10px 0 0 10px;width:211px;height:58px;padding:5px 5px 5px 70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff;text-decoration:none}.component.player .player a{color:#ccc;text-decoration:none;border-bottom:solid 1px #202020}.component.player .player a:focus,.component.player .player a:hover{border-color:#4f4f4f}.component.player .player img.picto{position:absolute;top:5px;left:5px;width:50px;padding:4px;border:solid 1px #202020;border-radius:100%;background:#000}.component.player .player .icon,.component.player .player .icon-color{height:1pc;padding:1px}.component.player .player span,.component.player .player strong{display:block;line-height:20px}.component.player .player strong{font-size:18px}.component.player .player .inactive,.component.player .player .online{position:absolute;width:18px;height:18px;background:#fff;top:5px;right:5px;border-radius:100%;background:#4F4F4F}.component.player .player .online{background:#05bed7}.component.player .player.faction{border-left:solid 1px #0A0A0A!important;width:202px}.component.player .player.faction img{top:0;left:10px;padding:0;border:none;border-radius:0;background:0 0}.component.player.rank .player{border-left:solid 10px #4F4F4F;width:190px}.component.player.rank .player.color1{border-left-color:#b01e2d}.component.player.rank .player.color2{border-left-color:#2f23c0}.component.player.rank .player.color3{border-left-color:#ffdb0f}.component.player.rank .player.color4{border-left-color:#a935c7}.component.player.rank .player.color5{border-left-color:#57c632}.component.player.rank .player.color6{border-left-color:#05bed7}.component.player.rank .player.color7{border-left-color:#ac5832}.component.player.rank .player.color8{border-left-color:#f2b636}.component.player.rank .player.color9{border-left-color:#57c632}.component.player.rank .player.color10{border-left-color:#a92859}.component.player.rank .player.color11{border-left-color:#34b089}.component.player.rank .player.color12{border-left-color:#ffdb0f}.component.player.rank .player .points,.component.player.rank .player .title{color:#BBB}.component.player.rank .player .position{display:block;position:absolute;top:14px;right:14px;line-height:38px;width:38px;border:solid 1px #202020;text-align:center;border-radius:100%}.component.player.rank .player .variance{display:block;position:absolute;top:5px;right:-4px;line-height:26px;width:26px;border:solid 1px #202020;background:#0A0A0A;text-align:center;font-size:11px;border-radius:100%}.component.player.rank .player .variance.lower{bottom:5px;top:auto}.component.player.rank .player.active .position{background:#fff;border:solid 1px #fff;color:#202020}.component.player.size2 .player{width:13pc}.component.player.size1 .player{width:202px}.component.transaction .transaction{background:#0A0A0A;border:solid 1px #202020;margin:10px}.component.transaction .transaction .right-link{position:absolute;top:2px;right:5px;display:block;color:#FFF;text-decoration:none}.component.transaction .transaction .product{position:relative;height:70px;padding:5px 10px 5px 55px;cursor:pointer}.component.transaction .transaction .product .picto{position:absolute;top:5px;left:-20px;width:60px;height:60px;padding:4px;background:#000;border:solid 1px #202020;border-radius:100%}.component.transaction .transaction .product .rate{position:absolute;bottom:5px;right:8px}.component.transaction .transaction .product .offer{overflow:hidden;height:2pc}.component.transaction .transaction .product .for{position:relative;border-top:solid 1px #202020;margin:8px 0 6px 0;color:#4F4F4F}.component.transaction .transaction .product .for span{display:block;position:absolute;top:-10px;left:10px;background:#0A0A0A;padding:0 10px;font-size:9pt}.component.transaction .transaction .product .price{font-size:19px;font-weight:700}.component.transaction .transaction .product .price .icon-color{width:14px;position:relative;top:-2px;padding:1px}.component.transaction .transaction.resources .product .offer{font-size:28px;font-weight:700;line-height:30px}.component.transaction .transaction.resources .product .offer .icon-color{width:20px;position:relative;top:-5px}.component.transaction .transaction.commander .product .offer strong,.component.transaction .transaction.ship .product .offer strong{display:block;font-size:14px}.component.transaction .transaction.commander .product .offer em,.component.transaction .transaction.ship .product .offer em{display:block;font-size:11px}.component.transaction .transaction .hidden{display:none}.component.transaction .transaction .info{position:relative;border-top:solid 1px #202020;height:88px;background:#000}.component.transaction .transaction .info p{font-size:11px;margin:5px 8px}.component.transaction .transaction .info .seller{position:absolute;top:0;width:50%;bottom:0}.component.transaction .transaction .info .seller a{font-weight:700;color:#fff}.component.transaction .transaction .info .seller .color1{color:#b01e2d}.component.transaction .transaction .info .seller .color2{color:#2f23c0}.component.transaction .transaction .info .seller .color3{color:#ffdb0f}.component.transaction .transaction .info .seller .color4{color:#a935c7}.component.transaction .transaction .info .seller .color5{color:#57c632}.component.transaction .transaction .info .seller .color6{color:#05bed7}.component.transaction .transaction .info .seller .color7{color:#ac5832}.component.transaction .transaction .info .seller .color8{color:#f2b636}.component.transaction .transaction .info .seller .color9{color:#57c632}.component.transaction .transaction .info .seller .color10{color:#a92859}.component.transaction .transaction .info .seller .color11{color:#34b089}.component.transaction .transaction .info .seller .color12{color:#ffdb0f}.component.transaction .transaction .info .price-detail{position:absolute;top:0;width:50%;bottom:0;right:0}.component.transaction .transaction .info .price-detail p{text-align:right}.component.transaction .transaction .info .price-detail p .icon-color{width:10px;padding:1px}.component.transaction .transaction .info .price-detail p span{color:#4F4F4F}.component.transaction .transaction .button{border-top:solid 1px #202020;padding:5px}.component.transaction .transaction .button a,.component.transaction .transaction .button span{display:block;padding:5px 10px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;line-height:20px;background:#202020;box-shadow:inset 0 0 2px #000}.component.transaction .transaction .button a{background:#076b87}.component.transaction .transaction .button a:hover{box-shadow:inset 0 0 6px #000;background:#05bed7}.component.transaction .transaction .button span{background:#202020;cursor:default}.component.transaction .transaction .button .icon-color{width:14px}.component.transaction .transaction .shipping{position:relative;background:#000;height:30px}.component.transaction .transaction .shipping .ships{position:absolute;top:0;left:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center}.component.transaction .transaction .shipping .ships .icon-color{position:relative;width:1pc;margin-left:5px;top:-5px}.component.transaction .transaction .shipping .time{position:absolute;top:0;right:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center;font-size:9pt}.component.transaction .transaction .shipping .progress-container{position:relative;display:block;clear:both;margin:0 60px;height:3px;top:13px;background:#4F4F4F}.component.transaction .transaction .shipping .progress-bar{position:absolute;display:block;height:100%;background:#05bed7}.component .build-item.disable .button span{color:#696969}.component.transaction .new-transaction{width:279px;position:absolute;background:#000;z-index:1;padding:10px;border-bottom:solid 1px #05bed7}.component.transaction .new-transaction label{position:relative;display:block;padding:5px 0}.component.transaction .new-transaction label input{display:block;padding:5px 10px;margin:5px 0 0 0;width:259px;border:none}.component.transaction .new-transaction.resources label input{font-size:1pc;color:#202020;font-weight:700}.component.transaction .new-transaction .indicator{position:relative;display:block;width:100%;height:15px}.component.transaction .new-transaction .indicator span{position:absolute;display:inline-block;padding:1px 6px;font-size:9pt;color:#fff;border-radius:3px;top:-5px;background:#004948}.component.transaction .new-transaction .indicator span.min-price{left:5px}.component.transaction .new-transaction .indicator span.max-price{right:5px}.component.market-sell .body{padding:10px 0}.component.market-sell .label-box{position:relative;padding:0 10px;margin:10px 0}.component.market-sell .label-box .label{display:inline-block;width:75pt;line-height:30px}.component.market-sell .label-box .value{display:inline-block;width:147px;padding:0 5px;border:none;line-height:30px;border-radius:3px;font-size:1pc}.component.market-sell .label-box input.value{height:30px;background:#fff}.component.market-sell .label-box .icon-color{position:absolute;top:4px;right:1pc;width:18px}.component.market-sell .queue{margin:0 10px;cursor:pointer}.component.market-sell .sell-form{background:#0A0A0A;border:solid 1px #202020;margin:0 10px 10px 10px}.component.market-sell .sell-form input[type=submit]{display:block;width:100%;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 10px;color:#fff;cursor:pointer;overflow:hidden;background:#05bed7}.component.market-sell .sell-form input[type=submit]:hover{background:#004948}.component.market-sell .sell-form input[disabled=disabled]{background:#202020!important}.wysiwyg{display:block;position:relative}.wysiwyg .toolbar{display:block;position:absolute;top:0;left:0;right:0;padding:5px}.wysiwyg .toolbar button{display:inline-block;height:26px;line-height:26px;padding:0 4px!important;margin:0 4px 0 0!important;background:#076b87;color:#fff;border-radius:3px;overflow:hidden;vertical-align:top}.wysiwyg .modal{position:absolute;top:40px;left:10px;right:10px;background:#0A0A0A;border:solid 1px #202020;box-shadow:0 0 15px #000}.wysiwyg .modal .header{position:relative}.wysiwyg .modal .header h2{margin:0;padding:0;line-height:36px;padding:0 10px;font-size:1pc;font-weight:400}.wysiwyg .modal .header .right{position:absolute;top:5px;right:10px;width:300px;text-align:right}.wysiwyg .modal .header .right button{display:inline-block;width:26px!important;height:26px!important;line-height:26px !important<;font-size:14px;padding:0!important;margin:0 0 0 5px!important}.wysiwyg .modal input{width:435px;border:none;height:30px;margin:0 10px 10px 10px!important;padding:0 10px!important}.wysiwyg textarea{padding-top:40px!important}.input-area .wysiwyg .toolbar{padding:0}.component.params .checkbox{display:block;position:relative;padding:10px 10px 10px 40px;margin:10px;background:rgba(0,0,0,.8)}.component.params .checkbox input{position:absolute;top:8px;left:10px}#map{position:absolute;z-index:100;background:url(src/desktop/map/common/map.jpg) repeat #000;padding:0;top:0;left:0}#map #sectors{z-index:300}#map #spying{z-index:400}#map #own-base{z-index:500}#map #commercial-routes{z-index:600}#map #fleet-movements{z-index:700}#map #attacks{z-index:800}#map #systems{z-index:900}#map #map-info{z-index:910}#map>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#map #sectors polygon{stroke:#fff;stroke-width:1px;stroke-dasharray:4 4;opacity:.15}#map #sectors .ally1{fill:#6e161b}#map #sectors .ally2{fill:#1f1471}#map #sectors .ally3{fill:#dbb200}#map #sectors .ally4{fill:#5a1072}#map #sectors .ally5{fill:#2c7915}#map #sectors .ally6{fill:#076b87}#map #sectors .ally7{fill:#67331d}#map #sectors .ally8{fill:#d87913}#map #sectors .ally9{fill:#2c7915}#map #sectors .ally10{fill:#760f36}#map #sectors .ally11{fill:#219772}#map #sectors .ally12{fill:#dbb200}#map #spying circle{opacity:.08;stroke:#fff}#map #own-base circle{opacity:.1;fill:#fff}#map #commercial-routes line{stroke:#fff;stroke-width:1px;stroke-dasharray:20 5 5 5 5 10}#map #commercial-routes line.standBy{stroke:rgba(255,255,255,.3)}#map #fleet-movements line{stroke-width:1px}#map #fleet-movements line.back{stroke-dasharray:15 5}#map #attacks line{stroke-width:1px}#map #attacks line.color1{stroke:#b01e2d}#map #attacks line.color2{stroke:#2f23c0}#map #attacks line.color3{stroke:#ffdb0f}#map #attacks line.color4{stroke:#a935c7}#map #attacks line.color5{stroke:#57c632}#map #attacks line.color6{stroke:#05bed7}#map #attacks line.color7{stroke:#ac5832}#map #attacks line.color8{stroke:#f2b636}#map #attacks line.color9{stroke:#57c632}#map #attacks line.color10{stroke:#a92859}#map #attacks line.color11{stroke:#34b089}#map #attacks line.color12{stroke:#ffdb0f}#map #attacks circle.color1{fill:#b01e2d}#map #attacks circle.color2{fill:#2f23c0}#map #attacks circle.color3{fill:#ffdb0f}#map #attacks circle.color4{fill:#a935c7}#map #attacks circle.color5{fill:#57c632}#map #attacks circle.color6{fill:#05bed7}#map #attacks circle.color7{fill:#ac5832}#map #attacks circle.color8{fill:#f2b636}#map #attacks circle.color9{fill:#57c632}#map #attacks circle.color10{fill:#a92859}#map #attacks circle.color11{fill:#34b089}#map #attacks circle.color12{fill:#ffdb0f}#map #systems a{display:block;position:absolute;border-radius:100%}#map #systems a.active{background:#000;box-shadow:0 0 0 1px #000,0 0 0 3px #fff,0 0 10px 8px #000}#map #systems a img{display:block;width:20px;height:20px;border:none;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}#map #systems a img.own{background:#fff}#map #systems .sector-number{position:absolute;display:block;font-size:22px;line-height:40px;width:40px;text-align:center;border-radius:100%;box-shadow:0 0 0 5px #0A0A0A,0 0 0 6px #4F4F4F;background:#202020;color:#fff;font-weight:700;cursor:pointer}#map #systems .sector-number.color1{background:#6e161b}#map #systems .sector-number.color2{background:#1f1471}#map #systems .sector-number.color3{background:#dbb200}#map #systems .sector-number.color4{background:#5a1072}#map #systems .sector-number.color5{background:#2c7915}#map #systems .sector-number.color6{background:#076b87}#map #systems .sector-number.color7{background:#67331d}#map #systems .sector-number.color8{background:#d87913}#map #systems .sector-number.color9{background:#2c7915}#map #systems .sector-number.color10{background:#760f36}#map #systems .sector-number.color11{background:#219772}#map #systems .sector-number.color12{background:#dbb200}#map #systems .sector-info{display:none;position:absolute;color:#fff;background:#000;background:rgba(0,0,0,.9);padding:8px 1pc;border-radius:3px}#map #systems .sector-info:before{content:'';position:absolute;left:-20px;top:20px;border-style:solid;border-width:10px;border-color:transparent #000 transparent transparent;border-color:transparent rgba(0,0,0,.9) transparent transparent}#map #systems .sector-info h2{position:relative;font-size:40px;font-weight:700;line-height:40px;text-shadow:0 0 5px #000;margin:0;padding:0}#map #systems .sector-info p{font-size:13px;margin:6px 0 0 0;padding:0;font-weight:700;font-variant:small-caps}#map #systems .sector-info p a{position:static;display:inline-block;color:#fff;background:#202020;border-radius:3px;line-height:20px;width:20px;text-align:center;text-decoration:none;border:solid 1px rgba(255,255,255,.5);margin:0 5px 0 0}#map #systems .sector-info.color1 p a{background:#6e161b}#map #systems .sector-info.color2 p a{background:#1f1471}#map #systems .sector-info.color3 p a{background:#dbb200}#map #systems .sector-info.color4 p a{background:#5a1072}#map #systems .sector-info.color5 p a{background:#2c7915}#map #systems .sector-info.color6 p a{background:#076b87}#map #systems .sector-info.color7 p a{background:#67331d}#map #systems .sector-info.color8 p a{background:#d87913}#map #systems .sector-info.color9 p a{background:#2c7915}#map #systems .sector-info.color10 p a{background:#760f36}#map #systems .sector-info.color11 p a{background:#219772}#map #systems .sector-info.color12 p a{background:#dbb200}#map #map-info{display:none;position:absolute;top:0;right:0;left:auto;bottom:auto;height:auto;width:auto;margin:40px 60px 0 0;color:#fff;text-align:right}#map #map-info h2{margin:0;padding:0 20px;font-size:38px;line-height:60px}#map #map-info h3{margin:0;padding:0 20px;font-size:1pc;font-weight:400;line-height:40px}#map #map-info ul{margin:10px 0;padding:0;list-style:none}#map #map-info ul li{position:relative;margin:0;padding:0 40px 0 0;line-height:20px;height:20px;font-style:italic;color:#CCC;font-size:13px}#map #map-info ul li img{position:absolute;right:10px;top:0}#map #spying circle{fill:#076b87}#map #fleet-movements line{stroke:#05bed7}#map #fleet-movements circle{fill:#05bed7}#map-option{z-index:1000;position:absolute;display:inline-block;height:2pc;padding:3px 0;background:url(src/desktop/map/bOption.png) repeat-x;top:30px;right:20px}#map-option:before{content:'';position:absolute;display:block;left:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bLeftOption.png)}#map-option:after{content:'';position:absolute;display:block;right:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bRightOption.png)}#map-option a{position:relative;display:inline-block;height:30px;width:30px;margin:1px 0 1px 1px;background:#0A0A0A}#map-option a.active{background:#004948}#map-option a img{position:absolute;top:5px;left:5px;width:22px}.color1 #map-option a.active{background:#510816}.color2 #map-option a.active{background:#0c0d44}.color3 #map-option a.active{background:#b17a00}.color4 #map-option a.active{background:#310948}.color5 #map-option a.active{background:#24500a}.color6 #map-option a.active{background:#004948}.color7 #map-option a.active{background:#401b13}.color8 #map-option a.active{background:#c3590b}.color9 #map-option a.active{background:#24500a}.color10 #map-option a.active{background:#4d0621}.color11 #map-option a.active{background:#10684c}.color12 #map-option a.active{background:#b17a00}#map-content{z-index:1000;position:absolute;top:5pc;right:20px;display:block}#map-content .mini-map{position:relative;width:300px;height:300px;overflow:hidden;border:solid 1px #202020;background:url(src/desktop/map/common/galaxy.jpg) no-repeat #0a0a0a}#map-content .mini-map polygon{stroke:#fff;stroke-width:.5px;opacity:.3}#map-content .mini-map polygon:focus,#map-content .mini-map polygon:hover{opacity:.1;cursor:pointer}#map-content .mini-map polygon.ally0{fill:#202020}#map-content .mini-map polygon.ally1{fill:#6e161b}#map-content .mini-map polygon.ally2{fill:#1f1471}#map-content .mini-map polygon.ally3{fill:#dbb200}#map-content .mini-map polygon.ally4{fill:#5a1072}#map-content .mini-map polygon.ally5{fill:#2c7915}#map-content .mini-map polygon.ally6{fill:#076b87}#map-content .mini-map polygon.ally7{fill:#67331d}#map-content .mini-map polygon.ally8{fill:#d87913}#map-content .mini-map polygon.ally9{fill:#2c7915}#map-content .mini-map polygon.ally10{fill:#760f36}#map-content .mini-map polygon.ally11{fill:#219772}#map-content .mini-map polygon.ally12{fill:#dbb200}#map-content .mini-map .number{position:absolute;z-index:600;top:0;left:0}#map-content .mini-map .sectors{z-index:500;position:absolute;top:0;left:0}#map-content .mini-map .bases{z-index:400;position:absolute;top:0;left:0}#map-content .mini-map .bases circle{fill:rgba(255,255,255,.2);stroke:#fff}#map-content .mini-map .viewport{position:absolute;top:0;left:0;background:rgba(255,255,255,.1);border:solid 1px #fff;border-radius:3px}#map-content .mini-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:11px}.map-movers{display:none;position:absolute;z-index:900;background-repeat:no-repeat;background-position:center}#coord-box{z-index:1000;position:absolute;bottom:20px;right:20px;width:5pc;padding:5px 10px;background:rgba(0,0,0,.8);color:#fff;font-size:20px;text-align:center}.tactical-map{margin:10px;position:relative;background:url(src/desktop/map/common/galaxy-large.jpg) repeat #0a0a0a}.tactical-map polygon{stroke:#fff;stroke-width:.3px;opacity:.15}.tactical-map polygon.enabled{position:relative;stroke-width:2px;opacity:.8;z-index:1}.tactical-map polygon.enabled.ally1{stroke:#510816}.tactical-map polygon.enabled.ally2{stroke:#0c0d44}.tactical-map polygon.enabled.ally3{stroke:#b17a00}.tactical-map polygon.enabled.ally4{stroke:#310948}.tactical-map polygon.enabled.ally5{stroke:#24500a}.tactical-map polygon.enabled.ally6{stroke:#004948}.tactical-map polygon.enabled.ally7{stroke:#401b13}.tactical-map polygon.enabled.ally8{stroke:#c3590b}.tactical-map polygon.enabled.ally9{stroke:#24500a}.tactical-map polygon.enabled.ally10{stroke:#4d0621}.tactical-map polygon.enabled.ally11{stroke:#10684c}.tactical-map polygon.enabled.ally12{stroke:#b17a00}.tactical-map polygon.ally0{fill:#202020}.tactical-map polygon.ally1{fill:#6e161b}.tactical-map polygon.ally2{fill:#1f1471}.tactical-map polygon.ally3{fill:#dbb200}.tactical-map polygon.ally4{fill:#5a1072}.tactical-map polygon.ally5{fill:#2c7915}.tactical-map polygon.ally6{fill:#076b87}.tactical-map polygon.ally7{fill:#67331d}.tactical-map polygon.ally8{fill:#d87913}.tactical-map polygon.ally9{fill:#2c7915}.tactical-map polygon.ally10{fill:#760f36}.tactical-map polygon.ally11{fill:#219772}.tactical-map polygon.ally12{fill:#dbb200}.tactical-map .number{position:absolute;z-index:800;top:0;left:0}.tactical-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:9pt;line-height:22px;width:22px;text-align:center;border-radius:100%;box-shadow:0 0 1px #fff}.tactical-map .number span.ally0{background:#0A0A0A}.tactical-map .number span.ally1{background:#510816}.tactical-map .number span.ally2{background:#0c0d44}.tactical-map .number span.ally3{background:#b17a00}.tactical-map .number span.ally4{background:#310948}.tactical-map .number span.ally5{background:#24500a}.tactical-map .number span.ally6{background:#004948}.tactical-map .number span.ally7{background:#401b13}.tactical-map .number span.ally8{background:#c3590b}.tactical-map .number span.ally9{background:#24500a}.tactical-map .number span.ally10{background:#4d0621}.tactical-map .number span.ally11{background:#10684c}.tactical-map .number span.ally12{background:#b17a00}.tactical-map .number span.active{background:#fff;color:#000;box-shadow:0 0 10px #000}.tactical-map.reactive polygon.enabled.active,.tactical-map.reactive polygon.enabled:hover{cursor:pointer}.tactical-map.reactive polygon.enabled.active.ally1,.tactical-map.reactive polygon.enabled:hover.ally1{fill:#510816}.tactical-map.reactive polygon.enabled.active.ally2,.tactical-map.reactive polygon.enabled:hover.ally2{fill:#0c0d44}.tactical-map.reactive polygon.enabled.active.ally3,.tactical-map.reactive polygon.enabled:hover.ally3{fill:#b17a00}.tactical-map.reactive polygon.enabled.active.ally4,.tactical-map.reactive polygon.enabled:hover.ally4{fill:#310948}.tactical-map.reactive polygon.enabled.active.ally5,.tactical-map.reactive polygon.enabled:hover.ally5{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally6,.tactical-map.reactive polygon.enabled:hover.ally6{fill:#004948}.tactical-map.reactive polygon.enabled.active.ally7,.tactical-map.reactive polygon.enabled:hover.ally7{fill:#401b13}.tactical-map.reactive polygon.enabled.active.ally8,.tactical-map.reactive polygon.enabled:hover.ally8{fill:#c3590b}.tactical-map.reactive polygon.enabled.active.ally9,.tactical-map.reactive polygon.enabled:hover.ally9{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally10,.tactical-map.reactive polygon.enabled:hover.ally10{fill:#4d0621}.tactical-map.reactive polygon.enabled.active.ally11,.tactical-map.reactive polygon.enabled:hover.ally11{fill:#10684c}.tactical-map.reactive polygon.enabled.active.ally12,.tactical-map.reactive polygon.enabled:hover.ally12{fill:#b17a00}#action-box{display:block;z-index:1100;position:absolute;width:100%;height:300px;bottom:-300px;left:0;border-top:solid 1px #0A0A0A;background:#000;box-shadow:0 0 15px #000}#action-box .header{position:relative;background:#000;border-bottom:solid 1px #202020;height:36px;color:#EFEFEF}#action-box .header ul{list-style:none inset;margin:0;padding:0}#action-box .header ul li{display:inline-block;line-height:36px;padding:0 10px;color:#CCC;border-right:solid 1px #202020}#action-box .header ul li a{display:inline-block;line-height:24px;margin:3px 0;padding:0 6px;text-decoration:none;color:#CCC;background:#0A0A0A;border:solid 1px #202020;border-right:none;color:#8F8F8F}#action-box .header ul li a:first-child{border-radius:3px 0 0 3px}#action-box .header ul li a:last-child{border-right:solid 1px #202020;border-radius:0 3px 3px 0}#action-box .header ul li a:focus,#action-box .header ul li a:hover{background:#202020;color:#fff}#action-box .header ul li a.active{color:#fff;position:relative;z-index:1;background:#004948}#action-box .header ul li img{position:relative;top:5px;width:20px;border-radius:100%}#action-box .header .button{position:absolute;top:7px;right:10px;line-height:22px;width:22px;text-align:center;background:#202020;border-radius:3px;text-decoration:none;text-transform:uppercase;color:#fff}#action-box .header .button:focus,#action-box .header .button:hover{background:#4F4F4F}#action-box .body{position:relative;overflow:hidden;width:100%;height:263px;background:url(src/desktop/map/common/bLine.jpg) repeat-x center #080808}#action-box .actbox-movers{position:absolute;display:block;width:60px;height:263px;z-index:1103;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#action-box .actbox-movers:focus,#action-box .actbox-movers:hover{background-color:rgba(255,255,255,.05)}#action-box .actbox-movers:active{background-color:rgba(255,255,255,.15)}#action-box .actbox-movers#actboxToLeft{background:url(src/desktop/mover/left.png) no-repeat center}#action-box .actbox-movers#actboxToRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center}#action-box .body .system{position:absolute;top:0;left:0;height:263px;width:3000px}#action-box .body .system ul{display:inline-block;list-style:none inset;margin:0;padding:0}#action-box .body .system ul li{display:inline-block}#action-box .body .system ul li.action,#action-box .body .system ul li.place a{width:75pt;height:260px;border-top:solid 3px #fff;position:relative}#action-box .body .system ul li.action.color1,#action-box .body .system ul li.place.color1 a{border-top-color:#6e161b}#action-box .body .system ul li.action.color2,#action-box .body .system ul li.place.color2 a{border-top-color:#1f1471}#action-box .body .system ul li.action.color3,#action-box .body .system ul li.place.color3 a{border-top-color:#dbb200}#action-box .body .system ul li.action.color4,#action-box .body .system ul li.place.color4 a{border-top-color:#5a1072}#action-box .body .system ul li.action.color5,#action-box .body .system ul li.place.color5 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color6,#action-box .body .system ul li.place.color6 a{border-top-color:#076b87}#action-box .body .system ul li.action.color7,#action-box .body .system ul li.place.color7 a{border-top-color:#67331d}#action-box .body .system ul li.action.color8,#action-box .body .system ul li.place.color8 a{border-top-color:#d87913}#action-box .body .system ul li.action.color9,#action-box .body .system ul li.place.color9 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color10,#action-box .body .system ul li.place.color10 a{border-top-color:#760f36}#action-box .body .system ul li.action.color11,#action-box .body .system ul li.place.color11 a{border-top-color:#219772}#action-box .body .system ul li.action.color12,#action-box .body .system ul li.place.color12 a{border-top-color:#dbb200}#action-box .body .system ul li.star{width:300px;height:263px;border-left:solid 1px #0F0F0F;background:url(src/desktop/map/systems/default.png) no-repeat center center}#action-box .body .system ul li.place a{display:block;border-left:solid 1px #0F0F0F;text-align:center}#action-box .body .system ul li.place a strong{position:absolute;bottom:8px;left:10px;font-size:18px;font-weight:700;color:#fff}#action-box .body .system ul li.place a .land{position:absolute;z-index:1102;top:88px;left:10px;width:5pc;border-radius:100%}#action-box .body .system ul li.place.active a .land{box-shadow:0 0 0 1px #202020;background:#080808}#action-box .body .system ul li.place a .avatar{position:absolute;z-index:1101;top:10px;left:20px;padding:7px;border:solid 1px #0F0F0F;background:#000;width:47px;border-radius:100%}#action-box .body .system ul li.action{width:0;overflow:hidden}#action-box .body .system ul li.action .content{position:absolute;top:9px;left:9pt;height:15pc;width:545px;background:#111;border:solid 1px #202020;box-shadow:inset 0 0 5px #000;border-radius:3px}#action-box .body .system ul li.action .content:before{content:'';position:absolute;top:107px;left:-24px;border-width:9pt;border-style:solid;border-color:transparent #202020 transparent transparent}#action-box .body .system ul li.action .content .column{position:relative;display:inline-block;vertical-align:top;height:15pc;border-right:solid 1px #202020;color:#fff}#action-box .body .system ul li.action .content .column .last-spy-link{position:absolute;top:6px;right:8px;opacity:.5;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}#action-box .body .system ul li.action .content .column .last-spy-link:focus,#action-box .body .system ul li.action .content .column .last-spy-link:hover{opacity:1}#action-box .body .system ul li.action .content .column.info{width:199px}#action-box .body .system ul li.action .content .column.act{width:345px;border-right:none}#action-box .body .system ul li.action .content .column p{margin:2px 10px}#action-box .body .system ul li.action .content .column a{color:#fff}#action-box .body .system ul li.action .content .column hr{margin:8px 10px;border:none;background:0 0;border-bottom:solid 1px #202020}#action-box .body .system ul li.action .content .column strong{line-height:30px}#action-box .body .system ul li.action .content .column.info strong{line-height:28px;font-size:18px}#action-box .body .system ul li.action .content .column .label{display:inline-block;width:78px;font-size:9pt}#action-box .body .system ul li.action .content .column .value{display:inline-block;width:75pt;text-align:left}#action-box .body .system ul li.action .content .column .value .icon,#action-box .body .system ul li.action .content .column .value .icon-color{width:18px;height:18px;padding:1px}#action-box .body .system ul li.action .content .column.act .top .grey{opacity:.4}#action-box .body .system ul li.action .content .column.act .top img{width:45px;padding:8px;margin:0 4px 2px 0;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}#action-box .body .system ul li.action .content .column .bottom,#action-box .body .system ul li.action .content .column .top{padding:5px}#action-box .body .system ul li.action .box{display:none;position:absolute;left:10px;right:10px;bottom:10px;top:5pc;background:#000;border-radius:3px}#action-box .body .system ul li.action .box:nth-child(1){display:block}#action-box .body .system ul li.action .box:before{content:'';position:absolute;top:-20px;border-style:solid;border-width:10px;border-color:transparent transparent #000 transparent}#action-box .body .system ul li.action .box:nth-child(1):before{left:15px}#action-box .body .system ul li.action .box:nth-child(2):before{left:84px}#action-box .body .system ul li.action .box:nth-child(3):before{left:152px}#action-box .body .system ul li.action .box:nth-child(4):before{left:218px}#action-box .body .system ul li.action .box:nth-child(5):before{left:284px}#action-box .body .system ul li.action .box h2{margin:0;padding:0 11px;line-height:35px;font-size:15px}#action-box .body .system ul li.action .box .box-content{position:absolute;top:35px;left:0;right:0;bottom:0;border-radius:0 0 3px 3px;padding:8px 10px;background:#080808;border:solid 1px #000;overflow:hidden}#action-box .body .system ul li.action .box .box-content .commander-tile .item{display:none}#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander{display:block}#action-box .body .system ul li.action .box .box-content .spy-button{display:inline-block;width:75pt;text-decoration:none;margin:8px 0}#action-box .body .system ul li.action .box .box-content .spy-button .picto{float:left;width:30px;height:30px;margin:0 5px 0 0}#action-box .body .system ul li.action .box .box-content .spy-button span{display:block}#action-box .body .system ul li.action .box .box-content .spy-button .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .spy-form{margin-top:10px}#action-box .body .system ul li.action .box .box-content .spy-form input{width:187px;padding:7px;border:none;background:#fff;border-radius:3px 0 0 3px}#action-box .body .system ul li.action .box .box-content .spy-form button{width:75pt;padding:6px 6px;border:none;color:#fff;background:#076b87;cursor:pointer;border-radius:0 3px 3px 0}#action-box .body .system ul li.action .box .box-content .spy-form button:focus,#action-box .body .system ul li.action .box .box-content .spy-form button:hover{background:#004948}#action-box .body .system ul li.action .box .box-content .label-box{display:inline-block;width:50%;margin:5px 0}#action-box .body .system ul li.action .box .box-content .label-box .key{display:block}#action-box .body .system ul li.action .box .box-content .label-box .val{display:block;font-size:18px;font-weight:700}#action-box .body .system ul li.action .box .box-content .rc{margin:5px 0 0 0;padding:10px 10px 0 50px;border-top:solid 1px #202020}#action-box .body .system ul li.action .box .box-content .rc .planet{position:absolute;top:-25px;left:-25px;width:76px;height:76px;border:solid 1px #202020;border-radius:100%;background:#000}#action-box .body .system ul li.action .box .box-content .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .button{display:inline-block;background:#202020;border:solid 1px #4F4F4F;line-height:26px;margin:5px 0 0 0;padding:0 8px;text-align:center;text-decoration:none}#action-box .body .system ul li.action .box .box-content a.button{background:#076b87;border:#004948}#action-box .body .system ul li.action .box .box-content a.button:focus,#action-box .body .system ul li.action .box .box-content a.button:hover{background:#004948}.component.admin table{margin:10px;border-collapse:collapse;width:877px}.component.admin table tr{border-bottom:solid 1px #202020}.component.admin table td{padding:5px 10px;vertical-align:top}.component.admin table .button{display:inline-block;padding:0 5px;line-height:25px;min-width:15px;text-align:center;color:#fff;border-radius:3px;background:#4F4F4F;text-decoration:none}.component.admin table td:nth-child(1){width:50px}.component.admin table td:nth-child(2){width:75pt}.component.admin table td:nth-child(3){width:auto}.component.admin table td:nth-child(4){width:5pc}.on-off-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#076b87;border:solid 1px #004948;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}.on-off-button:focus,.on-off-button:hover{background:#004948;border-color:#076b87}.on-off-button.disabled{background:#202020;border-color:#4F4F4F}.inscription #nav .box.left span{display:inline-block;line-height:2pc;padding:0 10px;margin:5px 2px;font-size:14px;width:5pc;text-align:center;color:#4f4f4f;text-decoration:none;font-variant:small-caps}.inscription #nav .box.left span.active{color:#fff}.inscription #nav .box.right{display:none}.inscription #inscription-subnav{position:fixed;top:45px;left:0;width:210px;margin:0 20px 0 60px;z-index:500}.inscription #inscription-subnav .bind{height:15px;background:url(src/desktop/inscriptionSubnav/bBind.png) no-repeat center}.inscription #inscription-subnav .head{position:relative;height:214px;background:url(src/desktop/inscriptionSubnav/bHead.png) no-repeat center}.inscription #inscription-subnav .head h2{position:absolute;margin:0;padding:0;top:5px;font-weight:700;font-size:1pc;line-height:24px;width:210px;overflow:hidden;text-align:center;color:#fff}.inscription #inscription-subnav .head img{position:absolute;top:43px;left:28px;width:125px;height:125px;background:#0A0A0A}.inscription #inscription-subnav .head .level{position:absolute;display:block;bottom:15px;left:0;width:100%;font-size:20px;line-height:41px;color:#fff;text-align:center;background:url(src/desktop/inscriptionSubnav/bLevel.png) no-repeat center}.inscription #inscription-subnav .head .experience{position:absolute;display:inline-block;top:50px;right:2pc;width:21px;height:7pc}.inscription #inscription-subnav .head .experience .value{position:absolute;display:block;width:100%;bottom:0;border-radius:3px}.inscription #inscription-subnav .foot{height:290px}.inscription #movers .toLeft{left:0!important}.inscription .component.inscription img.color1{background:#6e161b!important}.inscription .component.inscription img.color2{background:#1f1471!important}.inscription .component.inscription img.color3{background:#dbb200!important}.inscription .component.inscription img.color4{background:#5a1072!important}.inscription .component.inscription img.color5{background:#2c7915!important}.inscription .component.inscription img.color6{background:#076b87!important}.inscription .component.inscription img.color7{background:#67331d!important}.inscription .component.inscription img.color8{background:#d87913!important}.inscription .component.inscription img.color9{background:#2c7915!important}.inscription .component.inscription img.color10{background:#760f36!important}.inscription .component.inscription img.color11{background:#219772!important}.inscription .component.inscription img.color12{background:#dbb200!important}.inscription .component.inscription .chooseLink{display:block;margin:10px;padding:10px 60px 10px 20px;background:url(src/desktop/mover/right.png) no-repeat 235px center #ccc;text-decoration:none;color:#fff;text-shadow:0 0 2px #000;border:solid 1px #202020;cursor:pointer;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s}.inscription .component.inscription .chooseLink:focus,.inscription .component.inscription .chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.inscription .component.inscription button.chooseLink{width:277px;text-align:left}.inscription .component.inscription.color1 .chooseLink{background-color:#6e161b}.inscription .component.inscription.color2 .chooseLink{background-color:#1f1471}.inscription .component.inscription.color3 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color4 .chooseLink{background-color:#5a1072}.inscription .component.inscription.color5 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color6 .chooseLink{background-color:#076b87}.inscription .component.inscription.color7 .chooseLink{background-color:#67331d}.inscription .component.inscription.color8 .chooseLink{background-color:#d87913}.inscription .component.inscription.color9 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color10 .chooseLink{background-color:#760f36}.inscription .component.inscription.color11 .chooseLink{background-color:#219772}.inscription .component.inscription.color12 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color1 .chooseLink:focus,.inscription .component.inscription.color1 .chooseLink:hover{background-color:#510816}.inscription .component.inscription.color2 .chooseLink:focus,.inscription .component.inscription.color2 .chooseLink:hover{background-color:#0c0d44}.inscription .component.inscription.color3 .chooseLink:focus,.inscription .component.inscription.color3 .chooseLink:hover{background-color:#b17a00}.inscription .component.inscription.color4 .chooseLink:focus,.inscription .component.inscription.color4 .chooseLink:hover{background-color:#310948}.inscription .component.inscription.color5 .chooseLink:focus,.inscription .component.inscription.color5 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color6 .chooseLink:focus,.inscription .component.inscription.color6 .chooseLink:hover{background-color:#004948}.inscription .component.inscription.color7 .chooseLink:focus,.inscription .component.inscription.color7 .chooseLink:hover{background-color:#401b13}.inscription .component.inscription.color8 .chooseLink:focus,.inscription .component.inscription.color8 .chooseLink:hover{background-color:#c3590b}.inscription .component.inscription.color9 .chooseLink:focus,.inscription .component.inscription.color9 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color10 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#4d0621}.inscription .component.inscription.color11 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#10684c}.inscription .component.inscription.color12 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#b17a00}.inscription .component.inscription .chooseLink strong{display:block;font-size:15px;border-bottom:solid 1px rgba(255,255,255,.25);padding:0 0 5px 0;margin:0 0 5px 0}.inscription .component.inscription .chooseLink em{font-style:normal}.inscription .component.inscription span.chooseLink{background:#202020!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25);cursor:auto;padding:10px}.inscription .component.inscription span.chooseLink:focus,.inscription .component.inscription span.chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}.inscription .component.inscription blockquote{line-height:200%}.inscription .component.inscription #base,.inscription .component.inscription #pseudo{position:relative;width:100%;border:none;padding:9pt 0;margin:0;text-align:center;font-size:26px;font-weight:700;background:#fff;border-radius:3px}.inscription .component.inscription.color1 #pseudo{color:#510816}.inscription .component.inscription.color2 #pseudo{color:#0c0d44}.inscription .component.inscription.color3 #pseudo{color:#b17a00}.inscription .component.inscription.color4 #pseudo{color:#310948}.inscription .component.inscription.color5 #pseudo{color:#24500a}.inscription .component.inscription.color6 #pseudo{color:#004948}.inscription .component.inscription.color7 #pseudo{color:#401b13}.inscription .component.inscription.color8 #pseudo{color:#c3590b}.inscription .component.inscription.color9 #pseudo{color:#24500a}.inscription .component.inscription.color10 #pseudo{color:#4d0621}.inscription .component.inscription.color11 #pseudo{color:#10684c}.inscription .component.inscription.color12 #pseudo{color:#b17a00}.inscription .component.inscription .avatars{padding:5px;text-align:center}.inscription .component.inscription .avatar{position:relative;display:inline-block;margin:0 5px;padding:5px;background:#202020;border:solid 5px #0A0A0A;border-radius:100%}.inscription .component.inscription .avatar input{position:absolute;top:10px;left:10px}.inscription .component.inscription .avatar img{display:block;width:117px;cursor:pointer;border-radius:100%}.inscription .component.inscription.color1 .avatar:hover{border-color:#510816}.inscription .component.inscription.color2 .avatar:hover{border-color:#0c0d44}.inscription .component.inscription.color3 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color4 .avatar:hover{border-color:#310948}.inscription .component.inscription.color5 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color6 .avatar:hover{border-color:#004948}.inscription .component.inscription.color7 .avatar:hover{border-color:#401b13}.inscription .component.inscription.color8 .avatar:hover{border-color:#c3590b}.inscription .component.inscription.color9 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color10 .avatar:hover{border-color:#4d0621}.inscription .component.inscription.color11 .avatar:hover{border-color:#10684c}.inscription .component.inscription.color12 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color1 .avatar.active{border-color:#b01e2d}.inscription .component.inscription.color2 .avatar.active{border-color:#2f23c0}.inscription .component.inscription.color3 .avatar.active{border-color:#ffdb0f}.inscription .component.inscription.color4 .avatar.active{border-color:#a935c7}.inscription .component.inscription.color5 .avatar.active{border-color:#57c632}.inscription .component.inscription.color6 .avatar.active{border-color:#05bed7}.inscription .component.inscription.color7 .avatar.active{border-color:#ac5832}.inscription .component.inscription.color8 .avatar.active{border-color:#f2b636}.inscription .component.inscription.color9 .avatar.active{border-color:#57c632}.inscription .component.inscription.color10 .avatar.active{border-color:#a92859}.inscription .component.inscription.color11 .avatar.active{border-color:#34b089}.inscription .component.inscription.color12 .avatar.active{border-color:#ffdb0f}.inscription #alert{bottom:-9pt;z-index:10000}.inscription .build-item{min-height:60px}.inscription .build-item .name{padding-top:2px!important}.inscription .build-item .name strong{font-size:1pc!important}.inscription .build-item .name em{font-size:9pt!important}.color0 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor0.png) no-repeat top left}.color1 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor1.png) no-repeat top left}.color2 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor2.png) no-repeat top left}.color3 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor3.png) no-repeat top left}.color4 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor4.png) no-repeat top left}.color5 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor5.png) no-repeat top left}.color6 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor6.png) no-repeat top left}.color7 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor7.png) no-repeat top left}.color8 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor8.png) no-repeat top left}.color9 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor9.png) no-repeat top left}.color10 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor10.png) no-repeat top left}.color11 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor11.png) no-repeat top left}.color12 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor12.png) no-repeat top left}.ac_results{width:100%;padding:0;border:1px solid #4F4F4F;background-color:#fff;overflow:hidden;z-index:99999;box-shadow:0 0 6px #000;border-radius:3px}.ac_results ul{width:100%;padding:0;margin:0;list-style-position:outside;list-style:none}.ac_results ul li{padding:4px 8px;margin:0;cursor:default;display:block;border-bottom:solid 1px #CCC;overflow:hidden}.ac_results ul li:last-child{border:none}.ac_results .img{float:left;width:36px;background:#202020;border-radius:3px;margin:0 8px 0 0}.ac_results .value-1,.ac_results .value-2{display:block;line-height:18px}.ac_results .value-1{font-weight:700}.ac_loading{background:#fff url(src/desktop/module/indicator.gif) right center no-repeat}.ac_over{background:#efefef}.ac_results .ac_over strong{color:#000}.ac_results .ac_over img{background:#fff}
\ No newline at end of file
+html {
+ height: 100%;
+}
+body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Roboto', 'Trebuchet MS', 'Arial', sans-serif;
+ font-size: 13px;
+}
+.bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ max-width: 280px;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+}
+.bull.top:before {
+ bottom: -14px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+.bull.bottom:before {
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+}
+.bull.left:before {
+ right: 12px;
+}
+.bull.right:before {
+ left: 12px;
+}
+body {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: black;
+}
+#nav,
+#tools {
+ position: fixed;
+ width: 100%;
+ height: 26px;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ box-shadow: 0 0 10px black;
+ z-index: 1000;
+ border-color: #05bed7;
+}
+#nav {
+ top: 0;
+ left: 0;
+ background: url('src/desktop/nav/bNav.png') repeat-x black;
+ border-bottom: solid 3px black;
+}
+#tools {
+ bottom: 0;
+ left: 0;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ border-top: solid 3px black;
+}
+#container {
+ position: absolute;
+ top: 29px;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ background: black;
+ overflow: hidden;
+ z-index: 0;
+ background: url('src/desktop/global/background.jpg') repeat-x black;
+}
+.icon,
+.icon-color {
+ display: inline-block;
+ vertical-align: bottom;
+ padding: 2px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.icon-color {
+ background: #05bed7 !important;
+}
+#background-paralax {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: no-repeat bottom left transparent;
+ z-index: 100;
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.profil {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.message {
+ background-image: url('src/desktop/screen/message.jpg');
+}
+#background-paralax.fleet {
+ background-image: url('src/desktop/screen/fleet.jpg');
+}
+#background-paralax.financial {
+ background-image: url('src/desktop/screen/financial.jpg');
+}
+#background-paralax.technology {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.rank {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.params {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.bases {
+ background-image: url('src/desktop/screen/base.jpg');
+}
+#movers a {
+ position: absolute;
+ width: 60px;
+ height: 100%;
+ z-index: 400;
+ background: red;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#movers a:hover,
+#movers a:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+#movers a:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+#movers .toLeft {
+ top: 0;
+ left: 60px;
+ background: url('src/desktop/mover/left.png') no-repeat center transparent;
+}
+#movers .toRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center transparent;
+}
+/* finance */
+.component.financial table {
+ border-collapse: collapse;
+ width: 100%;
+}
+.component.financial td {
+ vertical-align: top;
+ width: 50%;
+}
+/* uni */
+.component.uni .build-item {
+ height: 60px;
+ margin: 20px;
+}
+/* techno */
+.component.techno .build-item .name strong {
+ font-size: 16px;
+}
+/* school */
+.component.school .build-item .name strong {
+ font-size: 18px;
+}
+/* generator */
+.component.generator table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* dock1 */
+.component.dock1 table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* situation */
+.component.space .fix-body {
+ background: url('src/desktop/base/situation.jpg') no-repeat top left black;
+}
+/* memorial */
+.component.memorial blockquote {
+ font-size: 22px;
+ margin: 30px 15px 0 30px;
+ line-height: 160%;
+ font-weight: bold;
+ text-align: center;
+}
+.component .info-building {
+ margin: 10px;
+ padding: 0;
+ font-size: 13px;
+ border-top: solid 1px #4F4F4F;
+}
+.component .info-building h4 {
+ margin: 10px;
+}
+.component .info-building p {
+ font-size: 13px;
+}
+#tools .box a,
+#nav .box a,
+#tools .box > span,
+#nav .box > span {
+ position: relative;
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 25px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 150px;
+ color: white;
+ text-decoration: none;
+ font-variant: small-caps;
+ background: url('src/desktop/button/bButtonMiddle.png') repeat-x;
+}
+#tools .box a:before,
+#nav .box a:before,
+#tools .box > span:before,
+#nav .box > span:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonLeft.png') no-repeat;
+}
+#tools .box a:after,
+#nav .box a:after,
+#tools .box > span:after,
+#nav .box > span:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonRight.png') no-repeat;
+}
+#tools .box a.current-base,
+#nav .box a.current-base {
+ margin-left: 56px;
+}
+#tools .box a.current-base img,
+#nav .box a.current-base img {
+ position: absolute;
+ top: -16px;
+ left: -54px;
+ background: black;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ border: solid 2px #4F4F4F;
+ width: 60px;
+}
+#tools .box a:hover:before,
+#nav .box a:hover:before,
+#tools .box a:focus:before,
+#nav .box a:focus:before {
+ background: url('src/desktop/button/bButtonLeftHover.png') repeat;
+}
+#tools .box a:hover:after,
+#nav .box a:hover:after,
+#tools .box a:focus:after,
+#nav .box a:focus:after {
+ background: url('src/desktop/button/bButtonRightHover.png') repeat;
+}
+#tools .box a.active,
+#nav .box a.active {
+ background: url('src/desktop/button/bButtonMiddleActive.png') repeat;
+}
+#tools .box a.active:before,
+#nav .box a.active:before {
+ background: url('src/desktop/button/bButtonLeftActive.png') repeat;
+}
+#tools .box a.active:after,
+#nav .box a.active:after {
+ background: url('src/desktop/button/bButtonRightActive.png') repeat;
+}
+#tools .box a.square,
+#nav .box a.square {
+ position: relative;
+ padding: 0 5px;
+ margin: 5px 2px;
+ height: 32px;
+ width: 30px;
+ background: url('src/desktop/button/bLittleButton.png') no-repeat;
+ vertical-align: top;
+}
+#tools .box a.square:before,
+#nav .box a.square:before,
+#tools .box a.square:after,
+#nav .box a.square:after {
+ display: none;
+}
+#tools .box a.square:hover,
+#nav .box a.square:hover,
+#tools .box a.square:focus,
+#nav .box a.square:focus {
+ background: url('src/desktop/button/bLittleButtonHover.png') no-repeat;
+}
+#tools .box a.square.active,
+#nav .box a.square.active {
+ background: url('src/desktop/button/bLittleButtonActive-c6.png') no-repeat;
+}
+#tools .box a.square.active.flashy,
+#nav .box a.square.active.flashy {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: inset 0 0 12px #05bed7;
+}
+#tools .box a.square img,
+#nav .box a.square img {
+ position: absolute;
+ width: 24px;
+ top: 3px;
+ left: 8px;
+}
+#tools .box a.square span.number,
+#nav .box a.square span.number {
+ position: absolute;
+ top: -5px;
+ right: -5px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ font-size: 11px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ background: #004948;
+}
+#nav .box {
+ position: absolute;
+ display: inline-block;
+ height: 46px;
+ padding: 0 3px;
+ background: url('src/desktop/nav/bNavBox.png') repeat-x;
+}
+#nav .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxLeft.png') no-repeat;
+}
+#nav .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxRight.png') no-repeat;
+}
+#nav .box.left {
+ top: 0;
+ left: 25px;
+}
+#nav .box.left-2 {
+ top: 0;
+ left: 420px;
+}
+#nav .box.left-3 {
+ top: 0;
+ left: 732px;
+}
+#nav .box.right {
+ top: 0;
+ right: 25px;
+}
+#nav .box a.square span.number {
+ bottom: -5px;
+ top: auto;
+}
+#tools .box {
+ position: absolute;
+ display: inline-block;
+ height: 40px;
+ padding: 1px 3px 0 3px;
+ background: url('src/desktop/tools/bToolBox.png') repeat-x;
+ font-size: 13px;
+}
+#tools .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxRight.png') no-repeat;
+}
+#tools .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxLeft.png') no-repeat;
+}
+#tools .box.left {
+ bottom: 0;
+ right: 340px;
+}
+#tools .box.right {
+ bottom: 0;
+ right: 25px;
+}
+#tools .box a.square img {
+ top: 4px;
+}
+#tools .box a.resource-link,
+#tools .box span.resource-link {
+ width: 110px;
+ font-size: 16px;
+}
+#tools .box a.resource-link img.icon-color,
+#tools .box span.resource-link img.icon-color {
+ position: relative;
+ display: inline-block;
+ width: 18px;
+ vertical-align: middle;
+ margin-left: 5px;
+ top: -2px;
+ padding: 1px;
+}
+#nav .overbox .overflow,
+#tools .overbox .overflow {
+ max-height: 400px;
+ overflow: auto;
+ position: relative;
+}
+#nav .overbox h2,
+#tools .overbox h2 {
+ color: white;
+ padding: 10px 15px;
+ margin: 0;
+ font-size: 14px;
+ font-weight: normal;
+ border-bottom: solid 1px #202020;
+}
+#nav .overbox .link-title,
+#tools .overbox .link-title {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ line-height: 20px;
+ font-size: 11px;
+ padding: 0 5px;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ text-decoration: none;
+ color: white;
+}
+#nav .overbox a,
+#tools .overbox a {
+ color: inherit;
+}
+#nav .overbox a.more-link,
+#tools .overbox a.more-link {
+ display: block;
+ padding: 8px;
+ font-size: 12px;
+ border-top: solid 1px #202020;
+ text-align: center;
+ text-decoration: none;
+ color: #4F4F4F;
+}
+#nav .overbox a.more-link:focus,
+#tools .overbox a.more-link:focus,
+#nav .overbox a.more-link:hover,
+#tools .overbox a.more-link:hover {
+ color: #CCC;
+}
+#nav .overbox p.info,
+#tools .overbox p.info {
+ padding: 5px 15px;
+ font-size: 12px;
+ text-align: center;
+ color: #CCC;
+}
+#nav .overbox .outside-button,
+#tools .overbox .outside-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #076b87;
+ border: solid 1px #004948;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+#nav .overbox .outside-button:hover,
+#tools .overbox .outside-button:hover,
+#nav .overbox .outside-button:focus,
+#tools .overbox .outside-button:focus {
+ background: #004948;
+ border-color: #076b87;
+}
+#nav .overbox .outside-button.disabled,
+#tools .overbox .outside-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+#nav .overbox input.outside-button,
+#tools .overbox input.outside-button {
+ line-height: 26px;
+}
+#nav .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+}
+#nav .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent transparent #202020 transparent;
+ top: -18px;
+ right: 30px;
+}
+#nav .overbox#change-bases {
+ top: 50px;
+ left: 10px;
+ width: 205px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#change-bases:before {
+ left: 30px;
+ right: auto;
+}
+#nav .overbox#change-bases a {
+ display: block;
+ padding: 3px 15px;
+ color: #CCC;
+ text-decoration: none;
+ font-size: 12px;
+ border-bottom: solid 1px #101010;
+}
+#nav .overbox#change-bases a:focus,
+#nav .overbox#change-bases a:hover {
+ background: #101010;
+}
+#nav .overbox#change-bases a.active {
+ background: #202020;
+}
+#nav .overbox#change-bases strong {
+ display: block;
+ color: #CCC;
+ font-size: 13px;
+}
+#nav .overbox#disconnect-box {
+ top: 50px;
+ right: 10px;
+ width: 205px;
+ padding: 8px 0;
+}
+#nav .overbox#disconnect-box hr {
+ margin: 8px 0;
+ border: none;
+ background: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#disconnect-box a {
+ display: block;
+ padding: 0 15px;
+ line-height: 25px;
+ font-size: 13px;
+ color: #CCC;
+ text-decoration: none;
+}
+#nav .overbox#disconnect-box a:hover,
+#nav .overbox#disconnect-box a:focus {
+ color: white;
+ background: #202020;
+}
+#nav .overbox#bug-tracker {
+ width: 250px;
+ top: 50px;
+ right: 98px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#bug-tracker p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 10px;
+}
+#nav .overbox#bug-tracker .option {
+ margin: 3px 10px 10px 10px;
+ display: block;
+ width: 330px;
+ padding: 5px;
+}
+#nav .overbox#bug-tracker textarea {
+ display: block;
+ margin: 0 10px 10px 10px;
+ padding: 5px;
+ width: 318px;
+ height: 200px;
+ min-width: 318px;
+ max-width: 318px;
+ border: solid 1px #202020;
+ font-family: 'Trebuchet MS', sans-serif;
+ font-size: 13px;
+}
+#nav .overbox#bug-tracker .button {
+ display: block;
+ margin: 0 10px 2px 10px;
+}
+#nav .overbox#roadmap {
+ width: 350px;
+ top: 50px;
+ right: 10px;
+}
+#nav .overbox#roadmap .overflow {
+ width: 350px;
+ padding: 8px 0;
+}
+#nav .overbox#roadmap p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 0 10px 10px 10px;
+}
+#nav .overbox#roadmap p em {
+ display: block;
+ font-size: 11px;
+ color: #4F4F4F;
+}
+#nav .overbox#roadmap hr {
+ margin: 5px 0;
+ border: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial {
+ width: 350px;
+ top: 50px;
+ right: 143px;
+ color: white;
+}
+#nav .overbox#tutorial form {
+ padding: 0 0 10px 0;
+ margin: 0;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial .overflow {
+ padding: 15px 15px 0 15px;
+}
+#nav .overbox#tutorial .overflow h3 {
+ position: relative;
+ margin: 0;
+ padding: 0 0 0 36px;
+}
+#nav .overbox#tutorial .overflow h3 .number {
+ position: absolute;
+ top: -4px;
+ left: 0;
+ display: block;
+ width: 26px;
+ line-height: 26px;
+ text-align: center;
+ background: #004948;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ margin-right: 10px;
+}
+#nav .overbox#tutorial .overflow p {
+ font-size: 12px;
+ color: #CCC;
+}
+#nav .overbox#new-notifications {
+ top: 50px;
+ left: 627px;
+ width: 300px;
+}
+#tools .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ width: 300px;
+ bottom: 45px;
+ right: 15px;
+}
+#tools .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: #202020 transparent transparent transparent;
+ bottom: -18px;
+ right: 30px;
+}
+#tools .overbox.left-pic:before {
+ left: 30px;
+ right: auto;
+}
+#tools .overbox#tools-calendar {
+ left: 25px;
+ bottom: 45px;
+ right: auto;
+}
+#tools .overbox#tools-refinery {
+ right: 401px;
+ bottom: 45px;
+}
+#tools .overbox#tools-generator {
+ right: 237px;
+ bottom: 45px;
+}
+#tools .overbox#tools-technosphere {
+ right: 193px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock1 {
+ right: 148px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock2 {
+ right: 105px;
+ bottom: 45px;
+}
+#tools .overbox#tools-credit {
+ right: 140px;
+ bottom: 45px;
+}
+#tools .overbox#tools-incoming-attack {
+ right: 230px;
+ bottom: 45px;
+}
+#tools .overbox#tools-outgoing-attack {
+ right: 185px;
+ bottom: 45px;
+}
+#subnav {
+ position: fixed;
+ top: 29px;
+ left: 2px;
+ bottom: 29px;
+ padding: 40px 0;
+ width: 60px;
+ background: url('src/desktop/subnav/middle.png') repeat-y;
+ z-index: 1000;
+}
+#subnav hr {
+ border: none;
+ margin: 20px 0;
+}
+#subnav .overflow {
+ position: relative;
+}
+#subnav .move-side-bar {
+ display: none;
+ position: absolute;
+ z-index: 5000;
+ left: 5px;
+ width: 48px;
+ height: 48px;
+ line-height: 48px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.75);
+ background-position: center;
+ background-repeat: no-repeat;
+ border-radius: 100%;
+ cursor: pointer;
+}
+#subnav .move-side-bar:hover,
+#subnav .move-side-bar:focus {
+ box-shadow: 0 0 3px white;
+}
+#subnav .move-side-bar.top {
+ bottom: auto;
+ top: 20px;
+ background-image: url('src/desktop/component/top.png');
+}
+#subnav .move-side-bar.bottom {
+ bottom: 20px;
+ top: auto;
+ background-image: url('src/desktop/component/bottom.png');
+}
+#subnav .item {
+ position: relative;
+ display: block;
+ height: 50px;
+ width: 50px;
+ margin: 0 0 10px 0;
+ padding: 8px 5px;
+ color: white;
+ text-decoration: none;
+ background: url('src/desktop/subnav/button.png') no-repeat;
+}
+#subnav .item.active {
+ background: url('src/desktop/subnav/button-active-c6.png') no-repeat;
+}
+#subnav .item.striped {
+ background: url('src/desktop/subnav/button-striped.png') no-repeat;
+}
+#subnav .item:before {
+ content: '';
+ position: absolute;
+ right: -6px;
+ bottom: 0;
+ width: 12px;
+ height: 47px;
+ background: url('src/desktop/subnav/til.png') no-repeat;
+}
+#subnav .item:hover:before {
+ background: url('src/desktop/subnav/til-hover.png') no-repeat;
+}
+#subnav .item:hover > .content {
+ display: block;
+}
+#subnav .item .picto {
+ display: block;
+ height: 30px;
+ width: 30px;
+ padding: 10px;
+}
+#subnav .item .picto img {
+ display: block;
+ height: 30px;
+ width: 30px;
+}
+#subnav .item .picto .number {
+ position: absolute;
+ bottom: -5px;
+ right: -18px;
+ display: block;
+ width: 28px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ font-size: 12px;
+ background: url('src/desktop/subnav/number.png') no-repeat;
+}
+#subnav .item .content {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 75px;
+ width: 230px;
+}
+#subnav .item .content.skin-1 span {
+ display: inline-block;
+ margin: 15px 0 15px 16px;
+ padding: 0 15px;
+ line-height: 30px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-1 span:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content {
+ display: inline-block;
+ margin: 0 0 0 16px;
+ padding: 10px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-2 .sub-content:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content hr {
+ border: none;
+ border-top: solid 1px #4F4F4F;
+ margin: 5px 0;
+}
+#subnav .item .content.skin-2 .sub-content .ship {
+ position: relative;
+}
+#subnav .item .content.skin-2 .sub-content .ship img {
+ width: 32px;
+ height: 32px;
+}
+#subnav .item .content.skin-2 .sub-content .ship img.zero {
+ opacity: .5;
+}
+#subnav .item .content.skin-2 .sub-content .ship .number {
+ position: absolute;
+ bottom: -2px;
+ right: -2px;
+ width: 18px;
+ height: 18px;
+ line-height: 18px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ text-align: center;
+ background: #05bed7;
+}
+#alert-content {
+ display: none;
+}
+#alert {
+ position: absolute;
+ bottom: 18px;
+ left: 50px;
+ padding: 0;
+ text-align: right;
+ list-style: inset none;
+}
+#alert li {
+ position: relative;
+ display: inline-block;
+ margin: 0 0 0 5px;
+}
+#alert li img {
+ display: block;
+ height: 50px;
+ border: solid 1px #202020;
+ padding: 5px;
+ background: #0A0A0A;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.alert-bull {
+ display: block;
+ position: absolute;
+ z-index: 1200;
+ width: 200px;
+ padding: 6px 8px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.alert-bull .title {
+ display: block;
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+ border-bottom: solid 1px #4F4F4F;
+}
+.alert-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ bottom: -14px;
+ left: 24px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+#content {
+ position: absolute;
+ width: 8000px;
+ height: 100%;
+ top: 0;
+ left: 300px;
+ z-index: 200;
+}
+#content .component {
+ position: relative;
+ display: table-cell;
+ overflow: hidden;
+ width: 300px;
+ background: rgba(0, 0, 0, 0.92);
+}
+#content .component.size2 {
+ width: 600px;
+}
+#content .component.size3 {
+ width: 900px;
+}
+#content .component:nth-child(1) {
+ background: rgba(0, 0, 0, 0.6);
+}
+#content .component:nth-child(2) {
+ background: rgba(0, 0, 0, 0.75);
+}
+#content .component:nth-child(3) {
+ background: rgba(0, 0, 0, 0.85);
+}
+#content .component:nth-child(4) {
+ background: rgba(0, 0, 0, 0.9);
+}
+#content .component .head {
+ position: relative;
+ display: inline-block;
+ height: 120px;
+ width: 100%;
+ vertical-align: top;
+ color: white;
+ background: url('src/desktop/component/bHead.jpg') repeat-x center black;
+ border-bottom: solid 1px #202020;
+}
+#content .component .head h1 {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ font-size: 38px;
+ line-height: 50px;
+ height: 50px;
+ display: inline-block;
+ padding: 0 10px;
+ background: black;
+ overflow: hidden;
+}
+#content .component .fix-body {
+ position: relative;
+ overflow: auto;
+ color: white;
+ border-right: solid 1px #202020;
+}
+#content .component .fix-body .body {
+ position: relative;
+}
+.no-scrolling #content .component .fix-body {
+ overflow: hidden;
+}
+.no-scrolling #content .component .fix-body > a {
+ position: absolute;
+ width: 100%;
+ height: 40px;
+ left: 0;
+ opacity: 0;
+}
+.no-scrolling #content .component .fix-body.hover > a {
+ opacity: 1;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+.no-scrolling #content .component .fix-body .toTop {
+ top: 0;
+ background-image: url('src/desktop/component/top.png'), -webkit-gradient(linear, black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -moz-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -ms-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -o-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+}
+.no-scrolling #content .component .fix-body .toBottom {
+ bottom: 0;
+ background-image: url('src/desktop/component/bottom.png'), -webkit-gradient(linear, transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+}
+#content .component.invisible {
+ background: transparent;
+}
+#content .component.invisible .publicity {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: red;
+}
+.component .tool {
+ display: table;
+ width: 100%;
+ height: 44px;
+ margin: 0;
+ overflow: hidden;
+ background: black;
+ border-bottom: solid 1px #05bed7;
+ color: #4F4F4F;
+}
+.component .tool > span {
+ display: table-cell;
+ width: 28px;
+ border: solid 6px transparent;
+ border-left: none;
+}
+.component .tool > span:first-child {
+ border: solid 5px transparent;
+ width: auto;
+ text-align: center;
+}
+.component .tool > span:first-child a {
+ width: auto;
+}
+.component .tool > span a {
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 0;
+ line-height: 30px;
+ width: 30px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+ text-align: center;
+}
+.component .tool > span a img {
+ width: 18px;
+ position: relative;
+ top: -4px;
+}
+.component .tool > span a.active {
+ background: #076b87;
+ color: white;
+ border-color: #05bed7;
+}
+.component .tool > span a.active.down {
+ box-shadow: 0 2px 0 0 #CCC;
+}
+.component .tool > span a.active.up {
+ box-shadow: 0 -2px 0 0 #CCC;
+}
+.component .tool > span a.active:hover,
+.component .tool > span a.active:focus {
+ color: #CCC;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
+}
+.component .tool > span a:hover,
+.component .tool > span a:focus,
+.component .tool > span a:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .tool.sort-button > span:first-child {
+ text-align: center;
+}
+.component h3 {
+ width: 100%;
+ margin: 0;
+ background: black;
+ text-align: center;
+ padding: 0 2px;
+ line-height: 44px;
+ font-weight: normal;
+ font-size: 14px;
+ color: #4F4F4F;
+ text-decoration: none;
+ border-bottom: solid 1px #05bed7;
+}
+.component h4 {
+ margin: 10px 10px 0 10px;
+ font-weight: normal;
+ font-size: 18px;
+}
+.component .body p {
+ margin: 10px;
+ font-size: 13px;
+ text-align: justify;
+}
+.component .body p.info {
+ position: relative;
+ border-top: solid 1px #202020;
+ padding: 10px;
+ margin: 10px;
+ line-height: 140%;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component .body p.info a {
+ color: white;
+}
+.component .body p.info .requierement {
+ display: inline-block;
+ margin: 0 0 0 8px;
+ vertical-align: bottom;
+ height: 16px;
+}
+.component .body p.long-info {
+ padding: 10px;
+ line-height: 150%;
+ background: black;
+}
+.component .body p .alone-button {
+ display: block;
+ text-align: center;
+ color: white;
+ line-height: 40px;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #4F4F4F;
+ box-shadow: inset 0 0 2px black;
+ padding: 0 10px;
+ background: #004948;
+}
+.component .body p .alone-button:hover,
+.component .body p .alone-button:focus {
+ background: #076b87;
+}
+.component .border-bottom {
+ border-bottom: solid 3px #05bed7;
+}
+.component .list-type-1 {
+ margin: 10px;
+ padding: 0;
+ list-style: none;
+}
+.component .list-type-1 li {
+ position: relative;
+ padding: 5px 10px;
+ text-align: right;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: rgba(0, 0, 0, 0.8);
+ color: #989898;
+}
+.component .list-type-1 li.strong {
+ border-top: double 3px #4F4F4F;
+ background: #111111;
+ color: white;
+}
+.component .list-type-1 li.empty {
+ background: none;
+ border: none;
+ height: 50px;
+}
+.component .list-type-1 li ul li {
+ height: auto;
+}
+.component .list-type-1 .label {
+ display: block;
+ font-size: 13px;
+}
+.component .list-type-1 .label .icon-color {
+ width: 15px;
+ padding: 1px;
+}
+.component .list-type-1 .value {
+ display: inline-block;
+ font-size: 22px;
+ line-height: 30px;
+ font-weight: bold;
+}
+.component .list-type-1 .value .icon,
+.component .list-type-1 .value .icon-color {
+ height: 18px;
+ margin-left: 8px;
+ position: relative;
+ top: -3px;
+}
+.component .list-type-1 .picto {
+ position: absolute;
+ top: 7px;
+ left: 10px;
+ height: 35px;
+ width: 35px;
+ line-height: 35px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+ font-size: 16px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+}
+.component .list-type-1 .picto.color1 {
+ background: #510816;
+}
+.component .list-type-1 .picto.color2 {
+ background: #0c0d44;
+}
+.component .list-type-1 .picto.color3 {
+ background: #b17a00;
+}
+.component .list-type-1 .picto.color4 {
+ background: #310948;
+}
+.component .list-type-1 .picto.color5 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color6 {
+ background: #004948;
+}
+.component .list-type-1 .picto.color7 {
+ background: #401b13;
+}
+.component .list-type-1 .picto.color8 {
+ background: #c3590b;
+}
+.component .list-type-1 .picto.color9 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color10 {
+ background: #4d0621;
+}
+.component .list-type-1 .picto.color11 {
+ background: #10684c;
+}
+.component .list-type-1 .picto.color12 {
+ background: #b17a00;
+}
+.component .list-type-1 .hide {
+ color: #4F4F4F;
+}
+.component .list-type-1 .buttons {
+ position: absolute;
+ top: 28px;
+ left: 5px;
+}
+.component .list-type-1 .buttons a {
+ display: inline-block;
+ margin: 0 4px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-style: 14px;
+ color: white;
+ border-radius: 3px;
+ background: #076b87;
+}
+.component .list-type-1 .progress-bar {
+ text-align: left;
+ margin-top: 5px;
+}
+.component .sub-list-type-1 {
+ display: none;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.component .sub-list-type-1 li {
+ position: relative;
+ padding: 2px 0;
+ text-align: left;
+ border: none;
+ border-top: solid 1px #0A0A0A;
+}
+.component .sub-list-type-1 .label {
+ display: inline-block;
+ width: 60%;
+}
+.component .sub-list-type-1 .label .button {
+ position: relative;
+ left: -4px;
+ margin: 0 0 0 3px;
+}
+.component .sub-list-type-1 .value {
+ text-align: right;
+ line-height: 25px;
+ font-size: 18px;
+ width: 40%;
+}
+.component .sub-list-type-1 .value .button {
+ margin: 0 2px 0 6px;
+}
+.component .sub-list-type-1 .button {
+ display: inline-block;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: normal;
+ color: white;
+ border-radius: 3px;
+ background: #05bed7;
+}
+.component .list-type-1 form {
+ z-index: 1;
+ position: absolute;
+ display: none;
+ bottom: -40px;
+ right: 3px;
+}
+.component .list-type-1 form p {
+ position: relative;
+ background: white;
+ border-radius: 3px;
+ padding: 0;
+ margin: 0;
+ width: 200px;
+ height: 35px;
+}
+.component .list-type-1 form p:before {
+ content: '';
+ position: absolute;
+ top: -12px;
+ right: 12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+}
+.component .list-type-1 form input {
+ border: none;
+ background: none;
+ line-height: 35px;
+ height: 35px;
+ padding: 0 10px;
+}
+.component .list-type-1 form input[type='text'] {
+ width: 140px;
+}
+.component .list-type-1 form input[type='submit'] {
+ width: 40px;
+}
+.component .sub-list-type-1 form {
+ right: -6px;
+}
+/* NUMBER BOX */
+.number-box {
+ position: relative;
+ margin: 10px;
+ padding: 5px 10px;
+ background: black;
+ color: white;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ border-left: solid 10px #076b87;
+}
+.number-box.half {
+ display: inline-block;
+ width: 254px;
+ margin-right: 0;
+ margin-bottom: 0;
+}
+.number-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.number-box.text {
+ border-left: solid 1px #0A0A0A;
+}
+.number-box.text a {
+ text-decoration: none;
+ color: white;
+}
+.number-box .label {
+ display: block;
+}
+.number-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.number-box .value .icon-color {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+.number-box .progress-bar {
+ margin: 5px 0;
+}
+.number-box .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.number-box .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #076b87;
+}
+/* PROGRESS BAR */
+.progress-bar {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 3px;
+ background: #4F4F4F;
+}
+.progress-bar .content {
+ position: relative;
+ display: inline-block;
+ height: 3px;
+ vertical-align: top;
+ overflow: hidden;
+ max-width: 100%;
+}
+.progress-bar .content:nth-child(n) {
+ background: #05bed7;
+}
+.progress-bar .content:nth-child(2n) {
+ background: #004948;
+}
+.progress-bar .content.color1 {
+ background: #6e161b;
+}
+.progress-bar .content.color2 {
+ background: #1f1471;
+}
+.progress-bar .content.color3 {
+ background: #dbb200;
+}
+.progress-bar .content.color4 {
+ background: #5a1072;
+}
+.progress-bar .content.color5 {
+ background: #2c7915;
+}
+.progress-bar .content.color6 {
+ background: #076b87;
+}
+.progress-bar .content.color7 {
+ background: #67331d;
+}
+.progress-bar .content.color8 {
+ background: #d87913;
+}
+.progress-bar .content.color9 {
+ background: #2c7915;
+}
+.progress-bar .content.color10 {
+ background: #760f36;
+}
+.progress-bar .content.color11 {
+ background: #219772;
+}
+.progress-bar .content.color12 {
+ background: #dbb200;
+}
+.progress-bar .step {
+ position: absolute;
+}
+.progress-bar .step .label {
+ position: absolute;
+ display: block;
+ width: 150px;
+ left: 0;
+ top: -28px;
+}
+.progress-bar .step .label.bottom {
+ top: auto;
+ bottom: -28px;
+}
+.progress-bar .step .label.right {
+ right: 0;
+ left: auto;
+ text-align: right;
+}
+.progress-bar .step:before {
+ content: '';
+ position: absolute;
+ width: 12px;
+ height: 12px;
+ background: #076b87;
+ box-shadow: 0 0 0 3px #004948;
+ border-radius: 100%;
+ top: -5px;
+ left: -5px;
+}
+/* BONUS */
+.bonus {
+ vertical-align: top;
+ display: inline-block;
+ font-size: 55%;
+ line-height: 100%;
+ padding: 3px;
+ margin: 2px 0 0 8px;
+ border-radius: 3px;
+ font-weight: normal;
+ background: #004948;
+}
+/* HEAD */
+.component .head.skin-1 img {
+ position: absolute;
+ top: 22px;
+ left: 20px;
+ padding: 8px;
+ width: 60px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .head.skin-1 img:before {
+ content: '';
+ width: 100px;
+ height: 100px;
+}
+.component .head.skin-1 h2 {
+ position: absolute;
+ bottom: 66px;
+ left: 105px;
+ font-size: 22px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-1 em {
+ position: absolute;
+ top: 62px;
+ left: 105px;
+ font-size: 13px;
+ line-height: 16px;
+ font-style: normal;
+}
+.component .head.skin-2 h2 {
+ position: absolute;
+ display: inline-block;
+ top: 45px;
+ left: 10px;
+ font-size: 22px;
+ line-height: 30px;
+ margin: 0;
+ padding: 0 10px;
+ background: black;
+ font-weight: normal;
+}
+.component .head.skin-3 img {
+ position: absolute;
+ width: 50px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 27px;
+}
+.component .head.skin-3 img.left {
+ left: 40px;
+}
+.component .head.skin-3 img.right {
+ right: 40px;
+}
+.component .head.skin-4 img.main {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 37px;
+}
+.component .head.skin-4 h2 {
+ position: absolute;
+ top: 35px;
+ left: 60px;
+ font-size: 18px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-4 em {
+ position: absolute;
+ top: 65px;
+ left: 60px;
+ font-size: 13px;
+ line-height: 16px;
+}
+.component .head.skin-5 h2 {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ font-size: 16px;
+ font-weight: normal;
+ margin: 0;
+ padding: 0 20px;
+ background: black;
+}
+.component .head.skin-5 h2:before {
+ content: '';
+ position: absolute;
+ display: block;
+ top: 5px;
+ left: 0;
+ width: 8px;
+ height: 8px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .more-item,
+.component .more-button {
+ display: block;
+ margin: 10px 10px 5px;
+ line-height: 34px;
+ padding: 0 12px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+}
+.component .more-item:hover,
+.component .more-button:hover,
+.component .more-item:focus,
+.component .more-button:focus,
+.component .more-item:active,
+.component .more-button:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .nav-element {
+ position: relative;
+ display: block;
+ margin: 10px;
+ height: 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component .nav-element img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ height: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component .nav-element.active {
+ background: #076b87;
+}
+.component .nav-element .active img {
+ background: black;
+}
+.component .nav-element strong {
+ position: absolute;
+ top: 5px;
+ left: 70px;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component .nav-element em {
+ position: absolute;
+ top: 30px;
+ left: 70px;
+ color: white;
+ font-weight: normal;
+ font-size: 12px;
+ font-style: normal;
+ color: #efefef;
+}
+.component hr {
+ border: none;
+ border-bottom: dashed 1px #202020;
+ margin: 0 10px;
+}
+.component .set-item {
+ margin: 10px;
+ border-bottom: solid 1px #202020;
+}
+.component .set-item a.item:hover,
+.component .set-item a.item:focus {
+ background-color: #0c0c0c;
+}
+.component .set-item .item {
+ position: relative;
+ display: block;
+ color: white;
+ height: 60px;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+}
+.component .set-item .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+}
+.component .set-item .item .left img {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left img.color1 {
+ background: #6e161b;
+}
+.component .set-item .item .left img.color2 {
+ background: #1f1471;
+}
+.component .set-item .item .left img.color3 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.color4 {
+ background: #5a1072;
+}
+.component .set-item .item .left img.color5 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color6 {
+ background: #076b87;
+}
+.component .set-item .item .left img.color7 {
+ background: #67331d;
+}
+.component .set-item .item .left img.color8 {
+ background: #d87913;
+}
+.component .set-item .item .left img.color9 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color10 {
+ background: #760f36;
+}
+.component .set-item .item .left img.color11 {
+ background: #219772;
+}
+.component .set-item .item .left img.color12 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.round-color0 {
+ box-shadow: 0 0 0 2px #CCC;
+}
+.component .set-item .item .left img.round-color1 {
+ box-shadow: 0 0 0 2px #b01e2d;
+}
+.component .set-item .item .left img.round-color2 {
+ box-shadow: 0 0 0 2px #2f23c0;
+}
+.component .set-item .item .left img.round-color3 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left img.round-color4 {
+ box-shadow: 0 0 0 2px #a935c7;
+}
+.component .set-item .item .left img.round-color5 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color6 {
+ box-shadow: 0 0 0 2px #05bed7;
+}
+.component .set-item .item .left img.round-color7 {
+ box-shadow: 0 0 0 2px #ac5832;
+}
+.component .set-item .item .left img.round-color8 {
+ box-shadow: 0 0 0 2px #f2b636;
+}
+.component .set-item .item .left img.round-color9 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color10 {
+ box-shadow: 0 0 0 2px #a92859;
+}
+.component .set-item .item .left img.round-color11 {
+ box-shadow: 0 0 0 2px #34b089;
+}
+.component .set-item .item .left img.round-color12 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left span {
+ display: block;
+ width: 30px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 15px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left span.round-color0 {
+ background: #CCC;
+}
+.component .set-item .item .left span.round-color1 {
+ background: #b01e2d;
+}
+.component .set-item .item .left span.round-color2 {
+ background: #2f23c0;
+}
+.component .set-item .item .left span.round-color3 {
+ background: #ffdb0f;
+}
+.component .set-item .item .left span.round-color4 {
+ background: #a935c7;
+}
+.component .set-item .item .left span.round-color5 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color6 {
+ background: #05bed7;
+}
+.component .set-item .item .left span.round-color7 {
+ background: #ac5832;
+}
+.component .set-item .item .left span.round-color8 {
+ background: #f2b636;
+}
+.component .set-item .item .left span.round-color9 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color10 {
+ background: #a92859;
+}
+.component .set-item .item .left span.round-color11 {
+ background: #34b089;
+}
+.component .set-item .item .left span.round-color12 {
+ background: #ffdb0f;
+}
+.component .set-item .item .center {
+ position: absolute;
+ top: 0;
+ left: 60px;
+ right: 30px;
+ bottom: 0;
+ padding: 9px 0;
+}
+.component .set-item .item .center strong {
+ display: block;
+ line-height: 22px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+}
+.component .set-item .item .center a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+}
+.component .set-item .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 29px;
+ border-left: solid 1px #202020;
+}
+.component .set-item .item .right a {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 29px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+}
+.component .set-item .item .right a:hover,
+.component .set-item .item .right a:focus,
+.component .set-item .item .right a.active {
+ background-color: #202020;
+}
+.component .set-item .item .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.component .set-item .item .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #076b87;
+}
+.army-bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ width: 220px;
+ color: #CCC;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.army-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+ left: 18px;
+}
+.army-bull strong {
+ display: block;
+ padding-bottom: 5px;
+ margin-bottom: 5px;
+ border-bottom: solid 1px #4F4F4F;
+ font-weight: normal;
+}
+.army-bull .label {
+ display: inline-block;
+ width: 70px;
+}
+.army-bull .value {
+ display: inline-block;
+ width: 40px;
+}
+.component .build-item {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ width: 278px;
+}
+.component .build-item a {
+ color: white;
+}
+.component .build-item .name {
+ position: relative;
+ height: 40px;
+ padding: 5px 5px 5px 90px;
+}
+.component .build-item .name img {
+ z-index: 20;
+ position: absolute;
+ top: -10px;
+ left: 5px;
+ width: 60px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .build-item .name strong {
+ display: block;
+ font-size: 18px;
+}
+.component .build-item .level {
+ display: block;
+ position: absolute;
+ width: 22px;
+ line-height: 22px;
+ text-align: center;
+ font-size: 12px;
+ border-radius: 100%;
+ top: 38px;
+ left: 58px;
+ border: solid 1px white;
+ z-index: 22;
+ background: #076b87;
+}
+.component .build-item .info {
+ display: none;
+ position: absolute;
+ width: 20px;
+ line-height: 20px;
+ text-align: center;
+ font-size: 16px;
+ text-decoration: none;
+ border-radius: 3px;
+ top: 5px;
+ right: 5px;
+ background: #076b87;
+ color: white;
+}
+.component .build-item .name-commander {
+ margin: 10px 10px 0 10px;
+ height: 40px;
+ padding: 0 10px;
+ border: none;
+ background: white;
+ border-radius: 3px;
+ width: 240px;
+ text-align: center;
+ font-size: 16px;
+}
+.component .build-item .button {
+ display: block;
+ margin: 10px;
+ padding: 5px 10px;
+ width: 240px;
+ line-height: 20px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ background: #076b87;
+ box-shadow: inset 0 0 2px black;
+ border: none;
+ cursor: pointer;
+ min-height: 36px;
+}
+.component .build-item .button:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #05bed7;
+}
+.component .build-item .button.disable {
+ background: #202020;
+ cursor: default;
+}
+.component .build-item .button .icon-color {
+ width: 14px;
+}
+.component .build-item button.button {
+ width: 260px;
+}
+.component .build-item .ship-pack {
+ z-index: 10;
+ position: absolute;
+ bottom: 15px;
+ left: 15px;
+ width: 60px;
+ height: 40px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ background: white;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ border-radius: 3px;
+ box-shadow: inset 0 0 0 3px #CCC;
+}
+.component .build-item .ship-illu {
+ width: 260px;
+ margin: 5px 10px;
+ overflow: hidden;
+}
+.component .build-item .ship-illu img {
+ width: 100%;
+}
+.component .build-item.disabled {
+ opacity: .3;
+}
+.component .build-item.disabled .name img {
+ opacity: .50;
+}
+.component .build-item.disabled strong {
+ color: #4F4F4F;
+}
+.component .build-item.disabled .button.disable {
+ color: #696969;
+}
+.component .build-item.disabled .button.disable:hover {
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component .build-item.large {
+ width: 578px;
+}
+.component .build-item.large .info {
+ top: 75px;
+ right: 25px;
+}
+.component .build-item.large .button {
+ display: block;
+ top: -3px;
+ right: 0;
+ line-height: 18px;
+ width: 540px;
+ min-height: 36px;
+}
+.component .build-item.large .ship-illu {
+ width: 560px;
+ margin-top: 10px;
+}
+.component .build-item input {
+ display: block;
+ width: 243px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component .build-item select {
+ display: block;
+ width: 260px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component.panel-info .remove-info {
+ display: block;
+ position: absolute;
+ top: 2px;
+ right: 10px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ color: white;
+ border-radius: 3px;
+ background: #004948;
+}
+.component.panel-info .table {
+ margin: 10px;
+}
+.component.panel-info .table table {
+ width: 100%;
+ text-align: right;
+ border-collapse: collapse;
+ background: black;
+}
+.component.panel-info .table td {
+ border: solid 1px #202020;
+ padding: 6px 8px;
+}
+.component.panel-info .table tr.small-grey {
+ background: #0A0A0A;
+}
+.component.panel-info .table tr.active td {
+ background: #0A0A0A;
+ border-bottom: solid 1px #4F4F4F;
+}
+.component.panel-info .table .icon-color {
+ width: 12px;
+}
+.component.panel-info .illu {
+ margin: 0 10px;
+ box-shadow: inset 0 0 5px black;
+}
+.component.panel-info .skill-box {
+ position: relative;
+ margin: 0 10px;
+ padding: 5px 10px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+}
+.component.panel-info .skill-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.component.panel-info .skill-box .label {
+ display: block;
+}
+.component.panel-info .skill-box .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.panel-info .skill-box .value .icon-color {
+ width: 18px;
+}
+.component.panel-info .skill-box .progress-bar {
+ margin: 6px 0 2px 0;
+}
+.splash-screen {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 10000;
+ opacity: 0;
+ background: rgba(0, 0, 0, 0.8);
+}
+.splash-screen .modal {
+ width: 500px;
+ height: 140px;
+ position: absolute;
+ top: 80px;
+ right: 3000px;
+ background: #0A0A0A;
+ padding: 25px 175px 25px 75px;
+ color: white;
+ border-radius: 140px;
+ border: solid 1px #202020;
+}
+.splash-screen .modal h1 {
+ font-size: 36px;
+ margin: 0;
+ padding: 0 0 10px 0;
+}
+.splash-screen .modal h2 {
+ font-size: 20px;
+ margin: 0;
+ padding: 0;
+}
+.splash-screen .modal img {
+ position: absolute;
+ top: -15px;
+ right: -50px;
+ width: 200px;
+ padding: 10px;
+ background: #202020;
+ border-radius: 100%;
+ border: solid 1px #4F4F4F;
+}
+.splash-screen .modal:before {
+ content: '';
+ position: absolute;
+ top: -80px;
+ right: 20px;
+ border-color: transparent transparent #4F4F4F transparent;
+ border-width: 40px;
+ border-style: solid;
+}
+.common-link {
+ color: white;
+}
+.component .top-right-button {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ padding: 0 10px;
+ line-height: 30px;
+ color: white;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #076b87;
+ z-index: 1;
+}
+.component .top-right-button:hover,
+.component .top-right-button:focus {
+ background: #004948;
+}
+.alert {
+ display: block;
+ margin: 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ text-decoration: none;
+ color: white;
+ background: #076b87;
+ border-radius: 3px;
+ box-shadow: 0 0 2px black;
+}
+.common-link {
+ display: block;
+ margin: 10px;
+ color: white;
+ text-decoration: none;
+}
+.text-bloc a {
+ display: inline-block;
+ color: inherit;
+ opacity: .60;
+}
+.text-bloc a:hover,
+.text-bloc a:focus {
+ opacity: 1;
+}
+.queue {
+ margin: 10px;
+ color: white;
+}
+.queue .item {
+ position: relative;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ min-height: 60px;
+ display: block;
+}
+.queue .item.empty {
+ background: #0A0A0A;
+}
+.queue .item.empty strong {
+ font-weight: normal;
+}
+.queue .item.link {
+ min-height: 0;
+ padding: 10px;
+ color: #4F4F4F;
+ text-decoration: none;
+}
+.queue .item.link:hover,
+.queue .item.link:focus {
+ color: #CCC;
+}
+.queue .item a.button {
+ position: absolute;
+ display: block;
+ top: 2px;
+ right: 5px;
+ color: white;
+ text-decoration: none;
+}
+.queue .item a {
+ color: #CCC;
+}
+.queue .item .group-link {
+ position: absolute;
+ top: 9px;
+ right: 9px;
+}
+.queue .item .group-link a {
+ display: block;
+ width: 20px;
+ line-height: 20px;
+ margin: 0 0 5px 0;
+ border-radius: 3px;
+ color: white;
+ text-align: center;
+ text-decoration: none;
+ background: #076b87;
+}
+.queue .item .group-link a:hover,
+.queue .item .group-link a:focus {
+ background: #05bed7;
+}
+.queue .item .picto {
+ float: left;
+ width: 40px;
+ height: 40px;
+ margin: 5px;
+ padding: 5px;
+ background: black;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.queue .item strong {
+ display: block;
+ margin: 6px 0 2px 0;
+}
+.queue .item strong .level {
+ font-size: 11px;
+ color: #CCC;
+}
+.queue .item .big {
+ font-size: 24px;
+}
+.queue .item em {
+ display: block;
+ font-style: normal;
+ color: #AEAEAE;
+}
+.queue .item .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 5px;
+ height: 3px;
+ background: #4F4F4F;
+}
+.queue .item .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #05bed7;
+}
+.choose-government {
+ display: block;
+ margin: 10px;
+ padding: 10px;
+ background: #0A0A0A;
+ border-radius: 3px;
+}
+.choose-government select {
+ display: block;
+ width: 100%;
+ padding: 8px;
+}
+.choose-government button {
+ display: block;
+ width: 100%;
+ margin: 10px 0 0 0;
+ padding: 0 10px;
+ line-height: 30px;
+ border: none;
+ color: white;
+ cursor: pointer;
+ background: #076b87;
+}
+.choose-government button:hover,
+.choose-government button:focus {
+ background: #004948;
+}
+.evolution {
+ background: black;
+ margin: 10px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+}
+.evolution .header {
+ padding: 10px;
+ border-bottom: solid 1px #202020;
+ color: #EFEFEF;
+}
+.evolution .diargam {
+ padding: 10px;
+ background: #0A0A0A;
+}
+.evolution .diargam .progress-bar {
+ background: #0A0A0A !important;
+ height: 20px;
+ padding-bottom: 1px;
+}
+.evolution .diargam .progress-bar .content {
+ height: 20px;
+ line-height: 20px;
+ font-size: 12px;
+ color: white;
+ padding-left: 5px;
+}
+.evolution .diargam .progress-bar:nth-child(odd) .content {
+ background: #076b87 !important;
+}
+.centred-link {
+ display: block;
+ width: 300px;
+ text-align: center;
+ margin: 0 auto;
+ text-decoration: none;
+ padding: 6px 10px;
+ color: #EFEFEF;
+ background: #076b87;
+ border: solid 1px #004948;
+}
+.centred-link:hover,
+.centred-link:focus {
+ background: #004948;
+ border-color: #076b87;
+ color: white;
+}
+span.centred-link {
+ background: #202020;
+ border: solid 1px #0A0A0A;
+ color: #4F4F4F;
+}
+span.centred-link:hover,
+span.centred-link:focus {
+ background: #202020;
+ border-color: #0A0A0A;
+ color: #4F4F4F;
+}
+.component.profil .center-box {
+ margin: 20px 10px 0;
+ color: white;
+ text-align: center;
+}
+.component.profil .center-box .label {
+ display: block;
+}
+.component.profil .center-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.profil .profil-flag {
+ position: relative;
+ width: 222px;
+ height: 460px;
+ margin: 0 auto;
+}
+.component.profil .profil-flag img {
+ position: relative;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ padding: 10px;
+ border-radius: 100%;
+ margin: 20px auto;
+ box-shadow: 0 0 0 4px #076b87, 0 0 20px black;
+ z-index: 1;
+}
+.component.profil .profil-flag.color-1 img {
+ box-shadow: 0 0 0 4px #6e161b, 0 0 20px black;
+}
+.component.profil .profil-flag.color-2 img {
+ box-shadow: 0 0 0 4px #1f1471, 0 0 20px black;
+}
+.component.profil .profil-flag.color-3 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag.color-4 img {
+ box-shadow: 0 0 0 4px #5a1072, 0 0 20px black;
+}
+.component.profil .profil-flag.color-5 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-6 img {
+ box-shadow: 0 0 0 4px #076b87, 0 0 20px black;
+}
+.component.profil .profil-flag.color-7 img {
+ box-shadow: 0 0 0 4px #67331d, 0 0 20px black;
+}
+.component.profil .profil-flag.color-8 img {
+ box-shadow: 0 0 0 4px #d87913, 0 0 20px black;
+}
+.component.profil .profil-flag.color-9 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-10 img {
+ box-shadow: 0 0 0 4px #760f36, 0 0 20px black;
+}
+.component.profil .profil-flag.color-11 img {
+ box-shadow: 0 0 0 4px #219772, 0 0 20px black;
+}
+.component.profil .profil-flag.color-12 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag:before {
+ display: block;
+ position: absolute;
+ content: '';
+ top: 218px;
+ left: 33px;
+ width: 154px;
+ height: 241px;
+ background: url('src/desktop/faction/flag/flag-6.png') no-repeat;
+}
+.component.profil .profil-flag.color-1:before {
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.profil .profil-flag.color-2:before {
+ background: url('src/desktop/faction/flag/flag-2.png') no-repeat;
+}
+.component.profil .profil-flag.color-3:before {
+ background: url('src/desktop/faction/flag/flag-3.png') no-repeat;
+}
+.component.profil .profil-flag.color-4:before {
+ background: url('src/desktop/faction/flag/flag-4.png') no-repeat;
+}
+.component.profil .profil-flag.color-5:before {
+ background: url('src/desktop/faction/flag/flag-5.png') no-repeat;
+}
+.component.profil .profil-flag.color-6:before {
+ background: url('src/desktop/faction/flag/flag-6.png') no-repeat;
+}
+.component.profil .profil-flag.color-7:before {
+ background: url('src/desktop/faction/flag/flag-7.png') no-repeat;
+}
+.component.profil .profil-flag.color-8:before {
+ background: url('src/desktop/faction/flag/flag-8.png') no-repeat;
+}
+.component.profil .profil-flag.color-9:before {
+ background: url('src/desktop/faction/flag/flag-9.png') no-repeat;
+}
+.component.profil .profil-flag.color-10:before {
+ background: url('src/desktop/faction/flag/flag-10.png') no-repeat;
+}
+.component.profil .profil-flag.color-11:before {
+ background: url('src/desktop/faction/flag/flag-11.png') no-repeat;
+}
+.component.profil .profil-flag.color-12:before {
+ background: url('src/desktop/faction/flag/flag-12.png') no-repeat;
+}
+.component.profil .profil-flag .level {
+ z-index: 2;
+ display: block;
+ position: absolute;
+ top: 184px;
+ right: 2px;
+ width: 36px;
+ height: 36px;
+ text-align: center;
+ line-height: 36px;
+ background: #0A0A0A;
+ border: 3px solid #076b87;
+ border-radius: 100%;
+}
+.component.profil .profil-flag.color-1 .level {
+ border-color: #6e161b;
+}
+.component.profil .profil-flag.color-2 .level {
+ border-color: #1f1471;
+}
+.component.profil .profil-flag.color-3 .level {
+ border-color: #dbb200;
+}
+.component.profil .profil-flag.color-4 .level {
+ border-color: #5a1072;
+}
+.component.profil .profil-flag.color-5 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-6 .level {
+ border-color: #076b87;
+}
+.component.profil .profil-flag.color-7 .level {
+ border-color: #67331d;
+}
+.component.profil .profil-flag.color-8 .level {
+ border-color: #d87913;
+}
+.component.profil .profil-flag.color-9 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-10 .level {
+ border-color: #760f36;
+}
+.component.profil .profil-flag.color-11 .level {
+ border-color: #219772;
+}
+.component.profil .profil-flag.color-12 .level {
+ border-color: #dbb200;
+}
+.component.profil .faction-flag {
+ display: block;
+ content: '';
+ width: 154px;
+ height: 241px;
+ margin: 0 auto;
+ background: url('src/desktop/faction/flag/flag-6.png') no-repeat;
+}
+.component.search-player {
+ position: relative;
+ background: transparent !important;
+}
+.component.search-player .box {
+ position: absolute;
+ top: 60px;
+ left: 50px;
+ width: 440px;
+ color: white;
+}
+.component.search-player .top {
+ background: rgba(0, 0, 0, 0.4);
+ padding: 10px;
+ border-radius: 3px 3px 0 0;
+}
+.component.search-player .top label {
+ display: block;
+ font-size: 16px;
+}
+.component.search-player .top input {
+ display: block;
+ border: none;
+ height: 40px;
+ width: 400px;
+ padding: 0 10px;
+ margin: 10px 0 0 0;
+ font-size: 20px;
+ color: #202020;
+ border-radius: 3px;
+}
+.component.search-player .center {
+ background: rgba(0, 0, 0, 0.8);
+ padding: 10px 25px 10px 10px;
+ min-height: 140px;
+ border-radius: 0 0 3px 3px;
+}
+.component.search-player .center .avatar {
+ float: left;
+ position: relative;
+ left: -20px;
+ width: 120px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: #0A0A0A;
+}
+.component.search-player .center .right {
+ margin-left: 140px;
+}
+.component.search-player .center h1 {
+ margin: 10px 0 0 0;
+ padding: 0;
+}
+.component.search-player .center hr {
+ margin: 10px 0;
+ border-color: #4F4F4F;
+}
+.component.search-player .center p {
+ margin: 5px 0;
+ padding: 0;
+}
+.component.search-player .center p span {
+ display: inline-block;
+ background: red;
+ line-height: 28px;
+ padding: 0 10px;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ border-right: none;
+}
+.component.search-player .center p span:first-child {
+ border-radius: 3px 0 0 3px;
+}
+.component.search-player .center p span:last-child {
+ border-radius: 0 3px 3px 0;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+}
+.component.search-player.color1 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component.search-player.color2 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component.search-player.color3 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.search-player.color4 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component.search-player.color5 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color6 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component.search-player.color7 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component.search-player.color8 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component.search-player.color9 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color10 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.component.search-player.color11 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.component.search-player.color12 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.new-message p.input {
+ position: relative;
+ background: white;
+ padding: 10px;
+ border-radius: 3px;
+}
+.component.new-message p.input:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ height: 0;
+ top: -12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+ left: 20px;
+}
+.component.new-message label {
+ display: block;
+ font-size: 13px;
+}
+.component.new-message .input-text input {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.new-message .input-area textarea {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+ max-width: 100%;
+ min-width: 100%;
+ height: 200px;
+}
+.component.new-message button {
+ display: inline-block;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 15px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #05bed7;
+}
+.component.new-message button:hover,
+.component.new-message button:focus {
+ background: #004948;
+}
+.notif {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border-top: solid 1px #4F4F4F;
+ border-right: solid 1px #202020;
+ border-left: solid 1px #202020;
+}
+.notif h4 {
+ position: relative;
+ overflow: hidden;
+ margin: 0;
+ padding: 0 10px;
+ font-size: 14px;
+ line-height: 30px;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+ font-weight: normal;
+ cursor: pointer;
+ color: white;
+}
+.notif.unreaded h4:before {
+ position: absolute;
+ content: '';
+ width: 40px;
+ height: 40px;
+ background: white;
+ top: -5px;
+ right: -15px;
+ background: #05bed7;
+ -webkit-transform: rotate(100deg);
+ -moz-transform: rotate(100deg);
+ -ms-transform: rotate(100deg);
+ -o-transform: rotate(100deg);
+ transform: rotate(100deg);
+}
+.notif .content {
+ display: none;
+ padding: 6px 8px;
+ line-height: 140%;
+ text-align: justify;
+ color: #efefef;
+}
+.notif .content p {
+ margin: 0;
+}
+.notif .content hr {
+ border: none;
+ background: none;
+ border-bottom: dashed 1px #202020;
+ margin: 5px 0;
+}
+.notif .content a {
+ color: white;
+}
+.notif .content .box-resource {
+ position: relative;
+ display: block;
+ margin: 5px 0;
+ padding: 5px 5px 5px 40px;
+}
+.notif .content .box-resource img {
+ position: absolute;
+ top: 6px;
+ left: 0;
+ border: solid 4px #4f4f4f;
+ border-radius: 100%;
+ border-color: #076b87;
+}
+.notif .content .box-resource .label {
+ display: block;
+ font-size: 12px;
+}
+.notif .content .box-resource .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+.notif .footer {
+ display: none;
+ margin: 0;
+ padding: 0 10px;
+ line-height: 18px;
+ padding: 5px 5px;
+ border-top: solid 1px #202020;
+ font-style: italic;
+ text-align: right;
+ color: #CCC;
+}
+.notif .footer a {
+ color: #CCC;
+}
+.notif.open .content {
+ display: block;
+}
+.notif.open .footer {
+ display: block;
+}
+.component.rc .rc {
+ position: relative;
+ margin: 20px 10px 20px 30px;
+ border-left: solid 1px #CCC;
+ padding: 0 10px;
+ height: 380px;
+ color: #CCC;
+}
+.component.rc .rc.no-tax {
+ margin: 20px 10px 20px 30px;
+ border-left: dashed 1px #4F4F4F;
+ padding: 0 10px;
+ color: #CCC;
+}
+.component.rc .rc a,
+.component.rc .rc strong {
+ color: white;
+}
+.component.rc .rc .icon-color {
+ width: 20px;
+}
+.component.rc .rc .base {
+ position: relative;
+ padding: 15px 0 15px 40px;
+ height: 50px;
+}
+.component.rc .rc .base:last-child {
+ position: absolute;
+ bottom: 0px;
+}
+.component.rc .rc .place {
+ position: absolute;
+ top: 0px;
+ left: -50px;
+ width: 78px;
+ height: 78px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component.rc .rc .general {
+ list-style: none inset;
+ margin: 10px 0;
+ padding: 0;
+}
+.component.rc .rc .general li {
+ margin: 10px 0;
+ list-style-type: none;
+}
+.component.rc .rc .general li strong {
+ display: block;
+ font-size: 20px;
+ font-weight: bold;
+}
+.component .situation-content {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 500px;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component .situation-content .line-help {
+ position: absolute;
+ display: block;
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ text-align: center;
+ border-radius: 100%;
+ background: #004948;
+}
+.component .situation-content .line-help.line-1 {
+ top: 55px;
+ left: 190px;
+}
+.component .situation-content .line-help.line-2 {
+ top: 145px;
+ left: 406px;
+}
+.component .situation-content .toolbar {
+ position: absolute;
+ top: 30px;
+ right: 30px;
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
+ border-radius: 3px;
+ background: #076b87;
+ z-index: 1;
+}
+.component .situation-content .toolbar a,
+.component .situation-content .toolbar span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 15px;
+ border-right: solid 1px black;
+ text-decoration: none;
+ color: white;
+}
+.component .situation-content .toolbar a img,
+.component .situation-content .toolbar span img {
+ position: relative;
+ top: -2px;
+ vertical-align: middle;
+ height: 18px;
+ width: 18px;
+}
+.component .situation-content .toolbar a:hover,
+.component .situation-content .toolbar a:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar form {
+ display: inline-block;
+}
+.component .situation-content .toolbar input {
+ height: 32px;
+ border: none;
+ background: none;
+ color: white;
+ padding: 0 15px;
+ font-size: inherit;
+}
+.component .situation-content .toolbar input:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar input.button {
+ background: url('src/desktop/common/edit.png') no-repeat center;
+}
+.component .situation-content .toolbar input.button:focus {
+ background: url('src/desktop/common/edit.png') no-repeat center rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .info {
+ position: absolute;
+ display: block;
+ width: 200px;
+ font-size: 12px;
+ color: #efefef;
+ line-height: 18px;
+}
+.component .situation-content .info strong {
+ color: white;
+ font-size: 14px;
+}
+.component .situation-content .info a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4f4f4f;
+}
+.component .situation-content .info a:hover,
+.component .situation-content .info a:focus {
+ border-color: #CCC;
+}
+.component .situation-content .commander {
+ position: absolute;
+ display: block;
+ text-decoration: none;
+ z-index: 1;
+}
+.component .situation-content .commander.empty {
+ color: #CCC;
+}
+.component .situation-content .commander.position-1-1 {
+ top: 135px;
+ left: 127px;
+}
+.component .situation-content .commander.position-1-2 {
+ top: 272px;
+ left: 100px;
+}
+.component .situation-content .commander.position-1-3 {
+ top: 415px;
+ left: 127px;
+}
+.component .situation-content .commander.position-2-1 {
+ top: 215px;
+ left: 352px;
+}
+.component .situation-content .commander.position-2-2 {
+ top: 272px;
+ left: 345px;
+}
+.component .situation-content .commander.position-2-3 {
+ top: 330px;
+ left: 352px;
+}
+.component .situation-content .commander.position-3 {
+ top: 355px;
+ left: 577px;
+}
+.component .situation-content .commander img {
+ width: 40px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+.component .situation-content .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component .situation-content .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #076b87;
+}
+.component .situation-content .commander .info {
+ top: 8px;
+ left: 65px;
+ width: 160px;
+}
+.component .situation-content .commander .link {
+ display: none;
+ position: absolute;
+ top: 14px;
+ left: -16px;
+ width: 24px;
+ height: 24px;
+ font-size: 20px;
+ font-weight: bold;
+ text-decoration: none;
+ border-radius: 100%;
+ text-align: center;
+ z-index: 1;
+ border: solid 1px white;
+}
+.component .situation-content .commander .link.to-left {
+ background: url('src/desktop/mover/to-left.png') no-repeat center black;
+}
+.component .situation-content .commander .link.to-right {
+ background: url('src/desktop/mover/to-right.png') no-repeat center black;
+}
+.component .situation-content .commander:hover > .link {
+ display: block;
+}
+.component .situation-content .stellar {
+ position: absolute;
+ display: block;
+ top: 180px;
+ left: 560px;
+}
+.component .situation-content .stellar img {
+ width: 220px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .situation-content .stellar .info {
+ font-size: 12px;
+ border-left: solid 1px #202020;
+}
+.component .situation-content .stellar .info.top {
+ bottom: 215px;
+ left: 50px;
+ padding: 0 0 30px 10px;
+}
+.component .situation-content .stellar .info.top strong {
+ font-size: 20px;
+}
+.component .situation-content .stellar .info.bottom {
+ top: 225px;
+ left: 160px;
+ padding: 10px 0 0 10px;
+}
+.component .situation-content .stellar .info.middle {
+ top: 20px;
+ left: 182px;
+ padding: 10px 0 0 50px;
+ border: none;
+ border-top: solid 1px #202020;
+}
+.component .situation-content .attack-link {
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ text-align: center;
+}
+.component .situation-content .attack-link a {
+ display: inline-block;
+ line-height: 40px;
+ padding: 0 25px;
+ border-radius: 3px 3px 0 0;
+ background: #202020;
+ color: white;
+ text-decoration: none;
+ font-size: 16px;
+}
+.component .situation-content .attack-link a:hover,
+.component .situation-content .attack-link a:focus {
+ box-shadow: 0 0 5px 3px black;
+}
+.component .situation-content.color0 .line-help {
+ background: #202020;
+}
+.component .situation-content.color0 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #202020;
+}
+.component .situation-content.color0 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #202020;
+}
+.component .situation-content.color0 .attack-link a {
+ background: #202020;
+}
+.component .situation-content.color1 .line-help {
+ background: #510816;
+}
+.component .situation-content.color1 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component .situation-content.color1 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #6e161b;
+}
+.component .situation-content.color1 .attack-link a {
+ background: #6e161b;
+}
+.component .situation-content.color2 .line-help {
+ background: #0c0d44;
+}
+.component .situation-content.color2 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component .situation-content.color2 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #1f1471;
+}
+.component .situation-content.color2 .attack-link a {
+ background: #1f1471;
+}
+.component .situation-content.color3 .line-help {
+ background: #b17a00;
+}
+.component .situation-content.color3 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .situation-content.color3 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #dbb200;
+}
+.component .situation-content.color3 .attack-link a {
+ background: #dbb200;
+}
+.component .situation-content.color4 .line-help {
+ background: #310948;
+}
+.component .situation-content.color4 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component .situation-content.color4 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #5a1072;
+}
+.component .situation-content.color4 .attack-link a {
+ background: #5a1072;
+}
+.component .situation-content.color5 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color5 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color5 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color5 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-content.color6 .line-help {
+ background: #004948;
+}
+.component .situation-content.color6 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component .situation-content.color6 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #076b87;
+}
+.component .situation-content.color6 .attack-link a {
+ background: #076b87;
+}
+.component .situation-content.color7 .line-help {
+ background: #401b13;
+}
+.component .situation-content.color7 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component .situation-content.color7 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #67331d;
+}
+.component .situation-content.color7 .attack-link a {
+ background: #67331d;
+}
+.component .situation-content.color8 .line-help {
+ background: #c3590b;
+}
+.component .situation-content.color8 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component .situation-content.color8 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #d87913;
+}
+.component .situation-content.color8 .attack-link a {
+ background: #d87913;
+}
+.component .situation-content.color9 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color9 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color9 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color9 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-info {
+ display: table;
+ width: 100%;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: black;
+}
+.component .situation-info .item {
+ display: table-cell;
+ padding: 10px;
+ border-right: solid 1px #202020;
+}
+.component .situation-info .item .value {
+ font-size: 26px;
+ font-weight: bold;
+ display: block;
+}
+.component .build-item.base-type .desc {
+ margin: 10px 0 0 0;
+ padding: 15px;
+ font-size: 13px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+}
+.component .build-item.base-type .list-choice {
+ position: relative;
+ height: 140px;
+ background: url('src/desktop/base/type-base.png') no-repeat center;
+ margin: 0;
+ border-bottom: solid 1px #202020;
+}
+.component .build-item.base-type .list-choice button {
+ position: absolute;
+ padding: 0;
+ border: none;
+ background: transparent;
+ cursor: pointer;
+}
+.component .build-item.base-type .list-choice button.item-1 {
+ top: 35px;
+ left: 5px;
+}
+.component .build-item.base-type .list-choice button.item-2 {
+ top: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-3 {
+ bottom: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-4 {
+ top: 35px;
+ right: 5px;
+}
+.component .build-item.base-type .list-choice button img {
+ display: block;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.color1 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.color2 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.color3 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.color4 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.color5 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color6 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.color7 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.color8 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.color9 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color10 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.color11 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.color12 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .build-item.base-type .desc-choice {
+ display: none;
+}
+.component .build-item.base-type .desc-choice h4 {
+ border-bottom: solid 1px #202020;
+ padding: 0 0 5px 0;
+}
+.component .build-item.base-type .desc-choice p {
+ text-align: left;
+ color: #CCC !important;
+}
+.component .build-item.base-type .desc-choice p strong {
+ display: block;
+ color: white;
+}
+.component .build-item.base-type .desc-choice p strong.short {
+ display: inline-block;
+ width: 100px;
+}
+.component.list-fleet .set-fleet {
+ position: relative;
+ margin: 10px;
+ padding: 0 0 0 70px;
+ min-height: 80px;
+}
+.component.list-fleet .set-fleet img.place {
+ position: absolute;
+ top: -5px;
+ left: -20px;
+ width: 80px;
+ background: #0A0A0A;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet h2 {
+ padding: 10px 0;
+ margin: 0;
+}
+.component.list-fleet .set-fleet h2 a {
+ font-size: 13px;
+ color: white;
+ font-weight: normal;
+ text-decoration: none;
+}
+.component.list-fleet .set-fleet .item {
+ position: relative;
+ height: 60px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-bottom: none;
+ width: 777px;
+}
+.component.list-fleet .set-fleet .item:last-child {
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item a {
+ display: inline-block;
+ text-decoration: none;
+ color: #CCC;
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .left .top {
+ position: absolute;
+ left: 60px;
+ display: block;
+ width: 500px;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .left .status {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .right .top {
+ position: absolute;
+ right: 60px;
+ display: block;
+ width: 200px;
+ text-align: right;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .right .cover {
+ width: 50px;
+ margin: 5px;
+ padding: 0;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .center {
+ position: absolute;
+ top: 41px;
+ left: 70px;
+ right: 70px;
+}
+.component.list-fleet .set-fleet .item .center .ship {
+ position: absolute;
+ top: -10px;
+ left: -11px;
+ right: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship {
+ display: block;
+ width: 100%;
+ background: #4F4F4F;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ position: relative;
+ display: block;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship {
+ top: -11px;
+ right: -11px;
+ left: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar span {
+ position: absolute;
+ top: 4px;
+ right: 15px;
+ font-size: 10px;
+}
+.component.list-fleet .set-fleet .item.color1 .status {
+ background: #6e161b;
+}
+.component.list-fleet .set-fleet .item.color2 .status {
+ background: #1f1471;
+}
+.component.list-fleet .set-fleet .item.color3 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color4 .status {
+ background: #5a1072;
+}
+.component.list-fleet .set-fleet .item.color5 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color6 .status {
+ background: #076b87;
+}
+.component.list-fleet .set-fleet .item.color7 .status {
+ background: #67331d;
+}
+.component.list-fleet .set-fleet .item.color8 .status {
+ background: #d87913;
+}
+.component.list-fleet .set-fleet .item.color9 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color10 .status {
+ background: #760f36;
+}
+.component.list-fleet .set-fleet .item.color11 .status {
+ background: #219772;
+}
+.component.list-fleet .set-fleet .item.color12 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar {
+ background: #4F4F4F;
+}
+.component.list-fleet .set-fleet .item .show-commander {
+ position: absolute;
+ top: -1px;
+ right: -30px;
+ width: 28px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .show-commander:hover,
+.component.list-fleet .set-fleet .item .show-commander:focus,
+.component.list-fleet .set-fleet .item .show-commander.active {
+ background-color: #202020;
+}
+.component.table-fleet table {
+ margin: 10px;
+ width: 880px;
+ border-collapse: collapse;
+}
+.component.table-fleet table tr:nth-child(odd) {
+ background: black;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:nth-child(even) {
+ background: #0A0A0A;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:first-child {
+ background: transparent;
+}
+.component.table-fleet table th,
+.component.table-fleet table td {
+ height: 40px;
+ width: 40px;
+ text-align: center;
+}
+.component.table-fleet table td span.zero-value {
+ color: #4F4F4F;
+}
+.component.table-fleet table .base {
+ width: 100px;
+ text-align: left;
+ padding: 0 20px;
+}
+.component.table-fleet table .base a {
+ border: none;
+}
+.component.table-fleet table .base strong {
+ display: block;
+ font-size: 16px;
+}
+.component.table-fleet table .large {
+ width: auto;
+ text-align: left;
+ padding: 0 10px;
+}
+.component.table-fleet table .sep {
+ border-left: solid 1px #076b87;
+}
+.component.table-fleet table a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4F4F4F;
+ display: inline-block;
+}
+.component.table-fleet table th {
+ position: relative;
+ height: 70px;
+}
+.component.table-fleet table th span {
+ position: absolute;
+ bottom: 32px;
+ left: -10px;
+ display: block;
+ text-align: left;
+ width: 60px;
+ -ms-transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.component.commander-fleet .fleet {
+ vertical-align: top;
+ display: block;
+ text-align: center;
+}
+.component.commander-fleet .list-ship {
+ vertical-align: top;
+ display: inline-block;
+ width: 148px;
+}
+.component.commander-fleet .list-ship:first-child {
+ border-right: dashed 1px #4F4F4F;
+}
+.component.commander-fleet .list-ship a {
+ display: block;
+ position: relative;
+ margin: 6px;
+ height: 40px;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ border-radius: 3px;
+}
+.component.commander-fleet .list-ship a.empty {
+ opacity: 0.4;
+}
+.component.commander-fleet .list-ship img {
+ position: absolute;
+ display: inline-block;
+ width: 40px;
+}
+.component.commander-fleet .list-ship .text {
+ position: absolute;
+ left: 45px;
+ display: inline-block;
+ width: 88px;
+ color: white;
+}
+.component.commander-fleet .list-ship .text .quantity {
+ display: block;
+ font-weight: bold;
+ font-size: 18px;
+}
+.component.commander-fleet .army {
+ border-collapse: collapse;
+ width: 560px;
+ margin: 20px;
+}
+.component.commander-fleet .army td {
+ width: 65px;
+ padding: 5px;
+ border-right: dashed 1px #4F4F4F;
+ vertical-align: center;
+}
+.component.commander-fleet .army td:first-child {
+ width: auto;
+ vertical-align: top;
+ text-align: right;
+ padding: 0 20px;
+ font-size: 12px;
+}
+.component.commander-fleet .army tr:first-child td {
+ text-align: center;
+ padding: 10px 5px;
+ font-size: 18px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block {
+ display: block;
+ width: 54px;
+ height: 54px;
+ margin: 0 0 5px 0;
+ padding: 5px;
+ vertical-align: top;
+ border-radius: 5px;
+ background: #0A0A0A;
+ text-align: right;
+ border: solid 1px #202020;
+ color: #4F4F4F;
+}
+.component.commander-fleet .army .block.empty {
+ background: black;
+ border: solid 1px #0A0A0A;
+}
+.component.commander-fleet .army .block strong {
+ display: block;
+ font-size: 15px;
+ height: 38px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block em {
+ display: block;
+ padding: 2px;
+ font-size: 11px;
+ background: black;
+ text-align: center;
+ border-radius: 3px;
+}
+.component.commander-fleet .army .block.squadron {
+ border: solid 1px #4F4F4F;
+ color: white;
+ cursor: pointer;
+ background: #076b87;
+}
+.component.commander-fleet .army .block.squadron.full0 {
+ background: url('src/desktop/squadron/squadron0.png') no-repeat 4px 2px #076b87;
+}
+.component.commander-fleet .army .block.squadron.full1 {
+ background: url('src/desktop/squadron/squadron1.png') no-repeat 4px 2px #076b87;
+}
+.component.commander-fleet .army .block.squadron.full2 {
+ background: url('src/desktop/squadron/squadron2.png') no-repeat 4px 2px #076b87;
+}
+.component.commander-fleet .army .block.squadron.full3 {
+ background: url('src/desktop/squadron/squadron3.png') no-repeat 4px 2px #076b87;
+}
+.component.commander-fleet .army .block.squadron.active {
+ box-shadow: inset 0 0 6px black,
+ 0 0 2px 0 white;
+ border: dashed 1px white;
+}
+.component.report .commander {
+ position: relative;
+ display: block;
+ margin: 10px;
+ padding: 8px 0 8px 72px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component.report .commander img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component.report .commander strong {
+ display: block;
+ padding: 0 0 8px 0;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component.report .commander em {
+ display: block;
+ line-height: 20px;
+ color: white;
+ font-style: normal;
+ color: #efefef;
+}
+.component.report .commander em .bonus {
+ font-size: 90%;
+ margin: 2px 0 0 2px;
+ padding: 3px 6px;
+}
+.component.report .dammage {
+ margin: 10px;
+ background: black;
+}
+.component.report .dammage table {
+ width: 100%;
+ border-collapse: collapse;
+ border-left: solid 1px #202020;
+ border-right: solid 1px #202020;
+}
+.component.report .dammage td {
+ border-color: #202020;
+ border-width: 1px;
+ border-style: solid dashed;
+ padding: 4px;
+ vertical-align: center;
+ text-align: center;
+ color: #CCC;
+ width: 28px;
+ height: 22px;
+}
+.component.report .dammage td:first-child {
+ text-align: left;
+ padding: 4px 8px;
+ width: auto;
+}
+.component.report .dammage td span {
+ display: inline-block;
+ background: red;
+ line-height: 22px;
+ width: 22px;
+ border-radius: 3px;
+ color: white;
+ background: #004948;
+}
+.component.topic .message {
+ position: relative;
+ padding: 0 0 0 80px;
+ margin: 10px;
+ min-height: 70px;
+}
+.component.topic .message .avatar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 56px;
+ padding: 6px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.topic .message .content {
+ position: relative;
+ background: black;
+ border: solid 1px #202020;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component.topic .message .content:before {
+ position: absolute;
+ content: '';
+ top: 25px;
+ left: -18px;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent #202020 transparent transparent;
+}
+.component.topic .message .content .text {
+ margin: 0;
+ padding: 10px 10px 12px 10px;
+ border-bottom: solid 1px #0A0A0A;
+ color: #efefef;
+}
+.component.topic .message .content .text a,
+.component.topic .message .content .text strong {
+ color: white;
+}
+.component.topic .message .content .text a.color1 {
+ color: #b01e2d;
+}
+.component.topic .message .content .text a.color2 {
+ color: #2f23c0;
+}
+.component.topic .message .content .text a.color3 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text a.color4 {
+ color: #a935c7;
+}
+.component.topic .message .content .text a.color5 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color6 {
+ color: #05bed7;
+}
+.component.topic .message .content .text a.color7 {
+ color: #ac5832;
+}
+.component.topic .message .content .text a.color8 {
+ color: #f2b636;
+}
+.component.topic .message .content .text a.color9 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color10 {
+ color: #a92859;
+}
+.component.topic .message .content .text a.color11 {
+ color: #34b089;
+}
+.component.topic .message .content .text a.color12 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text .icon-color {
+ width: 15px;
+}
+.component.topic .message .content .footer {
+ margin: 0;
+ padding: 6px 10px;
+ font-size: 12px;
+ color: #CCC;
+}
+.component.topic .message .content .footer a {
+ color: #CCC;
+}
+.component.topic .message.write .content:before {
+ left: -17px;
+ top: 11px;
+ border-color: transparent white transparent transparent;
+}
+.component.topic .message.write .content textarea {
+ border: none;
+ padding: 5px;
+ width: 487px;
+ height: 120px;
+ max-width: 487px;
+ min-width: 487px;
+ min-height: 50px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content input {
+ margin: 6px;
+ font-family: inherit;
+}
+.component.topic .message.write .content .title {
+ border: none;
+ margin: 0;
+ padding: 5px;
+ width: 487px;
+ height: 30px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content button {
+ margin: 6px;
+ font-family: inherit;
+ background: #076b87;
+ border: none;
+ padding: 4px 8px;
+ color: white;
+ cursor: pointer;
+}
+.component.topic .message.write .content button:hover,
+.component.topic .message.write .content button:focus {
+ background: #004948;
+}
+.component.topic .system-message {
+ position: relative;
+ padding: 0 0 0 90px;
+ margin: 10px;
+}
+.component.topic .system-message:before {
+ content: '';
+ position: absolute;
+ top: 10px;
+ left: 0;
+ height: 1px;
+ width: 70px;
+ background: #4F4F4F;
+}
+.conv-item {
+ position: relative;
+ display: block;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+ height: 59px;
+ padding: 5px 5px 5px 70px;
+ margin: 0 10px;
+ color: white;
+ text-decoration: none;
+ overflow: hidden;
+}
+.conv-item .cover {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+ padding: 5px;
+}
+.conv-item .cover .picture {
+ width: 52px;
+ height: 52px;
+ background: #202020;
+ border-radius: 100%;
+ padding: 4px;
+}
+.conv-item .cover .picture.color0 {
+ box-shadow: 0 0 0 2px #4F4F4F;
+}
+.conv-item .cover .picture.color1 {
+ box-shadow: 0 0 0 2px #6e161b;
+}
+.conv-item .cover .picture.color2 {
+ box-shadow: 0 0 0 2px #1f1471;
+}
+.conv-item .cover .picture.color3 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .picture.color4 {
+ box-shadow: 0 0 0 2px #5a1072;
+}
+.conv-item .cover .picture.color5 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color6 {
+ box-shadow: 0 0 0 2px #076b87;
+}
+.conv-item .cover .picture.color7 {
+ box-shadow: 0 0 0 2px #67331d;
+}
+.conv-item .cover .picture.color8 {
+ box-shadow: 0 0 0 2px #d87913;
+}
+.conv-item .cover .picture.color9 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color10 {
+ box-shadow: 0 0 0 2px #760f36;
+}
+.conv-item .cover .picture.color11 {
+ box-shadow: 0 0 0 2px #219772;
+}
+.conv-item .cover .picture.color12 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .number,
+.conv-item .cover .new-message {
+ position: absolute;
+ width: 22px;
+ height: 22px;
+ border-radius: 100%;
+ background: #0A0A0A;
+ bottom: 5px;
+ right: 5px;
+ border: solid 1px #4F4F4F;
+ text-align: center;
+ line-height: 22px;
+ font-size: 11px;
+}
+.conv-item .cover .new-message {
+ left: 5px;
+ top: 5px;
+}
+.conv-item .cover .new-message img {
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin: 2px;
+}
+.conv-item .data {
+ line-height: 20px;
+}
+.conv-item:last-child {
+ border: solid 1px #202020;
+}
+.conv-item:hover,
+.conv-item:focus {
+ background: #0C0C0C;
+}
+.component.player .player {
+ position: relative;
+ display: inline-block;
+ margin: 10px 0 0 10px;
+ width: 211px;
+ height: 58px;
+ padding: 5px 5px 5px 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+ text-decoration: none;
+}
+.component.player .player a {
+ color: #ccc;
+ text-decoration: none;
+ border-bottom: solid 1px #202020;
+}
+.component.player .player a:hover,
+.component.player .player a:focus {
+ border-color: #4f4f4f;
+}
+.component.player .player img.picto {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 50px;
+ padding: 4px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.player .player .icon,
+.component.player .player .icon-color {
+ height: 16px;
+ padding: 1px;
+}
+.component.player .player span,
+.component.player .player strong {
+ display: block;
+ line-height: 20px;
+}
+.component.player .player strong {
+ font-size: 18px;
+}
+.component.player .player .online,
+.component.player .player .inactive {
+ position: absolute;
+ width: 18px;
+ height: 18px;
+ background: white;
+ top: 5px;
+ right: 5px;
+ border-radius: 100%;
+ background: #4F4F4F;
+}
+.component.player .player .online {
+ background: #05bed7;
+}
+.component.player .player.faction {
+ border-left: solid 1px #0A0A0A !important;
+ width: 202px;
+}
+.component.player .player.faction img {
+ top: 0;
+ left: 10px;
+ padding: 0;
+ border: none;
+ border-radius: 0;
+ background: transparent;
+}
+.component.player.rank .player {
+ border-left: solid 10px #4F4F4F;
+ width: 190px;
+}
+.component.player.rank .player.color1 {
+ border-left-color: #b01e2d;
+}
+.component.player.rank .player.color2 {
+ border-left-color: #2f23c0;
+}
+.component.player.rank .player.color3 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player.color4 {
+ border-left-color: #a935c7;
+}
+.component.player.rank .player.color5 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color6 {
+ border-left-color: #05bed7;
+}
+.component.player.rank .player.color7 {
+ border-left-color: #ac5832;
+}
+.component.player.rank .player.color8 {
+ border-left-color: #f2b636;
+}
+.component.player.rank .player.color9 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color10 {
+ border-left-color: #a92859;
+}
+.component.player.rank .player.color11 {
+ border-left-color: #34b089;
+}
+.component.player.rank .player.color12 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player .title,
+.component.player.rank .player .points {
+ color: #BBB;
+}
+.component.player.rank .player .position {
+ display: block;
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ line-height: 38px;
+ width: 38px;
+ border: solid 1px #202020;
+ text-align: center;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance {
+ display: block;
+ position: absolute;
+ top: 5px;
+ right: -4px;
+ line-height: 26px;
+ width: 26px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ text-align: center;
+ font-size: 11px;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance.lower {
+ bottom: 5px;
+ top: auto;
+}
+.component.player.rank .player.active .position {
+ background: white;
+ border: solid 1px white;
+ color: #202020;
+}
+.component.player.size2 .player {
+ width: 208px;
+}
+.component.player.size1 .player {
+ width: 202px;
+}
+.component.transaction .transaction {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 10px;
+}
+.component.transaction .transaction .right-link {
+ position: absolute;
+ top: 2px;
+ right: 5px;
+ display: block;
+ color: #FFF;
+ text-decoration: none;
+}
+.component.transaction .transaction .product {
+ position: relative;
+ height: 70px;
+ padding: 5px 10px 5px 55px;
+ cursor: pointer;
+}
+.component.transaction .transaction .product .picto {
+ position: absolute;
+ top: 5px;
+ left: -20px;
+ width: 60px;
+ height: 60px;
+ padding: 4px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+}
+.component.transaction .transaction .product .rate {
+ position: absolute;
+ bottom: 5px;
+ right: 8px;
+}
+.component.transaction .transaction .product .offer {
+ overflow: hidden;
+ height: 32px;
+}
+.component.transaction .transaction .product .for {
+ position: relative;
+ border-top: solid 1px #202020;
+ margin: 8px 0 6px 0;
+ color: #4F4F4F;
+}
+.component.transaction .transaction .product .for span {
+ display: block;
+ position: absolute;
+ top: -10px;
+ left: 10px;
+ background: #0A0A0A;
+ padding: 0 10px;
+ font-size: 12px;
+}
+.component.transaction .transaction .product .price {
+ font-size: 19px;
+ font-weight: bold;
+}
+.component.transaction .transaction .product .price .icon-color {
+ width: 14px;
+ position: relative;
+ top: -2px;
+ padding: 1px;
+}
+.component.transaction .transaction.resources .product .offer {
+ font-size: 28px;
+ font-weight: bold;
+ line-height: 30px;
+}
+.component.transaction .transaction.resources .product .offer .icon-color {
+ width: 20px;
+ position: relative;
+ top: -5px;
+}
+.component.transaction .transaction.commander .product .offer strong,
+.component.transaction .transaction.ship .product .offer strong {
+ display: block;
+ font-size: 14px;
+}
+.component.transaction .transaction.commander .product .offer em,
+.component.transaction .transaction.ship .product .offer em {
+ display: block;
+ font-size: 11px;
+}
+.component.transaction .transaction .hidden {
+ display: none;
+}
+.component.transaction .transaction .info {
+ position: relative;
+ border-top: solid 1px #202020;
+ height: 88px;
+ background: black;
+}
+.component.transaction .transaction .info p {
+ font-size: 11px;
+ margin: 5px 8px;
+}
+.component.transaction .transaction .info .seller {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+}
+.component.transaction .transaction .info .seller a {
+ font-weight: bold;
+ color: white;
+}
+.component.transaction .transaction .info .seller .color1 {
+ color: #b01e2d;
+}
+.component.transaction .transaction .info .seller .color2 {
+ color: #2f23c0;
+}
+.component.transaction .transaction .info .seller .color3 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .seller .color4 {
+ color: #a935c7;
+}
+.component.transaction .transaction .info .seller .color5 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color6 {
+ color: #05bed7;
+}
+.component.transaction .transaction .info .seller .color7 {
+ color: #ac5832;
+}
+.component.transaction .transaction .info .seller .color8 {
+ color: #f2b636;
+}
+.component.transaction .transaction .info .seller .color9 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color10 {
+ color: #a92859;
+}
+.component.transaction .transaction .info .seller .color11 {
+ color: #34b089;
+}
+.component.transaction .transaction .info .seller .color12 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .price-detail {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+ right: 0;
+}
+.component.transaction .transaction .info .price-detail p {
+ text-align: right;
+}
+.component.transaction .transaction .info .price-detail p .icon-color {
+ width: 10px;
+ padding: 1px;
+}
+.component.transaction .transaction .info .price-detail p span {
+ color: #4F4F4F;
+}
+.component.transaction .transaction .button {
+ border-top: solid 1px #202020;
+ padding: 5px;
+}
+.component.transaction .transaction .button a,
+.component.transaction .transaction .button span {
+ display: block;
+ padding: 5px 10px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ line-height: 20px;
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component.transaction .transaction .button a {
+ background: #076b87;
+}
+.component.transaction .transaction .button a:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #05bed7;
+}
+.component.transaction .transaction .button span {
+ background: #202020;
+ cursor: default;
+}
+.component.transaction .transaction .button .icon-color {
+ width: 14px;
+}
+.component.transaction .transaction .shipping {
+ position: relative;
+ background: black;
+ height: 30px;
+}
+.component.transaction .transaction .shipping .ships {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+}
+.component.transaction .transaction .shipping .ships .icon-color {
+ position: relative;
+ width: 16px;
+ margin-left: 5px;
+ top: -5px;
+}
+.component.transaction .transaction .shipping .time {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 12px;
+}
+.component.transaction .transaction .shipping .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 0 60px;
+ height: 3px;
+ top: 13px;
+ background: #4F4F4F;
+}
+.component.transaction .transaction .shipping .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #05bed7;
+}
+.component .build-item.disable .button span {
+ color: #696969;
+}
+.component.transaction .new-transaction {
+ width: 279px;
+ position: absolute;
+ background: black;
+ z-index: 1;
+ padding: 10px;
+ border-bottom: solid 1px #05bed7;
+}
+.component.transaction .new-transaction label {
+ position: relative;
+ display: block;
+ padding: 5px 0;
+}
+.component.transaction .new-transaction label input {
+ display: block;
+ padding: 5px 10px;
+ margin: 5px 0 0 0;
+ width: 259px;
+ border: none;
+}
+.component.transaction .new-transaction.resources label input {
+ font-size: 16px;
+ color: #202020;
+ font-weight: bold;
+}
+.component.transaction .new-transaction .indicator {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 15px;
+}
+.component.transaction .new-transaction .indicator span {
+ position: absolute;
+ display: inline-block;
+ padding: 1px 6px;
+ font-size: 12px;
+ color: white;
+ border-radius: 3px;
+ top: -5px;
+ background: #004948;
+}
+.component.transaction .new-transaction .indicator span.min-price {
+ left: 5px;
+}
+.component.transaction .new-transaction .indicator span.max-price {
+ right: 5px;
+}
+.component.market-sell .body {
+ padding: 10px 0;
+}
+.component.market-sell .label-box {
+ position: relative;
+ padding: 0 10px;
+ margin: 10px 0;
+}
+.component.market-sell .label-box .label {
+ display: inline-block;
+ width: 100px;
+ line-height: 30px;
+}
+.component.market-sell .label-box .value {
+ display: inline-block;
+ width: 147px;
+ padding: 0 5px;
+ border: none;
+ line-height: 30px;
+ border-radius: 3px;
+ font-size: 16px;
+}
+.component.market-sell .label-box input.value {
+ height: 30px;
+ background: white;
+}
+.component.market-sell .label-box .icon-color {
+ position: absolute;
+ top: 4px;
+ right: 16px;
+ width: 18px;
+}
+.component.market-sell .queue {
+ margin: 0 10px;
+ cursor: pointer;
+}
+.component.market-sell .sell-form {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 0 10px 10px 10px;
+}
+.component.market-sell .sell-form input[type='submit'] {
+ display: block;
+ width: 100%;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 10px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #05bed7;
+}
+.component.market-sell .sell-form input[type='submit']:hover {
+ background: #004948;
+}
+.component.market-sell .sell-form input[disabled='disabled'] {
+ background: #202020 !important;
+}
+.wysiwyg {
+ display: block;
+ position: relative;
+}
+.wysiwyg .toolbar {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 5px;
+}
+.wysiwyg .toolbar button {
+ display: inline-block;
+ height: 26px;
+ line-height: 26px;
+ padding: 0 4px !important;
+ margin: 0 4px 0 0 !important;
+ background: #076b87;
+ color: white;
+ border-radius: 3px;
+ overflow: hidden;
+ vertical-align: top;
+}
+.wysiwyg .modal {
+ position: absolute;
+ top: 40px;
+ left: 10px;
+ right: 10px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ box-shadow: 0 0 15px black;
+}
+.wysiwyg .modal .header {
+ position: relative;
+}
+.wysiwyg .modal .header h2 {
+ margin: 0;
+ padding: 0;
+ line-height: 36px;
+ padding: 0 10px;
+ font-size: 16px;
+ font-weight: normal;
+}
+.wysiwyg .modal .header .right {
+ position: absolute;
+ top: 5px;
+ right: 10px;
+ width: 300px;
+ text-align: right;
+}
+.wysiwyg .modal .header .right button {
+ display: inline-block;
+ width: 26px !important;
+ height: 26px !important;
+ line-height: 26px !important<;
+ font-size: 14px;
+ padding: 0 !important;
+ margin: 0 0 0 5px !important;
+}
+.wysiwyg .modal input {
+ width: 435px;
+ border: none;
+ height: 30px;
+ margin: 0 10px 10px 10px !important;
+ padding: 0 10px !important;
+}
+.wysiwyg textarea {
+ padding-top: 40px !important;
+}
+.input-area .wysiwyg .toolbar {
+ padding: 0;
+}
+.component.params .checkbox {
+ display: block;
+ position: relative;
+ padding: 10px 10px 10px 40px;
+ margin: 10px;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component.params .checkbox input {
+ position: absolute;
+ top: 8px;
+ left: 10px;
+}
+#map {
+ position: absolute;
+ z-index: 100;
+ background: url('src/desktop/map/common/map.jpg') repeat black;
+ padding: 0;
+ top: 0;
+ left: 0;
+}
+#map #sectors {
+ z-index: 300;
+}
+#map #spying {
+ z-index: 400;
+}
+#map #own-base {
+ z-index: 500;
+}
+#map #commercial-routes {
+ z-index: 600;
+}
+#map #fleet-movements {
+ z-index: 700;
+}
+#map #attacks {
+ z-index: 800;
+}
+#map #systems {
+ z-index: 900;
+}
+#map #map-info {
+ z-index: 910;
+}
+#map > div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+#map #sectors polygon {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 4 4;
+ opacity: 0.15;
+}
+#map #sectors .ally1 {
+ fill: #6e161b;
+}
+#map #sectors .ally2 {
+ fill: #1f1471;
+}
+#map #sectors .ally3 {
+ fill: #dbb200;
+}
+#map #sectors .ally4 {
+ fill: #5a1072;
+}
+#map #sectors .ally5 {
+ fill: #2c7915;
+}
+#map #sectors .ally6 {
+ fill: #076b87;
+}
+#map #sectors .ally7 {
+ fill: #67331d;
+}
+#map #sectors .ally8 {
+ fill: #d87913;
+}
+#map #sectors .ally9 {
+ fill: #2c7915;
+}
+#map #sectors .ally10 {
+ fill: #760f36;
+}
+#map #sectors .ally11 {
+ fill: #219772;
+}
+#map #sectors .ally12 {
+ fill: #dbb200;
+}
+#map #spying circle {
+ opacity: 0.08;
+ stroke: white;
+}
+#map #own-base circle {
+ opacity: 0.1;
+ fill: white;
+}
+#map #commercial-routes line {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 20 5 5 5 5 10;
+}
+#map #commercial-routes line.standBy {
+ stroke: rgba(255, 255, 255, 0.3);
+}
+#map #fleet-movements line {
+ stroke-width: 1px;
+}
+#map #fleet-movements line.back {
+ stroke-dasharray: 15 5;
+}
+#map #attacks line {
+ stroke-width: 1px;
+}
+#map #attacks line.color1 {
+ stroke: #b01e2d;
+}
+#map #attacks line.color2 {
+ stroke: #2f23c0;
+}
+#map #attacks line.color3 {
+ stroke: #ffdb0f;
+}
+#map #attacks line.color4 {
+ stroke: #a935c7;
+}
+#map #attacks line.color5 {
+ stroke: #57c632;
+}
+#map #attacks line.color6 {
+ stroke: #05bed7;
+}
+#map #attacks line.color7 {
+ stroke: #ac5832;
+}
+#map #attacks line.color8 {
+ stroke: #f2b636;
+}
+#map #attacks line.color9 {
+ stroke: #57c632;
+}
+#map #attacks line.color10 {
+ stroke: #a92859;
+}
+#map #attacks line.color11 {
+ stroke: #34b089;
+}
+#map #attacks line.color12 {
+ stroke: #ffdb0f;
+}
+#map #attacks circle.color1 {
+ fill: #b01e2d;
+}
+#map #attacks circle.color2 {
+ fill: #2f23c0;
+}
+#map #attacks circle.color3 {
+ fill: #ffdb0f;
+}
+#map #attacks circle.color4 {
+ fill: #a935c7;
+}
+#map #attacks circle.color5 {
+ fill: #57c632;
+}
+#map #attacks circle.color6 {
+ fill: #05bed7;
+}
+#map #attacks circle.color7 {
+ fill: #ac5832;
+}
+#map #attacks circle.color8 {
+ fill: #f2b636;
+}
+#map #attacks circle.color9 {
+ fill: #57c632;
+}
+#map #attacks circle.color10 {
+ fill: #a92859;
+}
+#map #attacks circle.color11 {
+ fill: #34b089;
+}
+#map #attacks circle.color12 {
+ fill: #ffdb0f;
+}
+#map #systems a {
+ display: block;
+ position: absolute;
+ border-radius: 100%;
+}
+#map #systems a.active {
+ background: black;
+ box-shadow: 0 0 0 1px black,
+ 0 0 0 3px white,
+ 0 0 10px 8px black;
+}
+#map #systems a img {
+ display: block;
+ width: 20px;
+ height: 20px;
+ border: none;
+ border-radius: 100%;
+ -moz-border-radius: 100%;
+ -webkit-border-radius: 100%;
+ -ms-border-radius: 100%;
+ -o-border-radius: 100%;
+}
+#map #systems a img.own {
+ background: white;
+}
+#map #systems .sector-number {
+ position: absolute;
+ display: block;
+ font-size: 22px;
+ line-height: 40px;
+ width: 40px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 0 5px #0A0A0A, 0 0 0 6px #4F4F4F;
+ background: #202020;
+ color: white;
+ font-weight: bold;
+ cursor: pointer;
+}
+#map #systems .sector-number.color1 {
+ background: #6e161b;
+}
+#map #systems .sector-number.color2 {
+ background: #1f1471;
+}
+#map #systems .sector-number.color3 {
+ background: #dbb200;
+}
+#map #systems .sector-number.color4 {
+ background: #5a1072;
+}
+#map #systems .sector-number.color5 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color6 {
+ background: #076b87;
+}
+#map #systems .sector-number.color7 {
+ background: #67331d;
+}
+#map #systems .sector-number.color8 {
+ background: #d87913;
+}
+#map #systems .sector-number.color9 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color10 {
+ background: #760f36;
+}
+#map #systems .sector-number.color11 {
+ background: #219772;
+}
+#map #systems .sector-number.color12 {
+ background: #dbb200;
+}
+#map #systems .sector-info {
+ display: none;
+ position: absolute;
+ color: white;
+ background: black;
+ background: rgba(0, 0, 0, 0.9);
+ padding: 8px 16px;
+ border-radius: 3px;
+}
+#map #systems .sector-info:before {
+ content: '';
+ position: absolute;
+ left: -20px;
+ top: 20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent black transparent transparent;
+ border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
+}
+#map #systems .sector-info h2 {
+ position: relative;
+ font-size: 40px;
+ font-weight: bold;
+ line-height: 40px;
+ text-shadow: 0 0 5px black;
+ margin: 0;
+ padding: 0;
+}
+#map #systems .sector-info p {
+ font-size: 13px;
+ margin: 6px 0 0 0;
+ padding: 0;
+ font-weight: bold;
+ font-variant: small-caps;
+}
+#map #systems .sector-info p a {
+ position: static;
+ display: inline-block;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ margin: 0 5px 0 0;
+}
+#map #systems .sector-info.color1 p a {
+ background: #6e161b;
+}
+#map #systems .sector-info.color2 p a {
+ background: #1f1471;
+}
+#map #systems .sector-info.color3 p a {
+ background: #dbb200;
+}
+#map #systems .sector-info.color4 p a {
+ background: #5a1072;
+}
+#map #systems .sector-info.color5 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color6 p a {
+ background: #076b87;
+}
+#map #systems .sector-info.color7 p a {
+ background: #67331d;
+}
+#map #systems .sector-info.color8 p a {
+ background: #d87913;
+}
+#map #systems .sector-info.color9 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color10 p a {
+ background: #760f36;
+}
+#map #systems .sector-info.color11 p a {
+ background: #219772;
+}
+#map #systems .sector-info.color12 p a {
+ background: #dbb200;
+}
+#map #map-info {
+ display: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ bottom: auto;
+ height: auto;
+ width: auto;
+ margin: 40px 60px 0 0;
+ color: white;
+ text-align: right;
+}
+#map #map-info h2 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 38px;
+ line-height: 60px;
+}
+#map #map-info h3 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 40px;
+}
+#map #map-info ul {
+ margin: 10px 0;
+ padding: 0;
+ list-style: none;
+}
+#map #map-info ul li {
+ position: relative;
+ margin: 0;
+ padding: 0 40px 0 0;
+ line-height: 20px;
+ height: 20px;
+ font-style: italic;
+ color: #CCC;
+ font-size: 13px;
+}
+#map #map-info ul li img {
+ position: absolute;
+ right: 10px;
+ top: 0px;
+}
+#map #spying circle {
+ fill: #076b87;
+}
+#map #fleet-movements line {
+ stroke: #05bed7;
+}
+#map #fleet-movements circle {
+ fill: #05bed7;
+}
+#map-option {
+ z-index: 1000;
+ position: absolute;
+ display: inline-block;
+ height: 32px;
+ padding: 3px 0;
+ background: url('src/desktop/map/bOption.png') repeat-x;
+ top: 30px;
+ right: 20px;
+}
+#map-option:before {
+ content: '';
+ position: absolute;
+ display: block;
+ left: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bLeftOption.png');
+}
+#map-option:after {
+ content: '';
+ position: absolute;
+ display: block;
+ right: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bRightOption.png');
+}
+#map-option a {
+ position: relative;
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ margin: 1px 0 1px 1px;
+ background: #0A0A0A;
+}
+#map-option a.active {
+ background: #004948;
+}
+#map-option a img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 22px;
+}
+.color1 #map-option a.active {
+ background: #510816;
+}
+.color2 #map-option a.active {
+ background: #0c0d44;
+}
+.color3 #map-option a.active {
+ background: #b17a00;
+}
+.color4 #map-option a.active {
+ background: #310948;
+}
+.color5 #map-option a.active {
+ background: #24500a;
+}
+.color6 #map-option a.active {
+ background: #004948;
+}
+.color7 #map-option a.active {
+ background: #401b13;
+}
+.color8 #map-option a.active {
+ background: #c3590b;
+}
+.color9 #map-option a.active {
+ background: #24500a;
+}
+.color10 #map-option a.active {
+ background: #4d0621;
+}
+.color11 #map-option a.active {
+ background: #10684c;
+}
+.color12 #map-option a.active {
+ background: #b17a00;
+}
+#map-content {
+ z-index: 1000;
+ position: absolute;
+ top: 80px;
+ right: 20px;
+ display: block;
+}
+#map-content .mini-map {
+ position: relative;
+ width: 300px;
+ height: 300px;
+ overflow: hidden;
+ border: solid 1px #202020;
+ background: url('src/desktop/map/common/galaxy.jpg') no-repeat #0A0A0A;
+}
+#map-content .mini-map polygon {
+ stroke: white;
+ stroke-width: .5px;
+ opacity: 0.3;
+}
+#map-content .mini-map polygon:focus,
+#map-content .mini-map polygon:hover {
+ opacity: 0.1;
+ cursor: pointer;
+}
+#map-content .mini-map polygon.ally0 {
+ fill: #202020;
+}
+#map-content .mini-map polygon.ally1 {
+ fill: #6e161b;
+}
+#map-content .mini-map polygon.ally2 {
+ fill: #1f1471;
+}
+#map-content .mini-map polygon.ally3 {
+ fill: #dbb200;
+}
+#map-content .mini-map polygon.ally4 {
+ fill: #5a1072;
+}
+#map-content .mini-map polygon.ally5 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally6 {
+ fill: #076b87;
+}
+#map-content .mini-map polygon.ally7 {
+ fill: #67331d;
+}
+#map-content .mini-map polygon.ally8 {
+ fill: #d87913;
+}
+#map-content .mini-map polygon.ally9 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally10 {
+ fill: #760f36;
+}
+#map-content .mini-map polygon.ally11 {
+ fill: #219772;
+}
+#map-content .mini-map polygon.ally12 {
+ fill: #dbb200;
+}
+#map-content .mini-map .number {
+ position: absolute;
+ z-index: 600;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .sectors {
+ z-index: 500;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases {
+ z-index: 400;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases circle {
+ fill: rgba(255, 255, 255, 0.2);
+ stroke: white;
+}
+#map-content .mini-map .viewport {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: rgba(255, 255, 255, 0.1);
+ border: solid 1px white;
+ border-radius: 3px;
+}
+#map-content .mini-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 11px;
+}
+.map-movers {
+ display: none;
+ position: absolute;
+ z-index: 900;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+#coord-box {
+ z-index: 1000;
+ position: absolute;
+ bottom: 20px;
+ right: 20px;
+ width: 80px;
+ padding: 5px 10px;
+ background: rgba(0, 0, 0, 0.8);
+ color: white;
+ font-size: 20px;
+ text-align: center;
+}
+.tactical-map {
+ margin: 10px;
+ position: relative;
+ background: url('src/desktop/map/common/galaxy-large.jpg') repeat #0A0A0A;
+}
+.tactical-map polygon {
+ stroke: white;
+ stroke-width: .30px;
+ opacity: 0.15;
+}
+.tactical-map polygon.enabled {
+ position: relative;
+ stroke-width: 2px;
+ opacity: 0.80;
+ z-index: 1;
+}
+.tactical-map polygon.enabled.ally1 {
+ stroke: #510816;
+}
+.tactical-map polygon.enabled.ally2 {
+ stroke: #0c0d44;
+}
+.tactical-map polygon.enabled.ally3 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.enabled.ally4 {
+ stroke: #310948;
+}
+.tactical-map polygon.enabled.ally5 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally6 {
+ stroke: #004948;
+}
+.tactical-map polygon.enabled.ally7 {
+ stroke: #401b13;
+}
+.tactical-map polygon.enabled.ally8 {
+ stroke: #c3590b;
+}
+.tactical-map polygon.enabled.ally9 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally10 {
+ stroke: #4d0621;
+}
+.tactical-map polygon.enabled.ally11 {
+ stroke: #10684c;
+}
+.tactical-map polygon.enabled.ally12 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.ally0 {
+ fill: #202020;
+}
+.tactical-map polygon.ally1 {
+ fill: #6e161b;
+}
+.tactical-map polygon.ally2 {
+ fill: #1f1471;
+}
+.tactical-map polygon.ally3 {
+ fill: #dbb200;
+}
+.tactical-map polygon.ally4 {
+ fill: #5a1072;
+}
+.tactical-map polygon.ally5 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally6 {
+ fill: #076b87;
+}
+.tactical-map polygon.ally7 {
+ fill: #67331d;
+}
+.tactical-map polygon.ally8 {
+ fill: #d87913;
+}
+.tactical-map polygon.ally9 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally10 {
+ fill: #760f36;
+}
+.tactical-map polygon.ally11 {
+ fill: #219772;
+}
+.tactical-map polygon.ally12 {
+ fill: #dbb200;
+}
+.tactical-map .number {
+ position: absolute;
+ z-index: 800;
+ top: 0;
+ left: 0;
+}
+.tactical-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 12px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 1px white;
+}
+.tactical-map .number span.ally0 {
+ background: #0A0A0A;
+}
+.tactical-map .number span.ally1 {
+ background: #510816;
+}
+.tactical-map .number span.ally2 {
+ background: #0c0d44;
+}
+.tactical-map .number span.ally3 {
+ background: #b17a00;
+}
+.tactical-map .number span.ally4 {
+ background: #310948;
+}
+.tactical-map .number span.ally5 {
+ background: #24500a;
+}
+.tactical-map .number span.ally6 {
+ background: #004948;
+}
+.tactical-map .number span.ally7 {
+ background: #401b13;
+}
+.tactical-map .number span.ally8 {
+ background: #c3590b;
+}
+.tactical-map .number span.ally9 {
+ background: #24500a;
+}
+.tactical-map .number span.ally10 {
+ background: #4d0621;
+}
+.tactical-map .number span.ally11 {
+ background: #10684c;
+}
+.tactical-map .number span.ally12 {
+ background: #b17a00;
+}
+.tactical-map .number span.active {
+ background: white;
+ color: black;
+ box-shadow: 0 0 10px black;
+}
+.tactical-map.reactive polygon.enabled:hover,
+.tactical-map.reactive polygon.enabled.active {
+ cursor: pointer;
+}
+.tactical-map.reactive polygon.enabled:hover.ally1,
+.tactical-map.reactive polygon.enabled.active.ally1 {
+ fill: #510816;
+}
+.tactical-map.reactive polygon.enabled:hover.ally2,
+.tactical-map.reactive polygon.enabled.active.ally2 {
+ fill: #0c0d44;
+}
+.tactical-map.reactive polygon.enabled:hover.ally3,
+.tactical-map.reactive polygon.enabled.active.ally3 {
+ fill: #b17a00;
+}
+.tactical-map.reactive polygon.enabled:hover.ally4,
+.tactical-map.reactive polygon.enabled.active.ally4 {
+ fill: #310948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally5,
+.tactical-map.reactive polygon.enabled.active.ally5 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally6,
+.tactical-map.reactive polygon.enabled.active.ally6 {
+ fill: #004948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally7,
+.tactical-map.reactive polygon.enabled.active.ally7 {
+ fill: #401b13;
+}
+.tactical-map.reactive polygon.enabled:hover.ally8,
+.tactical-map.reactive polygon.enabled.active.ally8 {
+ fill: #c3590b;
+}
+.tactical-map.reactive polygon.enabled:hover.ally9,
+.tactical-map.reactive polygon.enabled.active.ally9 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally10,
+.tactical-map.reactive polygon.enabled.active.ally10 {
+ fill: #4d0621;
+}
+.tactical-map.reactive polygon.enabled:hover.ally11,
+.tactical-map.reactive polygon.enabled.active.ally11 {
+ fill: #10684c;
+}
+.tactical-map.reactive polygon.enabled:hover.ally12,
+.tactical-map.reactive polygon.enabled.active.ally12 {
+ fill: #b17a00;
+}
+#action-box {
+ display: block;
+ z-index: 1100;
+ position: absolute;
+ width: 100%;
+ height: 300px;
+ bottom: -300px;
+ left: 0;
+ border-top: solid 1px #0A0A0A;
+ background: black;
+ box-shadow: 0 0 15px black;
+}
+#action-box .header {
+ position: relative;
+ background: black;
+ border-bottom: solid 1px #202020;
+ height: 36px;
+ color: #EFEFEF;
+}
+#action-box .header ul {
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .header ul li {
+ display: inline-block;
+ line-height: 36px;
+ padding: 0 10px;
+ color: #CCC;
+ border-right: solid 1px #202020;
+}
+#action-box .header ul li a {
+ display: inline-block;
+ line-height: 24px;
+ margin: 3px 0;
+ padding: 0 6px;
+ text-decoration: none;
+ color: #CCC;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-right: none;
+ color: #8F8F8F;
+}
+#action-box .header ul li a:first-child {
+ border-radius: 3px 0 0 3px;
+}
+#action-box .header ul li a:last-child {
+ border-right: solid 1px #202020;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .header ul li a:hover,
+#action-box .header ul li a:focus {
+ background: #202020;
+ color: white;
+}
+#action-box .header ul li a.active {
+ color: white;
+ position: relative;
+ z-index: 1;
+ background: #004948;
+}
+#action-box .header ul li img {
+ position: relative;
+ top: 5px;
+ width: 20px;
+ border-radius: 100%;
+}
+#action-box .header .button {
+ position: absolute;
+ top: 7px;
+ right: 10px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ background: #202020;
+ border-radius: 3px;
+ text-decoration: none;
+ text-transform: uppercase;
+ color: white;
+}
+#action-box .header .button:focus,
+#action-box .header .button:hover {
+ background: #4F4F4F;
+}
+#action-box .body {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ height: 263px;
+ background: url('src/desktop/map/common/bLine.jpg') repeat-x center #080808;
+}
+#action-box .actbox-movers {
+ position: absolute;
+ display: block;
+ width: 60px;
+ height: 263px;
+ z-index: 1103;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#action-box .actbox-movers:hover,
+#action-box .actbox-movers:focus {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+#action-box .actbox-movers:active {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+#action-box .actbox-movers#actboxToLeft {
+ background: url('src/desktop/mover/left.png') no-repeat center;
+}
+#action-box .actbox-movers#actboxToRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center;
+}
+#action-box .body .system {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 263px;
+ width: 3000px;
+}
+#action-box .body .system ul {
+ display: inline-block;
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .body .system ul li {
+ display: inline-block;
+}
+#action-box .body .system ul li.place a,
+#action-box .body .system ul li.action {
+ width: 100px;
+ height: 260px;
+ border-top: solid 3px white;
+ position: relative;
+}
+#action-box .body .system ul li.place.color1 a,
+#action-box .body .system ul li.action.color1 {
+ border-top-color: #6e161b;
+}
+#action-box .body .system ul li.place.color2 a,
+#action-box .body .system ul li.action.color2 {
+ border-top-color: #1f1471;
+}
+#action-box .body .system ul li.place.color3 a,
+#action-box .body .system ul li.action.color3 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.place.color4 a,
+#action-box .body .system ul li.action.color4 {
+ border-top-color: #5a1072;
+}
+#action-box .body .system ul li.place.color5 a,
+#action-box .body .system ul li.action.color5 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color6 a,
+#action-box .body .system ul li.action.color6 {
+ border-top-color: #076b87;
+}
+#action-box .body .system ul li.place.color7 a,
+#action-box .body .system ul li.action.color7 {
+ border-top-color: #67331d;
+}
+#action-box .body .system ul li.place.color8 a,
+#action-box .body .system ul li.action.color8 {
+ border-top-color: #d87913;
+}
+#action-box .body .system ul li.place.color9 a,
+#action-box .body .system ul li.action.color9 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color10 a,
+#action-box .body .system ul li.action.color10 {
+ border-top-color: #760f36;
+}
+#action-box .body .system ul li.place.color11 a,
+#action-box .body .system ul li.action.color11 {
+ border-top-color: #219772;
+}
+#action-box .body .system ul li.place.color12 a,
+#action-box .body .system ul li.action.color12 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.star {
+ width: 300px;
+ height: 263px;
+ border-left: solid 1px #0F0F0F;
+ background: url('src/desktop/map/systems/default.png') no-repeat center center;
+}
+#action-box .body .system ul li.place a {
+ display: block;
+ border-left: solid 1px #0F0F0F;
+ text-align: center;
+}
+#action-box .body .system ul li.place a strong {
+ position: absolute;
+ bottom: 8px;
+ left: 10px;
+ font-size: 18px;
+ font-weight: bold;
+ color: white;
+}
+#action-box .body .system ul li.place a .land {
+ position: absolute;
+ z-index: 1102;
+ top: 88px;
+ left: 10px;
+ width: 80px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.place.active a .land {
+ box-shadow: 0 0 0 1px #202020;
+ background: #080808;
+}
+#action-box .body .system ul li.place a .avatar {
+ position: absolute;
+ z-index: 1101;
+ top: 10px;
+ left: 20px;
+ padding: 7px;
+ border: solid 1px #0F0F0F;
+ background: black;
+ width: 47px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action {
+ width: 0px;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .content {
+ position: absolute;
+ top: 9px;
+ left: 12px;
+ height: 240px;
+ width: 545px;
+ background: #111111;
+ border: solid 1px #202020;
+ box-shadow: inset 0 0 5px black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .content:before {
+ content: '';
+ position: absolute;
+ top: 107px;
+ left: -24px;
+ border-width: 12px;
+ border-style: solid;
+ border-color: transparent #202020 transparent transparent;
+}
+#action-box .body .system ul li.action .content .column {
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ height: 240px;
+ border-right: solid 1px #202020;
+ color: white;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link {
+ position: absolute;
+ top: 6px;
+ right: 8px;
+ opacity: .5;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link:hover,
+#action-box .body .system ul li.action .content .column .last-spy-link:focus {
+ opacity: 1;
+}
+#action-box .body .system ul li.action .content .column.info {
+ width: 199px;
+}
+#action-box .body .system ul li.action .content .column.act {
+ width: 345px;
+ border-right: none;
+}
+#action-box .body .system ul li.action .content .column p {
+ margin: 2px 10px;
+}
+#action-box .body .system ul li.action .content .column a {
+ color: white;
+}
+#action-box .body .system ul li.action .content .column hr {
+ margin: 8px 10px;
+ border: none;
+ background: none;
+ border-bottom: solid 1px #202020;
+}
+#action-box .body .system ul li.action .content .column strong {
+ line-height: 30px;
+}
+#action-box .body .system ul li.action .content .column.info strong {
+ line-height: 28px;
+ font-size: 18px;
+}
+#action-box .body .system ul li.action .content .column .label {
+ display: inline-block;
+ width: 78px;
+ font-size: 12px;
+}
+#action-box .body .system ul li.action .content .column .value {
+ display: inline-block;
+ width: 100px;
+ text-align: left;
+}
+#action-box .body .system ul li.action .content .column .value .icon,
+#action-box .body .system ul li.action .content .column .value .icon-color {
+ width: 18px;
+ height: 18px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .content .column.act .top .grey {
+ opacity: .4;
+}
+#action-box .body .system ul li.action .content .column.act .top img {
+ width: 45px;
+ padding: 8px;
+ margin: 0 4px 2px 0;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action .content .column .top,
+#action-box .body .system ul li.action .content .column .bottom {
+ padding: 5px;
+}
+#action-box .body .system ul li.action .box {
+ display: none;
+ position: absolute;
+ left: 10px;
+ right: 10px;
+ bottom: 10px;
+ top: 80px;
+ background: black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .box:nth-child(1) {
+ display: block;
+}
+#action-box .body .system ul li.action .box:before {
+ content: '';
+ position: absolute;
+ top: -20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent transparent black transparent;
+}
+#action-box .body .system ul li.action .box:nth-child(1):before {
+ left: 15px;
+}
+#action-box .body .system ul li.action .box:nth-child(2):before {
+ left: 84px;
+}
+#action-box .body .system ul li.action .box:nth-child(3):before {
+ left: 152px;
+}
+#action-box .body .system ul li.action .box:nth-child(4):before {
+ left: 218px;
+}
+#action-box .body .system ul li.action .box:nth-child(5):before {
+ left: 284px;
+}
+#action-box .body .system ul li.action .box h2 {
+ margin: 0;
+ padding: 0 11px;
+ line-height: 35px;
+ font-size: 15px;
+}
+#action-box .body .system ul li.action .box .box-content {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 0 0 3px 3px;
+ padding: 8px 10px;
+ background: #080808;
+ border: solid 1px black;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item {
+ display: none;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button {
+ display: inline-block;
+ width: 100px;
+ text-decoration: none;
+ margin: 8px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .picto {
+ float: left;
+ width: 30px;
+ height: 30px;
+ margin: 0 5px 0 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button span {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form {
+ margin-top: 10px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form input {
+ width: 187px;
+ padding: 7px;
+ border: none;
+ background: white;
+ border-radius: 3px 0 0 3px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button {
+ width: 100px;
+ padding: 6px 6px;
+ border: none;
+ color: white;
+ background: #076b87;
+ cursor: pointer;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button:hover,
+#action-box .body .system ul li.action .box .box-content .spy-form button:focus {
+ background: #004948;
+}
+#action-box .body .system ul li.action .box .box-content .label-box {
+ display: inline-block;
+ width: 50%;
+ margin: 5px 0;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .key {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .val {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+#action-box .body .system ul li.action .box .box-content .rc {
+ margin: 5px 0 0 0;
+ padding: 10px 10px 0 50px;
+ border-top: solid 1px #202020;
+}
+#action-box .body .system ul li.action .box .box-content .rc .planet {
+ position: absolute;
+ top: -25px;
+ left: -25px;
+ width: 76px;
+ height: 76px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+#action-box .body .system ul li.action .box .box-content .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .button {
+ display: inline-block;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ line-height: 26px;
+ margin: 5px 0 0 0;
+ padding: 0 8px;
+ text-align: center;
+ text-decoration: none;
+}
+#action-box .body .system ul li.action .box .box-content a.button {
+ background: #076b87;
+ border: #004948;
+}
+#action-box .body .system ul li.action .box .box-content a.button:hover,
+#action-box .body .system ul li.action .box .box-content a.button:focus {
+ background: #004948;
+}
+.component.admin table {
+ margin: 10px;
+ border-collapse: collapse;
+ width: 877px;
+}
+.component.admin table tr {
+ border-bottom: solid 1px #202020;
+}
+.component.admin table td {
+ padding: 5px 10px;
+ vertical-align: top;
+}
+.component.admin table .button {
+ display: inline-block;
+ padding: 0 5px;
+ line-height: 25px;
+ min-width: 15px;
+ text-align: center;
+ color: white;
+ border-radius: 3px;
+ background: #4F4F4F;
+ text-decoration: none;
+}
+.component.admin table td:nth-child(1) {
+ width: 50px;
+}
+.component.admin table td:nth-child(2) {
+ width: 100px;
+}
+.component.admin table td:nth-child(3) {
+ width: auto;
+}
+.component.admin table td:nth-child(4) {
+ width: 80px;
+}
+.on-off-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #076b87;
+ border: solid 1px #004948;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+.on-off-button:hover,
+.on-off-button:focus {
+ background: #004948;
+ border-color: #076b87;
+}
+.on-off-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+.inscription {
+ /* SUBNAV */
+ /* ALLY */
+}
+.inscription #nav .box.left span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 10px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 80px;
+ text-align: center;
+ color: #4f4f4f;
+ text-decoration: none;
+ font-variant: small-caps;
+}
+.inscription #nav .box.left span.active {
+ color: white;
+}
+.inscription #nav .box.right {
+ display: none;
+}
+.inscription #inscription-subnav {
+ position: fixed;
+ top: 45px;
+ left: 0;
+ width: 210px;
+ margin: 0 20px 0 60px;
+ z-index: 500;
+}
+.inscription #inscription-subnav .bind {
+ height: 15px;
+ background: url('src/desktop/inscriptionSubnav/bBind.png') no-repeat center;
+}
+.inscription #inscription-subnav .head {
+ position: relative;
+ height: 214px;
+ background: url('src/desktop/inscriptionSubnav/bHead.png') no-repeat center;
+}
+.inscription #inscription-subnav .head h2 {
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ top: 5px;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 24px;
+ width: 210px;
+ overflow: hidden;
+ text-align: center;
+ color: white;
+}
+.inscription #inscription-subnav .head img {
+ position: absolute;
+ top: 43px;
+ left: 28px;
+ width: 125px;
+ height: 125px;
+ background: #0A0A0A;
+}
+.inscription #inscription-subnav .head .level {
+ position: absolute;
+ display: block;
+ bottom: 15px;
+ left: 0;
+ width: 100%;
+ font-size: 20px;
+ line-height: 41px;
+ color: white;
+ text-align: center;
+ background: url('src/desktop/inscriptionSubnav/bLevel.png') no-repeat center;
+}
+.inscription #inscription-subnav .head .experience {
+ position: absolute;
+ display: inline-block;
+ top: 50px;
+ right: 32px;
+ width: 21px;
+ height: 112px;
+}
+.inscription #inscription-subnav .head .experience .value {
+ position: absolute;
+ display: block;
+ width: 100%;
+ bottom: 0;
+ border-radius: 3px;
+}
+.inscription #inscription-subnav .foot {
+ height: 290px;
+}
+.inscription #movers .toLeft {
+ left: 0 !important;
+}
+.inscription .component.inscription img.color1 {
+ background: #6e161b !important;
+}
+.inscription .component.inscription img.color2 {
+ background: #1f1471 !important;
+}
+.inscription .component.inscription img.color3 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription img.color4 {
+ background: #5a1072 !important;
+}
+.inscription .component.inscription img.color5 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color6 {
+ background: #076b87 !important;
+}
+.inscription .component.inscription img.color7 {
+ background: #67331d !important;
+}
+.inscription .component.inscription img.color8 {
+ background: #d87913 !important;
+}
+.inscription .component.inscription img.color9 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color10 {
+ background: #760f36 !important;
+}
+.inscription .component.inscription img.color11 {
+ background: #219772 !important;
+}
+.inscription .component.inscription img.color12 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription .chooseLink {
+ display: block;
+ margin: 10px;
+ padding: 10px 60px 10px 20px;
+ background: url('src/desktop/mover/right.png') no-repeat 235px center #CCC;
+ text-decoration: none;
+ color: white;
+ text-shadow: 0 0 2px black;
+ border: solid 1px #202020;
+ cursor: pointer;
+ -webkit-transition: all linear 200ms;
+ -moz-transition: all linear 200ms;
+ -ms-transition: all linear 200ms;
+ -o-transition: all linear 200ms;
+ transition: all linear 200ms;
+}
+.inscription .component.inscription .chooseLink:focus,
+.inscription .component.inscription .chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+.inscription .component.inscription button.chooseLink {
+ width: 277px;
+ text-align: left;
+}
+.inscription .component.inscription.color1 .chooseLink {
+ background-color: #6e161b;
+}
+.inscription .component.inscription.color2 .chooseLink {
+ background-color: #1f1471;
+}
+.inscription .component.inscription.color3 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color4 .chooseLink {
+ background-color: #5a1072;
+}
+.inscription .component.inscription.color5 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color6 .chooseLink {
+ background-color: #076b87;
+}
+.inscription .component.inscription.color7 .chooseLink {
+ background-color: #67331d;
+}
+.inscription .component.inscription.color8 .chooseLink {
+ background-color: #d87913;
+}
+.inscription .component.inscription.color9 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color10 .chooseLink {
+ background-color: #760f36;
+}
+.inscription .component.inscription.color11 .chooseLink {
+ background-color: #219772;
+}
+.inscription .component.inscription.color12 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color1 .chooseLink:hover,
+.inscription .component.inscription.color1 .chooseLink:focus {
+ background-color: #510816;
+}
+.inscription .component.inscription.color2 .chooseLink:hover,
+.inscription .component.inscription.color2 .chooseLink:focus {
+ background-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .chooseLink:hover,
+.inscription .component.inscription.color3 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription.color4 .chooseLink:hover,
+.inscription .component.inscription.color4 .chooseLink:focus {
+ background-color: #310948;
+}
+.inscription .component.inscription.color5 .chooseLink:hover,
+.inscription .component.inscription.color5 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color6 .chooseLink:hover,
+.inscription .component.inscription.color6 .chooseLink:focus {
+ background-color: #004948;
+}
+.inscription .component.inscription.color7 .chooseLink:hover,
+.inscription .component.inscription.color7 .chooseLink:focus {
+ background-color: #401b13;
+}
+.inscription .component.inscription.color8 .chooseLink:hover,
+.inscription .component.inscription.color8 .chooseLink:focus {
+ background-color: #c3590b;
+}
+.inscription .component.inscription.color9 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color10 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #4d0621;
+}
+.inscription .component.inscription.color11 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #10684c;
+}
+.inscription .component.inscription.color12 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription .chooseLink strong {
+ display: block;
+ font-size: 15px;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+}
+.inscription .component.inscription .chooseLink em {
+ font-style: normal;
+}
+.inscription .component.inscription span.chooseLink {
+ background: #202020 !important;
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+ cursor: auto;
+ padding: 10px;
+}
+.inscription .component.inscription span.chooseLink:focus,
+.inscription .component.inscription span.chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+}
+.inscription .component.inscription blockquote {
+ line-height: 200%;
+}
+.inscription .component.inscription #pseudo,
+.inscription .component.inscription #base {
+ position: relative;
+ width: 100%;
+ border: none;
+ padding: 12px 0;
+ margin: 0;
+ text-align: center;
+ font-size: 26px;
+ font-weight: bold;
+ background: white;
+ border-radius: 3px;
+}
+.inscription .component.inscription.color1 #pseudo {
+ color: #510816;
+}
+.inscription .component.inscription.color2 #pseudo {
+ color: #0c0d44;
+}
+.inscription .component.inscription.color3 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription.color4 #pseudo {
+ color: #310948;
+}
+.inscription .component.inscription.color5 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color6 #pseudo {
+ color: #004948;
+}
+.inscription .component.inscription.color7 #pseudo {
+ color: #401b13;
+}
+.inscription .component.inscription.color8 #pseudo {
+ color: #c3590b;
+}
+.inscription .component.inscription.color9 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color10 #pseudo {
+ color: #4d0621;
+}
+.inscription .component.inscription.color11 #pseudo {
+ color: #10684c;
+}
+.inscription .component.inscription.color12 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription .avatars {
+ padding: 5px;
+ text-align: center;
+}
+.inscription .component.inscription .avatar {
+ position: relative;
+ display: inline-block;
+ margin: 0 5px;
+ padding: 5px;
+ background: #202020;
+ border: solid 5px #0A0A0A;
+ border-radius: 100%;
+}
+.inscription .component.inscription .avatar input {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+.inscription .component.inscription .avatar img {
+ display: block;
+ width: 117px;
+ cursor: pointer;
+ border-radius: 100%;
+}
+.inscription .component.inscription.color1 .avatar:hover {
+ border-color: #510816;
+}
+.inscription .component.inscription.color2 .avatar:hover {
+ border-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color4 .avatar:hover {
+ border-color: #310948;
+}
+.inscription .component.inscription.color5 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color6 .avatar:hover {
+ border-color: #004948;
+}
+.inscription .component.inscription.color7 .avatar:hover {
+ border-color: #401b13;
+}
+.inscription .component.inscription.color8 .avatar:hover {
+ border-color: #c3590b;
+}
+.inscription .component.inscription.color9 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color10 .avatar:hover {
+ border-color: #4d0621;
+}
+.inscription .component.inscription.color11 .avatar:hover {
+ border-color: #10684c;
+}
+.inscription .component.inscription.color12 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color1 .avatar.active {
+ border-color: #b01e2d;
+}
+.inscription .component.inscription.color2 .avatar.active {
+ border-color: #2f23c0;
+}
+.inscription .component.inscription.color3 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription .component.inscription.color4 .avatar.active {
+ border-color: #a935c7;
+}
+.inscription .component.inscription.color5 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color6 .avatar.active {
+ border-color: #05bed7;
+}
+.inscription .component.inscription.color7 .avatar.active {
+ border-color: #ac5832;
+}
+.inscription .component.inscription.color8 .avatar.active {
+ border-color: #f2b636;
+}
+.inscription .component.inscription.color9 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color10 .avatar.active {
+ border-color: #a92859;
+}
+.inscription .component.inscription.color11 .avatar.active {
+ border-color: #34b089;
+}
+.inscription .component.inscription.color12 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription #alert {
+ bottom: -12px;
+ z-index: 10000;
+}
+.inscription .build-item {
+ min-height: 60px;
+}
+.inscription .build-item .name {
+ padding-top: 2px !important;
+}
+.inscription .build-item .name strong {
+ font-size: 16px !important;
+}
+.inscription .build-item .name em {
+ font-size: 12px !important;
+}
+.color0 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor0.png') no-repeat top left;
+}
+.color1 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor1.png') no-repeat top left;
+}
+.color2 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor2.png') no-repeat top left;
+}
+.color3 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor3.png') no-repeat top left;
+}
+.color4 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor4.png') no-repeat top left;
+}
+.color5 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor5.png') no-repeat top left;
+}
+.color6 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor6.png') no-repeat top left;
+}
+.color7 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor7.png') no-repeat top left;
+}
+.color8 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor8.png') no-repeat top left;
+}
+.color9 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor9.png') no-repeat top left;
+}
+.color10 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor10.png') no-repeat top left;
+}
+.color11 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor11.png') no-repeat top left;
+}
+.color12 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor12.png') no-repeat top left;
+}
+/* AUTOCOMPLETE MODULE */
+.ac_results {
+ width: 100%;
+ padding: 0px;
+ border: 1px solid #4F4F4F;
+ background-color: white;
+ overflow: hidden;
+ z-index: 99999;
+ box-shadow: 0 0 6px black;
+ border-radius: 3px;
+}
+.ac_results ul {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style-position: outside;
+ list-style: none;
+}
+.ac_results ul li {
+ padding: 4px 8px;
+ margin: 0px;
+ cursor: default;
+ display: block;
+ border-bottom: solid 1px #CCC;
+ overflow: hidden;
+}
+.ac_results ul li:last-child {
+ border: none;
+}
+.ac_results .img {
+ float: left;
+ width: 36px;
+ background: #202020;
+ border-radius: 3px;
+ margin: 0 8px 0 0;
+}
+.ac_results .value-1,
+.ac_results .value-2 {
+ display: block;
+ line-height: 18px;
+}
+.ac_results .value-1 {
+ font-weight: bold;
+}
+.ac_loading {
+ background: white url('src/desktop/module/indicator.gif') right center no-repeat;
+}
+.ac_over {
+ background: #efefef;
+}
+.ac_results .ac_over strong {
+ color: black;
+}
+.ac_results .ac_over img {
+ background: white;
+}
diff --git a/public/css/main.desktop.v3.color7.css b/public/css/main.desktop.v3.color7.css
index 248b24b4c..89d63657f 100644
--- a/public/css/main.desktop.v3.color7.css
+++ b/public/css/main.desktop.v3.color7.css
@@ -1 +1,6737 @@
-html{height:100%}body{margin:0;padding:0;font-family:Roboto,'Trebuchet MS',Arial,sans-serif;font-size:13px}.bull{display:none;position:absolute;z-index:1200;padding:4px 8px;max-width:280px;color:#fff;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px}.bull.top:before{bottom:-14px;border-color:#4F4F4F transparent transparent transparent}.bull.bottom:before{top:-14px;border-color:transparent transparent #4F4F4F transparent}.bull.left:before{right:9pt}.bull.right:before{left:9pt}body{width:100%;height:100%;overflow:hidden;background:#000}#nav,#tools{position:fixed;width:100%;height:26px;background:url(src/desktop/tools/bTools.png) repeat-x #000;box-shadow:0 0 10px #000;z-index:1000;border-color:#ac5832}#nav{top:0;left:0;background:url(src/desktop/nav/bNav.png) repeat-x #000;border-bottom:solid 3px #000}#tools{bottom:0;left:0;background:url(src/desktop/tools/bTools.png) repeat-x #000;border-top:solid 3px #000}#container{position:absolute;top:29px;left:0;margin:0;padding:0;width:100%;background:#000;overflow:hidden;z-index:0;background:url(src/desktop/global/background.jpg) repeat-x #000}.icon,.icon-color{display:inline-block;vertical-align:bottom;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.icon-color{background:#ac5832!important}#background-paralax{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat bottom left transparent;z-index:100;background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.profil{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.message{background-image:url(src/desktop/screen/message.jpg)}#background-paralax.fleet{background-image:url(src/desktop/screen/fleet.jpg)}#background-paralax.financial{background-image:url(src/desktop/screen/financial.jpg)}#background-paralax.technology{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.rank{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.params{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.bases{background-image:url(src/desktop/screen/base.jpg)}#movers a{position:absolute;width:60px;height:100%;z-index:400;background:red;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#movers a:focus,#movers a:hover{background-color:rgba(255,255,255,.08)}#movers a:active{background-color:rgba(255,255,255,.2)}#movers .toLeft{top:0;left:60px;background:url(src/desktop/mover/left.png) no-repeat center transparent}#movers .toRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center transparent}.component.financial table{border-collapse:collapse;width:100%}.component.financial td{vertical-align:top;width:50%}.component.uni .build-item{height:60px;margin:20px}.component.techno .build-item .name strong{font-size:1pc}.component.school .build-item .name strong{font-size:18px}.component.generator table{width:100%;border-collapse:collapse}.component.dock1 table{width:100%;border-collapse:collapse}.component.space .fix-body{background:url(src/desktop/base/situation.jpg) no-repeat top left #000}.component.memorial blockquote{font-size:22px;margin:30px 15px 0 30px;line-height:160%;font-weight:700;text-align:center}.component .info-building{margin:10px;padding:0;font-size:13px;border-top:solid 1px #4F4F4F}.component .info-building h4{margin:10px}.component .info-building p{font-size:13px}#nav .box a,#nav .box>span,#tools .box a,#tools .box>span{position:relative;display:inline-block;line-height:2pc;padding:0 25px;margin:5px 2px;font-size:14px;width:150px;color:#fff;text-decoration:none;font-variant:small-caps;background:url(src/desktop/button/bButtonMiddle.png) repeat-x}#nav .box a:before,#nav .box>span:before,#tools .box a:before,#tools .box>span:before{content:'';position:absolute;top:0;left:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonLeft.png) no-repeat}#nav .box a:after,#nav .box>span:after,#tools .box a:after,#tools .box>span:after{content:'';position:absolute;top:0;right:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonRight.png) no-repeat}#nav .box a.current-base,#tools .box a.current-base{margin-left:56px}#nav .box a.current-base img,#tools .box a.current-base img{position:absolute;top:-1pc;left:-54px;background:#000;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:solid 2px #4F4F4F;width:60px}#nav .box a:focus:before,#nav .box a:hover:before,#tools .box a:focus:before,#tools .box a:hover:before{background:url(src/desktop/button/bButtonLeftHover.png) repeat}#nav .box a:focus:after,#nav .box a:hover:after,#tools .box a:focus:after,#tools .box a:hover:after{background:url(src/desktop/button/bButtonRightHover.png) repeat}#nav .box a.active,#tools .box a.active{background:url(src/desktop/button/bButtonMiddleActive.png) repeat}#nav .box a.active:before,#tools .box a.active:before{background:url(src/desktop/button/bButtonLeftActive.png) repeat}#nav .box a.active:after,#tools .box a.active:after{background:url(src/desktop/button/bButtonRightActive.png) repeat}#nav .box a.square,#tools .box a.square{position:relative;padding:0 5px;margin:5px 2px;height:2pc;width:30px;background:url(src/desktop/button/bLittleButton.png) no-repeat;vertical-align:top}#nav .box a.square:after,#nav .box a.square:before,#tools .box a.square:after,#tools .box a.square:before{display:none}#nav .box a.square:focus,#nav .box a.square:hover,#tools .box a.square:focus,#tools .box a.square:hover{background:url(src/desktop/button/bLittleButtonHover.png) no-repeat}#nav .box a.square.active,#tools .box a.square.active{background:url(src/desktop/button/bLittleButtonActive-c7.png) no-repeat}#nav .box a.square.active.flashy,#tools .box a.square.active.flashy{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 9pt #ac5832}#nav .box a.square img,#tools .box a.square img{position:absolute;width:24px;top:3px;left:8px}#nav .box a.square span.number,#tools .box a.square span.number{position:absolute;top:-5px;right:-5px;width:18px;line-height:18px;text-align:center;font-size:11px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#401b13}#nav .box{position:absolute;display:inline-block;height:46px;padding:0 3px;background:url(src/desktop/nav/bNavBox.png) repeat-x}#nav .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxLeft.png) no-repeat}#nav .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxRight.png) no-repeat}#nav .box.left{top:0;left:25px}#nav .box.left-2{top:0;left:420px}#nav .box.left-3{top:0;left:732px}#nav .box.right{top:0;right:25px}#nav .box a.square span.number{bottom:-5px;top:auto}#tools .box{position:absolute;display:inline-block;height:40px;padding:1px 3px 0 3px;background:url(src/desktop/tools/bToolBox.png) repeat-x;font-size:13px}#tools .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxRight.png) no-repeat}#tools .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxLeft.png) no-repeat}#tools .box.left{bottom:0;right:340px}#tools .box.right{bottom:0;right:25px}#tools .box a.square img{top:4px}#tools .box a.resource-link,#tools .box span.resource-link{width:110px;font-size:1pc}#tools .box a.resource-link img.icon-color,#tools .box span.resource-link img.icon-color{position:relative;display:inline-block;width:18px;vertical-align:middle;margin-left:5px;top:-2px;padding:1px}#nav .overbox .overflow,#tools .overbox .overflow{max-height:25pc;overflow:auto;position:relative}#nav .overbox h2,#tools .overbox h2{color:#fff;padding:10px 15px;margin:0;font-size:14px;font-weight:400;border-bottom:solid 1px #202020}#nav .overbox .link-title,#tools .overbox .link-title{position:absolute;top:10px;right:10px;line-height:20px;font-size:11px;padding:0 5px;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-decoration:none;color:#fff}#nav .overbox a,#tools .overbox a{color:inherit}#nav .overbox a.more-link,#tools .overbox a.more-link{display:block;padding:8px;font-size:9pt;border-top:solid 1px #202020;text-align:center;text-decoration:none;color:#4F4F4F}#nav .overbox a.more-link:focus,#nav .overbox a.more-link:hover,#tools .overbox a.more-link:focus,#tools .overbox a.more-link:hover{color:#CCC}#nav .overbox p.info,#tools .overbox p.info{padding:5px 15px;font-size:9pt;text-align:center;color:#CCC}#nav .overbox .outside-button,#tools .overbox .outside-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#67331d;border:solid 1px #401b13;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}#nav .overbox .outside-button:focus,#nav .overbox .outside-button:hover,#tools .overbox .outside-button:focus,#tools .overbox .outside-button:hover{background:#401b13;border-color:#67331d}#nav .overbox .outside-button.disabled,#tools .overbox .outside-button.disabled{background:#202020;border-color:#4F4F4F}#nav .overbox input.outside-button,#tools .overbox input.outside-button{line-height:26px}#nav .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}#nav .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:transparent transparent #202020 transparent;top:-18px;right:30px}#nav .overbox#change-bases{top:50px;left:10px;width:205px;padding:0 0 8px 0}#nav .overbox#change-bases:before{left:30px;right:auto}#nav .overbox#change-bases a{display:block;padding:3px 15px;color:#CCC;text-decoration:none;font-size:9pt;border-bottom:solid 1px #101010}#nav .overbox#change-bases a:focus,#nav .overbox#change-bases a:hover{background:#101010}#nav .overbox#change-bases a.active{background:#202020}#nav .overbox#change-bases strong{display:block;color:#CCC;font-size:13px}#nav .overbox#disconnect-box{top:50px;right:10px;width:205px;padding:8px 0}#nav .overbox#disconnect-box hr{margin:8px 0;border:none;background:0 0;border-top:solid 1px #202020}#nav .overbox#disconnect-box a{display:block;padding:0 15px;line-height:25px;font-size:13px;color:#CCC;text-decoration:none}#nav .overbox#disconnect-box a:focus,#nav .overbox#disconnect-box a:hover{color:#fff;background:#202020}#nav .overbox#bug-tracker{width:250px;top:50px;right:98px;padding:0 0 8px 0}#nav .overbox#bug-tracker p{color:#CCC;font-size:9pt;margin:10px}#nav .overbox#bug-tracker .option{margin:3px 10px 10px 10px;display:block;width:330px;padding:5px}#nav .overbox#bug-tracker textarea{display:block;margin:0 10px 10px 10px;padding:5px;width:318px;height:200px;min-width:318px;max-width:318px;border:solid 1px #202020;font-family:'Trebuchet MS',sans-serif;font-size:13px}#nav .overbox#bug-tracker .button{display:block;margin:0 10px 2px 10px}#nav .overbox#roadmap{width:350px;top:50px;right:10px}#nav .overbox#roadmap .overflow{width:350px;padding:8px 0}#nav .overbox#roadmap p{color:#CCC;font-size:9pt;margin:0 10px 10px 10px}#nav .overbox#roadmap p em{display:block;font-size:11px;color:#4F4F4F}#nav .overbox#roadmap hr{margin:5px 0;border:none;border-top:solid 1px #202020}#nav .overbox#tutorial{width:350px;top:50px;right:143px;color:#fff}#nav .overbox#tutorial form{padding:0 0 10px 0;margin:0;border-top:solid 1px #202020}#nav .overbox#tutorial .overflow{padding:15px 15px 0 15px}#nav .overbox#tutorial .overflow h3{position:relative;margin:0;padding:0 0 0 36px}#nav .overbox#tutorial .overflow h3 .number{position:absolute;top:-4px;left:0;display:block;width:26px;line-height:26px;text-align:center;background:#401b13;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;margin-right:10px}#nav .overbox#tutorial .overflow p{font-size:9pt;color:#CCC}#nav .overbox#new-notifications{top:50px;left:627px;width:300px}#tools .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:300px;bottom:45px;right:15px}#tools .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:#202020 transparent transparent transparent;bottom:-18px;right:30px}#tools .overbox.left-pic:before{left:30px;right:auto}#tools .overbox#tools-calendar{left:25px;bottom:45px;right:auto}#tools .overbox#tools-refinery{right:401px;bottom:45px}#tools .overbox#tools-generator{right:237px;bottom:45px}#tools .overbox#tools-technosphere{right:193px;bottom:45px}#tools .overbox#tools-dock1{right:148px;bottom:45px}#tools .overbox#tools-dock2{right:105px;bottom:45px}#tools .overbox#tools-credit{right:140px;bottom:45px}#tools .overbox#tools-incoming-attack{right:230px;bottom:45px}#tools .overbox#tools-outgoing-attack{right:185px;bottom:45px}#subnav{position:fixed;top:29px;left:2px;bottom:29px;padding:40px 0;width:60px;background:url(src/desktop/subnav/middle.png) repeat-y;z-index:1000}#subnav hr{border:none;margin:20px 0}#subnav .overflow{position:relative}#subnav .move-side-bar{display:none;position:absolute;z-index:5000;left:5px;width:3pc;height:3pc;line-height:3pc;border:none;background-color:rgba(0,0,0,.75);background-position:center;background-repeat:no-repeat;border-radius:100%;cursor:pointer}#subnav .move-side-bar:focus,#subnav .move-side-bar:hover{box-shadow:0 0 3px #fff}#subnav .move-side-bar.top{bottom:auto;top:20px;background-image:url(src/desktop/component/top.png)}#subnav .move-side-bar.bottom{bottom:20px;top:auto;background-image:url(src/desktop/component/bottom.png)}#subnav .item{position:relative;display:block;height:50px;width:50px;margin:0 0 10px 0;padding:8px 5px;color:#fff;text-decoration:none;background:url(src/desktop/subnav/button.png) no-repeat}#subnav .item.active{background:url(src/desktop/subnav/button-active-c7.png) no-repeat}#subnav .item.striped{background:url(src/desktop/subnav/button-striped.png) no-repeat}#subnav .item:before{content:'';position:absolute;right:-6px;bottom:0;width:9pt;height:47px;background:url(src/desktop/subnav/til.png) no-repeat}#subnav .item:hover:before{background:url(src/desktop/subnav/til-hover.png) no-repeat}#subnav .item:hover>.content{display:block}#subnav .item .picto{display:block;height:30px;width:30px;padding:10px}#subnav .item .picto img{display:block;height:30px;width:30px}#subnav .item .picto .number{position:absolute;bottom:-5px;right:-18px;display:block;width:28px;height:28px;line-height:28px;text-align:center;font-size:9pt;background:url(src/desktop/subnav/number.png) no-repeat}#subnav .item .content{display:none;position:absolute;top:0;left:75px;width:230px}#subnav .item .content.skin-1 span{display:inline-block;margin:15px 0 15px 1pc;padding:0 15px;line-height:30px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-1 span:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content{display:inline-block;margin:0 0 0 1pc;padding:10px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-2 .sub-content:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content hr{border:none;border-top:solid 1px #4F4F4F;margin:5px 0}#subnav .item .content.skin-2 .sub-content .ship{position:relative}#subnav .item .content.skin-2 .sub-content .ship img{width:2pc;height:2pc}#subnav .item .content.skin-2 .sub-content .ship img.zero{opacity:.5}#subnav .item .content.skin-2 .sub-content .ship .number{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;line-height:18px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;text-align:center;background:#ac5832}#alert-content{display:none}#alert{position:absolute;bottom:18px;left:50px;padding:0;text-align:right;list-style:inset none}#alert li{position:relative;display:inline-block;margin:0 0 0 5px}#alert li img{display:block;height:50px;border:solid 1px #202020;padding:5px;background:#0A0A0A;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.alert-bull{display:block;position:absolute;z-index:1200;width:200px;padding:6px 8px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.alert-bull .title{display:block;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:solid 1px #4F4F4F}.alert-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;bottom:-14px;left:24px;border-color:#4F4F4F transparent transparent transparent}#content{position:absolute;width:500pc;height:100%;top:0;left:300px;z-index:200}#content .component{position:relative;display:table-cell;overflow:hidden;width:300px;background:rgba(0,0,0,.92)}#content .component.size2{width:600px}#content .component.size3{width:900px}#content .component:nth-child(1){background:rgba(0,0,0,.6)}#content .component:nth-child(2){background:rgba(0,0,0,.75)}#content .component:nth-child(3){background:rgba(0,0,0,.85)}#content .component:nth-child(4){background:rgba(0,0,0,.9)}#content .component .head{position:relative;display:inline-block;height:90pt;width:100%;vertical-align:top;color:#fff;background:url(src/desktop/component/bHead.jpg) repeat-x center #000;border-bottom:solid 1px #202020}#content .component .head h1{position:absolute;top:10px;left:10px;font-size:38px;line-height:50px;height:50px;display:inline-block;padding:0 10px;background:#000;overflow:hidden}#content .component .fix-body{position:relative;overflow:auto;color:#fff;border-right:solid 1px #202020}#content .component .fix-body .body{position:relative}.no-scrolling #content .component .fix-body{overflow:hidden}.no-scrolling #content .component .fix-body>a{position:absolute;width:100%;height:40px;left:0;opacity:0}.no-scrolling #content .component .fix-body.hover>a{opacity:1;background-position:center;background-repeat:no-repeat}.no-scrolling #content .component .fix-body .toTop{top:0;background-image:url(src/desktop/component/top.png),-webkit-gradient(linear,#000,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-moz-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-ms-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-o-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),linear-gradient(black,rgba(0,0,0,.8),transparent)}.no-scrolling #content .component .fix-body .toBottom{bottom:0;background-image:url(src/desktop/component/bottom.png),-webkit-gradient(linear,transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-moz-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-ms-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-o-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),linear-gradient(transparent,rgba(0,0,0,.8),#000)}#content .component.invisible{background:0 0}#content .component.invisible .publicity{position:absolute;bottom:0;left:0;right:0;background:red}.component .tool{display:table;width:100%;height:44px;margin:0;overflow:hidden;background:#000;border-bottom:solid 1px #ac5832;color:#4F4F4F}.component .tool>span{display:table-cell;width:28px;border:solid 6px transparent;border-left:none}.component .tool>span:first-child{border:solid 5px transparent;width:auto;text-align:center}.component .tool>span:first-child a{width:auto}.component .tool>span a{position:relative;display:block;margin:0;padding:0;line-height:30px;width:30px;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px;text-align:center}.component .tool>span a img{width:18px;position:relative;top:-4px}.component .tool>span a.active{background:#67331d;color:#fff;border-color:#ac5832}.component .tool>span a.active.down{box-shadow:0 2px 0 0 #CCC}.component .tool>span a.active.up{box-shadow:0 -2px 0 0 #ccc}.component .tool>span a.active:focus,.component .tool>span a.active:hover{color:#CCC;box-shadow:inset 0 0 5px rgba(0,0,0,.5)}.component .tool>span a:active,.component .tool>span a:focus,.component .tool>span a:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .tool.sort-button>span:first-child{text-align:center}.component h3{width:100%;margin:0;background:#000;text-align:center;padding:0 2px;line-height:44px;font-weight:400;font-size:14px;color:#4F4F4F;text-decoration:none;border-bottom:solid 1px #ac5832}.component h4{margin:10px 10px 0 10px;font-weight:400;font-size:18px}.component .body p{margin:10px;font-size:13px;text-align:justify}.component .body p.info{position:relative;border-top:solid 1px #202020;padding:10px;margin:10px;line-height:140%;background:rgba(0,0,0,.8)}.component .body p.info a{color:#fff}.component .body p.info .requierement{display:inline-block;margin:0 0 0 8px;vertical-align:bottom;height:1pc}.component .body p.long-info{padding:10px;line-height:150%;background:#000}.component .body p .alone-button{display:block;text-align:center;color:#fff;line-height:40px;border-radius:3px;text-decoration:none;background:#4F4F4F;box-shadow:inset 0 0 2px #000;padding:0 10px;background:#401b13}.component .body p .alone-button:focus,.component .body p .alone-button:hover{background:#67331d}.component .border-bottom{border-bottom:solid 3px #ac5832}.component .list-type-1{margin:10px;padding:0;list-style:none}.component .list-type-1 li{position:relative;padding:5px 10px;text-align:right;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:rgba(0,0,0,.8);color:#989898}.component .list-type-1 li.strong{border-top:double 3px #4F4F4F;background:#111;color:#fff}.component .list-type-1 li.empty{background:0 0;border:none;height:50px}.component .list-type-1 li ul li{height:auto}.component .list-type-1 .label{display:block;font-size:13px}.component .list-type-1 .label .icon-color{width:15px;padding:1px}.component .list-type-1 .value{display:inline-block;font-size:22px;line-height:30px;font-weight:700}.component .list-type-1 .value .icon,.component .list-type-1 .value .icon-color{height:18px;margin-left:8px;position:relative;top:-3px}.component .list-type-1 .picto{position:absolute;top:7px;left:10px;height:35px;width:35px;line-height:35px;padding:5px;border-radius:100%;background:#202020;font-size:1pc;text-align:center;color:#fff;text-decoration:none}.component .list-type-1 .picto.color1{background:#510816}.component .list-type-1 .picto.color2{background:#0c0d44}.component .list-type-1 .picto.color3{background:#b17a00}.component .list-type-1 .picto.color4{background:#310948}.component .list-type-1 .picto.color5{background:#24500a}.component .list-type-1 .picto.color6{background:#004948}.component .list-type-1 .picto.color7{background:#401b13}.component .list-type-1 .picto.color8{background:#c3590b}.component .list-type-1 .picto.color9{background:#24500a}.component .list-type-1 .picto.color10{background:#4d0621}.component .list-type-1 .picto.color11{background:#10684c}.component .list-type-1 .picto.color12{background:#b17a00}.component .list-type-1 .hide{color:#4F4F4F}.component .list-type-1 .buttons{position:absolute;top:28px;left:5px}.component .list-type-1 .buttons a{display:inline-block;margin:0 4px;width:18px;line-height:18px;text-align:center;text-decoration:none;font-style:14px;color:#fff;border-radius:3px;background:#67331d}.component .list-type-1 .progress-bar{text-align:left;margin-top:5px}.component .sub-list-type-1{display:none;margin:0;padding:0;list-style:none}.component .sub-list-type-1 li{position:relative;padding:2px 0;text-align:left;border:none;border-top:solid 1px #0A0A0A}.component .sub-list-type-1 .label{display:inline-block;width:60%}.component .sub-list-type-1 .label .button{position:relative;left:-4px;margin:0 0 0 3px}.component .sub-list-type-1 .value{text-align:right;line-height:25px;font-size:18px;width:40%}.component .sub-list-type-1 .value .button{margin:0 2px 0 6px}.component .sub-list-type-1 .button{display:inline-block;width:18px;line-height:18px;text-align:center;text-decoration:none;font-size:14px;font-weight:400;color:#fff;border-radius:3px;background:#ac5832}.component .list-type-1 form{z-index:1;position:absolute;display:none;bottom:-40px;right:3px}.component .list-type-1 form p{position:relative;background:#fff;border-radius:3px;padding:0;margin:0;width:200px;height:35px}.component .list-type-1 form p:before{content:'';position:absolute;top:-9pt;right:9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent}.component .list-type-1 form input{border:none;background:0 0;line-height:35px;height:35px;padding:0 10px}.component .list-type-1 form input[type=text]{width:140px}.component .list-type-1 form input[type=submit]{width:40px}.component .sub-list-type-1 form{right:-6px}.number-box{position:relative;margin:10px;padding:5px 10px;background:#000;color:#fff;border:solid 1px #0A0A0A;border-top:solid 1px #202020;border-left:solid 10px #67331d}.number-box.half{display:inline-block;width:254px;margin-right:0;margin-bottom:0}.number-box.grey{border-left:solid 10px #4F4F4F!important}.number-box.text{border-left:solid 1px #0A0A0A}.number-box.text a{text-decoration:none;color:#fff}.number-box .label{display:block}.number-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.number-box .value .icon-color{width:20px;height:20px;vertical-align:middle}.number-box .progress-bar{margin:5px 0}.number-box .group-link{position:absolute;top:5px;right:5px}.number-box .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#67331d}.progress-bar{position:relative;display:block;width:100%;height:3px;background:#4F4F4F}.progress-bar .content{position:relative;display:inline-block;height:3px;vertical-align:top;overflow:hidden;max-width:100%}.progress-bar .content:nth-child(n){background:#ac5832}.progress-bar .content:nth-child(2n){background:#401b13}.progress-bar .content.color1{background:#6e161b}.progress-bar .content.color2{background:#1f1471}.progress-bar .content.color3{background:#dbb200}.progress-bar .content.color4{background:#5a1072}.progress-bar .content.color5{background:#2c7915}.progress-bar .content.color6{background:#076b87}.progress-bar .content.color7{background:#67331d}.progress-bar .content.color8{background:#d87913}.progress-bar .content.color9{background:#2c7915}.progress-bar .content.color10{background:#760f36}.progress-bar .content.color11{background:#219772}.progress-bar .content.color12{background:#dbb200}.progress-bar .step{position:absolute}.progress-bar .step .label{position:absolute;display:block;width:150px;left:0;top:-28px}.progress-bar .step .label.bottom{top:auto;bottom:-28px}.progress-bar .step .label.right{right:0;left:auto;text-align:right}.progress-bar .step:before{content:'';position:absolute;width:9pt;height:9pt;background:#67331d;box-shadow:0 0 0 3px #401b13;border-radius:100%;top:-5px;left:-5px}.bonus{vertical-align:top;display:inline-block;font-size:55%;line-height:100%;padding:3px;margin:2px 0 0 8px;border-radius:3px;font-weight:400;background:#401b13}.component .head.skin-1 img{position:absolute;top:22px;left:20px;padding:8px;width:60px;border:solid 1px #202020;border-radius:100%;background:#000}.component .head.skin-1 img:before{content:'';width:75pt;height:75pt}.component .head.skin-1 h2{position:absolute;bottom:66px;left:105px;font-size:22px;line-height:22px;margin:0;padding:0}.component .head.skin-1 em{position:absolute;top:62px;left:105px;font-size:13px;line-height:1pc;font-style:normal}.component .head.skin-2 h2{position:absolute;display:inline-block;top:45px;left:10px;font-size:22px;line-height:30px;margin:0;padding:0 10px;background:#000;font-weight:400}.component .head.skin-3 img{position:absolute;width:50px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:27px}.component .head.skin-3 img.left{left:40px}.component .head.skin-3 img.right{right:40px}.component .head.skin-4 img.main{position:absolute;width:30px;height:30px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:37px}.component .head.skin-4 h2{position:absolute;top:35px;left:60px;font-size:18px;line-height:22px;margin:0;padding:0}.component .head.skin-4 em{position:absolute;top:65px;left:60px;font-size:13px;line-height:1pc}.component .head.skin-5 h2{position:absolute;top:50px;left:10px;font-size:1pc;font-weight:400;margin:0;padding:0 20px;background:#000}.component .head.skin-5 h2:before{content:'';position:absolute;display:block;top:5px;left:0;width:8px;height:8px;border:solid 1px #202020;background:#000;border-radius:100%}.component .more-button,.component .more-item{display:block;margin:10px 10px 5px;line-height:34px;padding:0 9pt;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px}.component .more-button:active,.component .more-button:focus,.component .more-button:hover,.component .more-item:active,.component .more-item:focus,.component .more-item:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .nav-element{position:relative;display:block;margin:10px;height:70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component .nav-element img{position:absolute;top:5px;left:5px;padding:8px;height:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component .nav-element.active{background:#67331d}.component .nav-element .active img{background:#000}.component .nav-element strong{position:absolute;top:5px;left:70px;color:#fff;font-weight:700;font-size:17px}.component .nav-element em{position:absolute;top:30px;left:70px;color:#fff;font-weight:400;font-size:9pt;font-style:normal;color:#efefef}.component hr{border:none;border-bottom:dashed 1px #202020;margin:0 10px}.component .set-item{margin:10px;border-bottom:solid 1px #202020}.component .set-item a.item:focus,.component .set-item a.item:hover{background-color:#0c0c0c}.component .set-item .item{position:relative;display:block;color:#fff;height:60px;border:solid 1px #202020;border-bottom:none;background:#0A0A0A}.component .set-item .item .left{position:absolute;top:0;left:0;bottom:0;width:60px}.component .set-item .item .left img{width:30px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left img.color1{background:#6e161b}.component .set-item .item .left img.color2{background:#1f1471}.component .set-item .item .left img.color3{background:#dbb200}.component .set-item .item .left img.color4{background:#5a1072}.component .set-item .item .left img.color5{background:#2c7915}.component .set-item .item .left img.color6{background:#076b87}.component .set-item .item .left img.color7{background:#67331d}.component .set-item .item .left img.color8{background:#d87913}.component .set-item .item .left img.color9{background:#2c7915}.component .set-item .item .left img.color10{background:#760f36}.component .set-item .item .left img.color11{background:#219772}.component .set-item .item .left img.color12{background:#dbb200}.component .set-item .item .left img.round-color0{box-shadow:0 0 0 2px #CCC}.component .set-item .item .left img.round-color1{box-shadow:0 0 0 2px #b01e2d}.component .set-item .item .left img.round-color2{box-shadow:0 0 0 2px #2f23c0}.component .set-item .item .left img.round-color3{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left img.round-color4{box-shadow:0 0 0 2px #a935c7}.component .set-item .item .left img.round-color5{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color6{box-shadow:0 0 0 2px #05bed7}.component .set-item .item .left img.round-color7{box-shadow:0 0 0 2px #ac5832}.component .set-item .item .left img.round-color8{box-shadow:0 0 0 2px #f2b636}.component .set-item .item .left img.round-color9{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color10{box-shadow:0 0 0 2px #a92859}.component .set-item .item .left img.round-color11{box-shadow:0 0 0 2px #34b089}.component .set-item .item .left img.round-color12{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left span{display:block;width:30px;line-height:30px;text-align:center;font-size:15px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left span.round-color0{background:#CCC}.component .set-item .item .left span.round-color1{background:#b01e2d}.component .set-item .item .left span.round-color2{background:#2f23c0}.component .set-item .item .left span.round-color3{background:#ffdb0f}.component .set-item .item .left span.round-color4{background:#a935c7}.component .set-item .item .left span.round-color5{background:#57c632}.component .set-item .item .left span.round-color6{background:#05bed7}.component .set-item .item .left span.round-color7{background:#ac5832}.component .set-item .item .left span.round-color8{background:#f2b636}.component .set-item .item .left span.round-color9{background:#57c632}.component .set-item .item .left span.round-color10{background:#a92859}.component .set-item .item .left span.round-color11{background:#34b089}.component .set-item .item .left span.round-color12{background:#ffdb0f}.component .set-item .item .center{position:absolute;top:0;left:60px;right:30px;bottom:0;padding:9px 0}.component .set-item .item .center strong{display:block;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component .set-item .item .center a{color:#fff;text-decoration:none;border-bottom:solid 1px rgba(255,255,255,.25)}.component .set-item .item .right{position:absolute;top:0;right:0;bottom:0;width:29px;border-left:solid 1px #202020}.component .set-item .item .right a{position:absolute;top:0;left:0;width:29px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a}.component .set-item .item .right a.active,.component .set-item .item .right a:focus,.component .set-item .item .right a:hover{background-color:#202020}.component .set-item .item .group-link{position:absolute;top:5px;right:5px}.component .set-item .item .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#67331d}.army-bull{display:none;position:absolute;z-index:1200;padding:4px 8px;width:220px;color:#CCC;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.army-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;top:-14px;border-color:transparent transparent #4F4F4F transparent;left:18px}.army-bull strong{display:block;padding-bottom:5px;margin-bottom:5px;border-bottom:solid 1px #4F4F4F;font-weight:400}.army-bull .label{display:inline-block;width:70px}.army-bull .value{display:inline-block;width:40px}.component .build-item{position:relative;margin:10px;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;width:278px}.component .build-item a{color:#fff}.component .build-item .name{position:relative;height:40px;padding:5px 5px 5px 90px}.component .build-item .name img{z-index:20;position:absolute;top:-10px;left:5px;width:60px;padding:8px;border:solid 1px #202020;border-radius:100%;background:#000}.component .build-item .name strong{display:block;font-size:18px}.component .build-item .level{display:block;position:absolute;width:22px;line-height:22px;text-align:center;font-size:9pt;border-radius:100%;top:38px;left:58px;border:solid 1px #fff;z-index:22;background:#67331d}.component .build-item .info{display:none;position:absolute;width:20px;line-height:20px;text-align:center;font-size:1pc;text-decoration:none;border-radius:3px;top:5px;right:5px;background:#67331d;color:#fff}.component .build-item .name-commander{margin:10px 10px 0 10px;height:40px;padding:0 10px;border:none;background:#fff;border-radius:3px;width:15pc;text-align:center;font-size:1pc}.component .build-item .button{display:block;margin:10px;padding:5px 10px;width:15pc;line-height:20px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;background:#67331d;box-shadow:inset 0 0 2px #000;border:none;cursor:pointer;min-height:36px}.component .build-item .button:hover{box-shadow:inset 0 0 6px #000;background:#ac5832}.component .build-item .button.disable{background:#202020;cursor:default}.component .build-item .button .icon-color{width:14px}.component .build-item button.button{width:260px}.component .build-item .ship-pack{z-index:10;position:absolute;bottom:15px;left:15px;width:60px;height:40px;padding:0;margin:0;border:none;background:#fff;text-align:center;font-size:24px;font-weight:700;border-radius:3px;box-shadow:inset 0 0 0 3px #CCC}.component .build-item .ship-illu{width:260px;margin:5px 10px;overflow:hidden}.component .build-item .ship-illu img{width:100%}.component .build-item.disabled{opacity:.3}.component .build-item.disabled .name img{opacity:.5}.component .build-item.disabled strong{color:#4F4F4F}.component .build-item.disabled .button.disable{color:#696969}.component .build-item.disabled .button.disable:hover{background:#202020;box-shadow:inset 0 0 2px #000}.component .build-item.large{width:578px}.component .build-item.large .info{top:75px;right:25px}.component .build-item.large .button{display:block;top:-3px;right:0;line-height:18px;width:540px;min-height:36px}.component .build-item.large .ship-illu{width:35pc;margin-top:10px}.component .build-item input{display:block;width:243px;margin:10px;padding:8px;border:none}.component .build-item select{display:block;width:260px;margin:10px;padding:8px;border:none}.component.panel-info .remove-info{display:block;position:absolute;top:2px;right:10px;line-height:20px;width:20px;text-align:center;text-decoration:none;color:#fff;border-radius:3px;background:#401b13}.component.panel-info .table{margin:10px}.component.panel-info .table table{width:100%;text-align:right;border-collapse:collapse;background:#000}.component.panel-info .table td{border:solid 1px #202020;padding:6px 8px}.component.panel-info .table tr.small-grey{background:#0A0A0A}.component.panel-info .table tr.active td{background:#0A0A0A;border-bottom:solid 1px #4F4F4F}.component.panel-info .table .icon-color{width:9pt}.component.panel-info .illu{margin:0 10px;box-shadow:inset 0 0 5px #000}.component.panel-info .skill-box{position:relative;margin:0 10px;padding:5px 10px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000}.component.panel-info .skill-box.grey{border-left:solid 10px #4F4F4F!important}.component.panel-info .skill-box .label{display:block}.component.panel-info .skill-box .value{display:block;font-size:18px;font-weight:700;margin:4px 0 0 0}.component.panel-info .skill-box .value .icon-color{width:18px}.component.panel-info .skill-box .progress-bar{margin:6px 0 2px 0}.splash-screen{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;background:rgba(0,0,0,.8)}.splash-screen .modal{width:500px;height:140px;position:absolute;top:5pc;right:3000px;background:#0A0A0A;padding:25px 175px 25px 75px;color:#fff;border-radius:140px;border:solid 1px #202020}.splash-screen .modal h1{font-size:36px;margin:0;padding:0 0 10px 0}.splash-screen .modal h2{font-size:20px;margin:0;padding:0}.splash-screen .modal img{position:absolute;top:-15px;right:-50px;width:200px;padding:10px;background:#202020;border-radius:100%;border:solid 1px #4F4F4F}.splash-screen .modal:before{content:'';position:absolute;top:-5pc;right:20px;border-color:transparent transparent #4F4F4F transparent;border-width:40px;border-style:solid}.common-link{color:#fff}.component .top-right-button{display:block;position:absolute;top:0;right:10px;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;text-decoration:none;background:#67331d;z-index:1}.component .top-right-button:focus,.component .top-right-button:hover{background:#401b13}.alert{display:block;margin:10px;line-height:30px;padding:0 10px;text-decoration:none;color:#fff;background:#67331d;border-radius:3px;box-shadow:0 0 2px #000}.common-link{display:block;margin:10px;color:#fff;text-decoration:none}.text-bloc a{display:inline-block;color:inherit;opacity:.6}.text-bloc a:focus,.text-bloc a:hover{opacity:1}.queue{margin:10px;color:#fff}.queue .item{position:relative;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;min-height:60px;display:block}.queue .item.empty{background:#0A0A0A}.queue .item.empty strong{font-weight:400}.queue .item.link{min-height:0;padding:10px;color:#4F4F4F;text-decoration:none}.queue .item.link:focus,.queue .item.link:hover{color:#CCC}.queue .item a.button{position:absolute;display:block;top:2px;right:5px;color:#fff;text-decoration:none}.queue .item a{color:#CCC}.queue .item .group-link{position:absolute;top:9px;right:9px}.queue .item .group-link a{display:block;width:20px;line-height:20px;margin:0 0 5px 0;border-radius:3px;color:#fff;text-align:center;text-decoration:none;background:#67331d}.queue .item .group-link a:focus,.queue .item .group-link a:hover{background:#ac5832}.queue .item .picto{float:left;width:40px;height:40px;margin:5px;padding:5px;background:#000;border-radius:100%;border:solid 1px #202020}.queue .item strong{display:block;margin:6px 0 2px 0}.queue .item strong .level{font-size:11px;color:#CCC}.queue .item .big{font-size:24px}.queue .item em{display:block;font-style:normal;color:#AEAEAE}.queue .item .progress-container{position:relative;display:block;clear:both;margin:5px;height:3px;background:#4F4F4F}.queue .item .progress-bar{position:absolute;display:block;height:100%;background:#ac5832}.choose-government{display:block;margin:10px;padding:10px;background:#0A0A0A;border-radius:3px}.choose-government select{display:block;width:100%;padding:8px}.choose-government button{display:block;width:100%;margin:10px 0 0 0;padding:0 10px;line-height:30px;border:none;color:#fff;cursor:pointer;background:#67331d}.choose-government button:focus,.choose-government button:hover{background:#401b13}.evolution{background:#000;margin:10px;border-top:solid 1px #202020;border-bottom:solid 1px #202020}.evolution .header{padding:10px;border-bottom:solid 1px #202020;color:#EFEFEF}.evolution .diargam{padding:10px;background:#0A0A0A}.evolution .diargam .progress-bar{background:#0A0A0A!important;height:20px;padding-bottom:1px}.evolution .diargam .progress-bar .content{height:20px;line-height:20px;font-size:9pt;color:#fff;padding-left:5px}.evolution .diargam .progress-bar:nth-child(odd) .content{background:#67331d!important}.centred-link{display:block;width:300px;text-align:center;margin:0 auto;text-decoration:none;padding:6px 10px;color:#EFEFEF;background:#67331d;border:solid 1px #401b13}.centred-link:focus,.centred-link:hover{background:#401b13;border-color:#67331d;color:#fff}span.centred-link{background:#202020;border:solid 1px #0A0A0A;color:#4F4F4F}span.centred-link:focus,span.centred-link:hover{background:#202020;border-color:#0A0A0A;color:#4F4F4F}.component.profil .center-box{margin:20px 10px 0;color:#fff;text-align:center}.component.profil .center-box .label{display:block}.component.profil .center-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.component.profil .profil-flag{position:relative;width:222px;height:460px;margin:0 auto}.component.profil .profil-flag img{position:relative;background:#0A0A0A;border:solid 1px #202020;padding:10px;border-radius:100%;margin:20px auto;box-shadow:0 0 0 4px #67331d,0 0 20px #000;z-index:1}.component.profil .profil-flag.color-1 img{box-shadow:0 0 0 4px #6e161b,0 0 20px #000}.component.profil .profil-flag.color-2 img{box-shadow:0 0 0 4px #1f1471,0 0 20px #000}.component.profil .profil-flag.color-3 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag.color-4 img{box-shadow:0 0 0 4px #5a1072,0 0 20px #000}.component.profil .profil-flag.color-5 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-6 img{box-shadow:0 0 0 4px #076b87,0 0 20px #000}.component.profil .profil-flag.color-7 img{box-shadow:0 0 0 4px #67331d,0 0 20px #000}.component.profil .profil-flag.color-8 img{box-shadow:0 0 0 4px #d87913,0 0 20px #000}.component.profil .profil-flag.color-9 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-10 img{box-shadow:0 0 0 4px #760f36,0 0 20px #000}.component.profil .profil-flag.color-11 img{box-shadow:0 0 0 4px #219772,0 0 20px #000}.component.profil .profil-flag.color-12 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag:before{display:block;position:absolute;content:'';top:218px;left:33px;width:154px;height:241px;background:url(src/desktop/faction/flag/flag-7.png) no-repeat}.component.profil .profil-flag.color-1:before{background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.profil .profil-flag.color-2:before{background:url(src/desktop/faction/flag/flag-2.png) no-repeat}.component.profil .profil-flag.color-3:before{background:url(src/desktop/faction/flag/flag-3.png) no-repeat}.component.profil .profil-flag.color-4:before{background:url(src/desktop/faction/flag/flag-4.png) no-repeat}.component.profil .profil-flag.color-5:before{background:url(src/desktop/faction/flag/flag-5.png) no-repeat}.component.profil .profil-flag.color-6:before{background:url(src/desktop/faction/flag/flag-6.png) no-repeat}.component.profil .profil-flag.color-7:before{background:url(src/desktop/faction/flag/flag-7.png) no-repeat}.component.profil .profil-flag.color-8:before{background:url(src/desktop/faction/flag/flag-8.png) no-repeat}.component.profil .profil-flag.color-9:before{background:url(src/desktop/faction/flag/flag-9.png) no-repeat}.component.profil .profil-flag.color-10:before{background:url(src/desktop/faction/flag/flag-10.png) no-repeat}.component.profil .profil-flag.color-11:before{background:url(src/desktop/faction/flag/flag-11.png) no-repeat}.component.profil .profil-flag.color-12:before{background:url(src/desktop/faction/flag/flag-12.png) no-repeat}.component.profil .profil-flag .level{z-index:2;display:block;position:absolute;top:184px;right:2px;width:36px;height:36px;text-align:center;line-height:36px;background:#0A0A0A;border:3px solid #67331d;border-radius:100%}.component.profil .profil-flag.color-1 .level{border-color:#6e161b}.component.profil .profil-flag.color-2 .level{border-color:#1f1471}.component.profil .profil-flag.color-3 .level{border-color:#dbb200}.component.profil .profil-flag.color-4 .level{border-color:#5a1072}.component.profil .profil-flag.color-5 .level{border-color:#2c7915}.component.profil .profil-flag.color-6 .level{border-color:#076b87}.component.profil .profil-flag.color-7 .level{border-color:#67331d}.component.profil .profil-flag.color-8 .level{border-color:#d87913}.component.profil .profil-flag.color-9 .level{border-color:#2c7915}.component.profil .profil-flag.color-10 .level{border-color:#760f36}.component.profil .profil-flag.color-11 .level{border-color:#219772}.component.profil .profil-flag.color-12 .level{border-color:#dbb200}.component.profil .faction-flag{display:block;content:'';width:154px;height:241px;margin:0 auto;background:url(src/desktop/faction/flag/flag-7.png) no-repeat}.component.search-player{position:relative;background:0 0!important}.component.search-player .box{position:absolute;top:60px;left:50px;width:440px;color:#fff}.component.search-player .top{background:rgba(0,0,0,.4);padding:10px;border-radius:3px 3px 0 0}.component.search-player .top label{display:block;font-size:1pc}.component.search-player .top input{display:block;border:none;height:40px;width:25pc;padding:0 10px;margin:10px 0 0 0;font-size:20px;color:#202020;border-radius:3px}.component.search-player .center{background:rgba(0,0,0,.8);padding:10px 25px 10px 10px;min-height:140px;border-radius:0 0 3px 3px}.component.search-player .center .avatar{float:left;position:relative;left:-20px;width:90pt;padding:8px;border:solid 1px #202020;border-radius:100%;background:#0A0A0A}.component.search-player .center .right{margin-left:140px}.component.search-player .center h1{margin:10px 0 0 0;padding:0}.component.search-player .center hr{margin:10px 0;border-color:#4F4F4F}.component.search-player .center p{margin:5px 0;padding:0}.component.search-player .center p span{display:inline-block;background:red;line-height:28px;padding:0 10px;border:solid 1px rgba(255,255,255,.5);border-right:none}.component.search-player .center p span:first-child{border-radius:3px 0 0 3px}.component.search-player .center p span:last-child{border-radius:0 3px 3px 0;border:solid 1px rgba(255,255,255,.5)}.component.search-player.color1 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component.search-player.color2 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component.search-player.color3 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.search-player.color4 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component.search-player.color5 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color6 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component.search-player.color7 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component.search-player.color8 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component.search-player.color9 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color10 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.component.search-player.color11 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.component.search-player.color12 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.new-message p.input{position:relative;background:#fff;padding:10px;border-radius:3px}.component.new-message p.input:before{content:'';position:absolute;width:0;height:0;top:-9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent;left:20px}.component.new-message label{display:block;font-size:13px}.component.new-message .input-text input{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px}.component.new-message .input-area textarea{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px;max-width:100%;min-width:100%;height:200px}.component.new-message button{display:inline-block;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 15px;color:#fff;cursor:pointer;overflow:hidden;background:#ac5832}.component.new-message button:focus,.component.new-message button:hover{background:#401b13}.notif{position:relative;margin:10px;background:#000;border-top:solid 1px #4F4F4F;border-right:solid 1px #202020;border-left:solid 1px #202020}.notif h4{position:relative;overflow:hidden;margin:0;padding:0 10px;font-size:14px;line-height:30px;border-bottom:solid 1px #202020;background:#0A0A0A;font-weight:400;cursor:pointer;color:#fff}.notif.unreaded h4:before{position:absolute;content:'';width:40px;height:40px;background:#fff;top:-5px;right:-15px;background:#ac5832;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}.notif .content{display:none;padding:6px 8px;line-height:140%;text-align:justify;color:#efefef}.notif .content p{margin:0}.notif .content hr{border:none;background:0 0;border-bottom:dashed 1px #202020;margin:5px 0}.notif .content a{color:#fff}.notif .content .box-resource{position:relative;display:block;margin:5px 0;padding:5px 5px 5px 40px}.notif .content .box-resource img{position:absolute;top:6px;left:0;border:solid 4px #4f4f4f;border-radius:100%;border-color:#67331d}.notif .content .box-resource .label{display:block;font-size:9pt}.notif .content .box-resource .value{display:block;font-size:18px;font-weight:700}.notif .footer{display:none;margin:0;padding:0 10px;line-height:18px;padding:5px 5px;border-top:solid 1px #202020;font-style:italic;text-align:right;color:#CCC}.notif .footer a{color:#CCC}.notif.open .content{display:block}.notif.open .footer{display:block}.component.rc .rc{position:relative;margin:20px 10px 20px 30px;border-left:solid 1px #CCC;padding:0 10px;height:380px;color:#CCC}.component.rc .rc.no-tax{margin:20px 10px 20px 30px;border-left:dashed 1px #4F4F4F;padding:0 10px;color:#CCC}.component.rc .rc a,.component.rc .rc strong{color:#fff}.component.rc .rc .icon-color{width:20px}.component.rc .rc .base{position:relative;padding:15px 0 15px 40px;height:50px}.component.rc .rc .base:last-child{position:absolute;bottom:0}.component.rc .rc .place{position:absolute;top:0;left:-50px;width:78px;height:78px;border:solid 1px #202020;background:#000;border-radius:100%}.component.rc .rc .general{list-style:none inset;margin:10px 0;padding:0}.component.rc .rc .general li{margin:10px 0;list-style-type:none}.component.rc .rc .general li strong{display:block;font-size:20px;font-weight:700}.component .situation-content{position:relative;display:block;width:100%;height:500px;border-bottom:solid 1px #0A0A0A}.component .situation-content .line-help{position:absolute;display:block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:100%;background:#401b13}.component .situation-content .line-help.line-1{top:55px;left:190px}.component .situation-content .line-help.line-2{top:145px;left:406px}.component .situation-content .toolbar{position:absolute;top:30px;right:30px;box-shadow:0 0 0 4px rgba(255,255,255,.1);border-radius:3px;background:#67331d;z-index:1}.component .situation-content .toolbar a,.component .situation-content .toolbar span{display:inline-block;line-height:2pc;padding:0 15px;border-right:solid 1px #000;text-decoration:none;color:#fff}.component .situation-content .toolbar a img,.component .situation-content .toolbar span img{position:relative;top:-2px;vertical-align:middle;height:18px;width:18px}.component .situation-content .toolbar a:focus,.component .situation-content .toolbar a:hover{background:rgba(0,0,0,.25)}.component .situation-content .toolbar form{display:inline-block}.component .situation-content .toolbar input{height:2pc;border:none;background:0 0;color:#fff;padding:0 15px;font-size:inherit}.component .situation-content .toolbar input:focus{background:rgba(0,0,0,.25)}.component .situation-content .toolbar input.button{background:url(src/desktop/common/edit.png) no-repeat center}.component .situation-content .toolbar input.button:focus{background:url(src/desktop/common/edit.png) no-repeat center rgba(0,0,0,.25)}.component .situation-content .info{position:absolute;display:block;width:200px;font-size:9pt;color:#efefef;line-height:18px}.component .situation-content .info strong{color:#fff;font-size:14px}.component .situation-content .info a{color:#fff;text-decoration:none;border-bottom:solid 1px #4f4f4f}.component .situation-content .info a:focus,.component .situation-content .info a:hover{border-color:#CCC}.component .situation-content .commander{position:absolute;display:block;text-decoration:none;z-index:1}.component .situation-content .commander.empty{color:#CCC}.component .situation-content .commander.position-1-1{top:135px;left:127px}.component .situation-content .commander.position-1-2{top:17pc;left:75pt}.component .situation-content .commander.position-1-3{top:415px;left:127px}.component .situation-content .commander.position-2-1{top:215px;left:22pc}.component .situation-content .commander.position-2-2{top:17pc;left:345px}.component .situation-content .commander.position-2-3{top:330px;left:22pc}.component .situation-content .commander.position-3{top:355px;left:577px}.component .situation-content .commander img{width:40px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}.component .situation-content .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component .situation-content .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #67331d}.component .situation-content .commander .info{top:8px;left:65px;width:10pc}.component .situation-content .commander .link{display:none;position:absolute;top:14px;left:-1pc;width:24px;height:24px;font-size:20px;font-weight:700;text-decoration:none;border-radius:100%;text-align:center;z-index:1;border:solid 1px #fff}.component .situation-content .commander .link.to-left{background:url(src/desktop/mover/to-left.png) no-repeat center #000}.component .situation-content .commander .link.to-right{background:url(src/desktop/mover/to-right.png) no-repeat center #000}.component .situation-content .commander:hover>.link{display:block}.component .situation-content .stellar{position:absolute;display:block;top:180px;left:35pc}.component .situation-content .stellar img{width:220px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%}.component .situation-content .stellar .info{font-size:9pt;border-left:solid 1px #202020}.component .situation-content .stellar .info.top{bottom:215px;left:50px;padding:0 0 30px 10px}.component .situation-content .stellar .info.top strong{font-size:20px}.component .situation-content .stellar .info.bottom{top:225px;left:10pc;padding:10px 0 0 10px}.component .situation-content .stellar .info.middle{top:20px;left:182px;padding:10px 0 0 50px;border:none;border-top:solid 1px #202020}.component .situation-content .attack-link{position:absolute;bottom:-1px;left:0;right:0;text-align:center}.component .situation-content .attack-link a{display:inline-block;line-height:40px;padding:0 25px;border-radius:3px 3px 0 0;background:#202020;color:#fff;text-decoration:none;font-size:1pc}.component .situation-content .attack-link a:focus,.component .situation-content .attack-link a:hover{box-shadow:0 0 5px 3px #000}.component .situation-content.color0 .line-help{background:#202020}.component .situation-content.color0 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #202020}.component .situation-content.color0 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #202020}.component .situation-content.color0 .attack-link a{background:#202020}.component .situation-content.color1 .line-help{background:#510816}.component .situation-content.color1 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component .situation-content.color1 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #6e161b}.component .situation-content.color1 .attack-link a{background:#6e161b}.component .situation-content.color2 .line-help{background:#0c0d44}.component .situation-content.color2 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component .situation-content.color2 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #1f1471}.component .situation-content.color2 .attack-link a{background:#1f1471}.component .situation-content.color3 .line-help{background:#b17a00}.component .situation-content.color3 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .situation-content.color3 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #dbb200}.component .situation-content.color3 .attack-link a{background:#dbb200}.component .situation-content.color4 .line-help{background:#310948}.component .situation-content.color4 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component .situation-content.color4 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #5a1072}.component .situation-content.color4 .attack-link a{background:#5a1072}.component .situation-content.color5 .line-help{background:#24500a}.component .situation-content.color5 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color5 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color5 .attack-link a{background:#2c7915}.component .situation-content.color6 .line-help{background:#004948}.component .situation-content.color6 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component .situation-content.color6 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #076b87}.component .situation-content.color6 .attack-link a{background:#076b87}.component .situation-content.color7 .line-help{background:#401b13}.component .situation-content.color7 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component .situation-content.color7 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #67331d}.component .situation-content.color7 .attack-link a{background:#67331d}.component .situation-content.color8 .line-help{background:#c3590b}.component .situation-content.color8 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component .situation-content.color8 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #d87913}.component .situation-content.color8 .attack-link a{background:#d87913}.component .situation-content.color9 .line-help{background:#24500a}.component .situation-content.color9 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color9 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color9 .attack-link a{background:#2c7915}.component .situation-info{display:table;width:100%;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#000}.component .situation-info .item{display:table-cell;padding:10px;border-right:solid 1px #202020}.component .situation-info .item .value{font-size:26px;font-weight:700;display:block}.component .build-item.base-type .desc{margin:10px 0 0 0;padding:15px;font-size:13px;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#0A0A0A}.component .build-item.base-type .list-choice{position:relative;height:140px;background:url(src/desktop/base/type-base.png) no-repeat center;margin:0;border-bottom:solid 1px #202020}.component .build-item.base-type .list-choice button{position:absolute;padding:0;border:none;background:0 0;cursor:pointer}.component .build-item.base-type .list-choice button.item-1{top:35px;left:5px}.component .build-item.base-type .list-choice button.item-2{top:5px;left:107px}.component .build-item.base-type .list-choice button.item-3{bottom:5px;left:107px}.component .build-item.base-type .list-choice button.item-4{top:35px;right:5px}.component .build-item.base-type .list-choice button img{display:block;padding:8px;width:40px;border:solid 1px #202020;border-radius:100%;background:#000}.color1 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.color2 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.color3 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.color4 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.color5 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color6 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.color7 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.color8 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.color9 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color10 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.color11 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.color12 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .build-item.base-type .desc-choice{display:none}.component .build-item.base-type .desc-choice h4{border-bottom:solid 1px #202020;padding:0 0 5px 0}.component .build-item.base-type .desc-choice p{text-align:left;color:#CCC!important}.component .build-item.base-type .desc-choice p strong{display:block;color:#fff}.component .build-item.base-type .desc-choice p strong.short{display:inline-block;width:75pt}.component.list-fleet .set-fleet{position:relative;margin:10px;padding:0 0 0 70px;min-height:5pc}.component.list-fleet .set-fleet img.place{position:absolute;top:-5px;left:-20px;width:5pc;background:#0A0A0A;border-radius:100%;border:solid 1px #202020}.component.list-fleet .set-fleet h2{padding:10px 0;margin:0}.component.list-fleet .set-fleet h2 a{font-size:13px;color:#fff;font-weight:400;text-decoration:none}.component.list-fleet .set-fleet .item{position:relative;height:60px;background:#0A0A0A;border:solid 1px #202020;border-bottom:none;width:777px}.component.list-fleet .set-fleet .item:last-child{border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item a{display:inline-block;text-decoration:none;color:#CCC;border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item .left{position:absolute;top:0;left:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .left .top{position:absolute;left:60px;display:block;width:500px;top:10px}.component.list-fleet .set-fleet .item .left .status{width:30px;margin:10px;padding:5px;border-radius:100%}.component.list-fleet .set-fleet .item .right{position:absolute;top:0;right:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .right .top{position:absolute;right:60px;display:block;width:200px;text-align:right;top:10px}.component.list-fleet .set-fleet .item .right .cover{width:50px;margin:5px;padding:0;border-radius:100%}.component.list-fleet .set-fleet .item .center{position:absolute;top:41px;left:70px;right:70px}.component.list-fleet .set-fleet .item .center .ship{position:absolute;top:-10px;left:-11px;right:auto}.component.list-fleet .set-fleet .item .center .progress-ship{display:block;width:100%;background:#4F4F4F;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar{position:relative;display:block;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship{top:-11px;right:-11px;left:auto}.component.list-fleet .set-fleet .item .center .progress-ship .bar span{position:absolute;top:4px;right:15px;font-size:10px}.component.list-fleet .set-fleet .item.color1 .status{background:#6e161b}.component.list-fleet .set-fleet .item.color2 .status{background:#1f1471}.component.list-fleet .set-fleet .item.color3 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color4 .status{background:#5a1072}.component.list-fleet .set-fleet .item.color5 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color6 .status{background:#076b87}.component.list-fleet .set-fleet .item.color7 .status{background:#67331d}.component.list-fleet .set-fleet .item.color8 .status{background:#d87913}.component.list-fleet .set-fleet .item.color9 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color10 .status{background:#760f36}.component.list-fleet .set-fleet .item.color11 .status{background:#219772}.component.list-fleet .set-fleet .item.color12 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item .center .progress-ship .bar{background:#ac5832}.component.list-fleet .set-fleet .item .center.reversed .progress-ship{background:#ac5832}.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar{background:#4F4F4F}.component.list-fleet .set-fleet .item .show-commander{position:absolute;top:-1px;right:-30px;width:28px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a;border:solid 1px #202020}.component.list-fleet .set-fleet .item .show-commander.active,.component.list-fleet .set-fleet .item .show-commander:focus,.component.list-fleet .set-fleet .item .show-commander:hover{background-color:#202020}.component.table-fleet table{margin:10px;width:55pc;border-collapse:collapse}.component.table-fleet table tr:nth-child(odd){background:#000;border-bottom:solid 1px #202020}.component.table-fleet table tr:nth-child(even){background:#0A0A0A;border-bottom:solid 1px #202020}.component.table-fleet table tr:first-child{background:0 0}.component.table-fleet table td,.component.table-fleet table th{height:40px;width:40px;text-align:center}.component.table-fleet table td span.zero-value{color:#4F4F4F}.component.table-fleet table .base{width:75pt;text-align:left;padding:0 20px}.component.table-fleet table .base a{border:none}.component.table-fleet table .base strong{display:block;font-size:1pc}.component.table-fleet table .large{width:auto;text-align:left;padding:0 10px}.component.table-fleet table .sep{border-left:solid 1px #67331d}.component.table-fleet table a{color:#fff;text-decoration:none;border-bottom:solid 1px #4F4F4F;display:inline-block}.component.table-fleet table th{position:relative;height:70px}.component.table-fleet table th span{position:absolute;bottom:2pc;left:-10px;display:block;text-align:left;width:60px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.component.commander-fleet .fleet{vertical-align:top;display:block;text-align:center}.component.commander-fleet .list-ship{vertical-align:top;display:inline-block;width:148px}.component.commander-fleet .list-ship:first-child{border-right:dashed 1px #4F4F4F}.component.commander-fleet .list-ship a{display:block;position:relative;margin:6px;height:40px;background:#202020;border:solid 1px #4F4F4F;border-radius:3px}.component.commander-fleet .list-ship a.empty{opacity:.4}.component.commander-fleet .list-ship img{position:absolute;display:inline-block;width:40px}.component.commander-fleet .list-ship .text{position:absolute;left:45px;display:inline-block;width:88px;color:#fff}.component.commander-fleet .list-ship .text .quantity{display:block;font-weight:700;font-size:18px}.component.commander-fleet .army{border-collapse:collapse;width:35pc;margin:20px}.component.commander-fleet .army td{width:65px;padding:5px;border-right:dashed 1px #4F4F4F;vertical-align:center}.component.commander-fleet .army td:first-child{width:auto;vertical-align:top;text-align:right;padding:0 20px;font-size:9pt}.component.commander-fleet .army tr:first-child td{text-align:center;padding:10px 5px;font-size:18px;font-weight:700}.component.commander-fleet .army .block{display:block;width:54px;height:54px;margin:0 0 5px 0;padding:5px;vertical-align:top;border-radius:5px;background:#0A0A0A;text-align:right;border:solid 1px #202020;color:#4F4F4F}.component.commander-fleet .army .block.empty{background:#000;border:solid 1px #0A0A0A}.component.commander-fleet .army .block strong{display:block;font-size:15px;height:38px;font-weight:700}.component.commander-fleet .army .block em{display:block;padding:2px;font-size:11px;background:#000;text-align:center;border-radius:3px}.component.commander-fleet .army .block.squadron{border:solid 1px #4F4F4F;color:#fff;cursor:pointer;background:#67331d}.component.commander-fleet .army .block.squadron.full0{background:url(src/desktop/squadron/squadron0.png) no-repeat 4px 2px #67331d}.component.commander-fleet .army .block.squadron.full1{background:url(src/desktop/squadron/squadron1.png) no-repeat 4px 2px #67331d}.component.commander-fleet .army .block.squadron.full2{background:url(src/desktop/squadron/squadron2.png) no-repeat 4px 2px #67331d}.component.commander-fleet .army .block.squadron.full3{background:url(src/desktop/squadron/squadron3.png) no-repeat 4px 2px #67331d}.component.commander-fleet .army .block.squadron.active{box-shadow:inset 0 0 6px #000,0 0 2px 0 #fff;border:dashed 1px #fff}.component.report .commander{position:relative;display:block;margin:10px;padding:8px 0 8px 72px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component.report .commander img{position:absolute;top:5px;left:5px;padding:8px;width:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component.report .commander strong{display:block;padding:0 0 8px 0;color:#fff;font-weight:700;font-size:17px}.component.report .commander em{display:block;line-height:20px;color:#fff;font-style:normal;color:#efefef}.component.report .commander em .bonus{font-size:90%;margin:2px 0 0 2px;padding:3px 6px}.component.report .dammage{margin:10px;background:#000}.component.report .dammage table{width:100%;border-collapse:collapse;border-left:solid 1px #202020;border-right:solid 1px #202020}.component.report .dammage td{border-color:#202020;border-width:1px;border-style:solid dashed;padding:4px;vertical-align:center;text-align:center;color:#CCC;width:28px;height:22px}.component.report .dammage td:first-child{text-align:left;padding:4px 8px;width:auto}.component.report .dammage td span{display:inline-block;background:red;line-height:22px;width:22px;border-radius:3px;color:#fff;background:#401b13}.component.topic .message{position:relative;padding:0 0 0 5pc;margin:10px;min-height:70px}.component.topic .message .avatar{position:absolute;top:0;left:0;width:56px;padding:6px;border:solid 1px #202020;border-radius:100%;background:#000}.component.topic .message .content{position:relative;background:#000;border:solid 1px #202020;border-bottom:solid 1px #0A0A0A}.component.topic .message .content:before{position:absolute;content:'';top:25px;left:-18px;border-style:solid;border-width:9px;border-color:transparent #202020 transparent transparent}.component.topic .message .content .text{margin:0;padding:10px 10px 9pt 10px;border-bottom:solid 1px #0A0A0A;color:#efefef}.component.topic .message .content .text a,.component.topic .message .content .text strong{color:#fff}.component.topic .message .content .text a.color1{color:#b01e2d}.component.topic .message .content .text a.color2{color:#2f23c0}.component.topic .message .content .text a.color3{color:#ffdb0f}.component.topic .message .content .text a.color4{color:#a935c7}.component.topic .message .content .text a.color5{color:#57c632}.component.topic .message .content .text a.color6{color:#05bed7}.component.topic .message .content .text a.color7{color:#ac5832}.component.topic .message .content .text a.color8{color:#f2b636}.component.topic .message .content .text a.color9{color:#57c632}.component.topic .message .content .text a.color10{color:#a92859}.component.topic .message .content .text a.color11{color:#34b089}.component.topic .message .content .text a.color12{color:#ffdb0f}.component.topic .message .content .text .icon-color{width:15px}.component.topic .message .content .footer{margin:0;padding:6px 10px;font-size:9pt;color:#CCC}.component.topic .message .content .footer a{color:#CCC}.component.topic .message.write .content:before{left:-17px;top:11px;border-color:transparent #fff transparent transparent}.component.topic .message.write .content textarea{border:none;padding:5px;width:487px;height:90pt;max-width:487px;min-width:487px;min-height:50px;font-family:inherit;font-size:13px}.component.topic .message.write .content input{margin:6px;font-family:inherit}.component.topic .message.write .content .title{border:none;margin:0;padding:5px;width:487px;height:30px;font-family:inherit;font-size:13px}.component.topic .message.write .content button{margin:6px;font-family:inherit;background:#67331d;border:none;padding:4px 8px;color:#fff;cursor:pointer}.component.topic .message.write .content button:focus,.component.topic .message.write .content button:hover{background:#401b13}.component.topic .system-message{position:relative;padding:0 0 0 90px;margin:10px}.component.topic .system-message:before{content:'';position:absolute;top:10px;left:0;height:1px;width:70px;background:#4F4F4F}.conv-item{position:relative;display:block;border:solid 1px #202020;border-bottom:none;background:#0A0A0A;height:59px;padding:5px 5px 5px 70px;margin:0 10px;color:#fff;text-decoration:none;overflow:hidden}.conv-item .cover{position:absolute;display:block;top:0;left:0;bottom:0;width:60px;padding:5px}.conv-item .cover .picture{width:52px;height:52px;background:#202020;border-radius:100%;padding:4px}.conv-item .cover .picture.color0{box-shadow:0 0 0 2px #4F4F4F}.conv-item .cover .picture.color1{box-shadow:0 0 0 2px #6e161b}.conv-item .cover .picture.color2{box-shadow:0 0 0 2px #1f1471}.conv-item .cover .picture.color3{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .picture.color4{box-shadow:0 0 0 2px #5a1072}.conv-item .cover .picture.color5{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color6{box-shadow:0 0 0 2px #076b87}.conv-item .cover .picture.color7{box-shadow:0 0 0 2px #67331d}.conv-item .cover .picture.color8{box-shadow:0 0 0 2px #d87913}.conv-item .cover .picture.color9{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color10{box-shadow:0 0 0 2px #760f36}.conv-item .cover .picture.color11{box-shadow:0 0 0 2px #219772}.conv-item .cover .picture.color12{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .new-message,.conv-item .cover .number{position:absolute;width:22px;height:22px;border-radius:100%;background:#0A0A0A;bottom:5px;right:5px;border:solid 1px #4F4F4F;text-align:center;line-height:22px;font-size:11px}.conv-item .cover .new-message{left:5px;top:5px}.conv-item .cover .new-message img{display:block;width:18px;height:18px;margin:2px}.conv-item .data{line-height:20px}.conv-item:last-child{border:solid 1px #202020}.conv-item:focus,.conv-item:hover{background:#0C0C0C}.component.player .player{position:relative;display:inline-block;margin:10px 0 0 10px;width:211px;height:58px;padding:5px 5px 5px 70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff;text-decoration:none}.component.player .player a{color:#ccc;text-decoration:none;border-bottom:solid 1px #202020}.component.player .player a:focus,.component.player .player a:hover{border-color:#4f4f4f}.component.player .player img.picto{position:absolute;top:5px;left:5px;width:50px;padding:4px;border:solid 1px #202020;border-radius:100%;background:#000}.component.player .player .icon,.component.player .player .icon-color{height:1pc;padding:1px}.component.player .player span,.component.player .player strong{display:block;line-height:20px}.component.player .player strong{font-size:18px}.component.player .player .inactive,.component.player .player .online{position:absolute;width:18px;height:18px;background:#fff;top:5px;right:5px;border-radius:100%;background:#4F4F4F}.component.player .player .online{background:#ac5832}.component.player .player.faction{border-left:solid 1px #0A0A0A!important;width:202px}.component.player .player.faction img{top:0;left:10px;padding:0;border:none;border-radius:0;background:0 0}.component.player.rank .player{border-left:solid 10px #4F4F4F;width:190px}.component.player.rank .player.color1{border-left-color:#b01e2d}.component.player.rank .player.color2{border-left-color:#2f23c0}.component.player.rank .player.color3{border-left-color:#ffdb0f}.component.player.rank .player.color4{border-left-color:#a935c7}.component.player.rank .player.color5{border-left-color:#57c632}.component.player.rank .player.color6{border-left-color:#05bed7}.component.player.rank .player.color7{border-left-color:#ac5832}.component.player.rank .player.color8{border-left-color:#f2b636}.component.player.rank .player.color9{border-left-color:#57c632}.component.player.rank .player.color10{border-left-color:#a92859}.component.player.rank .player.color11{border-left-color:#34b089}.component.player.rank .player.color12{border-left-color:#ffdb0f}.component.player.rank .player .points,.component.player.rank .player .title{color:#BBB}.component.player.rank .player .position{display:block;position:absolute;top:14px;right:14px;line-height:38px;width:38px;border:solid 1px #202020;text-align:center;border-radius:100%}.component.player.rank .player .variance{display:block;position:absolute;top:5px;right:-4px;line-height:26px;width:26px;border:solid 1px #202020;background:#0A0A0A;text-align:center;font-size:11px;border-radius:100%}.component.player.rank .player .variance.lower{bottom:5px;top:auto}.component.player.rank .player.active .position{background:#fff;border:solid 1px #fff;color:#202020}.component.player.size2 .player{width:13pc}.component.player.size1 .player{width:202px}.component.transaction .transaction{background:#0A0A0A;border:solid 1px #202020;margin:10px}.component.transaction .transaction .right-link{position:absolute;top:2px;right:5px;display:block;color:#FFF;text-decoration:none}.component.transaction .transaction .product{position:relative;height:70px;padding:5px 10px 5px 55px;cursor:pointer}.component.transaction .transaction .product .picto{position:absolute;top:5px;left:-20px;width:60px;height:60px;padding:4px;background:#000;border:solid 1px #202020;border-radius:100%}.component.transaction .transaction .product .rate{position:absolute;bottom:5px;right:8px}.component.transaction .transaction .product .offer{overflow:hidden;height:2pc}.component.transaction .transaction .product .for{position:relative;border-top:solid 1px #202020;margin:8px 0 6px 0;color:#4F4F4F}.component.transaction .transaction .product .for span{display:block;position:absolute;top:-10px;left:10px;background:#0A0A0A;padding:0 10px;font-size:9pt}.component.transaction .transaction .product .price{font-size:19px;font-weight:700}.component.transaction .transaction .product .price .icon-color{width:14px;position:relative;top:-2px;padding:1px}.component.transaction .transaction.resources .product .offer{font-size:28px;font-weight:700;line-height:30px}.component.transaction .transaction.resources .product .offer .icon-color{width:20px;position:relative;top:-5px}.component.transaction .transaction.commander .product .offer strong,.component.transaction .transaction.ship .product .offer strong{display:block;font-size:14px}.component.transaction .transaction.commander .product .offer em,.component.transaction .transaction.ship .product .offer em{display:block;font-size:11px}.component.transaction .transaction .hidden{display:none}.component.transaction .transaction .info{position:relative;border-top:solid 1px #202020;height:88px;background:#000}.component.transaction .transaction .info p{font-size:11px;margin:5px 8px}.component.transaction .transaction .info .seller{position:absolute;top:0;width:50%;bottom:0}.component.transaction .transaction .info .seller a{font-weight:700;color:#fff}.component.transaction .transaction .info .seller .color1{color:#b01e2d}.component.transaction .transaction .info .seller .color2{color:#2f23c0}.component.transaction .transaction .info .seller .color3{color:#ffdb0f}.component.transaction .transaction .info .seller .color4{color:#a935c7}.component.transaction .transaction .info .seller .color5{color:#57c632}.component.transaction .transaction .info .seller .color6{color:#05bed7}.component.transaction .transaction .info .seller .color7{color:#ac5832}.component.transaction .transaction .info .seller .color8{color:#f2b636}.component.transaction .transaction .info .seller .color9{color:#57c632}.component.transaction .transaction .info .seller .color10{color:#a92859}.component.transaction .transaction .info .seller .color11{color:#34b089}.component.transaction .transaction .info .seller .color12{color:#ffdb0f}.component.transaction .transaction .info .price-detail{position:absolute;top:0;width:50%;bottom:0;right:0}.component.transaction .transaction .info .price-detail p{text-align:right}.component.transaction .transaction .info .price-detail p .icon-color{width:10px;padding:1px}.component.transaction .transaction .info .price-detail p span{color:#4F4F4F}.component.transaction .transaction .button{border-top:solid 1px #202020;padding:5px}.component.transaction .transaction .button a,.component.transaction .transaction .button span{display:block;padding:5px 10px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;line-height:20px;background:#202020;box-shadow:inset 0 0 2px #000}.component.transaction .transaction .button a{background:#67331d}.component.transaction .transaction .button a:hover{box-shadow:inset 0 0 6px #000;background:#ac5832}.component.transaction .transaction .button span{background:#202020;cursor:default}.component.transaction .transaction .button .icon-color{width:14px}.component.transaction .transaction .shipping{position:relative;background:#000;height:30px}.component.transaction .transaction .shipping .ships{position:absolute;top:0;left:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center}.component.transaction .transaction .shipping .ships .icon-color{position:relative;width:1pc;margin-left:5px;top:-5px}.component.transaction .transaction .shipping .time{position:absolute;top:0;right:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center;font-size:9pt}.component.transaction .transaction .shipping .progress-container{position:relative;display:block;clear:both;margin:0 60px;height:3px;top:13px;background:#4F4F4F}.component.transaction .transaction .shipping .progress-bar{position:absolute;display:block;height:100%;background:#ac5832}.component .build-item.disable .button span{color:#696969}.component.transaction .new-transaction{width:279px;position:absolute;background:#000;z-index:1;padding:10px;border-bottom:solid 1px #ac5832}.component.transaction .new-transaction label{position:relative;display:block;padding:5px 0}.component.transaction .new-transaction label input{display:block;padding:5px 10px;margin:5px 0 0 0;width:259px;border:none}.component.transaction .new-transaction.resources label input{font-size:1pc;color:#202020;font-weight:700}.component.transaction .new-transaction .indicator{position:relative;display:block;width:100%;height:15px}.component.transaction .new-transaction .indicator span{position:absolute;display:inline-block;padding:1px 6px;font-size:9pt;color:#fff;border-radius:3px;top:-5px;background:#401b13}.component.transaction .new-transaction .indicator span.min-price{left:5px}.component.transaction .new-transaction .indicator span.max-price{right:5px}.component.market-sell .body{padding:10px 0}.component.market-sell .label-box{position:relative;padding:0 10px;margin:10px 0}.component.market-sell .label-box .label{display:inline-block;width:75pt;line-height:30px}.component.market-sell .label-box .value{display:inline-block;width:147px;padding:0 5px;border:none;line-height:30px;border-radius:3px;font-size:1pc}.component.market-sell .label-box input.value{height:30px;background:#fff}.component.market-sell .label-box .icon-color{position:absolute;top:4px;right:1pc;width:18px}.component.market-sell .queue{margin:0 10px;cursor:pointer}.component.market-sell .sell-form{background:#0A0A0A;border:solid 1px #202020;margin:0 10px 10px 10px}.component.market-sell .sell-form input[type=submit]{display:block;width:100%;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 10px;color:#fff;cursor:pointer;overflow:hidden;background:#ac5832}.component.market-sell .sell-form input[type=submit]:hover{background:#401b13}.component.market-sell .sell-form input[disabled=disabled]{background:#202020!important}.wysiwyg{display:block;position:relative}.wysiwyg .toolbar{display:block;position:absolute;top:0;left:0;right:0;padding:5px}.wysiwyg .toolbar button{display:inline-block;height:26px;line-height:26px;padding:0 4px!important;margin:0 4px 0 0!important;background:#67331d;color:#fff;border-radius:3px;overflow:hidden;vertical-align:top}.wysiwyg .modal{position:absolute;top:40px;left:10px;right:10px;background:#0A0A0A;border:solid 1px #202020;box-shadow:0 0 15px #000}.wysiwyg .modal .header{position:relative}.wysiwyg .modal .header h2{margin:0;padding:0;line-height:36px;padding:0 10px;font-size:1pc;font-weight:400}.wysiwyg .modal .header .right{position:absolute;top:5px;right:10px;width:300px;text-align:right}.wysiwyg .modal .header .right button{display:inline-block;width:26px!important;height:26px!important;line-height:26px !important<;font-size:14px;padding:0!important;margin:0 0 0 5px!important}.wysiwyg .modal input{width:435px;border:none;height:30px;margin:0 10px 10px 10px!important;padding:0 10px!important}.wysiwyg textarea{padding-top:40px!important}.input-area .wysiwyg .toolbar{padding:0}.component.params .checkbox{display:block;position:relative;padding:10px 10px 10px 40px;margin:10px;background:rgba(0,0,0,.8)}.component.params .checkbox input{position:absolute;top:8px;left:10px}#map{position:absolute;z-index:100;background:url(src/desktop/map/common/map.jpg) repeat #000;padding:0;top:0;left:0}#map #sectors{z-index:300}#map #spying{z-index:400}#map #own-base{z-index:500}#map #commercial-routes{z-index:600}#map #fleet-movements{z-index:700}#map #attacks{z-index:800}#map #systems{z-index:900}#map #map-info{z-index:910}#map>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#map #sectors polygon{stroke:#fff;stroke-width:1px;stroke-dasharray:4 4;opacity:.15}#map #sectors .ally1{fill:#6e161b}#map #sectors .ally2{fill:#1f1471}#map #sectors .ally3{fill:#dbb200}#map #sectors .ally4{fill:#5a1072}#map #sectors .ally5{fill:#2c7915}#map #sectors .ally6{fill:#076b87}#map #sectors .ally7{fill:#67331d}#map #sectors .ally8{fill:#d87913}#map #sectors .ally9{fill:#2c7915}#map #sectors .ally10{fill:#760f36}#map #sectors .ally11{fill:#219772}#map #sectors .ally12{fill:#dbb200}#map #spying circle{opacity:.08;stroke:#fff}#map #own-base circle{opacity:.1;fill:#fff}#map #commercial-routes line{stroke:#fff;stroke-width:1px;stroke-dasharray:20 5 5 5 5 10}#map #commercial-routes line.standBy{stroke:rgba(255,255,255,.3)}#map #fleet-movements line{stroke-width:1px}#map #fleet-movements line.back{stroke-dasharray:15 5}#map #attacks line{stroke-width:1px}#map #attacks line.color1{stroke:#b01e2d}#map #attacks line.color2{stroke:#2f23c0}#map #attacks line.color3{stroke:#ffdb0f}#map #attacks line.color4{stroke:#a935c7}#map #attacks line.color5{stroke:#57c632}#map #attacks line.color6{stroke:#05bed7}#map #attacks line.color7{stroke:#ac5832}#map #attacks line.color8{stroke:#f2b636}#map #attacks line.color9{stroke:#57c632}#map #attacks line.color10{stroke:#a92859}#map #attacks line.color11{stroke:#34b089}#map #attacks line.color12{stroke:#ffdb0f}#map #attacks circle.color1{fill:#b01e2d}#map #attacks circle.color2{fill:#2f23c0}#map #attacks circle.color3{fill:#ffdb0f}#map #attacks circle.color4{fill:#a935c7}#map #attacks circle.color5{fill:#57c632}#map #attacks circle.color6{fill:#05bed7}#map #attacks circle.color7{fill:#ac5832}#map #attacks circle.color8{fill:#f2b636}#map #attacks circle.color9{fill:#57c632}#map #attacks circle.color10{fill:#a92859}#map #attacks circle.color11{fill:#34b089}#map #attacks circle.color12{fill:#ffdb0f}#map #systems a{display:block;position:absolute;border-radius:100%}#map #systems a.active{background:#000;box-shadow:0 0 0 1px #000,0 0 0 3px #fff,0 0 10px 8px #000}#map #systems a img{display:block;width:20px;height:20px;border:none;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}#map #systems a img.own{background:#fff}#map #systems .sector-number{position:absolute;display:block;font-size:22px;line-height:40px;width:40px;text-align:center;border-radius:100%;box-shadow:0 0 0 5px #0A0A0A,0 0 0 6px #4F4F4F;background:#202020;color:#fff;font-weight:700;cursor:pointer}#map #systems .sector-number.color1{background:#6e161b}#map #systems .sector-number.color2{background:#1f1471}#map #systems .sector-number.color3{background:#dbb200}#map #systems .sector-number.color4{background:#5a1072}#map #systems .sector-number.color5{background:#2c7915}#map #systems .sector-number.color6{background:#076b87}#map #systems .sector-number.color7{background:#67331d}#map #systems .sector-number.color8{background:#d87913}#map #systems .sector-number.color9{background:#2c7915}#map #systems .sector-number.color10{background:#760f36}#map #systems .sector-number.color11{background:#219772}#map #systems .sector-number.color12{background:#dbb200}#map #systems .sector-info{display:none;position:absolute;color:#fff;background:#000;background:rgba(0,0,0,.9);padding:8px 1pc;border-radius:3px}#map #systems .sector-info:before{content:'';position:absolute;left:-20px;top:20px;border-style:solid;border-width:10px;border-color:transparent #000 transparent transparent;border-color:transparent rgba(0,0,0,.9) transparent transparent}#map #systems .sector-info h2{position:relative;font-size:40px;font-weight:700;line-height:40px;text-shadow:0 0 5px #000;margin:0;padding:0}#map #systems .sector-info p{font-size:13px;margin:6px 0 0 0;padding:0;font-weight:700;font-variant:small-caps}#map #systems .sector-info p a{position:static;display:inline-block;color:#fff;background:#202020;border-radius:3px;line-height:20px;width:20px;text-align:center;text-decoration:none;border:solid 1px rgba(255,255,255,.5);margin:0 5px 0 0}#map #systems .sector-info.color1 p a{background:#6e161b}#map #systems .sector-info.color2 p a{background:#1f1471}#map #systems .sector-info.color3 p a{background:#dbb200}#map #systems .sector-info.color4 p a{background:#5a1072}#map #systems .sector-info.color5 p a{background:#2c7915}#map #systems .sector-info.color6 p a{background:#076b87}#map #systems .sector-info.color7 p a{background:#67331d}#map #systems .sector-info.color8 p a{background:#d87913}#map #systems .sector-info.color9 p a{background:#2c7915}#map #systems .sector-info.color10 p a{background:#760f36}#map #systems .sector-info.color11 p a{background:#219772}#map #systems .sector-info.color12 p a{background:#dbb200}#map #map-info{display:none;position:absolute;top:0;right:0;left:auto;bottom:auto;height:auto;width:auto;margin:40px 60px 0 0;color:#fff;text-align:right}#map #map-info h2{margin:0;padding:0 20px;font-size:38px;line-height:60px}#map #map-info h3{margin:0;padding:0 20px;font-size:1pc;font-weight:400;line-height:40px}#map #map-info ul{margin:10px 0;padding:0;list-style:none}#map #map-info ul li{position:relative;margin:0;padding:0 40px 0 0;line-height:20px;height:20px;font-style:italic;color:#CCC;font-size:13px}#map #map-info ul li img{position:absolute;right:10px;top:0}#map #spying circle{fill:#67331d}#map #fleet-movements line{stroke:#ac5832}#map #fleet-movements circle{fill:#ac5832}#map-option{z-index:1000;position:absolute;display:inline-block;height:2pc;padding:3px 0;background:url(src/desktop/map/bOption.png) repeat-x;top:30px;right:20px}#map-option:before{content:'';position:absolute;display:block;left:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bLeftOption.png)}#map-option:after{content:'';position:absolute;display:block;right:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bRightOption.png)}#map-option a{position:relative;display:inline-block;height:30px;width:30px;margin:1px 0 1px 1px;background:#0A0A0A}#map-option a.active{background:#004948}#map-option a img{position:absolute;top:5px;left:5px;width:22px}.color1 #map-option a.active{background:#510816}.color2 #map-option a.active{background:#0c0d44}.color3 #map-option a.active{background:#b17a00}.color4 #map-option a.active{background:#310948}.color5 #map-option a.active{background:#24500a}.color6 #map-option a.active{background:#004948}.color7 #map-option a.active{background:#401b13}.color8 #map-option a.active{background:#c3590b}.color9 #map-option a.active{background:#24500a}.color10 #map-option a.active{background:#4d0621}.color11 #map-option a.active{background:#10684c}.color12 #map-option a.active{background:#b17a00}#map-content{z-index:1000;position:absolute;top:5pc;right:20px;display:block}#map-content .mini-map{position:relative;width:300px;height:300px;overflow:hidden;border:solid 1px #202020;background:url(src/desktop/map/common/galaxy.jpg) no-repeat #0a0a0a}#map-content .mini-map polygon{stroke:#fff;stroke-width:.5px;opacity:.3}#map-content .mini-map polygon:focus,#map-content .mini-map polygon:hover{opacity:.1;cursor:pointer}#map-content .mini-map polygon.ally0{fill:#202020}#map-content .mini-map polygon.ally1{fill:#6e161b}#map-content .mini-map polygon.ally2{fill:#1f1471}#map-content .mini-map polygon.ally3{fill:#dbb200}#map-content .mini-map polygon.ally4{fill:#5a1072}#map-content .mini-map polygon.ally5{fill:#2c7915}#map-content .mini-map polygon.ally6{fill:#076b87}#map-content .mini-map polygon.ally7{fill:#67331d}#map-content .mini-map polygon.ally8{fill:#d87913}#map-content .mini-map polygon.ally9{fill:#2c7915}#map-content .mini-map polygon.ally10{fill:#760f36}#map-content .mini-map polygon.ally11{fill:#219772}#map-content .mini-map polygon.ally12{fill:#dbb200}#map-content .mini-map .number{position:absolute;z-index:600;top:0;left:0}#map-content .mini-map .sectors{z-index:500;position:absolute;top:0;left:0}#map-content .mini-map .bases{z-index:400;position:absolute;top:0;left:0}#map-content .mini-map .bases circle{fill:rgba(255,255,255,.2);stroke:#fff}#map-content .mini-map .viewport{position:absolute;top:0;left:0;background:rgba(255,255,255,.1);border:solid 1px #fff;border-radius:3px}#map-content .mini-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:11px}.map-movers{display:none;position:absolute;z-index:900;background-repeat:no-repeat;background-position:center}#coord-box{z-index:1000;position:absolute;bottom:20px;right:20px;width:5pc;padding:5px 10px;background:rgba(0,0,0,.8);color:#fff;font-size:20px;text-align:center}.tactical-map{margin:10px;position:relative;background:url(src/desktop/map/common/galaxy-large.jpg) repeat #0a0a0a}.tactical-map polygon{stroke:#fff;stroke-width:.3px;opacity:.15}.tactical-map polygon.enabled{position:relative;stroke-width:2px;opacity:.8;z-index:1}.tactical-map polygon.enabled.ally1{stroke:#510816}.tactical-map polygon.enabled.ally2{stroke:#0c0d44}.tactical-map polygon.enabled.ally3{stroke:#b17a00}.tactical-map polygon.enabled.ally4{stroke:#310948}.tactical-map polygon.enabled.ally5{stroke:#24500a}.tactical-map polygon.enabled.ally6{stroke:#004948}.tactical-map polygon.enabled.ally7{stroke:#401b13}.tactical-map polygon.enabled.ally8{stroke:#c3590b}.tactical-map polygon.enabled.ally9{stroke:#24500a}.tactical-map polygon.enabled.ally10{stroke:#4d0621}.tactical-map polygon.enabled.ally11{stroke:#10684c}.tactical-map polygon.enabled.ally12{stroke:#b17a00}.tactical-map polygon.ally0{fill:#202020}.tactical-map polygon.ally1{fill:#6e161b}.tactical-map polygon.ally2{fill:#1f1471}.tactical-map polygon.ally3{fill:#dbb200}.tactical-map polygon.ally4{fill:#5a1072}.tactical-map polygon.ally5{fill:#2c7915}.tactical-map polygon.ally6{fill:#076b87}.tactical-map polygon.ally7{fill:#67331d}.tactical-map polygon.ally8{fill:#d87913}.tactical-map polygon.ally9{fill:#2c7915}.tactical-map polygon.ally10{fill:#760f36}.tactical-map polygon.ally11{fill:#219772}.tactical-map polygon.ally12{fill:#dbb200}.tactical-map .number{position:absolute;z-index:800;top:0;left:0}.tactical-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:9pt;line-height:22px;width:22px;text-align:center;border-radius:100%;box-shadow:0 0 1px #fff}.tactical-map .number span.ally0{background:#0A0A0A}.tactical-map .number span.ally1{background:#510816}.tactical-map .number span.ally2{background:#0c0d44}.tactical-map .number span.ally3{background:#b17a00}.tactical-map .number span.ally4{background:#310948}.tactical-map .number span.ally5{background:#24500a}.tactical-map .number span.ally6{background:#004948}.tactical-map .number span.ally7{background:#401b13}.tactical-map .number span.ally8{background:#c3590b}.tactical-map .number span.ally9{background:#24500a}.tactical-map .number span.ally10{background:#4d0621}.tactical-map .number span.ally11{background:#10684c}.tactical-map .number span.ally12{background:#b17a00}.tactical-map .number span.active{background:#fff;color:#000;box-shadow:0 0 10px #000}.tactical-map.reactive polygon.enabled.active,.tactical-map.reactive polygon.enabled:hover{cursor:pointer}.tactical-map.reactive polygon.enabled.active.ally1,.tactical-map.reactive polygon.enabled:hover.ally1{fill:#510816}.tactical-map.reactive polygon.enabled.active.ally2,.tactical-map.reactive polygon.enabled:hover.ally2{fill:#0c0d44}.tactical-map.reactive polygon.enabled.active.ally3,.tactical-map.reactive polygon.enabled:hover.ally3{fill:#b17a00}.tactical-map.reactive polygon.enabled.active.ally4,.tactical-map.reactive polygon.enabled:hover.ally4{fill:#310948}.tactical-map.reactive polygon.enabled.active.ally5,.tactical-map.reactive polygon.enabled:hover.ally5{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally6,.tactical-map.reactive polygon.enabled:hover.ally6{fill:#004948}.tactical-map.reactive polygon.enabled.active.ally7,.tactical-map.reactive polygon.enabled:hover.ally7{fill:#401b13}.tactical-map.reactive polygon.enabled.active.ally8,.tactical-map.reactive polygon.enabled:hover.ally8{fill:#c3590b}.tactical-map.reactive polygon.enabled.active.ally9,.tactical-map.reactive polygon.enabled:hover.ally9{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally10,.tactical-map.reactive polygon.enabled:hover.ally10{fill:#4d0621}.tactical-map.reactive polygon.enabled.active.ally11,.tactical-map.reactive polygon.enabled:hover.ally11{fill:#10684c}.tactical-map.reactive polygon.enabled.active.ally12,.tactical-map.reactive polygon.enabled:hover.ally12{fill:#b17a00}#action-box{display:block;z-index:1100;position:absolute;width:100%;height:300px;bottom:-300px;left:0;border-top:solid 1px #0A0A0A;background:#000;box-shadow:0 0 15px #000}#action-box .header{position:relative;background:#000;border-bottom:solid 1px #202020;height:36px;color:#EFEFEF}#action-box .header ul{list-style:none inset;margin:0;padding:0}#action-box .header ul li{display:inline-block;line-height:36px;padding:0 10px;color:#CCC;border-right:solid 1px #202020}#action-box .header ul li a{display:inline-block;line-height:24px;margin:3px 0;padding:0 6px;text-decoration:none;color:#CCC;background:#0A0A0A;border:solid 1px #202020;border-right:none;color:#8F8F8F}#action-box .header ul li a:first-child{border-radius:3px 0 0 3px}#action-box .header ul li a:last-child{border-right:solid 1px #202020;border-radius:0 3px 3px 0}#action-box .header ul li a:focus,#action-box .header ul li a:hover{background:#202020;color:#fff}#action-box .header ul li a.active{color:#fff;position:relative;z-index:1;background:#401b13}#action-box .header ul li img{position:relative;top:5px;width:20px;border-radius:100%}#action-box .header .button{position:absolute;top:7px;right:10px;line-height:22px;width:22px;text-align:center;background:#202020;border-radius:3px;text-decoration:none;text-transform:uppercase;color:#fff}#action-box .header .button:focus,#action-box .header .button:hover{background:#4F4F4F}#action-box .body{position:relative;overflow:hidden;width:100%;height:263px;background:url(src/desktop/map/common/bLine.jpg) repeat-x center #080808}#action-box .actbox-movers{position:absolute;display:block;width:60px;height:263px;z-index:1103;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#action-box .actbox-movers:focus,#action-box .actbox-movers:hover{background-color:rgba(255,255,255,.05)}#action-box .actbox-movers:active{background-color:rgba(255,255,255,.15)}#action-box .actbox-movers#actboxToLeft{background:url(src/desktop/mover/left.png) no-repeat center}#action-box .actbox-movers#actboxToRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center}#action-box .body .system{position:absolute;top:0;left:0;height:263px;width:3000px}#action-box .body .system ul{display:inline-block;list-style:none inset;margin:0;padding:0}#action-box .body .system ul li{display:inline-block}#action-box .body .system ul li.action,#action-box .body .system ul li.place a{width:75pt;height:260px;border-top:solid 3px #fff;position:relative}#action-box .body .system ul li.action.color1,#action-box .body .system ul li.place.color1 a{border-top-color:#6e161b}#action-box .body .system ul li.action.color2,#action-box .body .system ul li.place.color2 a{border-top-color:#1f1471}#action-box .body .system ul li.action.color3,#action-box .body .system ul li.place.color3 a{border-top-color:#dbb200}#action-box .body .system ul li.action.color4,#action-box .body .system ul li.place.color4 a{border-top-color:#5a1072}#action-box .body .system ul li.action.color5,#action-box .body .system ul li.place.color5 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color6,#action-box .body .system ul li.place.color6 a{border-top-color:#076b87}#action-box .body .system ul li.action.color7,#action-box .body .system ul li.place.color7 a{border-top-color:#67331d}#action-box .body .system ul li.action.color8,#action-box .body .system ul li.place.color8 a{border-top-color:#d87913}#action-box .body .system ul li.action.color9,#action-box .body .system ul li.place.color9 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color10,#action-box .body .system ul li.place.color10 a{border-top-color:#760f36}#action-box .body .system ul li.action.color11,#action-box .body .system ul li.place.color11 a{border-top-color:#219772}#action-box .body .system ul li.action.color12,#action-box .body .system ul li.place.color12 a{border-top-color:#dbb200}#action-box .body .system ul li.star{width:300px;height:263px;border-left:solid 1px #0F0F0F;background:url(src/desktop/map/systems/default.png) no-repeat center center}#action-box .body .system ul li.place a{display:block;border-left:solid 1px #0F0F0F;text-align:center}#action-box .body .system ul li.place a strong{position:absolute;bottom:8px;left:10px;font-size:18px;font-weight:700;color:#fff}#action-box .body .system ul li.place a .land{position:absolute;z-index:1102;top:88px;left:10px;width:5pc;border-radius:100%}#action-box .body .system ul li.place.active a .land{box-shadow:0 0 0 1px #202020;background:#080808}#action-box .body .system ul li.place a .avatar{position:absolute;z-index:1101;top:10px;left:20px;padding:7px;border:solid 1px #0F0F0F;background:#000;width:47px;border-radius:100%}#action-box .body .system ul li.action{width:0;overflow:hidden}#action-box .body .system ul li.action .content{position:absolute;top:9px;left:9pt;height:15pc;width:545px;background:#111;border:solid 1px #202020;box-shadow:inset 0 0 5px #000;border-radius:3px}#action-box .body .system ul li.action .content:before{content:'';position:absolute;top:107px;left:-24px;border-width:9pt;border-style:solid;border-color:transparent #202020 transparent transparent}#action-box .body .system ul li.action .content .column{position:relative;display:inline-block;vertical-align:top;height:15pc;border-right:solid 1px #202020;color:#fff}#action-box .body .system ul li.action .content .column .last-spy-link{position:absolute;top:6px;right:8px;opacity:.5;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}#action-box .body .system ul li.action .content .column .last-spy-link:focus,#action-box .body .system ul li.action .content .column .last-spy-link:hover{opacity:1}#action-box .body .system ul li.action .content .column.info{width:199px}#action-box .body .system ul li.action .content .column.act{width:345px;border-right:none}#action-box .body .system ul li.action .content .column p{margin:2px 10px}#action-box .body .system ul li.action .content .column a{color:#fff}#action-box .body .system ul li.action .content .column hr{margin:8px 10px;border:none;background:0 0;border-bottom:solid 1px #202020}#action-box .body .system ul li.action .content .column strong{line-height:30px}#action-box .body .system ul li.action .content .column.info strong{line-height:28px;font-size:18px}#action-box .body .system ul li.action .content .column .label{display:inline-block;width:78px;font-size:9pt}#action-box .body .system ul li.action .content .column .value{display:inline-block;width:75pt;text-align:left}#action-box .body .system ul li.action .content .column .value .icon,#action-box .body .system ul li.action .content .column .value .icon-color{width:18px;height:18px;padding:1px}#action-box .body .system ul li.action .content .column.act .top .grey{opacity:.4}#action-box .body .system ul li.action .content .column.act .top img{width:45px;padding:8px;margin:0 4px 2px 0;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}#action-box .body .system ul li.action .content .column .bottom,#action-box .body .system ul li.action .content .column .top{padding:5px}#action-box .body .system ul li.action .box{display:none;position:absolute;left:10px;right:10px;bottom:10px;top:5pc;background:#000;border-radius:3px}#action-box .body .system ul li.action .box:nth-child(1){display:block}#action-box .body .system ul li.action .box:before{content:'';position:absolute;top:-20px;border-style:solid;border-width:10px;border-color:transparent transparent #000 transparent}#action-box .body .system ul li.action .box:nth-child(1):before{left:15px}#action-box .body .system ul li.action .box:nth-child(2):before{left:84px}#action-box .body .system ul li.action .box:nth-child(3):before{left:152px}#action-box .body .system ul li.action .box:nth-child(4):before{left:218px}#action-box .body .system ul li.action .box:nth-child(5):before{left:284px}#action-box .body .system ul li.action .box h2{margin:0;padding:0 11px;line-height:35px;font-size:15px}#action-box .body .system ul li.action .box .box-content{position:absolute;top:35px;left:0;right:0;bottom:0;border-radius:0 0 3px 3px;padding:8px 10px;background:#080808;border:solid 1px #000;overflow:hidden}#action-box .body .system ul li.action .box .box-content .commander-tile .item{display:none}#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander{display:block}#action-box .body .system ul li.action .box .box-content .spy-button{display:inline-block;width:75pt;text-decoration:none;margin:8px 0}#action-box .body .system ul li.action .box .box-content .spy-button .picto{float:left;width:30px;height:30px;margin:0 5px 0 0}#action-box .body .system ul li.action .box .box-content .spy-button span{display:block}#action-box .body .system ul li.action .box .box-content .spy-button .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .spy-form{margin-top:10px}#action-box .body .system ul li.action .box .box-content .spy-form input{width:187px;padding:7px;border:none;background:#fff;border-radius:3px 0 0 3px}#action-box .body .system ul li.action .box .box-content .spy-form button{width:75pt;padding:6px 6px;border:none;color:#fff;background:#67331d;cursor:pointer;border-radius:0 3px 3px 0}#action-box .body .system ul li.action .box .box-content .spy-form button:focus,#action-box .body .system ul li.action .box .box-content .spy-form button:hover{background:#401b13}#action-box .body .system ul li.action .box .box-content .label-box{display:inline-block;width:50%;margin:5px 0}#action-box .body .system ul li.action .box .box-content .label-box .key{display:block}#action-box .body .system ul li.action .box .box-content .label-box .val{display:block;font-size:18px;font-weight:700}#action-box .body .system ul li.action .box .box-content .rc{margin:5px 0 0 0;padding:10px 10px 0 50px;border-top:solid 1px #202020}#action-box .body .system ul li.action .box .box-content .rc .planet{position:absolute;top:-25px;left:-25px;width:76px;height:76px;border:solid 1px #202020;border-radius:100%;background:#000}#action-box .body .system ul li.action .box .box-content .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .button{display:inline-block;background:#202020;border:solid 1px #4F4F4F;line-height:26px;margin:5px 0 0 0;padding:0 8px;text-align:center;text-decoration:none}#action-box .body .system ul li.action .box .box-content a.button{background:#67331d;border:#401b13}#action-box .body .system ul li.action .box .box-content a.button:focus,#action-box .body .system ul li.action .box .box-content a.button:hover{background:#401b13}.component.admin table{margin:10px;border-collapse:collapse;width:877px}.component.admin table tr{border-bottom:solid 1px #202020}.component.admin table td{padding:5px 10px;vertical-align:top}.component.admin table .button{display:inline-block;padding:0 5px;line-height:25px;min-width:15px;text-align:center;color:#fff;border-radius:3px;background:#4F4F4F;text-decoration:none}.component.admin table td:nth-child(1){width:50px}.component.admin table td:nth-child(2){width:75pt}.component.admin table td:nth-child(3){width:auto}.component.admin table td:nth-child(4){width:5pc}.on-off-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#67331d;border:solid 1px #401b13;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}.on-off-button:focus,.on-off-button:hover{background:#401b13;border-color:#67331d}.on-off-button.disabled{background:#202020;border-color:#4F4F4F}.inscription #nav .box.left span{display:inline-block;line-height:2pc;padding:0 10px;margin:5px 2px;font-size:14px;width:5pc;text-align:center;color:#4f4f4f;text-decoration:none;font-variant:small-caps}.inscription #nav .box.left span.active{color:#fff}.inscription #nav .box.right{display:none}.inscription #inscription-subnav{position:fixed;top:45px;left:0;width:210px;margin:0 20px 0 60px;z-index:500}.inscription #inscription-subnav .bind{height:15px;background:url(src/desktop/inscriptionSubnav/bBind.png) no-repeat center}.inscription #inscription-subnav .head{position:relative;height:214px;background:url(src/desktop/inscriptionSubnav/bHead.png) no-repeat center}.inscription #inscription-subnav .head h2{position:absolute;margin:0;padding:0;top:5px;font-weight:700;font-size:1pc;line-height:24px;width:210px;overflow:hidden;text-align:center;color:#fff}.inscription #inscription-subnav .head img{position:absolute;top:43px;left:28px;width:125px;height:125px;background:#0A0A0A}.inscription #inscription-subnav .head .level{position:absolute;display:block;bottom:15px;left:0;width:100%;font-size:20px;line-height:41px;color:#fff;text-align:center;background:url(src/desktop/inscriptionSubnav/bLevel.png) no-repeat center}.inscription #inscription-subnav .head .experience{position:absolute;display:inline-block;top:50px;right:2pc;width:21px;height:7pc}.inscription #inscription-subnav .head .experience .value{position:absolute;display:block;width:100%;bottom:0;border-radius:3px}.inscription #inscription-subnav .foot{height:290px}.inscription #movers .toLeft{left:0!important}.inscription .component.inscription img.color1{background:#6e161b!important}.inscription .component.inscription img.color2{background:#1f1471!important}.inscription .component.inscription img.color3{background:#dbb200!important}.inscription .component.inscription img.color4{background:#5a1072!important}.inscription .component.inscription img.color5{background:#2c7915!important}.inscription .component.inscription img.color6{background:#076b87!important}.inscription .component.inscription img.color7{background:#67331d!important}.inscription .component.inscription img.color8{background:#d87913!important}.inscription .component.inscription img.color9{background:#2c7915!important}.inscription .component.inscription img.color10{background:#760f36!important}.inscription .component.inscription img.color11{background:#219772!important}.inscription .component.inscription img.color12{background:#dbb200!important}.inscription .component.inscription .chooseLink{display:block;margin:10px;padding:10px 60px 10px 20px;background:url(src/desktop/mover/right.png) no-repeat 235px center #ccc;text-decoration:none;color:#fff;text-shadow:0 0 2px #000;border:solid 1px #202020;cursor:pointer;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s}.inscription .component.inscription .chooseLink:focus,.inscription .component.inscription .chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.inscription .component.inscription button.chooseLink{width:277px;text-align:left}.inscription .component.inscription.color1 .chooseLink{background-color:#6e161b}.inscription .component.inscription.color2 .chooseLink{background-color:#1f1471}.inscription .component.inscription.color3 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color4 .chooseLink{background-color:#5a1072}.inscription .component.inscription.color5 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color6 .chooseLink{background-color:#076b87}.inscription .component.inscription.color7 .chooseLink{background-color:#67331d}.inscription .component.inscription.color8 .chooseLink{background-color:#d87913}.inscription .component.inscription.color9 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color10 .chooseLink{background-color:#760f36}.inscription .component.inscription.color11 .chooseLink{background-color:#219772}.inscription .component.inscription.color12 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color1 .chooseLink:focus,.inscription .component.inscription.color1 .chooseLink:hover{background-color:#510816}.inscription .component.inscription.color2 .chooseLink:focus,.inscription .component.inscription.color2 .chooseLink:hover{background-color:#0c0d44}.inscription .component.inscription.color3 .chooseLink:focus,.inscription .component.inscription.color3 .chooseLink:hover{background-color:#b17a00}.inscription .component.inscription.color4 .chooseLink:focus,.inscription .component.inscription.color4 .chooseLink:hover{background-color:#310948}.inscription .component.inscription.color5 .chooseLink:focus,.inscription .component.inscription.color5 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color6 .chooseLink:focus,.inscription .component.inscription.color6 .chooseLink:hover{background-color:#004948}.inscription .component.inscription.color7 .chooseLink:focus,.inscription .component.inscription.color7 .chooseLink:hover{background-color:#401b13}.inscription .component.inscription.color8 .chooseLink:focus,.inscription .component.inscription.color8 .chooseLink:hover{background-color:#c3590b}.inscription .component.inscription.color9 .chooseLink:focus,.inscription .component.inscription.color9 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color10 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#4d0621}.inscription .component.inscription.color11 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#10684c}.inscription .component.inscription.color12 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#b17a00}.inscription .component.inscription .chooseLink strong{display:block;font-size:15px;border-bottom:solid 1px rgba(255,255,255,.25);padding:0 0 5px 0;margin:0 0 5px 0}.inscription .component.inscription .chooseLink em{font-style:normal}.inscription .component.inscription span.chooseLink{background:#202020!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25);cursor:auto;padding:10px}.inscription .component.inscription span.chooseLink:focus,.inscription .component.inscription span.chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}.inscription .component.inscription blockquote{line-height:200%}.inscription .component.inscription #base,.inscription .component.inscription #pseudo{position:relative;width:100%;border:none;padding:9pt 0;margin:0;text-align:center;font-size:26px;font-weight:700;background:#fff;border-radius:3px}.inscription .component.inscription.color1 #pseudo{color:#510816}.inscription .component.inscription.color2 #pseudo{color:#0c0d44}.inscription .component.inscription.color3 #pseudo{color:#b17a00}.inscription .component.inscription.color4 #pseudo{color:#310948}.inscription .component.inscription.color5 #pseudo{color:#24500a}.inscription .component.inscription.color6 #pseudo{color:#004948}.inscription .component.inscription.color7 #pseudo{color:#401b13}.inscription .component.inscription.color8 #pseudo{color:#c3590b}.inscription .component.inscription.color9 #pseudo{color:#24500a}.inscription .component.inscription.color10 #pseudo{color:#4d0621}.inscription .component.inscription.color11 #pseudo{color:#10684c}.inscription .component.inscription.color12 #pseudo{color:#b17a00}.inscription .component.inscription .avatars{padding:5px;text-align:center}.inscription .component.inscription .avatar{position:relative;display:inline-block;margin:0 5px;padding:5px;background:#202020;border:solid 5px #0A0A0A;border-radius:100%}.inscription .component.inscription .avatar input{position:absolute;top:10px;left:10px}.inscription .component.inscription .avatar img{display:block;width:117px;cursor:pointer;border-radius:100%}.inscription .component.inscription.color1 .avatar:hover{border-color:#510816}.inscription .component.inscription.color2 .avatar:hover{border-color:#0c0d44}.inscription .component.inscription.color3 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color4 .avatar:hover{border-color:#310948}.inscription .component.inscription.color5 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color6 .avatar:hover{border-color:#004948}.inscription .component.inscription.color7 .avatar:hover{border-color:#401b13}.inscription .component.inscription.color8 .avatar:hover{border-color:#c3590b}.inscription .component.inscription.color9 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color10 .avatar:hover{border-color:#4d0621}.inscription .component.inscription.color11 .avatar:hover{border-color:#10684c}.inscription .component.inscription.color12 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color1 .avatar.active{border-color:#b01e2d}.inscription .component.inscription.color2 .avatar.active{border-color:#2f23c0}.inscription .component.inscription.color3 .avatar.active{border-color:#ffdb0f}.inscription .component.inscription.color4 .avatar.active{border-color:#a935c7}.inscription .component.inscription.color5 .avatar.active{border-color:#57c632}.inscription .component.inscription.color6 .avatar.active{border-color:#05bed7}.inscription .component.inscription.color7 .avatar.active{border-color:#ac5832}.inscription .component.inscription.color8 .avatar.active{border-color:#f2b636}.inscription .component.inscription.color9 .avatar.active{border-color:#57c632}.inscription .component.inscription.color10 .avatar.active{border-color:#a92859}.inscription .component.inscription.color11 .avatar.active{border-color:#34b089}.inscription .component.inscription.color12 .avatar.active{border-color:#ffdb0f}.inscription #alert{bottom:-9pt;z-index:10000}.inscription .build-item{min-height:60px}.inscription .build-item .name{padding-top:2px!important}.inscription .build-item .name strong{font-size:1pc!important}.inscription .build-item .name em{font-size:9pt!important}.color0 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor0.png) no-repeat top left}.color1 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor1.png) no-repeat top left}.color2 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor2.png) no-repeat top left}.color3 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor3.png) no-repeat top left}.color4 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor4.png) no-repeat top left}.color5 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor5.png) no-repeat top left}.color6 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor6.png) no-repeat top left}.color7 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor7.png) no-repeat top left}.color8 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor8.png) no-repeat top left}.color9 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor9.png) no-repeat top left}.color10 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor10.png) no-repeat top left}.color11 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor11.png) no-repeat top left}.color12 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor12.png) no-repeat top left}.ac_results{width:100%;padding:0;border:1px solid #4F4F4F;background-color:#fff;overflow:hidden;z-index:99999;box-shadow:0 0 6px #000;border-radius:3px}.ac_results ul{width:100%;padding:0;margin:0;list-style-position:outside;list-style:none}.ac_results ul li{padding:4px 8px;margin:0;cursor:default;display:block;border-bottom:solid 1px #CCC;overflow:hidden}.ac_results ul li:last-child{border:none}.ac_results .img{float:left;width:36px;background:#202020;border-radius:3px;margin:0 8px 0 0}.ac_results .value-1,.ac_results .value-2{display:block;line-height:18px}.ac_results .value-1{font-weight:700}.ac_loading{background:#fff url(src/desktop/module/indicator.gif) right center no-repeat}.ac_over{background:#efefef}.ac_results .ac_over strong{color:#000}.ac_results .ac_over img{background:#fff}
\ No newline at end of file
+html {
+ height: 100%;
+}
+body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Roboto', 'Trebuchet MS', 'Arial', sans-serif;
+ font-size: 13px;
+}
+.bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ max-width: 280px;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+}
+.bull.top:before {
+ bottom: -14px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+.bull.bottom:before {
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+}
+.bull.left:before {
+ right: 12px;
+}
+.bull.right:before {
+ left: 12px;
+}
+body {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: black;
+}
+#nav,
+#tools {
+ position: fixed;
+ width: 100%;
+ height: 26px;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ box-shadow: 0 0 10px black;
+ z-index: 1000;
+ border-color: #ac5832;
+}
+#nav {
+ top: 0;
+ left: 0;
+ background: url('src/desktop/nav/bNav.png') repeat-x black;
+ border-bottom: solid 3px black;
+}
+#tools {
+ bottom: 0;
+ left: 0;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ border-top: solid 3px black;
+}
+#container {
+ position: absolute;
+ top: 29px;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ background: black;
+ overflow: hidden;
+ z-index: 0;
+ background: url('src/desktop/global/background.jpg') repeat-x black;
+}
+.icon,
+.icon-color {
+ display: inline-block;
+ vertical-align: bottom;
+ padding: 2px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.icon-color {
+ background: #ac5832 !important;
+}
+#background-paralax {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: no-repeat bottom left transparent;
+ z-index: 100;
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.profil {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.message {
+ background-image: url('src/desktop/screen/message.jpg');
+}
+#background-paralax.fleet {
+ background-image: url('src/desktop/screen/fleet.jpg');
+}
+#background-paralax.financial {
+ background-image: url('src/desktop/screen/financial.jpg');
+}
+#background-paralax.technology {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.rank {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.params {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.bases {
+ background-image: url('src/desktop/screen/base.jpg');
+}
+#movers a {
+ position: absolute;
+ width: 60px;
+ height: 100%;
+ z-index: 400;
+ background: red;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#movers a:hover,
+#movers a:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+#movers a:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+#movers .toLeft {
+ top: 0;
+ left: 60px;
+ background: url('src/desktop/mover/left.png') no-repeat center transparent;
+}
+#movers .toRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center transparent;
+}
+/* finance */
+.component.financial table {
+ border-collapse: collapse;
+ width: 100%;
+}
+.component.financial td {
+ vertical-align: top;
+ width: 50%;
+}
+/* uni */
+.component.uni .build-item {
+ height: 60px;
+ margin: 20px;
+}
+/* techno */
+.component.techno .build-item .name strong {
+ font-size: 16px;
+}
+/* school */
+.component.school .build-item .name strong {
+ font-size: 18px;
+}
+/* generator */
+.component.generator table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* dock1 */
+.component.dock1 table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* situation */
+.component.space .fix-body {
+ background: url('src/desktop/base/situation.jpg') no-repeat top left black;
+}
+/* memorial */
+.component.memorial blockquote {
+ font-size: 22px;
+ margin: 30px 15px 0 30px;
+ line-height: 160%;
+ font-weight: bold;
+ text-align: center;
+}
+.component .info-building {
+ margin: 10px;
+ padding: 0;
+ font-size: 13px;
+ border-top: solid 1px #4F4F4F;
+}
+.component .info-building h4 {
+ margin: 10px;
+}
+.component .info-building p {
+ font-size: 13px;
+}
+#tools .box a,
+#nav .box a,
+#tools .box > span,
+#nav .box > span {
+ position: relative;
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 25px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 150px;
+ color: white;
+ text-decoration: none;
+ font-variant: small-caps;
+ background: url('src/desktop/button/bButtonMiddle.png') repeat-x;
+}
+#tools .box a:before,
+#nav .box a:before,
+#tools .box > span:before,
+#nav .box > span:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonLeft.png') no-repeat;
+}
+#tools .box a:after,
+#nav .box a:after,
+#tools .box > span:after,
+#nav .box > span:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonRight.png') no-repeat;
+}
+#tools .box a.current-base,
+#nav .box a.current-base {
+ margin-left: 56px;
+}
+#tools .box a.current-base img,
+#nav .box a.current-base img {
+ position: absolute;
+ top: -16px;
+ left: -54px;
+ background: black;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ border: solid 2px #4F4F4F;
+ width: 60px;
+}
+#tools .box a:hover:before,
+#nav .box a:hover:before,
+#tools .box a:focus:before,
+#nav .box a:focus:before {
+ background: url('src/desktop/button/bButtonLeftHover.png') repeat;
+}
+#tools .box a:hover:after,
+#nav .box a:hover:after,
+#tools .box a:focus:after,
+#nav .box a:focus:after {
+ background: url('src/desktop/button/bButtonRightHover.png') repeat;
+}
+#tools .box a.active,
+#nav .box a.active {
+ background: url('src/desktop/button/bButtonMiddleActive.png') repeat;
+}
+#tools .box a.active:before,
+#nav .box a.active:before {
+ background: url('src/desktop/button/bButtonLeftActive.png') repeat;
+}
+#tools .box a.active:after,
+#nav .box a.active:after {
+ background: url('src/desktop/button/bButtonRightActive.png') repeat;
+}
+#tools .box a.square,
+#nav .box a.square {
+ position: relative;
+ padding: 0 5px;
+ margin: 5px 2px;
+ height: 32px;
+ width: 30px;
+ background: url('src/desktop/button/bLittleButton.png') no-repeat;
+ vertical-align: top;
+}
+#tools .box a.square:before,
+#nav .box a.square:before,
+#tools .box a.square:after,
+#nav .box a.square:after {
+ display: none;
+}
+#tools .box a.square:hover,
+#nav .box a.square:hover,
+#tools .box a.square:focus,
+#nav .box a.square:focus {
+ background: url('src/desktop/button/bLittleButtonHover.png') no-repeat;
+}
+#tools .box a.square.active,
+#nav .box a.square.active {
+ background: url('src/desktop/button/bLittleButtonActive-c7.png') no-repeat;
+}
+#tools .box a.square.active.flashy,
+#nav .box a.square.active.flashy {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: inset 0 0 12px #ac5832;
+}
+#tools .box a.square img,
+#nav .box a.square img {
+ position: absolute;
+ width: 24px;
+ top: 3px;
+ left: 8px;
+}
+#tools .box a.square span.number,
+#nav .box a.square span.number {
+ position: absolute;
+ top: -5px;
+ right: -5px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ font-size: 11px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ background: #401b13;
+}
+#nav .box {
+ position: absolute;
+ display: inline-block;
+ height: 46px;
+ padding: 0 3px;
+ background: url('src/desktop/nav/bNavBox.png') repeat-x;
+}
+#nav .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxLeft.png') no-repeat;
+}
+#nav .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxRight.png') no-repeat;
+}
+#nav .box.left {
+ top: 0;
+ left: 25px;
+}
+#nav .box.left-2 {
+ top: 0;
+ left: 420px;
+}
+#nav .box.left-3 {
+ top: 0;
+ left: 732px;
+}
+#nav .box.right {
+ top: 0;
+ right: 25px;
+}
+#nav .box a.square span.number {
+ bottom: -5px;
+ top: auto;
+}
+#tools .box {
+ position: absolute;
+ display: inline-block;
+ height: 40px;
+ padding: 1px 3px 0 3px;
+ background: url('src/desktop/tools/bToolBox.png') repeat-x;
+ font-size: 13px;
+}
+#tools .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxRight.png') no-repeat;
+}
+#tools .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxLeft.png') no-repeat;
+}
+#tools .box.left {
+ bottom: 0;
+ right: 340px;
+}
+#tools .box.right {
+ bottom: 0;
+ right: 25px;
+}
+#tools .box a.square img {
+ top: 4px;
+}
+#tools .box a.resource-link,
+#tools .box span.resource-link {
+ width: 110px;
+ font-size: 16px;
+}
+#tools .box a.resource-link img.icon-color,
+#tools .box span.resource-link img.icon-color {
+ position: relative;
+ display: inline-block;
+ width: 18px;
+ vertical-align: middle;
+ margin-left: 5px;
+ top: -2px;
+ padding: 1px;
+}
+#nav .overbox .overflow,
+#tools .overbox .overflow {
+ max-height: 400px;
+ overflow: auto;
+ position: relative;
+}
+#nav .overbox h2,
+#tools .overbox h2 {
+ color: white;
+ padding: 10px 15px;
+ margin: 0;
+ font-size: 14px;
+ font-weight: normal;
+ border-bottom: solid 1px #202020;
+}
+#nav .overbox .link-title,
+#tools .overbox .link-title {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ line-height: 20px;
+ font-size: 11px;
+ padding: 0 5px;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ text-decoration: none;
+ color: white;
+}
+#nav .overbox a,
+#tools .overbox a {
+ color: inherit;
+}
+#nav .overbox a.more-link,
+#tools .overbox a.more-link {
+ display: block;
+ padding: 8px;
+ font-size: 12px;
+ border-top: solid 1px #202020;
+ text-align: center;
+ text-decoration: none;
+ color: #4F4F4F;
+}
+#nav .overbox a.more-link:focus,
+#tools .overbox a.more-link:focus,
+#nav .overbox a.more-link:hover,
+#tools .overbox a.more-link:hover {
+ color: #CCC;
+}
+#nav .overbox p.info,
+#tools .overbox p.info {
+ padding: 5px 15px;
+ font-size: 12px;
+ text-align: center;
+ color: #CCC;
+}
+#nav .overbox .outside-button,
+#tools .overbox .outside-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #67331d;
+ border: solid 1px #401b13;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+#nav .overbox .outside-button:hover,
+#tools .overbox .outside-button:hover,
+#nav .overbox .outside-button:focus,
+#tools .overbox .outside-button:focus {
+ background: #401b13;
+ border-color: #67331d;
+}
+#nav .overbox .outside-button.disabled,
+#tools .overbox .outside-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+#nav .overbox input.outside-button,
+#tools .overbox input.outside-button {
+ line-height: 26px;
+}
+#nav .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+}
+#nav .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent transparent #202020 transparent;
+ top: -18px;
+ right: 30px;
+}
+#nav .overbox#change-bases {
+ top: 50px;
+ left: 10px;
+ width: 205px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#change-bases:before {
+ left: 30px;
+ right: auto;
+}
+#nav .overbox#change-bases a {
+ display: block;
+ padding: 3px 15px;
+ color: #CCC;
+ text-decoration: none;
+ font-size: 12px;
+ border-bottom: solid 1px #101010;
+}
+#nav .overbox#change-bases a:focus,
+#nav .overbox#change-bases a:hover {
+ background: #101010;
+}
+#nav .overbox#change-bases a.active {
+ background: #202020;
+}
+#nav .overbox#change-bases strong {
+ display: block;
+ color: #CCC;
+ font-size: 13px;
+}
+#nav .overbox#disconnect-box {
+ top: 50px;
+ right: 10px;
+ width: 205px;
+ padding: 8px 0;
+}
+#nav .overbox#disconnect-box hr {
+ margin: 8px 0;
+ border: none;
+ background: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#disconnect-box a {
+ display: block;
+ padding: 0 15px;
+ line-height: 25px;
+ font-size: 13px;
+ color: #CCC;
+ text-decoration: none;
+}
+#nav .overbox#disconnect-box a:hover,
+#nav .overbox#disconnect-box a:focus {
+ color: white;
+ background: #202020;
+}
+#nav .overbox#bug-tracker {
+ width: 250px;
+ top: 50px;
+ right: 98px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#bug-tracker p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 10px;
+}
+#nav .overbox#bug-tracker .option {
+ margin: 3px 10px 10px 10px;
+ display: block;
+ width: 330px;
+ padding: 5px;
+}
+#nav .overbox#bug-tracker textarea {
+ display: block;
+ margin: 0 10px 10px 10px;
+ padding: 5px;
+ width: 318px;
+ height: 200px;
+ min-width: 318px;
+ max-width: 318px;
+ border: solid 1px #202020;
+ font-family: 'Trebuchet MS', sans-serif;
+ font-size: 13px;
+}
+#nav .overbox#bug-tracker .button {
+ display: block;
+ margin: 0 10px 2px 10px;
+}
+#nav .overbox#roadmap {
+ width: 350px;
+ top: 50px;
+ right: 10px;
+}
+#nav .overbox#roadmap .overflow {
+ width: 350px;
+ padding: 8px 0;
+}
+#nav .overbox#roadmap p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 0 10px 10px 10px;
+}
+#nav .overbox#roadmap p em {
+ display: block;
+ font-size: 11px;
+ color: #4F4F4F;
+}
+#nav .overbox#roadmap hr {
+ margin: 5px 0;
+ border: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial {
+ width: 350px;
+ top: 50px;
+ right: 143px;
+ color: white;
+}
+#nav .overbox#tutorial form {
+ padding: 0 0 10px 0;
+ margin: 0;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial .overflow {
+ padding: 15px 15px 0 15px;
+}
+#nav .overbox#tutorial .overflow h3 {
+ position: relative;
+ margin: 0;
+ padding: 0 0 0 36px;
+}
+#nav .overbox#tutorial .overflow h3 .number {
+ position: absolute;
+ top: -4px;
+ left: 0;
+ display: block;
+ width: 26px;
+ line-height: 26px;
+ text-align: center;
+ background: #401b13;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ margin-right: 10px;
+}
+#nav .overbox#tutorial .overflow p {
+ font-size: 12px;
+ color: #CCC;
+}
+#nav .overbox#new-notifications {
+ top: 50px;
+ left: 627px;
+ width: 300px;
+}
+#tools .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ width: 300px;
+ bottom: 45px;
+ right: 15px;
+}
+#tools .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: #202020 transparent transparent transparent;
+ bottom: -18px;
+ right: 30px;
+}
+#tools .overbox.left-pic:before {
+ left: 30px;
+ right: auto;
+}
+#tools .overbox#tools-calendar {
+ left: 25px;
+ bottom: 45px;
+ right: auto;
+}
+#tools .overbox#tools-refinery {
+ right: 401px;
+ bottom: 45px;
+}
+#tools .overbox#tools-generator {
+ right: 237px;
+ bottom: 45px;
+}
+#tools .overbox#tools-technosphere {
+ right: 193px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock1 {
+ right: 148px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock2 {
+ right: 105px;
+ bottom: 45px;
+}
+#tools .overbox#tools-credit {
+ right: 140px;
+ bottom: 45px;
+}
+#tools .overbox#tools-incoming-attack {
+ right: 230px;
+ bottom: 45px;
+}
+#tools .overbox#tools-outgoing-attack {
+ right: 185px;
+ bottom: 45px;
+}
+#subnav {
+ position: fixed;
+ top: 29px;
+ left: 2px;
+ bottom: 29px;
+ padding: 40px 0;
+ width: 60px;
+ background: url('src/desktop/subnav/middle.png') repeat-y;
+ z-index: 1000;
+}
+#subnav hr {
+ border: none;
+ margin: 20px 0;
+}
+#subnav .overflow {
+ position: relative;
+}
+#subnav .move-side-bar {
+ display: none;
+ position: absolute;
+ z-index: 5000;
+ left: 5px;
+ width: 48px;
+ height: 48px;
+ line-height: 48px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.75);
+ background-position: center;
+ background-repeat: no-repeat;
+ border-radius: 100%;
+ cursor: pointer;
+}
+#subnav .move-side-bar:hover,
+#subnav .move-side-bar:focus {
+ box-shadow: 0 0 3px white;
+}
+#subnav .move-side-bar.top {
+ bottom: auto;
+ top: 20px;
+ background-image: url('src/desktop/component/top.png');
+}
+#subnav .move-side-bar.bottom {
+ bottom: 20px;
+ top: auto;
+ background-image: url('src/desktop/component/bottom.png');
+}
+#subnav .item {
+ position: relative;
+ display: block;
+ height: 50px;
+ width: 50px;
+ margin: 0 0 10px 0;
+ padding: 8px 5px;
+ color: white;
+ text-decoration: none;
+ background: url('src/desktop/subnav/button.png') no-repeat;
+}
+#subnav .item.active {
+ background: url('src/desktop/subnav/button-active-c7.png') no-repeat;
+}
+#subnav .item.striped {
+ background: url('src/desktop/subnav/button-striped.png') no-repeat;
+}
+#subnav .item:before {
+ content: '';
+ position: absolute;
+ right: -6px;
+ bottom: 0;
+ width: 12px;
+ height: 47px;
+ background: url('src/desktop/subnav/til.png') no-repeat;
+}
+#subnav .item:hover:before {
+ background: url('src/desktop/subnav/til-hover.png') no-repeat;
+}
+#subnav .item:hover > .content {
+ display: block;
+}
+#subnav .item .picto {
+ display: block;
+ height: 30px;
+ width: 30px;
+ padding: 10px;
+}
+#subnav .item .picto img {
+ display: block;
+ height: 30px;
+ width: 30px;
+}
+#subnav .item .picto .number {
+ position: absolute;
+ bottom: -5px;
+ right: -18px;
+ display: block;
+ width: 28px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ font-size: 12px;
+ background: url('src/desktop/subnav/number.png') no-repeat;
+}
+#subnav .item .content {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 75px;
+ width: 230px;
+}
+#subnav .item .content.skin-1 span {
+ display: inline-block;
+ margin: 15px 0 15px 16px;
+ padding: 0 15px;
+ line-height: 30px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-1 span:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content {
+ display: inline-block;
+ margin: 0 0 0 16px;
+ padding: 10px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-2 .sub-content:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content hr {
+ border: none;
+ border-top: solid 1px #4F4F4F;
+ margin: 5px 0;
+}
+#subnav .item .content.skin-2 .sub-content .ship {
+ position: relative;
+}
+#subnav .item .content.skin-2 .sub-content .ship img {
+ width: 32px;
+ height: 32px;
+}
+#subnav .item .content.skin-2 .sub-content .ship img.zero {
+ opacity: .5;
+}
+#subnav .item .content.skin-2 .sub-content .ship .number {
+ position: absolute;
+ bottom: -2px;
+ right: -2px;
+ width: 18px;
+ height: 18px;
+ line-height: 18px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ text-align: center;
+ background: #ac5832;
+}
+#alert-content {
+ display: none;
+}
+#alert {
+ position: absolute;
+ bottom: 18px;
+ left: 50px;
+ padding: 0;
+ text-align: right;
+ list-style: inset none;
+}
+#alert li {
+ position: relative;
+ display: inline-block;
+ margin: 0 0 0 5px;
+}
+#alert li img {
+ display: block;
+ height: 50px;
+ border: solid 1px #202020;
+ padding: 5px;
+ background: #0A0A0A;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.alert-bull {
+ display: block;
+ position: absolute;
+ z-index: 1200;
+ width: 200px;
+ padding: 6px 8px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.alert-bull .title {
+ display: block;
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+ border-bottom: solid 1px #4F4F4F;
+}
+.alert-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ bottom: -14px;
+ left: 24px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+#content {
+ position: absolute;
+ width: 8000px;
+ height: 100%;
+ top: 0;
+ left: 300px;
+ z-index: 200;
+}
+#content .component {
+ position: relative;
+ display: table-cell;
+ overflow: hidden;
+ width: 300px;
+ background: rgba(0, 0, 0, 0.92);
+}
+#content .component.size2 {
+ width: 600px;
+}
+#content .component.size3 {
+ width: 900px;
+}
+#content .component:nth-child(1) {
+ background: rgba(0, 0, 0, 0.6);
+}
+#content .component:nth-child(2) {
+ background: rgba(0, 0, 0, 0.75);
+}
+#content .component:nth-child(3) {
+ background: rgba(0, 0, 0, 0.85);
+}
+#content .component:nth-child(4) {
+ background: rgba(0, 0, 0, 0.9);
+}
+#content .component .head {
+ position: relative;
+ display: inline-block;
+ height: 120px;
+ width: 100%;
+ vertical-align: top;
+ color: white;
+ background: url('src/desktop/component/bHead.jpg') repeat-x center black;
+ border-bottom: solid 1px #202020;
+}
+#content .component .head h1 {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ font-size: 38px;
+ line-height: 50px;
+ height: 50px;
+ display: inline-block;
+ padding: 0 10px;
+ background: black;
+ overflow: hidden;
+}
+#content .component .fix-body {
+ position: relative;
+ overflow: auto;
+ color: white;
+ border-right: solid 1px #202020;
+}
+#content .component .fix-body .body {
+ position: relative;
+}
+.no-scrolling #content .component .fix-body {
+ overflow: hidden;
+}
+.no-scrolling #content .component .fix-body > a {
+ position: absolute;
+ width: 100%;
+ height: 40px;
+ left: 0;
+ opacity: 0;
+}
+.no-scrolling #content .component .fix-body.hover > a {
+ opacity: 1;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+.no-scrolling #content .component .fix-body .toTop {
+ top: 0;
+ background-image: url('src/desktop/component/top.png'), -webkit-gradient(linear, black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -moz-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -ms-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -o-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+}
+.no-scrolling #content .component .fix-body .toBottom {
+ bottom: 0;
+ background-image: url('src/desktop/component/bottom.png'), -webkit-gradient(linear, transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+}
+#content .component.invisible {
+ background: transparent;
+}
+#content .component.invisible .publicity {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: red;
+}
+.component .tool {
+ display: table;
+ width: 100%;
+ height: 44px;
+ margin: 0;
+ overflow: hidden;
+ background: black;
+ border-bottom: solid 1px #ac5832;
+ color: #4F4F4F;
+}
+.component .tool > span {
+ display: table-cell;
+ width: 28px;
+ border: solid 6px transparent;
+ border-left: none;
+}
+.component .tool > span:first-child {
+ border: solid 5px transparent;
+ width: auto;
+ text-align: center;
+}
+.component .tool > span:first-child a {
+ width: auto;
+}
+.component .tool > span a {
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 0;
+ line-height: 30px;
+ width: 30px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+ text-align: center;
+}
+.component .tool > span a img {
+ width: 18px;
+ position: relative;
+ top: -4px;
+}
+.component .tool > span a.active {
+ background: #67331d;
+ color: white;
+ border-color: #ac5832;
+}
+.component .tool > span a.active.down {
+ box-shadow: 0 2px 0 0 #CCC;
+}
+.component .tool > span a.active.up {
+ box-shadow: 0 -2px 0 0 #CCC;
+}
+.component .tool > span a.active:hover,
+.component .tool > span a.active:focus {
+ color: #CCC;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
+}
+.component .tool > span a:hover,
+.component .tool > span a:focus,
+.component .tool > span a:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .tool.sort-button > span:first-child {
+ text-align: center;
+}
+.component h3 {
+ width: 100%;
+ margin: 0;
+ background: black;
+ text-align: center;
+ padding: 0 2px;
+ line-height: 44px;
+ font-weight: normal;
+ font-size: 14px;
+ color: #4F4F4F;
+ text-decoration: none;
+ border-bottom: solid 1px #ac5832;
+}
+.component h4 {
+ margin: 10px 10px 0 10px;
+ font-weight: normal;
+ font-size: 18px;
+}
+.component .body p {
+ margin: 10px;
+ font-size: 13px;
+ text-align: justify;
+}
+.component .body p.info {
+ position: relative;
+ border-top: solid 1px #202020;
+ padding: 10px;
+ margin: 10px;
+ line-height: 140%;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component .body p.info a {
+ color: white;
+}
+.component .body p.info .requierement {
+ display: inline-block;
+ margin: 0 0 0 8px;
+ vertical-align: bottom;
+ height: 16px;
+}
+.component .body p.long-info {
+ padding: 10px;
+ line-height: 150%;
+ background: black;
+}
+.component .body p .alone-button {
+ display: block;
+ text-align: center;
+ color: white;
+ line-height: 40px;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #4F4F4F;
+ box-shadow: inset 0 0 2px black;
+ padding: 0 10px;
+ background: #401b13;
+}
+.component .body p .alone-button:hover,
+.component .body p .alone-button:focus {
+ background: #67331d;
+}
+.component .border-bottom {
+ border-bottom: solid 3px #ac5832;
+}
+.component .list-type-1 {
+ margin: 10px;
+ padding: 0;
+ list-style: none;
+}
+.component .list-type-1 li {
+ position: relative;
+ padding: 5px 10px;
+ text-align: right;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: rgba(0, 0, 0, 0.8);
+ color: #989898;
+}
+.component .list-type-1 li.strong {
+ border-top: double 3px #4F4F4F;
+ background: #111111;
+ color: white;
+}
+.component .list-type-1 li.empty {
+ background: none;
+ border: none;
+ height: 50px;
+}
+.component .list-type-1 li ul li {
+ height: auto;
+}
+.component .list-type-1 .label {
+ display: block;
+ font-size: 13px;
+}
+.component .list-type-1 .label .icon-color {
+ width: 15px;
+ padding: 1px;
+}
+.component .list-type-1 .value {
+ display: inline-block;
+ font-size: 22px;
+ line-height: 30px;
+ font-weight: bold;
+}
+.component .list-type-1 .value .icon,
+.component .list-type-1 .value .icon-color {
+ height: 18px;
+ margin-left: 8px;
+ position: relative;
+ top: -3px;
+}
+.component .list-type-1 .picto {
+ position: absolute;
+ top: 7px;
+ left: 10px;
+ height: 35px;
+ width: 35px;
+ line-height: 35px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+ font-size: 16px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+}
+.component .list-type-1 .picto.color1 {
+ background: #510816;
+}
+.component .list-type-1 .picto.color2 {
+ background: #0c0d44;
+}
+.component .list-type-1 .picto.color3 {
+ background: #b17a00;
+}
+.component .list-type-1 .picto.color4 {
+ background: #310948;
+}
+.component .list-type-1 .picto.color5 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color6 {
+ background: #004948;
+}
+.component .list-type-1 .picto.color7 {
+ background: #401b13;
+}
+.component .list-type-1 .picto.color8 {
+ background: #c3590b;
+}
+.component .list-type-1 .picto.color9 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color10 {
+ background: #4d0621;
+}
+.component .list-type-1 .picto.color11 {
+ background: #10684c;
+}
+.component .list-type-1 .picto.color12 {
+ background: #b17a00;
+}
+.component .list-type-1 .hide {
+ color: #4F4F4F;
+}
+.component .list-type-1 .buttons {
+ position: absolute;
+ top: 28px;
+ left: 5px;
+}
+.component .list-type-1 .buttons a {
+ display: inline-block;
+ margin: 0 4px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-style: 14px;
+ color: white;
+ border-radius: 3px;
+ background: #67331d;
+}
+.component .list-type-1 .progress-bar {
+ text-align: left;
+ margin-top: 5px;
+}
+.component .sub-list-type-1 {
+ display: none;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.component .sub-list-type-1 li {
+ position: relative;
+ padding: 2px 0;
+ text-align: left;
+ border: none;
+ border-top: solid 1px #0A0A0A;
+}
+.component .sub-list-type-1 .label {
+ display: inline-block;
+ width: 60%;
+}
+.component .sub-list-type-1 .label .button {
+ position: relative;
+ left: -4px;
+ margin: 0 0 0 3px;
+}
+.component .sub-list-type-1 .value {
+ text-align: right;
+ line-height: 25px;
+ font-size: 18px;
+ width: 40%;
+}
+.component .sub-list-type-1 .value .button {
+ margin: 0 2px 0 6px;
+}
+.component .sub-list-type-1 .button {
+ display: inline-block;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: normal;
+ color: white;
+ border-radius: 3px;
+ background: #ac5832;
+}
+.component .list-type-1 form {
+ z-index: 1;
+ position: absolute;
+ display: none;
+ bottom: -40px;
+ right: 3px;
+}
+.component .list-type-1 form p {
+ position: relative;
+ background: white;
+ border-radius: 3px;
+ padding: 0;
+ margin: 0;
+ width: 200px;
+ height: 35px;
+}
+.component .list-type-1 form p:before {
+ content: '';
+ position: absolute;
+ top: -12px;
+ right: 12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+}
+.component .list-type-1 form input {
+ border: none;
+ background: none;
+ line-height: 35px;
+ height: 35px;
+ padding: 0 10px;
+}
+.component .list-type-1 form input[type='text'] {
+ width: 140px;
+}
+.component .list-type-1 form input[type='submit'] {
+ width: 40px;
+}
+.component .sub-list-type-1 form {
+ right: -6px;
+}
+/* NUMBER BOX */
+.number-box {
+ position: relative;
+ margin: 10px;
+ padding: 5px 10px;
+ background: black;
+ color: white;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ border-left: solid 10px #67331d;
+}
+.number-box.half {
+ display: inline-block;
+ width: 254px;
+ margin-right: 0;
+ margin-bottom: 0;
+}
+.number-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.number-box.text {
+ border-left: solid 1px #0A0A0A;
+}
+.number-box.text a {
+ text-decoration: none;
+ color: white;
+}
+.number-box .label {
+ display: block;
+}
+.number-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.number-box .value .icon-color {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+.number-box .progress-bar {
+ margin: 5px 0;
+}
+.number-box .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.number-box .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #67331d;
+}
+/* PROGRESS BAR */
+.progress-bar {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 3px;
+ background: #4F4F4F;
+}
+.progress-bar .content {
+ position: relative;
+ display: inline-block;
+ height: 3px;
+ vertical-align: top;
+ overflow: hidden;
+ max-width: 100%;
+}
+.progress-bar .content:nth-child(n) {
+ background: #ac5832;
+}
+.progress-bar .content:nth-child(2n) {
+ background: #401b13;
+}
+.progress-bar .content.color1 {
+ background: #6e161b;
+}
+.progress-bar .content.color2 {
+ background: #1f1471;
+}
+.progress-bar .content.color3 {
+ background: #dbb200;
+}
+.progress-bar .content.color4 {
+ background: #5a1072;
+}
+.progress-bar .content.color5 {
+ background: #2c7915;
+}
+.progress-bar .content.color6 {
+ background: #076b87;
+}
+.progress-bar .content.color7 {
+ background: #67331d;
+}
+.progress-bar .content.color8 {
+ background: #d87913;
+}
+.progress-bar .content.color9 {
+ background: #2c7915;
+}
+.progress-bar .content.color10 {
+ background: #760f36;
+}
+.progress-bar .content.color11 {
+ background: #219772;
+}
+.progress-bar .content.color12 {
+ background: #dbb200;
+}
+.progress-bar .step {
+ position: absolute;
+}
+.progress-bar .step .label {
+ position: absolute;
+ display: block;
+ width: 150px;
+ left: 0;
+ top: -28px;
+}
+.progress-bar .step .label.bottom {
+ top: auto;
+ bottom: -28px;
+}
+.progress-bar .step .label.right {
+ right: 0;
+ left: auto;
+ text-align: right;
+}
+.progress-bar .step:before {
+ content: '';
+ position: absolute;
+ width: 12px;
+ height: 12px;
+ background: #67331d;
+ box-shadow: 0 0 0 3px #401b13;
+ border-radius: 100%;
+ top: -5px;
+ left: -5px;
+}
+/* BONUS */
+.bonus {
+ vertical-align: top;
+ display: inline-block;
+ font-size: 55%;
+ line-height: 100%;
+ padding: 3px;
+ margin: 2px 0 0 8px;
+ border-radius: 3px;
+ font-weight: normal;
+ background: #401b13;
+}
+/* HEAD */
+.component .head.skin-1 img {
+ position: absolute;
+ top: 22px;
+ left: 20px;
+ padding: 8px;
+ width: 60px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .head.skin-1 img:before {
+ content: '';
+ width: 100px;
+ height: 100px;
+}
+.component .head.skin-1 h2 {
+ position: absolute;
+ bottom: 66px;
+ left: 105px;
+ font-size: 22px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-1 em {
+ position: absolute;
+ top: 62px;
+ left: 105px;
+ font-size: 13px;
+ line-height: 16px;
+ font-style: normal;
+}
+.component .head.skin-2 h2 {
+ position: absolute;
+ display: inline-block;
+ top: 45px;
+ left: 10px;
+ font-size: 22px;
+ line-height: 30px;
+ margin: 0;
+ padding: 0 10px;
+ background: black;
+ font-weight: normal;
+}
+.component .head.skin-3 img {
+ position: absolute;
+ width: 50px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 27px;
+}
+.component .head.skin-3 img.left {
+ left: 40px;
+}
+.component .head.skin-3 img.right {
+ right: 40px;
+}
+.component .head.skin-4 img.main {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 37px;
+}
+.component .head.skin-4 h2 {
+ position: absolute;
+ top: 35px;
+ left: 60px;
+ font-size: 18px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-4 em {
+ position: absolute;
+ top: 65px;
+ left: 60px;
+ font-size: 13px;
+ line-height: 16px;
+}
+.component .head.skin-5 h2 {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ font-size: 16px;
+ font-weight: normal;
+ margin: 0;
+ padding: 0 20px;
+ background: black;
+}
+.component .head.skin-5 h2:before {
+ content: '';
+ position: absolute;
+ display: block;
+ top: 5px;
+ left: 0;
+ width: 8px;
+ height: 8px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .more-item,
+.component .more-button {
+ display: block;
+ margin: 10px 10px 5px;
+ line-height: 34px;
+ padding: 0 12px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+}
+.component .more-item:hover,
+.component .more-button:hover,
+.component .more-item:focus,
+.component .more-button:focus,
+.component .more-item:active,
+.component .more-button:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .nav-element {
+ position: relative;
+ display: block;
+ margin: 10px;
+ height: 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component .nav-element img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ height: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component .nav-element.active {
+ background: #67331d;
+}
+.component .nav-element .active img {
+ background: black;
+}
+.component .nav-element strong {
+ position: absolute;
+ top: 5px;
+ left: 70px;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component .nav-element em {
+ position: absolute;
+ top: 30px;
+ left: 70px;
+ color: white;
+ font-weight: normal;
+ font-size: 12px;
+ font-style: normal;
+ color: #efefef;
+}
+.component hr {
+ border: none;
+ border-bottom: dashed 1px #202020;
+ margin: 0 10px;
+}
+.component .set-item {
+ margin: 10px;
+ border-bottom: solid 1px #202020;
+}
+.component .set-item a.item:hover,
+.component .set-item a.item:focus {
+ background-color: #0c0c0c;
+}
+.component .set-item .item {
+ position: relative;
+ display: block;
+ color: white;
+ height: 60px;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+}
+.component .set-item .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+}
+.component .set-item .item .left img {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left img.color1 {
+ background: #6e161b;
+}
+.component .set-item .item .left img.color2 {
+ background: #1f1471;
+}
+.component .set-item .item .left img.color3 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.color4 {
+ background: #5a1072;
+}
+.component .set-item .item .left img.color5 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color6 {
+ background: #076b87;
+}
+.component .set-item .item .left img.color7 {
+ background: #67331d;
+}
+.component .set-item .item .left img.color8 {
+ background: #d87913;
+}
+.component .set-item .item .left img.color9 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color10 {
+ background: #760f36;
+}
+.component .set-item .item .left img.color11 {
+ background: #219772;
+}
+.component .set-item .item .left img.color12 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.round-color0 {
+ box-shadow: 0 0 0 2px #CCC;
+}
+.component .set-item .item .left img.round-color1 {
+ box-shadow: 0 0 0 2px #b01e2d;
+}
+.component .set-item .item .left img.round-color2 {
+ box-shadow: 0 0 0 2px #2f23c0;
+}
+.component .set-item .item .left img.round-color3 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left img.round-color4 {
+ box-shadow: 0 0 0 2px #a935c7;
+}
+.component .set-item .item .left img.round-color5 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color6 {
+ box-shadow: 0 0 0 2px #05bed7;
+}
+.component .set-item .item .left img.round-color7 {
+ box-shadow: 0 0 0 2px #ac5832;
+}
+.component .set-item .item .left img.round-color8 {
+ box-shadow: 0 0 0 2px #f2b636;
+}
+.component .set-item .item .left img.round-color9 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color10 {
+ box-shadow: 0 0 0 2px #a92859;
+}
+.component .set-item .item .left img.round-color11 {
+ box-shadow: 0 0 0 2px #34b089;
+}
+.component .set-item .item .left img.round-color12 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left span {
+ display: block;
+ width: 30px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 15px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left span.round-color0 {
+ background: #CCC;
+}
+.component .set-item .item .left span.round-color1 {
+ background: #b01e2d;
+}
+.component .set-item .item .left span.round-color2 {
+ background: #2f23c0;
+}
+.component .set-item .item .left span.round-color3 {
+ background: #ffdb0f;
+}
+.component .set-item .item .left span.round-color4 {
+ background: #a935c7;
+}
+.component .set-item .item .left span.round-color5 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color6 {
+ background: #05bed7;
+}
+.component .set-item .item .left span.round-color7 {
+ background: #ac5832;
+}
+.component .set-item .item .left span.round-color8 {
+ background: #f2b636;
+}
+.component .set-item .item .left span.round-color9 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color10 {
+ background: #a92859;
+}
+.component .set-item .item .left span.round-color11 {
+ background: #34b089;
+}
+.component .set-item .item .left span.round-color12 {
+ background: #ffdb0f;
+}
+.component .set-item .item .center {
+ position: absolute;
+ top: 0;
+ left: 60px;
+ right: 30px;
+ bottom: 0;
+ padding: 9px 0;
+}
+.component .set-item .item .center strong {
+ display: block;
+ line-height: 22px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+}
+.component .set-item .item .center a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+}
+.component .set-item .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 29px;
+ border-left: solid 1px #202020;
+}
+.component .set-item .item .right a {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 29px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+}
+.component .set-item .item .right a:hover,
+.component .set-item .item .right a:focus,
+.component .set-item .item .right a.active {
+ background-color: #202020;
+}
+.component .set-item .item .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.component .set-item .item .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #67331d;
+}
+.army-bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ width: 220px;
+ color: #CCC;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.army-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+ left: 18px;
+}
+.army-bull strong {
+ display: block;
+ padding-bottom: 5px;
+ margin-bottom: 5px;
+ border-bottom: solid 1px #4F4F4F;
+ font-weight: normal;
+}
+.army-bull .label {
+ display: inline-block;
+ width: 70px;
+}
+.army-bull .value {
+ display: inline-block;
+ width: 40px;
+}
+.component .build-item {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ width: 278px;
+}
+.component .build-item a {
+ color: white;
+}
+.component .build-item .name {
+ position: relative;
+ height: 40px;
+ padding: 5px 5px 5px 90px;
+}
+.component .build-item .name img {
+ z-index: 20;
+ position: absolute;
+ top: -10px;
+ left: 5px;
+ width: 60px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .build-item .name strong {
+ display: block;
+ font-size: 18px;
+}
+.component .build-item .level {
+ display: block;
+ position: absolute;
+ width: 22px;
+ line-height: 22px;
+ text-align: center;
+ font-size: 12px;
+ border-radius: 100%;
+ top: 38px;
+ left: 58px;
+ border: solid 1px white;
+ z-index: 22;
+ background: #67331d;
+}
+.component .build-item .info {
+ display: none;
+ position: absolute;
+ width: 20px;
+ line-height: 20px;
+ text-align: center;
+ font-size: 16px;
+ text-decoration: none;
+ border-radius: 3px;
+ top: 5px;
+ right: 5px;
+ background: #67331d;
+ color: white;
+}
+.component .build-item .name-commander {
+ margin: 10px 10px 0 10px;
+ height: 40px;
+ padding: 0 10px;
+ border: none;
+ background: white;
+ border-radius: 3px;
+ width: 240px;
+ text-align: center;
+ font-size: 16px;
+}
+.component .build-item .button {
+ display: block;
+ margin: 10px;
+ padding: 5px 10px;
+ width: 240px;
+ line-height: 20px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ background: #67331d;
+ box-shadow: inset 0 0 2px black;
+ border: none;
+ cursor: pointer;
+ min-height: 36px;
+}
+.component .build-item .button:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #ac5832;
+}
+.component .build-item .button.disable {
+ background: #202020;
+ cursor: default;
+}
+.component .build-item .button .icon-color {
+ width: 14px;
+}
+.component .build-item button.button {
+ width: 260px;
+}
+.component .build-item .ship-pack {
+ z-index: 10;
+ position: absolute;
+ bottom: 15px;
+ left: 15px;
+ width: 60px;
+ height: 40px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ background: white;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ border-radius: 3px;
+ box-shadow: inset 0 0 0 3px #CCC;
+}
+.component .build-item .ship-illu {
+ width: 260px;
+ margin: 5px 10px;
+ overflow: hidden;
+}
+.component .build-item .ship-illu img {
+ width: 100%;
+}
+.component .build-item.disabled {
+ opacity: .3;
+}
+.component .build-item.disabled .name img {
+ opacity: .50;
+}
+.component .build-item.disabled strong {
+ color: #4F4F4F;
+}
+.component .build-item.disabled .button.disable {
+ color: #696969;
+}
+.component .build-item.disabled .button.disable:hover {
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component .build-item.large {
+ width: 578px;
+}
+.component .build-item.large .info {
+ top: 75px;
+ right: 25px;
+}
+.component .build-item.large .button {
+ display: block;
+ top: -3px;
+ right: 0;
+ line-height: 18px;
+ width: 540px;
+ min-height: 36px;
+}
+.component .build-item.large .ship-illu {
+ width: 560px;
+ margin-top: 10px;
+}
+.component .build-item input {
+ display: block;
+ width: 243px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component .build-item select {
+ display: block;
+ width: 260px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component.panel-info .remove-info {
+ display: block;
+ position: absolute;
+ top: 2px;
+ right: 10px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ color: white;
+ border-radius: 3px;
+ background: #401b13;
+}
+.component.panel-info .table {
+ margin: 10px;
+}
+.component.panel-info .table table {
+ width: 100%;
+ text-align: right;
+ border-collapse: collapse;
+ background: black;
+}
+.component.panel-info .table td {
+ border: solid 1px #202020;
+ padding: 6px 8px;
+}
+.component.panel-info .table tr.small-grey {
+ background: #0A0A0A;
+}
+.component.panel-info .table tr.active td {
+ background: #0A0A0A;
+ border-bottom: solid 1px #4F4F4F;
+}
+.component.panel-info .table .icon-color {
+ width: 12px;
+}
+.component.panel-info .illu {
+ margin: 0 10px;
+ box-shadow: inset 0 0 5px black;
+}
+.component.panel-info .skill-box {
+ position: relative;
+ margin: 0 10px;
+ padding: 5px 10px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+}
+.component.panel-info .skill-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.component.panel-info .skill-box .label {
+ display: block;
+}
+.component.panel-info .skill-box .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.panel-info .skill-box .value .icon-color {
+ width: 18px;
+}
+.component.panel-info .skill-box .progress-bar {
+ margin: 6px 0 2px 0;
+}
+.splash-screen {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 10000;
+ opacity: 0;
+ background: rgba(0, 0, 0, 0.8);
+}
+.splash-screen .modal {
+ width: 500px;
+ height: 140px;
+ position: absolute;
+ top: 80px;
+ right: 3000px;
+ background: #0A0A0A;
+ padding: 25px 175px 25px 75px;
+ color: white;
+ border-radius: 140px;
+ border: solid 1px #202020;
+}
+.splash-screen .modal h1 {
+ font-size: 36px;
+ margin: 0;
+ padding: 0 0 10px 0;
+}
+.splash-screen .modal h2 {
+ font-size: 20px;
+ margin: 0;
+ padding: 0;
+}
+.splash-screen .modal img {
+ position: absolute;
+ top: -15px;
+ right: -50px;
+ width: 200px;
+ padding: 10px;
+ background: #202020;
+ border-radius: 100%;
+ border: solid 1px #4F4F4F;
+}
+.splash-screen .modal:before {
+ content: '';
+ position: absolute;
+ top: -80px;
+ right: 20px;
+ border-color: transparent transparent #4F4F4F transparent;
+ border-width: 40px;
+ border-style: solid;
+}
+.common-link {
+ color: white;
+}
+.component .top-right-button {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ padding: 0 10px;
+ line-height: 30px;
+ color: white;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #67331d;
+ z-index: 1;
+}
+.component .top-right-button:hover,
+.component .top-right-button:focus {
+ background: #401b13;
+}
+.alert {
+ display: block;
+ margin: 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ text-decoration: none;
+ color: white;
+ background: #67331d;
+ border-radius: 3px;
+ box-shadow: 0 0 2px black;
+}
+.common-link {
+ display: block;
+ margin: 10px;
+ color: white;
+ text-decoration: none;
+}
+.text-bloc a {
+ display: inline-block;
+ color: inherit;
+ opacity: .60;
+}
+.text-bloc a:hover,
+.text-bloc a:focus {
+ opacity: 1;
+}
+.queue {
+ margin: 10px;
+ color: white;
+}
+.queue .item {
+ position: relative;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ min-height: 60px;
+ display: block;
+}
+.queue .item.empty {
+ background: #0A0A0A;
+}
+.queue .item.empty strong {
+ font-weight: normal;
+}
+.queue .item.link {
+ min-height: 0;
+ padding: 10px;
+ color: #4F4F4F;
+ text-decoration: none;
+}
+.queue .item.link:hover,
+.queue .item.link:focus {
+ color: #CCC;
+}
+.queue .item a.button {
+ position: absolute;
+ display: block;
+ top: 2px;
+ right: 5px;
+ color: white;
+ text-decoration: none;
+}
+.queue .item a {
+ color: #CCC;
+}
+.queue .item .group-link {
+ position: absolute;
+ top: 9px;
+ right: 9px;
+}
+.queue .item .group-link a {
+ display: block;
+ width: 20px;
+ line-height: 20px;
+ margin: 0 0 5px 0;
+ border-radius: 3px;
+ color: white;
+ text-align: center;
+ text-decoration: none;
+ background: #67331d;
+}
+.queue .item .group-link a:hover,
+.queue .item .group-link a:focus {
+ background: #ac5832;
+}
+.queue .item .picto {
+ float: left;
+ width: 40px;
+ height: 40px;
+ margin: 5px;
+ padding: 5px;
+ background: black;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.queue .item strong {
+ display: block;
+ margin: 6px 0 2px 0;
+}
+.queue .item strong .level {
+ font-size: 11px;
+ color: #CCC;
+}
+.queue .item .big {
+ font-size: 24px;
+}
+.queue .item em {
+ display: block;
+ font-style: normal;
+ color: #AEAEAE;
+}
+.queue .item .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 5px;
+ height: 3px;
+ background: #4F4F4F;
+}
+.queue .item .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #ac5832;
+}
+.choose-government {
+ display: block;
+ margin: 10px;
+ padding: 10px;
+ background: #0A0A0A;
+ border-radius: 3px;
+}
+.choose-government select {
+ display: block;
+ width: 100%;
+ padding: 8px;
+}
+.choose-government button {
+ display: block;
+ width: 100%;
+ margin: 10px 0 0 0;
+ padding: 0 10px;
+ line-height: 30px;
+ border: none;
+ color: white;
+ cursor: pointer;
+ background: #67331d;
+}
+.choose-government button:hover,
+.choose-government button:focus {
+ background: #401b13;
+}
+.evolution {
+ background: black;
+ margin: 10px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+}
+.evolution .header {
+ padding: 10px;
+ border-bottom: solid 1px #202020;
+ color: #EFEFEF;
+}
+.evolution .diargam {
+ padding: 10px;
+ background: #0A0A0A;
+}
+.evolution .diargam .progress-bar {
+ background: #0A0A0A !important;
+ height: 20px;
+ padding-bottom: 1px;
+}
+.evolution .diargam .progress-bar .content {
+ height: 20px;
+ line-height: 20px;
+ font-size: 12px;
+ color: white;
+ padding-left: 5px;
+}
+.evolution .diargam .progress-bar:nth-child(odd) .content {
+ background: #67331d !important;
+}
+.centred-link {
+ display: block;
+ width: 300px;
+ text-align: center;
+ margin: 0 auto;
+ text-decoration: none;
+ padding: 6px 10px;
+ color: #EFEFEF;
+ background: #67331d;
+ border: solid 1px #401b13;
+}
+.centred-link:hover,
+.centred-link:focus {
+ background: #401b13;
+ border-color: #67331d;
+ color: white;
+}
+span.centred-link {
+ background: #202020;
+ border: solid 1px #0A0A0A;
+ color: #4F4F4F;
+}
+span.centred-link:hover,
+span.centred-link:focus {
+ background: #202020;
+ border-color: #0A0A0A;
+ color: #4F4F4F;
+}
+.component.profil .center-box {
+ margin: 20px 10px 0;
+ color: white;
+ text-align: center;
+}
+.component.profil .center-box .label {
+ display: block;
+}
+.component.profil .center-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.profil .profil-flag {
+ position: relative;
+ width: 222px;
+ height: 460px;
+ margin: 0 auto;
+}
+.component.profil .profil-flag img {
+ position: relative;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ padding: 10px;
+ border-radius: 100%;
+ margin: 20px auto;
+ box-shadow: 0 0 0 4px #67331d, 0 0 20px black;
+ z-index: 1;
+}
+.component.profil .profil-flag.color-1 img {
+ box-shadow: 0 0 0 4px #6e161b, 0 0 20px black;
+}
+.component.profil .profil-flag.color-2 img {
+ box-shadow: 0 0 0 4px #1f1471, 0 0 20px black;
+}
+.component.profil .profil-flag.color-3 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag.color-4 img {
+ box-shadow: 0 0 0 4px #5a1072, 0 0 20px black;
+}
+.component.profil .profil-flag.color-5 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-6 img {
+ box-shadow: 0 0 0 4px #076b87, 0 0 20px black;
+}
+.component.profil .profil-flag.color-7 img {
+ box-shadow: 0 0 0 4px #67331d, 0 0 20px black;
+}
+.component.profil .profil-flag.color-8 img {
+ box-shadow: 0 0 0 4px #d87913, 0 0 20px black;
+}
+.component.profil .profil-flag.color-9 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-10 img {
+ box-shadow: 0 0 0 4px #760f36, 0 0 20px black;
+}
+.component.profil .profil-flag.color-11 img {
+ box-shadow: 0 0 0 4px #219772, 0 0 20px black;
+}
+.component.profil .profil-flag.color-12 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag:before {
+ display: block;
+ position: absolute;
+ content: '';
+ top: 218px;
+ left: 33px;
+ width: 154px;
+ height: 241px;
+ background: url('src/desktop/faction/flag/flag-7.png') no-repeat;
+}
+.component.profil .profil-flag.color-1:before {
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.profil .profil-flag.color-2:before {
+ background: url('src/desktop/faction/flag/flag-2.png') no-repeat;
+}
+.component.profil .profil-flag.color-3:before {
+ background: url('src/desktop/faction/flag/flag-3.png') no-repeat;
+}
+.component.profil .profil-flag.color-4:before {
+ background: url('src/desktop/faction/flag/flag-4.png') no-repeat;
+}
+.component.profil .profil-flag.color-5:before {
+ background: url('src/desktop/faction/flag/flag-5.png') no-repeat;
+}
+.component.profil .profil-flag.color-6:before {
+ background: url('src/desktop/faction/flag/flag-6.png') no-repeat;
+}
+.component.profil .profil-flag.color-7:before {
+ background: url('src/desktop/faction/flag/flag-7.png') no-repeat;
+}
+.component.profil .profil-flag.color-8:before {
+ background: url('src/desktop/faction/flag/flag-8.png') no-repeat;
+}
+.component.profil .profil-flag.color-9:before {
+ background: url('src/desktop/faction/flag/flag-9.png') no-repeat;
+}
+.component.profil .profil-flag.color-10:before {
+ background: url('src/desktop/faction/flag/flag-10.png') no-repeat;
+}
+.component.profil .profil-flag.color-11:before {
+ background: url('src/desktop/faction/flag/flag-11.png') no-repeat;
+}
+.component.profil .profil-flag.color-12:before {
+ background: url('src/desktop/faction/flag/flag-12.png') no-repeat;
+}
+.component.profil .profil-flag .level {
+ z-index: 2;
+ display: block;
+ position: absolute;
+ top: 184px;
+ right: 2px;
+ width: 36px;
+ height: 36px;
+ text-align: center;
+ line-height: 36px;
+ background: #0A0A0A;
+ border: 3px solid #67331d;
+ border-radius: 100%;
+}
+.component.profil .profil-flag.color-1 .level {
+ border-color: #6e161b;
+}
+.component.profil .profil-flag.color-2 .level {
+ border-color: #1f1471;
+}
+.component.profil .profil-flag.color-3 .level {
+ border-color: #dbb200;
+}
+.component.profil .profil-flag.color-4 .level {
+ border-color: #5a1072;
+}
+.component.profil .profil-flag.color-5 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-6 .level {
+ border-color: #076b87;
+}
+.component.profil .profil-flag.color-7 .level {
+ border-color: #67331d;
+}
+.component.profil .profil-flag.color-8 .level {
+ border-color: #d87913;
+}
+.component.profil .profil-flag.color-9 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-10 .level {
+ border-color: #760f36;
+}
+.component.profil .profil-flag.color-11 .level {
+ border-color: #219772;
+}
+.component.profil .profil-flag.color-12 .level {
+ border-color: #dbb200;
+}
+.component.profil .faction-flag {
+ display: block;
+ content: '';
+ width: 154px;
+ height: 241px;
+ margin: 0 auto;
+ background: url('src/desktop/faction/flag/flag-7.png') no-repeat;
+}
+.component.search-player {
+ position: relative;
+ background: transparent !important;
+}
+.component.search-player .box {
+ position: absolute;
+ top: 60px;
+ left: 50px;
+ width: 440px;
+ color: white;
+}
+.component.search-player .top {
+ background: rgba(0, 0, 0, 0.4);
+ padding: 10px;
+ border-radius: 3px 3px 0 0;
+}
+.component.search-player .top label {
+ display: block;
+ font-size: 16px;
+}
+.component.search-player .top input {
+ display: block;
+ border: none;
+ height: 40px;
+ width: 400px;
+ padding: 0 10px;
+ margin: 10px 0 0 0;
+ font-size: 20px;
+ color: #202020;
+ border-radius: 3px;
+}
+.component.search-player .center {
+ background: rgba(0, 0, 0, 0.8);
+ padding: 10px 25px 10px 10px;
+ min-height: 140px;
+ border-radius: 0 0 3px 3px;
+}
+.component.search-player .center .avatar {
+ float: left;
+ position: relative;
+ left: -20px;
+ width: 120px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: #0A0A0A;
+}
+.component.search-player .center .right {
+ margin-left: 140px;
+}
+.component.search-player .center h1 {
+ margin: 10px 0 0 0;
+ padding: 0;
+}
+.component.search-player .center hr {
+ margin: 10px 0;
+ border-color: #4F4F4F;
+}
+.component.search-player .center p {
+ margin: 5px 0;
+ padding: 0;
+}
+.component.search-player .center p span {
+ display: inline-block;
+ background: red;
+ line-height: 28px;
+ padding: 0 10px;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ border-right: none;
+}
+.component.search-player .center p span:first-child {
+ border-radius: 3px 0 0 3px;
+}
+.component.search-player .center p span:last-child {
+ border-radius: 0 3px 3px 0;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+}
+.component.search-player.color1 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component.search-player.color2 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component.search-player.color3 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.search-player.color4 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component.search-player.color5 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color6 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component.search-player.color7 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component.search-player.color8 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component.search-player.color9 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color10 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.component.search-player.color11 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.component.search-player.color12 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.new-message p.input {
+ position: relative;
+ background: white;
+ padding: 10px;
+ border-radius: 3px;
+}
+.component.new-message p.input:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ height: 0;
+ top: -12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+ left: 20px;
+}
+.component.new-message label {
+ display: block;
+ font-size: 13px;
+}
+.component.new-message .input-text input {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.new-message .input-area textarea {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+ max-width: 100%;
+ min-width: 100%;
+ height: 200px;
+}
+.component.new-message button {
+ display: inline-block;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 15px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #ac5832;
+}
+.component.new-message button:hover,
+.component.new-message button:focus {
+ background: #401b13;
+}
+.notif {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border-top: solid 1px #4F4F4F;
+ border-right: solid 1px #202020;
+ border-left: solid 1px #202020;
+}
+.notif h4 {
+ position: relative;
+ overflow: hidden;
+ margin: 0;
+ padding: 0 10px;
+ font-size: 14px;
+ line-height: 30px;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+ font-weight: normal;
+ cursor: pointer;
+ color: white;
+}
+.notif.unreaded h4:before {
+ position: absolute;
+ content: '';
+ width: 40px;
+ height: 40px;
+ background: white;
+ top: -5px;
+ right: -15px;
+ background: #ac5832;
+ -webkit-transform: rotate(100deg);
+ -moz-transform: rotate(100deg);
+ -ms-transform: rotate(100deg);
+ -o-transform: rotate(100deg);
+ transform: rotate(100deg);
+}
+.notif .content {
+ display: none;
+ padding: 6px 8px;
+ line-height: 140%;
+ text-align: justify;
+ color: #efefef;
+}
+.notif .content p {
+ margin: 0;
+}
+.notif .content hr {
+ border: none;
+ background: none;
+ border-bottom: dashed 1px #202020;
+ margin: 5px 0;
+}
+.notif .content a {
+ color: white;
+}
+.notif .content .box-resource {
+ position: relative;
+ display: block;
+ margin: 5px 0;
+ padding: 5px 5px 5px 40px;
+}
+.notif .content .box-resource img {
+ position: absolute;
+ top: 6px;
+ left: 0;
+ border: solid 4px #4f4f4f;
+ border-radius: 100%;
+ border-color: #67331d;
+}
+.notif .content .box-resource .label {
+ display: block;
+ font-size: 12px;
+}
+.notif .content .box-resource .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+.notif .footer {
+ display: none;
+ margin: 0;
+ padding: 0 10px;
+ line-height: 18px;
+ padding: 5px 5px;
+ border-top: solid 1px #202020;
+ font-style: italic;
+ text-align: right;
+ color: #CCC;
+}
+.notif .footer a {
+ color: #CCC;
+}
+.notif.open .content {
+ display: block;
+}
+.notif.open .footer {
+ display: block;
+}
+.component.rc .rc {
+ position: relative;
+ margin: 20px 10px 20px 30px;
+ border-left: solid 1px #CCC;
+ padding: 0 10px;
+ height: 380px;
+ color: #CCC;
+}
+.component.rc .rc.no-tax {
+ margin: 20px 10px 20px 30px;
+ border-left: dashed 1px #4F4F4F;
+ padding: 0 10px;
+ color: #CCC;
+}
+.component.rc .rc a,
+.component.rc .rc strong {
+ color: white;
+}
+.component.rc .rc .icon-color {
+ width: 20px;
+}
+.component.rc .rc .base {
+ position: relative;
+ padding: 15px 0 15px 40px;
+ height: 50px;
+}
+.component.rc .rc .base:last-child {
+ position: absolute;
+ bottom: 0px;
+}
+.component.rc .rc .place {
+ position: absolute;
+ top: 0px;
+ left: -50px;
+ width: 78px;
+ height: 78px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component.rc .rc .general {
+ list-style: none inset;
+ margin: 10px 0;
+ padding: 0;
+}
+.component.rc .rc .general li {
+ margin: 10px 0;
+ list-style-type: none;
+}
+.component.rc .rc .general li strong {
+ display: block;
+ font-size: 20px;
+ font-weight: bold;
+}
+.component .situation-content {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 500px;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component .situation-content .line-help {
+ position: absolute;
+ display: block;
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ text-align: center;
+ border-radius: 100%;
+ background: #401b13;
+}
+.component .situation-content .line-help.line-1 {
+ top: 55px;
+ left: 190px;
+}
+.component .situation-content .line-help.line-2 {
+ top: 145px;
+ left: 406px;
+}
+.component .situation-content .toolbar {
+ position: absolute;
+ top: 30px;
+ right: 30px;
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
+ border-radius: 3px;
+ background: #67331d;
+ z-index: 1;
+}
+.component .situation-content .toolbar a,
+.component .situation-content .toolbar span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 15px;
+ border-right: solid 1px black;
+ text-decoration: none;
+ color: white;
+}
+.component .situation-content .toolbar a img,
+.component .situation-content .toolbar span img {
+ position: relative;
+ top: -2px;
+ vertical-align: middle;
+ height: 18px;
+ width: 18px;
+}
+.component .situation-content .toolbar a:hover,
+.component .situation-content .toolbar a:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar form {
+ display: inline-block;
+}
+.component .situation-content .toolbar input {
+ height: 32px;
+ border: none;
+ background: none;
+ color: white;
+ padding: 0 15px;
+ font-size: inherit;
+}
+.component .situation-content .toolbar input:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar input.button {
+ background: url('src/desktop/common/edit.png') no-repeat center;
+}
+.component .situation-content .toolbar input.button:focus {
+ background: url('src/desktop/common/edit.png') no-repeat center rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .info {
+ position: absolute;
+ display: block;
+ width: 200px;
+ font-size: 12px;
+ color: #efefef;
+ line-height: 18px;
+}
+.component .situation-content .info strong {
+ color: white;
+ font-size: 14px;
+}
+.component .situation-content .info a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4f4f4f;
+}
+.component .situation-content .info a:hover,
+.component .situation-content .info a:focus {
+ border-color: #CCC;
+}
+.component .situation-content .commander {
+ position: absolute;
+ display: block;
+ text-decoration: none;
+ z-index: 1;
+}
+.component .situation-content .commander.empty {
+ color: #CCC;
+}
+.component .situation-content .commander.position-1-1 {
+ top: 135px;
+ left: 127px;
+}
+.component .situation-content .commander.position-1-2 {
+ top: 272px;
+ left: 100px;
+}
+.component .situation-content .commander.position-1-3 {
+ top: 415px;
+ left: 127px;
+}
+.component .situation-content .commander.position-2-1 {
+ top: 215px;
+ left: 352px;
+}
+.component .situation-content .commander.position-2-2 {
+ top: 272px;
+ left: 345px;
+}
+.component .situation-content .commander.position-2-3 {
+ top: 330px;
+ left: 352px;
+}
+.component .situation-content .commander.position-3 {
+ top: 355px;
+ left: 577px;
+}
+.component .situation-content .commander img {
+ width: 40px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+.component .situation-content .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component .situation-content .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #67331d;
+}
+.component .situation-content .commander .info {
+ top: 8px;
+ left: 65px;
+ width: 160px;
+}
+.component .situation-content .commander .link {
+ display: none;
+ position: absolute;
+ top: 14px;
+ left: -16px;
+ width: 24px;
+ height: 24px;
+ font-size: 20px;
+ font-weight: bold;
+ text-decoration: none;
+ border-radius: 100%;
+ text-align: center;
+ z-index: 1;
+ border: solid 1px white;
+}
+.component .situation-content .commander .link.to-left {
+ background: url('src/desktop/mover/to-left.png') no-repeat center black;
+}
+.component .situation-content .commander .link.to-right {
+ background: url('src/desktop/mover/to-right.png') no-repeat center black;
+}
+.component .situation-content .commander:hover > .link {
+ display: block;
+}
+.component .situation-content .stellar {
+ position: absolute;
+ display: block;
+ top: 180px;
+ left: 560px;
+}
+.component .situation-content .stellar img {
+ width: 220px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .situation-content .stellar .info {
+ font-size: 12px;
+ border-left: solid 1px #202020;
+}
+.component .situation-content .stellar .info.top {
+ bottom: 215px;
+ left: 50px;
+ padding: 0 0 30px 10px;
+}
+.component .situation-content .stellar .info.top strong {
+ font-size: 20px;
+}
+.component .situation-content .stellar .info.bottom {
+ top: 225px;
+ left: 160px;
+ padding: 10px 0 0 10px;
+}
+.component .situation-content .stellar .info.middle {
+ top: 20px;
+ left: 182px;
+ padding: 10px 0 0 50px;
+ border: none;
+ border-top: solid 1px #202020;
+}
+.component .situation-content .attack-link {
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ text-align: center;
+}
+.component .situation-content .attack-link a {
+ display: inline-block;
+ line-height: 40px;
+ padding: 0 25px;
+ border-radius: 3px 3px 0 0;
+ background: #202020;
+ color: white;
+ text-decoration: none;
+ font-size: 16px;
+}
+.component .situation-content .attack-link a:hover,
+.component .situation-content .attack-link a:focus {
+ box-shadow: 0 0 5px 3px black;
+}
+.component .situation-content.color0 .line-help {
+ background: #202020;
+}
+.component .situation-content.color0 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #202020;
+}
+.component .situation-content.color0 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #202020;
+}
+.component .situation-content.color0 .attack-link a {
+ background: #202020;
+}
+.component .situation-content.color1 .line-help {
+ background: #510816;
+}
+.component .situation-content.color1 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component .situation-content.color1 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #6e161b;
+}
+.component .situation-content.color1 .attack-link a {
+ background: #6e161b;
+}
+.component .situation-content.color2 .line-help {
+ background: #0c0d44;
+}
+.component .situation-content.color2 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component .situation-content.color2 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #1f1471;
+}
+.component .situation-content.color2 .attack-link a {
+ background: #1f1471;
+}
+.component .situation-content.color3 .line-help {
+ background: #b17a00;
+}
+.component .situation-content.color3 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .situation-content.color3 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #dbb200;
+}
+.component .situation-content.color3 .attack-link a {
+ background: #dbb200;
+}
+.component .situation-content.color4 .line-help {
+ background: #310948;
+}
+.component .situation-content.color4 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component .situation-content.color4 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #5a1072;
+}
+.component .situation-content.color4 .attack-link a {
+ background: #5a1072;
+}
+.component .situation-content.color5 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color5 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color5 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color5 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-content.color6 .line-help {
+ background: #004948;
+}
+.component .situation-content.color6 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component .situation-content.color6 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #076b87;
+}
+.component .situation-content.color6 .attack-link a {
+ background: #076b87;
+}
+.component .situation-content.color7 .line-help {
+ background: #401b13;
+}
+.component .situation-content.color7 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component .situation-content.color7 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #67331d;
+}
+.component .situation-content.color7 .attack-link a {
+ background: #67331d;
+}
+.component .situation-content.color8 .line-help {
+ background: #c3590b;
+}
+.component .situation-content.color8 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component .situation-content.color8 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #d87913;
+}
+.component .situation-content.color8 .attack-link a {
+ background: #d87913;
+}
+.component .situation-content.color9 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color9 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color9 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color9 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-info {
+ display: table;
+ width: 100%;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: black;
+}
+.component .situation-info .item {
+ display: table-cell;
+ padding: 10px;
+ border-right: solid 1px #202020;
+}
+.component .situation-info .item .value {
+ font-size: 26px;
+ font-weight: bold;
+ display: block;
+}
+.component .build-item.base-type .desc {
+ margin: 10px 0 0 0;
+ padding: 15px;
+ font-size: 13px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+}
+.component .build-item.base-type .list-choice {
+ position: relative;
+ height: 140px;
+ background: url('src/desktop/base/type-base.png') no-repeat center;
+ margin: 0;
+ border-bottom: solid 1px #202020;
+}
+.component .build-item.base-type .list-choice button {
+ position: absolute;
+ padding: 0;
+ border: none;
+ background: transparent;
+ cursor: pointer;
+}
+.component .build-item.base-type .list-choice button.item-1 {
+ top: 35px;
+ left: 5px;
+}
+.component .build-item.base-type .list-choice button.item-2 {
+ top: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-3 {
+ bottom: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-4 {
+ top: 35px;
+ right: 5px;
+}
+.component .build-item.base-type .list-choice button img {
+ display: block;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.color1 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.color2 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.color3 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.color4 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.color5 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color6 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.color7 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.color8 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.color9 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color10 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.color11 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.color12 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .build-item.base-type .desc-choice {
+ display: none;
+}
+.component .build-item.base-type .desc-choice h4 {
+ border-bottom: solid 1px #202020;
+ padding: 0 0 5px 0;
+}
+.component .build-item.base-type .desc-choice p {
+ text-align: left;
+ color: #CCC !important;
+}
+.component .build-item.base-type .desc-choice p strong {
+ display: block;
+ color: white;
+}
+.component .build-item.base-type .desc-choice p strong.short {
+ display: inline-block;
+ width: 100px;
+}
+.component.list-fleet .set-fleet {
+ position: relative;
+ margin: 10px;
+ padding: 0 0 0 70px;
+ min-height: 80px;
+}
+.component.list-fleet .set-fleet img.place {
+ position: absolute;
+ top: -5px;
+ left: -20px;
+ width: 80px;
+ background: #0A0A0A;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet h2 {
+ padding: 10px 0;
+ margin: 0;
+}
+.component.list-fleet .set-fleet h2 a {
+ font-size: 13px;
+ color: white;
+ font-weight: normal;
+ text-decoration: none;
+}
+.component.list-fleet .set-fleet .item {
+ position: relative;
+ height: 60px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-bottom: none;
+ width: 777px;
+}
+.component.list-fleet .set-fleet .item:last-child {
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item a {
+ display: inline-block;
+ text-decoration: none;
+ color: #CCC;
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .left .top {
+ position: absolute;
+ left: 60px;
+ display: block;
+ width: 500px;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .left .status {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .right .top {
+ position: absolute;
+ right: 60px;
+ display: block;
+ width: 200px;
+ text-align: right;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .right .cover {
+ width: 50px;
+ margin: 5px;
+ padding: 0;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .center {
+ position: absolute;
+ top: 41px;
+ left: 70px;
+ right: 70px;
+}
+.component.list-fleet .set-fleet .item .center .ship {
+ position: absolute;
+ top: -10px;
+ left: -11px;
+ right: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship {
+ display: block;
+ width: 100%;
+ background: #4F4F4F;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ position: relative;
+ display: block;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship {
+ top: -11px;
+ right: -11px;
+ left: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar span {
+ position: absolute;
+ top: 4px;
+ right: 15px;
+ font-size: 10px;
+}
+.component.list-fleet .set-fleet .item.color1 .status {
+ background: #6e161b;
+}
+.component.list-fleet .set-fleet .item.color2 .status {
+ background: #1f1471;
+}
+.component.list-fleet .set-fleet .item.color3 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color4 .status {
+ background: #5a1072;
+}
+.component.list-fleet .set-fleet .item.color5 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color6 .status {
+ background: #076b87;
+}
+.component.list-fleet .set-fleet .item.color7 .status {
+ background: #67331d;
+}
+.component.list-fleet .set-fleet .item.color8 .status {
+ background: #d87913;
+}
+.component.list-fleet .set-fleet .item.color9 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color10 .status {
+ background: #760f36;
+}
+.component.list-fleet .set-fleet .item.color11 .status {
+ background: #219772;
+}
+.component.list-fleet .set-fleet .item.color12 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar {
+ background: #4F4F4F;
+}
+.component.list-fleet .set-fleet .item .show-commander {
+ position: absolute;
+ top: -1px;
+ right: -30px;
+ width: 28px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .show-commander:hover,
+.component.list-fleet .set-fleet .item .show-commander:focus,
+.component.list-fleet .set-fleet .item .show-commander.active {
+ background-color: #202020;
+}
+.component.table-fleet table {
+ margin: 10px;
+ width: 880px;
+ border-collapse: collapse;
+}
+.component.table-fleet table tr:nth-child(odd) {
+ background: black;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:nth-child(even) {
+ background: #0A0A0A;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:first-child {
+ background: transparent;
+}
+.component.table-fleet table th,
+.component.table-fleet table td {
+ height: 40px;
+ width: 40px;
+ text-align: center;
+}
+.component.table-fleet table td span.zero-value {
+ color: #4F4F4F;
+}
+.component.table-fleet table .base {
+ width: 100px;
+ text-align: left;
+ padding: 0 20px;
+}
+.component.table-fleet table .base a {
+ border: none;
+}
+.component.table-fleet table .base strong {
+ display: block;
+ font-size: 16px;
+}
+.component.table-fleet table .large {
+ width: auto;
+ text-align: left;
+ padding: 0 10px;
+}
+.component.table-fleet table .sep {
+ border-left: solid 1px #67331d;
+}
+.component.table-fleet table a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4F4F4F;
+ display: inline-block;
+}
+.component.table-fleet table th {
+ position: relative;
+ height: 70px;
+}
+.component.table-fleet table th span {
+ position: absolute;
+ bottom: 32px;
+ left: -10px;
+ display: block;
+ text-align: left;
+ width: 60px;
+ -ms-transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.component.commander-fleet .fleet {
+ vertical-align: top;
+ display: block;
+ text-align: center;
+}
+.component.commander-fleet .list-ship {
+ vertical-align: top;
+ display: inline-block;
+ width: 148px;
+}
+.component.commander-fleet .list-ship:first-child {
+ border-right: dashed 1px #4F4F4F;
+}
+.component.commander-fleet .list-ship a {
+ display: block;
+ position: relative;
+ margin: 6px;
+ height: 40px;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ border-radius: 3px;
+}
+.component.commander-fleet .list-ship a.empty {
+ opacity: 0.4;
+}
+.component.commander-fleet .list-ship img {
+ position: absolute;
+ display: inline-block;
+ width: 40px;
+}
+.component.commander-fleet .list-ship .text {
+ position: absolute;
+ left: 45px;
+ display: inline-block;
+ width: 88px;
+ color: white;
+}
+.component.commander-fleet .list-ship .text .quantity {
+ display: block;
+ font-weight: bold;
+ font-size: 18px;
+}
+.component.commander-fleet .army {
+ border-collapse: collapse;
+ width: 560px;
+ margin: 20px;
+}
+.component.commander-fleet .army td {
+ width: 65px;
+ padding: 5px;
+ border-right: dashed 1px #4F4F4F;
+ vertical-align: center;
+}
+.component.commander-fleet .army td:first-child {
+ width: auto;
+ vertical-align: top;
+ text-align: right;
+ padding: 0 20px;
+ font-size: 12px;
+}
+.component.commander-fleet .army tr:first-child td {
+ text-align: center;
+ padding: 10px 5px;
+ font-size: 18px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block {
+ display: block;
+ width: 54px;
+ height: 54px;
+ margin: 0 0 5px 0;
+ padding: 5px;
+ vertical-align: top;
+ border-radius: 5px;
+ background: #0A0A0A;
+ text-align: right;
+ border: solid 1px #202020;
+ color: #4F4F4F;
+}
+.component.commander-fleet .army .block.empty {
+ background: black;
+ border: solid 1px #0A0A0A;
+}
+.component.commander-fleet .army .block strong {
+ display: block;
+ font-size: 15px;
+ height: 38px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block em {
+ display: block;
+ padding: 2px;
+ font-size: 11px;
+ background: black;
+ text-align: center;
+ border-radius: 3px;
+}
+.component.commander-fleet .army .block.squadron {
+ border: solid 1px #4F4F4F;
+ color: white;
+ cursor: pointer;
+ background: #67331d;
+}
+.component.commander-fleet .army .block.squadron.full0 {
+ background: url('src/desktop/squadron/squadron0.png') no-repeat 4px 2px #67331d;
+}
+.component.commander-fleet .army .block.squadron.full1 {
+ background: url('src/desktop/squadron/squadron1.png') no-repeat 4px 2px #67331d;
+}
+.component.commander-fleet .army .block.squadron.full2 {
+ background: url('src/desktop/squadron/squadron2.png') no-repeat 4px 2px #67331d;
+}
+.component.commander-fleet .army .block.squadron.full3 {
+ background: url('src/desktop/squadron/squadron3.png') no-repeat 4px 2px #67331d;
+}
+.component.commander-fleet .army .block.squadron.active {
+ box-shadow: inset 0 0 6px black,
+ 0 0 2px 0 white;
+ border: dashed 1px white;
+}
+.component.report .commander {
+ position: relative;
+ display: block;
+ margin: 10px;
+ padding: 8px 0 8px 72px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component.report .commander img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component.report .commander strong {
+ display: block;
+ padding: 0 0 8px 0;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component.report .commander em {
+ display: block;
+ line-height: 20px;
+ color: white;
+ font-style: normal;
+ color: #efefef;
+}
+.component.report .commander em .bonus {
+ font-size: 90%;
+ margin: 2px 0 0 2px;
+ padding: 3px 6px;
+}
+.component.report .dammage {
+ margin: 10px;
+ background: black;
+}
+.component.report .dammage table {
+ width: 100%;
+ border-collapse: collapse;
+ border-left: solid 1px #202020;
+ border-right: solid 1px #202020;
+}
+.component.report .dammage td {
+ border-color: #202020;
+ border-width: 1px;
+ border-style: solid dashed;
+ padding: 4px;
+ vertical-align: center;
+ text-align: center;
+ color: #CCC;
+ width: 28px;
+ height: 22px;
+}
+.component.report .dammage td:first-child {
+ text-align: left;
+ padding: 4px 8px;
+ width: auto;
+}
+.component.report .dammage td span {
+ display: inline-block;
+ background: red;
+ line-height: 22px;
+ width: 22px;
+ border-radius: 3px;
+ color: white;
+ background: #401b13;
+}
+.component.topic .message {
+ position: relative;
+ padding: 0 0 0 80px;
+ margin: 10px;
+ min-height: 70px;
+}
+.component.topic .message .avatar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 56px;
+ padding: 6px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.topic .message .content {
+ position: relative;
+ background: black;
+ border: solid 1px #202020;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component.topic .message .content:before {
+ position: absolute;
+ content: '';
+ top: 25px;
+ left: -18px;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent #202020 transparent transparent;
+}
+.component.topic .message .content .text {
+ margin: 0;
+ padding: 10px 10px 12px 10px;
+ border-bottom: solid 1px #0A0A0A;
+ color: #efefef;
+}
+.component.topic .message .content .text a,
+.component.topic .message .content .text strong {
+ color: white;
+}
+.component.topic .message .content .text a.color1 {
+ color: #b01e2d;
+}
+.component.topic .message .content .text a.color2 {
+ color: #2f23c0;
+}
+.component.topic .message .content .text a.color3 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text a.color4 {
+ color: #a935c7;
+}
+.component.topic .message .content .text a.color5 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color6 {
+ color: #05bed7;
+}
+.component.topic .message .content .text a.color7 {
+ color: #ac5832;
+}
+.component.topic .message .content .text a.color8 {
+ color: #f2b636;
+}
+.component.topic .message .content .text a.color9 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color10 {
+ color: #a92859;
+}
+.component.topic .message .content .text a.color11 {
+ color: #34b089;
+}
+.component.topic .message .content .text a.color12 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text .icon-color {
+ width: 15px;
+}
+.component.topic .message .content .footer {
+ margin: 0;
+ padding: 6px 10px;
+ font-size: 12px;
+ color: #CCC;
+}
+.component.topic .message .content .footer a {
+ color: #CCC;
+}
+.component.topic .message.write .content:before {
+ left: -17px;
+ top: 11px;
+ border-color: transparent white transparent transparent;
+}
+.component.topic .message.write .content textarea {
+ border: none;
+ padding: 5px;
+ width: 487px;
+ height: 120px;
+ max-width: 487px;
+ min-width: 487px;
+ min-height: 50px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content input {
+ margin: 6px;
+ font-family: inherit;
+}
+.component.topic .message.write .content .title {
+ border: none;
+ margin: 0;
+ padding: 5px;
+ width: 487px;
+ height: 30px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content button {
+ margin: 6px;
+ font-family: inherit;
+ background: #67331d;
+ border: none;
+ padding: 4px 8px;
+ color: white;
+ cursor: pointer;
+}
+.component.topic .message.write .content button:hover,
+.component.topic .message.write .content button:focus {
+ background: #401b13;
+}
+.component.topic .system-message {
+ position: relative;
+ padding: 0 0 0 90px;
+ margin: 10px;
+}
+.component.topic .system-message:before {
+ content: '';
+ position: absolute;
+ top: 10px;
+ left: 0;
+ height: 1px;
+ width: 70px;
+ background: #4F4F4F;
+}
+.conv-item {
+ position: relative;
+ display: block;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+ height: 59px;
+ padding: 5px 5px 5px 70px;
+ margin: 0 10px;
+ color: white;
+ text-decoration: none;
+ overflow: hidden;
+}
+.conv-item .cover {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+ padding: 5px;
+}
+.conv-item .cover .picture {
+ width: 52px;
+ height: 52px;
+ background: #202020;
+ border-radius: 100%;
+ padding: 4px;
+}
+.conv-item .cover .picture.color0 {
+ box-shadow: 0 0 0 2px #4F4F4F;
+}
+.conv-item .cover .picture.color1 {
+ box-shadow: 0 0 0 2px #6e161b;
+}
+.conv-item .cover .picture.color2 {
+ box-shadow: 0 0 0 2px #1f1471;
+}
+.conv-item .cover .picture.color3 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .picture.color4 {
+ box-shadow: 0 0 0 2px #5a1072;
+}
+.conv-item .cover .picture.color5 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color6 {
+ box-shadow: 0 0 0 2px #076b87;
+}
+.conv-item .cover .picture.color7 {
+ box-shadow: 0 0 0 2px #67331d;
+}
+.conv-item .cover .picture.color8 {
+ box-shadow: 0 0 0 2px #d87913;
+}
+.conv-item .cover .picture.color9 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color10 {
+ box-shadow: 0 0 0 2px #760f36;
+}
+.conv-item .cover .picture.color11 {
+ box-shadow: 0 0 0 2px #219772;
+}
+.conv-item .cover .picture.color12 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .number,
+.conv-item .cover .new-message {
+ position: absolute;
+ width: 22px;
+ height: 22px;
+ border-radius: 100%;
+ background: #0A0A0A;
+ bottom: 5px;
+ right: 5px;
+ border: solid 1px #4F4F4F;
+ text-align: center;
+ line-height: 22px;
+ font-size: 11px;
+}
+.conv-item .cover .new-message {
+ left: 5px;
+ top: 5px;
+}
+.conv-item .cover .new-message img {
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin: 2px;
+}
+.conv-item .data {
+ line-height: 20px;
+}
+.conv-item:last-child {
+ border: solid 1px #202020;
+}
+.conv-item:hover,
+.conv-item:focus {
+ background: #0C0C0C;
+}
+.component.player .player {
+ position: relative;
+ display: inline-block;
+ margin: 10px 0 0 10px;
+ width: 211px;
+ height: 58px;
+ padding: 5px 5px 5px 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+ text-decoration: none;
+}
+.component.player .player a {
+ color: #ccc;
+ text-decoration: none;
+ border-bottom: solid 1px #202020;
+}
+.component.player .player a:hover,
+.component.player .player a:focus {
+ border-color: #4f4f4f;
+}
+.component.player .player img.picto {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 50px;
+ padding: 4px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.player .player .icon,
+.component.player .player .icon-color {
+ height: 16px;
+ padding: 1px;
+}
+.component.player .player span,
+.component.player .player strong {
+ display: block;
+ line-height: 20px;
+}
+.component.player .player strong {
+ font-size: 18px;
+}
+.component.player .player .online,
+.component.player .player .inactive {
+ position: absolute;
+ width: 18px;
+ height: 18px;
+ background: white;
+ top: 5px;
+ right: 5px;
+ border-radius: 100%;
+ background: #4F4F4F;
+}
+.component.player .player .online {
+ background: #ac5832;
+}
+.component.player .player.faction {
+ border-left: solid 1px #0A0A0A !important;
+ width: 202px;
+}
+.component.player .player.faction img {
+ top: 0;
+ left: 10px;
+ padding: 0;
+ border: none;
+ border-radius: 0;
+ background: transparent;
+}
+.component.player.rank .player {
+ border-left: solid 10px #4F4F4F;
+ width: 190px;
+}
+.component.player.rank .player.color1 {
+ border-left-color: #b01e2d;
+}
+.component.player.rank .player.color2 {
+ border-left-color: #2f23c0;
+}
+.component.player.rank .player.color3 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player.color4 {
+ border-left-color: #a935c7;
+}
+.component.player.rank .player.color5 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color6 {
+ border-left-color: #05bed7;
+}
+.component.player.rank .player.color7 {
+ border-left-color: #ac5832;
+}
+.component.player.rank .player.color8 {
+ border-left-color: #f2b636;
+}
+.component.player.rank .player.color9 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color10 {
+ border-left-color: #a92859;
+}
+.component.player.rank .player.color11 {
+ border-left-color: #34b089;
+}
+.component.player.rank .player.color12 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player .title,
+.component.player.rank .player .points {
+ color: #BBB;
+}
+.component.player.rank .player .position {
+ display: block;
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ line-height: 38px;
+ width: 38px;
+ border: solid 1px #202020;
+ text-align: center;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance {
+ display: block;
+ position: absolute;
+ top: 5px;
+ right: -4px;
+ line-height: 26px;
+ width: 26px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ text-align: center;
+ font-size: 11px;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance.lower {
+ bottom: 5px;
+ top: auto;
+}
+.component.player.rank .player.active .position {
+ background: white;
+ border: solid 1px white;
+ color: #202020;
+}
+.component.player.size2 .player {
+ width: 208px;
+}
+.component.player.size1 .player {
+ width: 202px;
+}
+.component.transaction .transaction {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 10px;
+}
+.component.transaction .transaction .right-link {
+ position: absolute;
+ top: 2px;
+ right: 5px;
+ display: block;
+ color: #FFF;
+ text-decoration: none;
+}
+.component.transaction .transaction .product {
+ position: relative;
+ height: 70px;
+ padding: 5px 10px 5px 55px;
+ cursor: pointer;
+}
+.component.transaction .transaction .product .picto {
+ position: absolute;
+ top: 5px;
+ left: -20px;
+ width: 60px;
+ height: 60px;
+ padding: 4px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+}
+.component.transaction .transaction .product .rate {
+ position: absolute;
+ bottom: 5px;
+ right: 8px;
+}
+.component.transaction .transaction .product .offer {
+ overflow: hidden;
+ height: 32px;
+}
+.component.transaction .transaction .product .for {
+ position: relative;
+ border-top: solid 1px #202020;
+ margin: 8px 0 6px 0;
+ color: #4F4F4F;
+}
+.component.transaction .transaction .product .for span {
+ display: block;
+ position: absolute;
+ top: -10px;
+ left: 10px;
+ background: #0A0A0A;
+ padding: 0 10px;
+ font-size: 12px;
+}
+.component.transaction .transaction .product .price {
+ font-size: 19px;
+ font-weight: bold;
+}
+.component.transaction .transaction .product .price .icon-color {
+ width: 14px;
+ position: relative;
+ top: -2px;
+ padding: 1px;
+}
+.component.transaction .transaction.resources .product .offer {
+ font-size: 28px;
+ font-weight: bold;
+ line-height: 30px;
+}
+.component.transaction .transaction.resources .product .offer .icon-color {
+ width: 20px;
+ position: relative;
+ top: -5px;
+}
+.component.transaction .transaction.commander .product .offer strong,
+.component.transaction .transaction.ship .product .offer strong {
+ display: block;
+ font-size: 14px;
+}
+.component.transaction .transaction.commander .product .offer em,
+.component.transaction .transaction.ship .product .offer em {
+ display: block;
+ font-size: 11px;
+}
+.component.transaction .transaction .hidden {
+ display: none;
+}
+.component.transaction .transaction .info {
+ position: relative;
+ border-top: solid 1px #202020;
+ height: 88px;
+ background: black;
+}
+.component.transaction .transaction .info p {
+ font-size: 11px;
+ margin: 5px 8px;
+}
+.component.transaction .transaction .info .seller {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+}
+.component.transaction .transaction .info .seller a {
+ font-weight: bold;
+ color: white;
+}
+.component.transaction .transaction .info .seller .color1 {
+ color: #b01e2d;
+}
+.component.transaction .transaction .info .seller .color2 {
+ color: #2f23c0;
+}
+.component.transaction .transaction .info .seller .color3 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .seller .color4 {
+ color: #a935c7;
+}
+.component.transaction .transaction .info .seller .color5 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color6 {
+ color: #05bed7;
+}
+.component.transaction .transaction .info .seller .color7 {
+ color: #ac5832;
+}
+.component.transaction .transaction .info .seller .color8 {
+ color: #f2b636;
+}
+.component.transaction .transaction .info .seller .color9 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color10 {
+ color: #a92859;
+}
+.component.transaction .transaction .info .seller .color11 {
+ color: #34b089;
+}
+.component.transaction .transaction .info .seller .color12 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .price-detail {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+ right: 0;
+}
+.component.transaction .transaction .info .price-detail p {
+ text-align: right;
+}
+.component.transaction .transaction .info .price-detail p .icon-color {
+ width: 10px;
+ padding: 1px;
+}
+.component.transaction .transaction .info .price-detail p span {
+ color: #4F4F4F;
+}
+.component.transaction .transaction .button {
+ border-top: solid 1px #202020;
+ padding: 5px;
+}
+.component.transaction .transaction .button a,
+.component.transaction .transaction .button span {
+ display: block;
+ padding: 5px 10px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ line-height: 20px;
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component.transaction .transaction .button a {
+ background: #67331d;
+}
+.component.transaction .transaction .button a:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #ac5832;
+}
+.component.transaction .transaction .button span {
+ background: #202020;
+ cursor: default;
+}
+.component.transaction .transaction .button .icon-color {
+ width: 14px;
+}
+.component.transaction .transaction .shipping {
+ position: relative;
+ background: black;
+ height: 30px;
+}
+.component.transaction .transaction .shipping .ships {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+}
+.component.transaction .transaction .shipping .ships .icon-color {
+ position: relative;
+ width: 16px;
+ margin-left: 5px;
+ top: -5px;
+}
+.component.transaction .transaction .shipping .time {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 12px;
+}
+.component.transaction .transaction .shipping .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 0 60px;
+ height: 3px;
+ top: 13px;
+ background: #4F4F4F;
+}
+.component.transaction .transaction .shipping .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #ac5832;
+}
+.component .build-item.disable .button span {
+ color: #696969;
+}
+.component.transaction .new-transaction {
+ width: 279px;
+ position: absolute;
+ background: black;
+ z-index: 1;
+ padding: 10px;
+ border-bottom: solid 1px #ac5832;
+}
+.component.transaction .new-transaction label {
+ position: relative;
+ display: block;
+ padding: 5px 0;
+}
+.component.transaction .new-transaction label input {
+ display: block;
+ padding: 5px 10px;
+ margin: 5px 0 0 0;
+ width: 259px;
+ border: none;
+}
+.component.transaction .new-transaction.resources label input {
+ font-size: 16px;
+ color: #202020;
+ font-weight: bold;
+}
+.component.transaction .new-transaction .indicator {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 15px;
+}
+.component.transaction .new-transaction .indicator span {
+ position: absolute;
+ display: inline-block;
+ padding: 1px 6px;
+ font-size: 12px;
+ color: white;
+ border-radius: 3px;
+ top: -5px;
+ background: #401b13;
+}
+.component.transaction .new-transaction .indicator span.min-price {
+ left: 5px;
+}
+.component.transaction .new-transaction .indicator span.max-price {
+ right: 5px;
+}
+.component.market-sell .body {
+ padding: 10px 0;
+}
+.component.market-sell .label-box {
+ position: relative;
+ padding: 0 10px;
+ margin: 10px 0;
+}
+.component.market-sell .label-box .label {
+ display: inline-block;
+ width: 100px;
+ line-height: 30px;
+}
+.component.market-sell .label-box .value {
+ display: inline-block;
+ width: 147px;
+ padding: 0 5px;
+ border: none;
+ line-height: 30px;
+ border-radius: 3px;
+ font-size: 16px;
+}
+.component.market-sell .label-box input.value {
+ height: 30px;
+ background: white;
+}
+.component.market-sell .label-box .icon-color {
+ position: absolute;
+ top: 4px;
+ right: 16px;
+ width: 18px;
+}
+.component.market-sell .queue {
+ margin: 0 10px;
+ cursor: pointer;
+}
+.component.market-sell .sell-form {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 0 10px 10px 10px;
+}
+.component.market-sell .sell-form input[type='submit'] {
+ display: block;
+ width: 100%;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 10px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #ac5832;
+}
+.component.market-sell .sell-form input[type='submit']:hover {
+ background: #401b13;
+}
+.component.market-sell .sell-form input[disabled='disabled'] {
+ background: #202020 !important;
+}
+.wysiwyg {
+ display: block;
+ position: relative;
+}
+.wysiwyg .toolbar {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 5px;
+}
+.wysiwyg .toolbar button {
+ display: inline-block;
+ height: 26px;
+ line-height: 26px;
+ padding: 0 4px !important;
+ margin: 0 4px 0 0 !important;
+ background: #67331d;
+ color: white;
+ border-radius: 3px;
+ overflow: hidden;
+ vertical-align: top;
+}
+.wysiwyg .modal {
+ position: absolute;
+ top: 40px;
+ left: 10px;
+ right: 10px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ box-shadow: 0 0 15px black;
+}
+.wysiwyg .modal .header {
+ position: relative;
+}
+.wysiwyg .modal .header h2 {
+ margin: 0;
+ padding: 0;
+ line-height: 36px;
+ padding: 0 10px;
+ font-size: 16px;
+ font-weight: normal;
+}
+.wysiwyg .modal .header .right {
+ position: absolute;
+ top: 5px;
+ right: 10px;
+ width: 300px;
+ text-align: right;
+}
+.wysiwyg .modal .header .right button {
+ display: inline-block;
+ width: 26px !important;
+ height: 26px !important;
+ line-height: 26px !important<;
+ font-size: 14px;
+ padding: 0 !important;
+ margin: 0 0 0 5px !important;
+}
+.wysiwyg .modal input {
+ width: 435px;
+ border: none;
+ height: 30px;
+ margin: 0 10px 10px 10px !important;
+ padding: 0 10px !important;
+}
+.wysiwyg textarea {
+ padding-top: 40px !important;
+}
+.input-area .wysiwyg .toolbar {
+ padding: 0;
+}
+.component.params .checkbox {
+ display: block;
+ position: relative;
+ padding: 10px 10px 10px 40px;
+ margin: 10px;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component.params .checkbox input {
+ position: absolute;
+ top: 8px;
+ left: 10px;
+}
+#map {
+ position: absolute;
+ z-index: 100;
+ background: url('src/desktop/map/common/map.jpg') repeat black;
+ padding: 0;
+ top: 0;
+ left: 0;
+}
+#map #sectors {
+ z-index: 300;
+}
+#map #spying {
+ z-index: 400;
+}
+#map #own-base {
+ z-index: 500;
+}
+#map #commercial-routes {
+ z-index: 600;
+}
+#map #fleet-movements {
+ z-index: 700;
+}
+#map #attacks {
+ z-index: 800;
+}
+#map #systems {
+ z-index: 900;
+}
+#map #map-info {
+ z-index: 910;
+}
+#map > div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+#map #sectors polygon {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 4 4;
+ opacity: 0.15;
+}
+#map #sectors .ally1 {
+ fill: #6e161b;
+}
+#map #sectors .ally2 {
+ fill: #1f1471;
+}
+#map #sectors .ally3 {
+ fill: #dbb200;
+}
+#map #sectors .ally4 {
+ fill: #5a1072;
+}
+#map #sectors .ally5 {
+ fill: #2c7915;
+}
+#map #sectors .ally6 {
+ fill: #076b87;
+}
+#map #sectors .ally7 {
+ fill: #67331d;
+}
+#map #sectors .ally8 {
+ fill: #d87913;
+}
+#map #sectors .ally9 {
+ fill: #2c7915;
+}
+#map #sectors .ally10 {
+ fill: #760f36;
+}
+#map #sectors .ally11 {
+ fill: #219772;
+}
+#map #sectors .ally12 {
+ fill: #dbb200;
+}
+#map #spying circle {
+ opacity: 0.08;
+ stroke: white;
+}
+#map #own-base circle {
+ opacity: 0.1;
+ fill: white;
+}
+#map #commercial-routes line {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 20 5 5 5 5 10;
+}
+#map #commercial-routes line.standBy {
+ stroke: rgba(255, 255, 255, 0.3);
+}
+#map #fleet-movements line {
+ stroke-width: 1px;
+}
+#map #fleet-movements line.back {
+ stroke-dasharray: 15 5;
+}
+#map #attacks line {
+ stroke-width: 1px;
+}
+#map #attacks line.color1 {
+ stroke: #b01e2d;
+}
+#map #attacks line.color2 {
+ stroke: #2f23c0;
+}
+#map #attacks line.color3 {
+ stroke: #ffdb0f;
+}
+#map #attacks line.color4 {
+ stroke: #a935c7;
+}
+#map #attacks line.color5 {
+ stroke: #57c632;
+}
+#map #attacks line.color6 {
+ stroke: #05bed7;
+}
+#map #attacks line.color7 {
+ stroke: #ac5832;
+}
+#map #attacks line.color8 {
+ stroke: #f2b636;
+}
+#map #attacks line.color9 {
+ stroke: #57c632;
+}
+#map #attacks line.color10 {
+ stroke: #a92859;
+}
+#map #attacks line.color11 {
+ stroke: #34b089;
+}
+#map #attacks line.color12 {
+ stroke: #ffdb0f;
+}
+#map #attacks circle.color1 {
+ fill: #b01e2d;
+}
+#map #attacks circle.color2 {
+ fill: #2f23c0;
+}
+#map #attacks circle.color3 {
+ fill: #ffdb0f;
+}
+#map #attacks circle.color4 {
+ fill: #a935c7;
+}
+#map #attacks circle.color5 {
+ fill: #57c632;
+}
+#map #attacks circle.color6 {
+ fill: #05bed7;
+}
+#map #attacks circle.color7 {
+ fill: #ac5832;
+}
+#map #attacks circle.color8 {
+ fill: #f2b636;
+}
+#map #attacks circle.color9 {
+ fill: #57c632;
+}
+#map #attacks circle.color10 {
+ fill: #a92859;
+}
+#map #attacks circle.color11 {
+ fill: #34b089;
+}
+#map #attacks circle.color12 {
+ fill: #ffdb0f;
+}
+#map #systems a {
+ display: block;
+ position: absolute;
+ border-radius: 100%;
+}
+#map #systems a.active {
+ background: black;
+ box-shadow: 0 0 0 1px black,
+ 0 0 0 3px white,
+ 0 0 10px 8px black;
+}
+#map #systems a img {
+ display: block;
+ width: 20px;
+ height: 20px;
+ border: none;
+ border-radius: 100%;
+ -moz-border-radius: 100%;
+ -webkit-border-radius: 100%;
+ -ms-border-radius: 100%;
+ -o-border-radius: 100%;
+}
+#map #systems a img.own {
+ background: white;
+}
+#map #systems .sector-number {
+ position: absolute;
+ display: block;
+ font-size: 22px;
+ line-height: 40px;
+ width: 40px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 0 5px #0A0A0A, 0 0 0 6px #4F4F4F;
+ background: #202020;
+ color: white;
+ font-weight: bold;
+ cursor: pointer;
+}
+#map #systems .sector-number.color1 {
+ background: #6e161b;
+}
+#map #systems .sector-number.color2 {
+ background: #1f1471;
+}
+#map #systems .sector-number.color3 {
+ background: #dbb200;
+}
+#map #systems .sector-number.color4 {
+ background: #5a1072;
+}
+#map #systems .sector-number.color5 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color6 {
+ background: #076b87;
+}
+#map #systems .sector-number.color7 {
+ background: #67331d;
+}
+#map #systems .sector-number.color8 {
+ background: #d87913;
+}
+#map #systems .sector-number.color9 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color10 {
+ background: #760f36;
+}
+#map #systems .sector-number.color11 {
+ background: #219772;
+}
+#map #systems .sector-number.color12 {
+ background: #dbb200;
+}
+#map #systems .sector-info {
+ display: none;
+ position: absolute;
+ color: white;
+ background: black;
+ background: rgba(0, 0, 0, 0.9);
+ padding: 8px 16px;
+ border-radius: 3px;
+}
+#map #systems .sector-info:before {
+ content: '';
+ position: absolute;
+ left: -20px;
+ top: 20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent black transparent transparent;
+ border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
+}
+#map #systems .sector-info h2 {
+ position: relative;
+ font-size: 40px;
+ font-weight: bold;
+ line-height: 40px;
+ text-shadow: 0 0 5px black;
+ margin: 0;
+ padding: 0;
+}
+#map #systems .sector-info p {
+ font-size: 13px;
+ margin: 6px 0 0 0;
+ padding: 0;
+ font-weight: bold;
+ font-variant: small-caps;
+}
+#map #systems .sector-info p a {
+ position: static;
+ display: inline-block;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ margin: 0 5px 0 0;
+}
+#map #systems .sector-info.color1 p a {
+ background: #6e161b;
+}
+#map #systems .sector-info.color2 p a {
+ background: #1f1471;
+}
+#map #systems .sector-info.color3 p a {
+ background: #dbb200;
+}
+#map #systems .sector-info.color4 p a {
+ background: #5a1072;
+}
+#map #systems .sector-info.color5 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color6 p a {
+ background: #076b87;
+}
+#map #systems .sector-info.color7 p a {
+ background: #67331d;
+}
+#map #systems .sector-info.color8 p a {
+ background: #d87913;
+}
+#map #systems .sector-info.color9 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color10 p a {
+ background: #760f36;
+}
+#map #systems .sector-info.color11 p a {
+ background: #219772;
+}
+#map #systems .sector-info.color12 p a {
+ background: #dbb200;
+}
+#map #map-info {
+ display: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ bottom: auto;
+ height: auto;
+ width: auto;
+ margin: 40px 60px 0 0;
+ color: white;
+ text-align: right;
+}
+#map #map-info h2 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 38px;
+ line-height: 60px;
+}
+#map #map-info h3 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 40px;
+}
+#map #map-info ul {
+ margin: 10px 0;
+ padding: 0;
+ list-style: none;
+}
+#map #map-info ul li {
+ position: relative;
+ margin: 0;
+ padding: 0 40px 0 0;
+ line-height: 20px;
+ height: 20px;
+ font-style: italic;
+ color: #CCC;
+ font-size: 13px;
+}
+#map #map-info ul li img {
+ position: absolute;
+ right: 10px;
+ top: 0px;
+}
+#map #spying circle {
+ fill: #67331d;
+}
+#map #fleet-movements line {
+ stroke: #ac5832;
+}
+#map #fleet-movements circle {
+ fill: #ac5832;
+}
+#map-option {
+ z-index: 1000;
+ position: absolute;
+ display: inline-block;
+ height: 32px;
+ padding: 3px 0;
+ background: url('src/desktop/map/bOption.png') repeat-x;
+ top: 30px;
+ right: 20px;
+}
+#map-option:before {
+ content: '';
+ position: absolute;
+ display: block;
+ left: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bLeftOption.png');
+}
+#map-option:after {
+ content: '';
+ position: absolute;
+ display: block;
+ right: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bRightOption.png');
+}
+#map-option a {
+ position: relative;
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ margin: 1px 0 1px 1px;
+ background: #0A0A0A;
+}
+#map-option a.active {
+ background: #004948;
+}
+#map-option a img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 22px;
+}
+.color1 #map-option a.active {
+ background: #510816;
+}
+.color2 #map-option a.active {
+ background: #0c0d44;
+}
+.color3 #map-option a.active {
+ background: #b17a00;
+}
+.color4 #map-option a.active {
+ background: #310948;
+}
+.color5 #map-option a.active {
+ background: #24500a;
+}
+.color6 #map-option a.active {
+ background: #004948;
+}
+.color7 #map-option a.active {
+ background: #401b13;
+}
+.color8 #map-option a.active {
+ background: #c3590b;
+}
+.color9 #map-option a.active {
+ background: #24500a;
+}
+.color10 #map-option a.active {
+ background: #4d0621;
+}
+.color11 #map-option a.active {
+ background: #10684c;
+}
+.color12 #map-option a.active {
+ background: #b17a00;
+}
+#map-content {
+ z-index: 1000;
+ position: absolute;
+ top: 80px;
+ right: 20px;
+ display: block;
+}
+#map-content .mini-map {
+ position: relative;
+ width: 300px;
+ height: 300px;
+ overflow: hidden;
+ border: solid 1px #202020;
+ background: url('src/desktop/map/common/galaxy.jpg') no-repeat #0A0A0A;
+}
+#map-content .mini-map polygon {
+ stroke: white;
+ stroke-width: .5px;
+ opacity: 0.3;
+}
+#map-content .mini-map polygon:focus,
+#map-content .mini-map polygon:hover {
+ opacity: 0.1;
+ cursor: pointer;
+}
+#map-content .mini-map polygon.ally0 {
+ fill: #202020;
+}
+#map-content .mini-map polygon.ally1 {
+ fill: #6e161b;
+}
+#map-content .mini-map polygon.ally2 {
+ fill: #1f1471;
+}
+#map-content .mini-map polygon.ally3 {
+ fill: #dbb200;
+}
+#map-content .mini-map polygon.ally4 {
+ fill: #5a1072;
+}
+#map-content .mini-map polygon.ally5 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally6 {
+ fill: #076b87;
+}
+#map-content .mini-map polygon.ally7 {
+ fill: #67331d;
+}
+#map-content .mini-map polygon.ally8 {
+ fill: #d87913;
+}
+#map-content .mini-map polygon.ally9 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally10 {
+ fill: #760f36;
+}
+#map-content .mini-map polygon.ally11 {
+ fill: #219772;
+}
+#map-content .mini-map polygon.ally12 {
+ fill: #dbb200;
+}
+#map-content .mini-map .number {
+ position: absolute;
+ z-index: 600;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .sectors {
+ z-index: 500;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases {
+ z-index: 400;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases circle {
+ fill: rgba(255, 255, 255, 0.2);
+ stroke: white;
+}
+#map-content .mini-map .viewport {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: rgba(255, 255, 255, 0.1);
+ border: solid 1px white;
+ border-radius: 3px;
+}
+#map-content .mini-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 11px;
+}
+.map-movers {
+ display: none;
+ position: absolute;
+ z-index: 900;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+#coord-box {
+ z-index: 1000;
+ position: absolute;
+ bottom: 20px;
+ right: 20px;
+ width: 80px;
+ padding: 5px 10px;
+ background: rgba(0, 0, 0, 0.8);
+ color: white;
+ font-size: 20px;
+ text-align: center;
+}
+.tactical-map {
+ margin: 10px;
+ position: relative;
+ background: url('src/desktop/map/common/galaxy-large.jpg') repeat #0A0A0A;
+}
+.tactical-map polygon {
+ stroke: white;
+ stroke-width: .30px;
+ opacity: 0.15;
+}
+.tactical-map polygon.enabled {
+ position: relative;
+ stroke-width: 2px;
+ opacity: 0.80;
+ z-index: 1;
+}
+.tactical-map polygon.enabled.ally1 {
+ stroke: #510816;
+}
+.tactical-map polygon.enabled.ally2 {
+ stroke: #0c0d44;
+}
+.tactical-map polygon.enabled.ally3 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.enabled.ally4 {
+ stroke: #310948;
+}
+.tactical-map polygon.enabled.ally5 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally6 {
+ stroke: #004948;
+}
+.tactical-map polygon.enabled.ally7 {
+ stroke: #401b13;
+}
+.tactical-map polygon.enabled.ally8 {
+ stroke: #c3590b;
+}
+.tactical-map polygon.enabled.ally9 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally10 {
+ stroke: #4d0621;
+}
+.tactical-map polygon.enabled.ally11 {
+ stroke: #10684c;
+}
+.tactical-map polygon.enabled.ally12 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.ally0 {
+ fill: #202020;
+}
+.tactical-map polygon.ally1 {
+ fill: #6e161b;
+}
+.tactical-map polygon.ally2 {
+ fill: #1f1471;
+}
+.tactical-map polygon.ally3 {
+ fill: #dbb200;
+}
+.tactical-map polygon.ally4 {
+ fill: #5a1072;
+}
+.tactical-map polygon.ally5 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally6 {
+ fill: #076b87;
+}
+.tactical-map polygon.ally7 {
+ fill: #67331d;
+}
+.tactical-map polygon.ally8 {
+ fill: #d87913;
+}
+.tactical-map polygon.ally9 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally10 {
+ fill: #760f36;
+}
+.tactical-map polygon.ally11 {
+ fill: #219772;
+}
+.tactical-map polygon.ally12 {
+ fill: #dbb200;
+}
+.tactical-map .number {
+ position: absolute;
+ z-index: 800;
+ top: 0;
+ left: 0;
+}
+.tactical-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 12px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 1px white;
+}
+.tactical-map .number span.ally0 {
+ background: #0A0A0A;
+}
+.tactical-map .number span.ally1 {
+ background: #510816;
+}
+.tactical-map .number span.ally2 {
+ background: #0c0d44;
+}
+.tactical-map .number span.ally3 {
+ background: #b17a00;
+}
+.tactical-map .number span.ally4 {
+ background: #310948;
+}
+.tactical-map .number span.ally5 {
+ background: #24500a;
+}
+.tactical-map .number span.ally6 {
+ background: #004948;
+}
+.tactical-map .number span.ally7 {
+ background: #401b13;
+}
+.tactical-map .number span.ally8 {
+ background: #c3590b;
+}
+.tactical-map .number span.ally9 {
+ background: #24500a;
+}
+.tactical-map .number span.ally10 {
+ background: #4d0621;
+}
+.tactical-map .number span.ally11 {
+ background: #10684c;
+}
+.tactical-map .number span.ally12 {
+ background: #b17a00;
+}
+.tactical-map .number span.active {
+ background: white;
+ color: black;
+ box-shadow: 0 0 10px black;
+}
+.tactical-map.reactive polygon.enabled:hover,
+.tactical-map.reactive polygon.enabled.active {
+ cursor: pointer;
+}
+.tactical-map.reactive polygon.enabled:hover.ally1,
+.tactical-map.reactive polygon.enabled.active.ally1 {
+ fill: #510816;
+}
+.tactical-map.reactive polygon.enabled:hover.ally2,
+.tactical-map.reactive polygon.enabled.active.ally2 {
+ fill: #0c0d44;
+}
+.tactical-map.reactive polygon.enabled:hover.ally3,
+.tactical-map.reactive polygon.enabled.active.ally3 {
+ fill: #b17a00;
+}
+.tactical-map.reactive polygon.enabled:hover.ally4,
+.tactical-map.reactive polygon.enabled.active.ally4 {
+ fill: #310948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally5,
+.tactical-map.reactive polygon.enabled.active.ally5 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally6,
+.tactical-map.reactive polygon.enabled.active.ally6 {
+ fill: #004948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally7,
+.tactical-map.reactive polygon.enabled.active.ally7 {
+ fill: #401b13;
+}
+.tactical-map.reactive polygon.enabled:hover.ally8,
+.tactical-map.reactive polygon.enabled.active.ally8 {
+ fill: #c3590b;
+}
+.tactical-map.reactive polygon.enabled:hover.ally9,
+.tactical-map.reactive polygon.enabled.active.ally9 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally10,
+.tactical-map.reactive polygon.enabled.active.ally10 {
+ fill: #4d0621;
+}
+.tactical-map.reactive polygon.enabled:hover.ally11,
+.tactical-map.reactive polygon.enabled.active.ally11 {
+ fill: #10684c;
+}
+.tactical-map.reactive polygon.enabled:hover.ally12,
+.tactical-map.reactive polygon.enabled.active.ally12 {
+ fill: #b17a00;
+}
+#action-box {
+ display: block;
+ z-index: 1100;
+ position: absolute;
+ width: 100%;
+ height: 300px;
+ bottom: -300px;
+ left: 0;
+ border-top: solid 1px #0A0A0A;
+ background: black;
+ box-shadow: 0 0 15px black;
+}
+#action-box .header {
+ position: relative;
+ background: black;
+ border-bottom: solid 1px #202020;
+ height: 36px;
+ color: #EFEFEF;
+}
+#action-box .header ul {
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .header ul li {
+ display: inline-block;
+ line-height: 36px;
+ padding: 0 10px;
+ color: #CCC;
+ border-right: solid 1px #202020;
+}
+#action-box .header ul li a {
+ display: inline-block;
+ line-height: 24px;
+ margin: 3px 0;
+ padding: 0 6px;
+ text-decoration: none;
+ color: #CCC;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-right: none;
+ color: #8F8F8F;
+}
+#action-box .header ul li a:first-child {
+ border-radius: 3px 0 0 3px;
+}
+#action-box .header ul li a:last-child {
+ border-right: solid 1px #202020;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .header ul li a:hover,
+#action-box .header ul li a:focus {
+ background: #202020;
+ color: white;
+}
+#action-box .header ul li a.active {
+ color: white;
+ position: relative;
+ z-index: 1;
+ background: #401b13;
+}
+#action-box .header ul li img {
+ position: relative;
+ top: 5px;
+ width: 20px;
+ border-radius: 100%;
+}
+#action-box .header .button {
+ position: absolute;
+ top: 7px;
+ right: 10px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ background: #202020;
+ border-radius: 3px;
+ text-decoration: none;
+ text-transform: uppercase;
+ color: white;
+}
+#action-box .header .button:focus,
+#action-box .header .button:hover {
+ background: #4F4F4F;
+}
+#action-box .body {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ height: 263px;
+ background: url('src/desktop/map/common/bLine.jpg') repeat-x center #080808;
+}
+#action-box .actbox-movers {
+ position: absolute;
+ display: block;
+ width: 60px;
+ height: 263px;
+ z-index: 1103;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#action-box .actbox-movers:hover,
+#action-box .actbox-movers:focus {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+#action-box .actbox-movers:active {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+#action-box .actbox-movers#actboxToLeft {
+ background: url('src/desktop/mover/left.png') no-repeat center;
+}
+#action-box .actbox-movers#actboxToRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center;
+}
+#action-box .body .system {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 263px;
+ width: 3000px;
+}
+#action-box .body .system ul {
+ display: inline-block;
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .body .system ul li {
+ display: inline-block;
+}
+#action-box .body .system ul li.place a,
+#action-box .body .system ul li.action {
+ width: 100px;
+ height: 260px;
+ border-top: solid 3px white;
+ position: relative;
+}
+#action-box .body .system ul li.place.color1 a,
+#action-box .body .system ul li.action.color1 {
+ border-top-color: #6e161b;
+}
+#action-box .body .system ul li.place.color2 a,
+#action-box .body .system ul li.action.color2 {
+ border-top-color: #1f1471;
+}
+#action-box .body .system ul li.place.color3 a,
+#action-box .body .system ul li.action.color3 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.place.color4 a,
+#action-box .body .system ul li.action.color4 {
+ border-top-color: #5a1072;
+}
+#action-box .body .system ul li.place.color5 a,
+#action-box .body .system ul li.action.color5 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color6 a,
+#action-box .body .system ul li.action.color6 {
+ border-top-color: #076b87;
+}
+#action-box .body .system ul li.place.color7 a,
+#action-box .body .system ul li.action.color7 {
+ border-top-color: #67331d;
+}
+#action-box .body .system ul li.place.color8 a,
+#action-box .body .system ul li.action.color8 {
+ border-top-color: #d87913;
+}
+#action-box .body .system ul li.place.color9 a,
+#action-box .body .system ul li.action.color9 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color10 a,
+#action-box .body .system ul li.action.color10 {
+ border-top-color: #760f36;
+}
+#action-box .body .system ul li.place.color11 a,
+#action-box .body .system ul li.action.color11 {
+ border-top-color: #219772;
+}
+#action-box .body .system ul li.place.color12 a,
+#action-box .body .system ul li.action.color12 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.star {
+ width: 300px;
+ height: 263px;
+ border-left: solid 1px #0F0F0F;
+ background: url('src/desktop/map/systems/default.png') no-repeat center center;
+}
+#action-box .body .system ul li.place a {
+ display: block;
+ border-left: solid 1px #0F0F0F;
+ text-align: center;
+}
+#action-box .body .system ul li.place a strong {
+ position: absolute;
+ bottom: 8px;
+ left: 10px;
+ font-size: 18px;
+ font-weight: bold;
+ color: white;
+}
+#action-box .body .system ul li.place a .land {
+ position: absolute;
+ z-index: 1102;
+ top: 88px;
+ left: 10px;
+ width: 80px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.place.active a .land {
+ box-shadow: 0 0 0 1px #202020;
+ background: #080808;
+}
+#action-box .body .system ul li.place a .avatar {
+ position: absolute;
+ z-index: 1101;
+ top: 10px;
+ left: 20px;
+ padding: 7px;
+ border: solid 1px #0F0F0F;
+ background: black;
+ width: 47px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action {
+ width: 0px;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .content {
+ position: absolute;
+ top: 9px;
+ left: 12px;
+ height: 240px;
+ width: 545px;
+ background: #111111;
+ border: solid 1px #202020;
+ box-shadow: inset 0 0 5px black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .content:before {
+ content: '';
+ position: absolute;
+ top: 107px;
+ left: -24px;
+ border-width: 12px;
+ border-style: solid;
+ border-color: transparent #202020 transparent transparent;
+}
+#action-box .body .system ul li.action .content .column {
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ height: 240px;
+ border-right: solid 1px #202020;
+ color: white;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link {
+ position: absolute;
+ top: 6px;
+ right: 8px;
+ opacity: .5;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link:hover,
+#action-box .body .system ul li.action .content .column .last-spy-link:focus {
+ opacity: 1;
+}
+#action-box .body .system ul li.action .content .column.info {
+ width: 199px;
+}
+#action-box .body .system ul li.action .content .column.act {
+ width: 345px;
+ border-right: none;
+}
+#action-box .body .system ul li.action .content .column p {
+ margin: 2px 10px;
+}
+#action-box .body .system ul li.action .content .column a {
+ color: white;
+}
+#action-box .body .system ul li.action .content .column hr {
+ margin: 8px 10px;
+ border: none;
+ background: none;
+ border-bottom: solid 1px #202020;
+}
+#action-box .body .system ul li.action .content .column strong {
+ line-height: 30px;
+}
+#action-box .body .system ul li.action .content .column.info strong {
+ line-height: 28px;
+ font-size: 18px;
+}
+#action-box .body .system ul li.action .content .column .label {
+ display: inline-block;
+ width: 78px;
+ font-size: 12px;
+}
+#action-box .body .system ul li.action .content .column .value {
+ display: inline-block;
+ width: 100px;
+ text-align: left;
+}
+#action-box .body .system ul li.action .content .column .value .icon,
+#action-box .body .system ul li.action .content .column .value .icon-color {
+ width: 18px;
+ height: 18px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .content .column.act .top .grey {
+ opacity: .4;
+}
+#action-box .body .system ul li.action .content .column.act .top img {
+ width: 45px;
+ padding: 8px;
+ margin: 0 4px 2px 0;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action .content .column .top,
+#action-box .body .system ul li.action .content .column .bottom {
+ padding: 5px;
+}
+#action-box .body .system ul li.action .box {
+ display: none;
+ position: absolute;
+ left: 10px;
+ right: 10px;
+ bottom: 10px;
+ top: 80px;
+ background: black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .box:nth-child(1) {
+ display: block;
+}
+#action-box .body .system ul li.action .box:before {
+ content: '';
+ position: absolute;
+ top: -20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent transparent black transparent;
+}
+#action-box .body .system ul li.action .box:nth-child(1):before {
+ left: 15px;
+}
+#action-box .body .system ul li.action .box:nth-child(2):before {
+ left: 84px;
+}
+#action-box .body .system ul li.action .box:nth-child(3):before {
+ left: 152px;
+}
+#action-box .body .system ul li.action .box:nth-child(4):before {
+ left: 218px;
+}
+#action-box .body .system ul li.action .box:nth-child(5):before {
+ left: 284px;
+}
+#action-box .body .system ul li.action .box h2 {
+ margin: 0;
+ padding: 0 11px;
+ line-height: 35px;
+ font-size: 15px;
+}
+#action-box .body .system ul li.action .box .box-content {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 0 0 3px 3px;
+ padding: 8px 10px;
+ background: #080808;
+ border: solid 1px black;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item {
+ display: none;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button {
+ display: inline-block;
+ width: 100px;
+ text-decoration: none;
+ margin: 8px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .picto {
+ float: left;
+ width: 30px;
+ height: 30px;
+ margin: 0 5px 0 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button span {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form {
+ margin-top: 10px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form input {
+ width: 187px;
+ padding: 7px;
+ border: none;
+ background: white;
+ border-radius: 3px 0 0 3px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button {
+ width: 100px;
+ padding: 6px 6px;
+ border: none;
+ color: white;
+ background: #67331d;
+ cursor: pointer;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button:hover,
+#action-box .body .system ul li.action .box .box-content .spy-form button:focus {
+ background: #401b13;
+}
+#action-box .body .system ul li.action .box .box-content .label-box {
+ display: inline-block;
+ width: 50%;
+ margin: 5px 0;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .key {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .val {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+#action-box .body .system ul li.action .box .box-content .rc {
+ margin: 5px 0 0 0;
+ padding: 10px 10px 0 50px;
+ border-top: solid 1px #202020;
+}
+#action-box .body .system ul li.action .box .box-content .rc .planet {
+ position: absolute;
+ top: -25px;
+ left: -25px;
+ width: 76px;
+ height: 76px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+#action-box .body .system ul li.action .box .box-content .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .button {
+ display: inline-block;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ line-height: 26px;
+ margin: 5px 0 0 0;
+ padding: 0 8px;
+ text-align: center;
+ text-decoration: none;
+}
+#action-box .body .system ul li.action .box .box-content a.button {
+ background: #67331d;
+ border: #401b13;
+}
+#action-box .body .system ul li.action .box .box-content a.button:hover,
+#action-box .body .system ul li.action .box .box-content a.button:focus {
+ background: #401b13;
+}
+.component.admin table {
+ margin: 10px;
+ border-collapse: collapse;
+ width: 877px;
+}
+.component.admin table tr {
+ border-bottom: solid 1px #202020;
+}
+.component.admin table td {
+ padding: 5px 10px;
+ vertical-align: top;
+}
+.component.admin table .button {
+ display: inline-block;
+ padding: 0 5px;
+ line-height: 25px;
+ min-width: 15px;
+ text-align: center;
+ color: white;
+ border-radius: 3px;
+ background: #4F4F4F;
+ text-decoration: none;
+}
+.component.admin table td:nth-child(1) {
+ width: 50px;
+}
+.component.admin table td:nth-child(2) {
+ width: 100px;
+}
+.component.admin table td:nth-child(3) {
+ width: auto;
+}
+.component.admin table td:nth-child(4) {
+ width: 80px;
+}
+.on-off-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #67331d;
+ border: solid 1px #401b13;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+.on-off-button:hover,
+.on-off-button:focus {
+ background: #401b13;
+ border-color: #67331d;
+}
+.on-off-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+.inscription {
+ /* SUBNAV */
+ /* ALLY */
+}
+.inscription #nav .box.left span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 10px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 80px;
+ text-align: center;
+ color: #4f4f4f;
+ text-decoration: none;
+ font-variant: small-caps;
+}
+.inscription #nav .box.left span.active {
+ color: white;
+}
+.inscription #nav .box.right {
+ display: none;
+}
+.inscription #inscription-subnav {
+ position: fixed;
+ top: 45px;
+ left: 0;
+ width: 210px;
+ margin: 0 20px 0 60px;
+ z-index: 500;
+}
+.inscription #inscription-subnav .bind {
+ height: 15px;
+ background: url('src/desktop/inscriptionSubnav/bBind.png') no-repeat center;
+}
+.inscription #inscription-subnav .head {
+ position: relative;
+ height: 214px;
+ background: url('src/desktop/inscriptionSubnav/bHead.png') no-repeat center;
+}
+.inscription #inscription-subnav .head h2 {
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ top: 5px;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 24px;
+ width: 210px;
+ overflow: hidden;
+ text-align: center;
+ color: white;
+}
+.inscription #inscription-subnav .head img {
+ position: absolute;
+ top: 43px;
+ left: 28px;
+ width: 125px;
+ height: 125px;
+ background: #0A0A0A;
+}
+.inscription #inscription-subnav .head .level {
+ position: absolute;
+ display: block;
+ bottom: 15px;
+ left: 0;
+ width: 100%;
+ font-size: 20px;
+ line-height: 41px;
+ color: white;
+ text-align: center;
+ background: url('src/desktop/inscriptionSubnav/bLevel.png') no-repeat center;
+}
+.inscription #inscription-subnav .head .experience {
+ position: absolute;
+ display: inline-block;
+ top: 50px;
+ right: 32px;
+ width: 21px;
+ height: 112px;
+}
+.inscription #inscription-subnav .head .experience .value {
+ position: absolute;
+ display: block;
+ width: 100%;
+ bottom: 0;
+ border-radius: 3px;
+}
+.inscription #inscription-subnav .foot {
+ height: 290px;
+}
+.inscription #movers .toLeft {
+ left: 0 !important;
+}
+.inscription .component.inscription img.color1 {
+ background: #6e161b !important;
+}
+.inscription .component.inscription img.color2 {
+ background: #1f1471 !important;
+}
+.inscription .component.inscription img.color3 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription img.color4 {
+ background: #5a1072 !important;
+}
+.inscription .component.inscription img.color5 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color6 {
+ background: #076b87 !important;
+}
+.inscription .component.inscription img.color7 {
+ background: #67331d !important;
+}
+.inscription .component.inscription img.color8 {
+ background: #d87913 !important;
+}
+.inscription .component.inscription img.color9 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color10 {
+ background: #760f36 !important;
+}
+.inscription .component.inscription img.color11 {
+ background: #219772 !important;
+}
+.inscription .component.inscription img.color12 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription .chooseLink {
+ display: block;
+ margin: 10px;
+ padding: 10px 60px 10px 20px;
+ background: url('src/desktop/mover/right.png') no-repeat 235px center #CCC;
+ text-decoration: none;
+ color: white;
+ text-shadow: 0 0 2px black;
+ border: solid 1px #202020;
+ cursor: pointer;
+ -webkit-transition: all linear 200ms;
+ -moz-transition: all linear 200ms;
+ -ms-transition: all linear 200ms;
+ -o-transition: all linear 200ms;
+ transition: all linear 200ms;
+}
+.inscription .component.inscription .chooseLink:focus,
+.inscription .component.inscription .chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+.inscription .component.inscription button.chooseLink {
+ width: 277px;
+ text-align: left;
+}
+.inscription .component.inscription.color1 .chooseLink {
+ background-color: #6e161b;
+}
+.inscription .component.inscription.color2 .chooseLink {
+ background-color: #1f1471;
+}
+.inscription .component.inscription.color3 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color4 .chooseLink {
+ background-color: #5a1072;
+}
+.inscription .component.inscription.color5 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color6 .chooseLink {
+ background-color: #076b87;
+}
+.inscription .component.inscription.color7 .chooseLink {
+ background-color: #67331d;
+}
+.inscription .component.inscription.color8 .chooseLink {
+ background-color: #d87913;
+}
+.inscription .component.inscription.color9 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color10 .chooseLink {
+ background-color: #760f36;
+}
+.inscription .component.inscription.color11 .chooseLink {
+ background-color: #219772;
+}
+.inscription .component.inscription.color12 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color1 .chooseLink:hover,
+.inscription .component.inscription.color1 .chooseLink:focus {
+ background-color: #510816;
+}
+.inscription .component.inscription.color2 .chooseLink:hover,
+.inscription .component.inscription.color2 .chooseLink:focus {
+ background-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .chooseLink:hover,
+.inscription .component.inscription.color3 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription.color4 .chooseLink:hover,
+.inscription .component.inscription.color4 .chooseLink:focus {
+ background-color: #310948;
+}
+.inscription .component.inscription.color5 .chooseLink:hover,
+.inscription .component.inscription.color5 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color6 .chooseLink:hover,
+.inscription .component.inscription.color6 .chooseLink:focus {
+ background-color: #004948;
+}
+.inscription .component.inscription.color7 .chooseLink:hover,
+.inscription .component.inscription.color7 .chooseLink:focus {
+ background-color: #401b13;
+}
+.inscription .component.inscription.color8 .chooseLink:hover,
+.inscription .component.inscription.color8 .chooseLink:focus {
+ background-color: #c3590b;
+}
+.inscription .component.inscription.color9 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color10 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #4d0621;
+}
+.inscription .component.inscription.color11 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #10684c;
+}
+.inscription .component.inscription.color12 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription .chooseLink strong {
+ display: block;
+ font-size: 15px;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+}
+.inscription .component.inscription .chooseLink em {
+ font-style: normal;
+}
+.inscription .component.inscription span.chooseLink {
+ background: #202020 !important;
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+ cursor: auto;
+ padding: 10px;
+}
+.inscription .component.inscription span.chooseLink:focus,
+.inscription .component.inscription span.chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+}
+.inscription .component.inscription blockquote {
+ line-height: 200%;
+}
+.inscription .component.inscription #pseudo,
+.inscription .component.inscription #base {
+ position: relative;
+ width: 100%;
+ border: none;
+ padding: 12px 0;
+ margin: 0;
+ text-align: center;
+ font-size: 26px;
+ font-weight: bold;
+ background: white;
+ border-radius: 3px;
+}
+.inscription .component.inscription.color1 #pseudo {
+ color: #510816;
+}
+.inscription .component.inscription.color2 #pseudo {
+ color: #0c0d44;
+}
+.inscription .component.inscription.color3 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription.color4 #pseudo {
+ color: #310948;
+}
+.inscription .component.inscription.color5 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color6 #pseudo {
+ color: #004948;
+}
+.inscription .component.inscription.color7 #pseudo {
+ color: #401b13;
+}
+.inscription .component.inscription.color8 #pseudo {
+ color: #c3590b;
+}
+.inscription .component.inscription.color9 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color10 #pseudo {
+ color: #4d0621;
+}
+.inscription .component.inscription.color11 #pseudo {
+ color: #10684c;
+}
+.inscription .component.inscription.color12 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription .avatars {
+ padding: 5px;
+ text-align: center;
+}
+.inscription .component.inscription .avatar {
+ position: relative;
+ display: inline-block;
+ margin: 0 5px;
+ padding: 5px;
+ background: #202020;
+ border: solid 5px #0A0A0A;
+ border-radius: 100%;
+}
+.inscription .component.inscription .avatar input {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+.inscription .component.inscription .avatar img {
+ display: block;
+ width: 117px;
+ cursor: pointer;
+ border-radius: 100%;
+}
+.inscription .component.inscription.color1 .avatar:hover {
+ border-color: #510816;
+}
+.inscription .component.inscription.color2 .avatar:hover {
+ border-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color4 .avatar:hover {
+ border-color: #310948;
+}
+.inscription .component.inscription.color5 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color6 .avatar:hover {
+ border-color: #004948;
+}
+.inscription .component.inscription.color7 .avatar:hover {
+ border-color: #401b13;
+}
+.inscription .component.inscription.color8 .avatar:hover {
+ border-color: #c3590b;
+}
+.inscription .component.inscription.color9 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color10 .avatar:hover {
+ border-color: #4d0621;
+}
+.inscription .component.inscription.color11 .avatar:hover {
+ border-color: #10684c;
+}
+.inscription .component.inscription.color12 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color1 .avatar.active {
+ border-color: #b01e2d;
+}
+.inscription .component.inscription.color2 .avatar.active {
+ border-color: #2f23c0;
+}
+.inscription .component.inscription.color3 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription .component.inscription.color4 .avatar.active {
+ border-color: #a935c7;
+}
+.inscription .component.inscription.color5 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color6 .avatar.active {
+ border-color: #05bed7;
+}
+.inscription .component.inscription.color7 .avatar.active {
+ border-color: #ac5832;
+}
+.inscription .component.inscription.color8 .avatar.active {
+ border-color: #f2b636;
+}
+.inscription .component.inscription.color9 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color10 .avatar.active {
+ border-color: #a92859;
+}
+.inscription .component.inscription.color11 .avatar.active {
+ border-color: #34b089;
+}
+.inscription .component.inscription.color12 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription #alert {
+ bottom: -12px;
+ z-index: 10000;
+}
+.inscription .build-item {
+ min-height: 60px;
+}
+.inscription .build-item .name {
+ padding-top: 2px !important;
+}
+.inscription .build-item .name strong {
+ font-size: 16px !important;
+}
+.inscription .build-item .name em {
+ font-size: 12px !important;
+}
+.color0 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor0.png') no-repeat top left;
+}
+.color1 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor1.png') no-repeat top left;
+}
+.color2 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor2.png') no-repeat top left;
+}
+.color3 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor3.png') no-repeat top left;
+}
+.color4 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor4.png') no-repeat top left;
+}
+.color5 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor5.png') no-repeat top left;
+}
+.color6 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor6.png') no-repeat top left;
+}
+.color7 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor7.png') no-repeat top left;
+}
+.color8 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor8.png') no-repeat top left;
+}
+.color9 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor9.png') no-repeat top left;
+}
+.color10 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor10.png') no-repeat top left;
+}
+.color11 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor11.png') no-repeat top left;
+}
+.color12 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor12.png') no-repeat top left;
+}
+/* AUTOCOMPLETE MODULE */
+.ac_results {
+ width: 100%;
+ padding: 0px;
+ border: 1px solid #4F4F4F;
+ background-color: white;
+ overflow: hidden;
+ z-index: 99999;
+ box-shadow: 0 0 6px black;
+ border-radius: 3px;
+}
+.ac_results ul {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style-position: outside;
+ list-style: none;
+}
+.ac_results ul li {
+ padding: 4px 8px;
+ margin: 0px;
+ cursor: default;
+ display: block;
+ border-bottom: solid 1px #CCC;
+ overflow: hidden;
+}
+.ac_results ul li:last-child {
+ border: none;
+}
+.ac_results .img {
+ float: left;
+ width: 36px;
+ background: #202020;
+ border-radius: 3px;
+ margin: 0 8px 0 0;
+}
+.ac_results .value-1,
+.ac_results .value-2 {
+ display: block;
+ line-height: 18px;
+}
+.ac_results .value-1 {
+ font-weight: bold;
+}
+.ac_loading {
+ background: white url('src/desktop/module/indicator.gif') right center no-repeat;
+}
+.ac_over {
+ background: #efefef;
+}
+.ac_results .ac_over strong {
+ color: black;
+}
+.ac_results .ac_over img {
+ background: white;
+}
diff --git a/public/css/main.desktop.v3.color8.css b/public/css/main.desktop.v3.color8.css
index 1373f83c6..93e8f3b86 100644
--- a/public/css/main.desktop.v3.color8.css
+++ b/public/css/main.desktop.v3.color8.css
@@ -1 +1,6737 @@
-html{height:100%}body{margin:0;padding:0;font-family:Roboto,'Trebuchet MS',Arial,sans-serif;font-size:13px}.bull{display:none;position:absolute;z-index:1200;padding:4px 8px;max-width:280px;color:#fff;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px}.bull.top:before{bottom:-14px;border-color:#4F4F4F transparent transparent transparent}.bull.bottom:before{top:-14px;border-color:transparent transparent #4F4F4F transparent}.bull.left:before{right:9pt}.bull.right:before{left:9pt}body{width:100%;height:100%;overflow:hidden;background:#000}#nav,#tools{position:fixed;width:100%;height:26px;background:url(src/desktop/tools/bTools.png) repeat-x #000;box-shadow:0 0 10px #000;z-index:1000;border-color:#db8218}#nav{top:0;left:0;background:url(src/desktop/nav/bNav.png) repeat-x #000;border-bottom:solid 3px #000}#tools{bottom:0;left:0;background:url(src/desktop/tools/bTools.png) repeat-x #000;border-top:solid 3px #000}#container{position:absolute;top:29px;left:0;margin:0;padding:0;width:100%;background:#000;overflow:hidden;z-index:0;background:url(src/desktop/global/background.jpg) repeat-x #000}.icon,.icon-color{display:inline-block;vertical-align:bottom;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.icon-color{background:#db8218!important}#background-paralax{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat bottom left transparent;z-index:100;background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.profil{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.message{background-image:url(src/desktop/screen/message.jpg)}#background-paralax.fleet{background-image:url(src/desktop/screen/fleet.jpg)}#background-paralax.financial{background-image:url(src/desktop/screen/financial.jpg)}#background-paralax.technology{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.rank{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.params{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.bases{background-image:url(src/desktop/screen/base.jpg)}#movers a{position:absolute;width:60px;height:100%;z-index:400;background:red;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#movers a:focus,#movers a:hover{background-color:rgba(255,255,255,.08)}#movers a:active{background-color:rgba(255,255,255,.2)}#movers .toLeft{top:0;left:60px;background:url(src/desktop/mover/left.png) no-repeat center transparent}#movers .toRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center transparent}.component.financial table{border-collapse:collapse;width:100%}.component.financial td{vertical-align:top;width:50%}.component.uni .build-item{height:60px;margin:20px}.component.techno .build-item .name strong{font-size:1pc}.component.school .build-item .name strong{font-size:18px}.component.generator table{width:100%;border-collapse:collapse}.component.dock1 table{width:100%;border-collapse:collapse}.component.space .fix-body{background:url(src/desktop/base/situation.jpg) no-repeat top left #000}.component.memorial blockquote{font-size:22px;margin:30px 15px 0 30px;line-height:160%;font-weight:700;text-align:center}.component .info-building{margin:10px;padding:0;font-size:13px;border-top:solid 1px #4F4F4F}.component .info-building h4{margin:10px}.component .info-building p{font-size:13px}#nav .box a,#nav .box>span,#tools .box a,#tools .box>span{position:relative;display:inline-block;line-height:2pc;padding:0 25px;margin:5px 2px;font-size:14px;width:150px;color:#fff;text-decoration:none;font-variant:small-caps;background:url(src/desktop/button/bButtonMiddle.png) repeat-x}#nav .box a:before,#nav .box>span:before,#tools .box a:before,#tools .box>span:before{content:'';position:absolute;top:0;left:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonLeft.png) no-repeat}#nav .box a:after,#nav .box>span:after,#tools .box a:after,#tools .box>span:after{content:'';position:absolute;top:0;right:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonRight.png) no-repeat}#nav .box a.current-base,#tools .box a.current-base{margin-left:56px}#nav .box a.current-base img,#tools .box a.current-base img{position:absolute;top:-1pc;left:-54px;background:#000;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:solid 2px #4F4F4F;width:60px}#nav .box a:focus:before,#nav .box a:hover:before,#tools .box a:focus:before,#tools .box a:hover:before{background:url(src/desktop/button/bButtonLeftHover.png) repeat}#nav .box a:focus:after,#nav .box a:hover:after,#tools .box a:focus:after,#tools .box a:hover:after{background:url(src/desktop/button/bButtonRightHover.png) repeat}#nav .box a.active,#tools .box a.active{background:url(src/desktop/button/bButtonMiddleActive.png) repeat}#nav .box a.active:before,#tools .box a.active:before{background:url(src/desktop/button/bButtonLeftActive.png) repeat}#nav .box a.active:after,#tools .box a.active:after{background:url(src/desktop/button/bButtonRightActive.png) repeat}#nav .box a.square,#tools .box a.square{position:relative;padding:0 5px;margin:5px 2px;height:2pc;width:30px;background:url(src/desktop/button/bLittleButton.png) no-repeat;vertical-align:top}#nav .box a.square:after,#nav .box a.square:before,#tools .box a.square:after,#tools .box a.square:before{display:none}#nav .box a.square:focus,#nav .box a.square:hover,#tools .box a.square:focus,#tools .box a.square:hover{background:url(src/desktop/button/bLittleButtonHover.png) no-repeat}#nav .box a.square.active,#tools .box a.square.active{background:url(src/desktop/button/bLittleButtonActive-c8.png) no-repeat}#nav .box a.square.active.flashy,#tools .box a.square.active.flashy{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 9pt #db8218}#nav .box a.square img,#tools .box a.square img{position:absolute;width:24px;top:3px;left:8px}#nav .box a.square span.number,#tools .box a.square span.number{position:absolute;top:-5px;right:-5px;width:18px;line-height:18px;text-align:center;font-size:11px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#c3590b}#nav .box{position:absolute;display:inline-block;height:46px;padding:0 3px;background:url(src/desktop/nav/bNavBox.png) repeat-x}#nav .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxLeft.png) no-repeat}#nav .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxRight.png) no-repeat}#nav .box.left{top:0;left:25px}#nav .box.left-2{top:0;left:420px}#nav .box.left-3{top:0;left:732px}#nav .box.right{top:0;right:25px}#nav .box a.square span.number{bottom:-5px;top:auto}#tools .box{position:absolute;display:inline-block;height:40px;padding:1px 3px 0 3px;background:url(src/desktop/tools/bToolBox.png) repeat-x;font-size:13px}#tools .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxRight.png) no-repeat}#tools .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxLeft.png) no-repeat}#tools .box.left{bottom:0;right:340px}#tools .box.right{bottom:0;right:25px}#tools .box a.square img{top:4px}#tools .box a.resource-link,#tools .box span.resource-link{width:110px;font-size:1pc}#tools .box a.resource-link img.icon-color,#tools .box span.resource-link img.icon-color{position:relative;display:inline-block;width:18px;vertical-align:middle;margin-left:5px;top:-2px;padding:1px}#nav .overbox .overflow,#tools .overbox .overflow{max-height:25pc;overflow:auto;position:relative}#nav .overbox h2,#tools .overbox h2{color:#fff;padding:10px 15px;margin:0;font-size:14px;font-weight:400;border-bottom:solid 1px #202020}#nav .overbox .link-title,#tools .overbox .link-title{position:absolute;top:10px;right:10px;line-height:20px;font-size:11px;padding:0 5px;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-decoration:none;color:#fff}#nav .overbox a,#tools .overbox a{color:inherit}#nav .overbox a.more-link,#tools .overbox a.more-link{display:block;padding:8px;font-size:9pt;border-top:solid 1px #202020;text-align:center;text-decoration:none;color:#4F4F4F}#nav .overbox a.more-link:focus,#nav .overbox a.more-link:hover,#tools .overbox a.more-link:focus,#tools .overbox a.more-link:hover{color:#CCC}#nav .overbox p.info,#tools .overbox p.info{padding:5px 15px;font-size:9pt;text-align:center;color:#CCC}#nav .overbox .outside-button,#tools .overbox .outside-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#d87013;border:solid 1px #c3590b;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}#nav .overbox .outside-button:focus,#nav .overbox .outside-button:hover,#tools .overbox .outside-button:focus,#tools .overbox .outside-button:hover{background:#c3590b;border-color:#d87013}#nav .overbox .outside-button.disabled,#tools .overbox .outside-button.disabled{background:#202020;border-color:#4F4F4F}#nav .overbox input.outside-button,#tools .overbox input.outside-button{line-height:26px}#nav .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}#nav .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:transparent transparent #202020 transparent;top:-18px;right:30px}#nav .overbox#change-bases{top:50px;left:10px;width:205px;padding:0 0 8px 0}#nav .overbox#change-bases:before{left:30px;right:auto}#nav .overbox#change-bases a{display:block;padding:3px 15px;color:#CCC;text-decoration:none;font-size:9pt;border-bottom:solid 1px #101010}#nav .overbox#change-bases a:focus,#nav .overbox#change-bases a:hover{background:#101010}#nav .overbox#change-bases a.active{background:#202020}#nav .overbox#change-bases strong{display:block;color:#CCC;font-size:13px}#nav .overbox#disconnect-box{top:50px;right:10px;width:205px;padding:8px 0}#nav .overbox#disconnect-box hr{margin:8px 0;border:none;background:0 0;border-top:solid 1px #202020}#nav .overbox#disconnect-box a{display:block;padding:0 15px;line-height:25px;font-size:13px;color:#CCC;text-decoration:none}#nav .overbox#disconnect-box a:focus,#nav .overbox#disconnect-box a:hover{color:#fff;background:#202020}#nav .overbox#bug-tracker{width:250px;top:50px;right:98px;padding:0 0 8px 0}#nav .overbox#bug-tracker p{color:#CCC;font-size:9pt;margin:10px}#nav .overbox#bug-tracker .option{margin:3px 10px 10px 10px;display:block;width:330px;padding:5px}#nav .overbox#bug-tracker textarea{display:block;margin:0 10px 10px 10px;padding:5px;width:318px;height:200px;min-width:318px;max-width:318px;border:solid 1px #202020;font-family:'Trebuchet MS',sans-serif;font-size:13px}#nav .overbox#bug-tracker .button{display:block;margin:0 10px 2px 10px}#nav .overbox#roadmap{width:350px;top:50px;right:10px}#nav .overbox#roadmap .overflow{width:350px;padding:8px 0}#nav .overbox#roadmap p{color:#CCC;font-size:9pt;margin:0 10px 10px 10px}#nav .overbox#roadmap p em{display:block;font-size:11px;color:#4F4F4F}#nav .overbox#roadmap hr{margin:5px 0;border:none;border-top:solid 1px #202020}#nav .overbox#tutorial{width:350px;top:50px;right:143px;color:#fff}#nav .overbox#tutorial form{padding:0 0 10px 0;margin:0;border-top:solid 1px #202020}#nav .overbox#tutorial .overflow{padding:15px 15px 0 15px}#nav .overbox#tutorial .overflow h3{position:relative;margin:0;padding:0 0 0 36px}#nav .overbox#tutorial .overflow h3 .number{position:absolute;top:-4px;left:0;display:block;width:26px;line-height:26px;text-align:center;background:#c3590b;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;margin-right:10px}#nav .overbox#tutorial .overflow p{font-size:9pt;color:#CCC}#nav .overbox#new-notifications{top:50px;left:627px;width:300px}#tools .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:300px;bottom:45px;right:15px}#tools .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:#202020 transparent transparent transparent;bottom:-18px;right:30px}#tools .overbox.left-pic:before{left:30px;right:auto}#tools .overbox#tools-calendar{left:25px;bottom:45px;right:auto}#tools .overbox#tools-refinery{right:401px;bottom:45px}#tools .overbox#tools-generator{right:237px;bottom:45px}#tools .overbox#tools-technosphere{right:193px;bottom:45px}#tools .overbox#tools-dock1{right:148px;bottom:45px}#tools .overbox#tools-dock2{right:105px;bottom:45px}#tools .overbox#tools-credit{right:140px;bottom:45px}#tools .overbox#tools-incoming-attack{right:230px;bottom:45px}#tools .overbox#tools-outgoing-attack{right:185px;bottom:45px}#subnav{position:fixed;top:29px;left:2px;bottom:29px;padding:40px 0;width:60px;background:url(src/desktop/subnav/middle.png) repeat-y;z-index:1000}#subnav hr{border:none;margin:20px 0}#subnav .overflow{position:relative}#subnav .move-side-bar{display:none;position:absolute;z-index:5000;left:5px;width:3pc;height:3pc;line-height:3pc;border:none;background-color:rgba(0,0,0,.75);background-position:center;background-repeat:no-repeat;border-radius:100%;cursor:pointer}#subnav .move-side-bar:focus,#subnav .move-side-bar:hover{box-shadow:0 0 3px #fff}#subnav .move-side-bar.top{bottom:auto;top:20px;background-image:url(src/desktop/component/top.png)}#subnav .move-side-bar.bottom{bottom:20px;top:auto;background-image:url(src/desktop/component/bottom.png)}#subnav .item{position:relative;display:block;height:50px;width:50px;margin:0 0 10px 0;padding:8px 5px;color:#fff;text-decoration:none;background:url(src/desktop/subnav/button.png) no-repeat}#subnav .item.active{background:url(src/desktop/subnav/button-active-c8.png) no-repeat}#subnav .item.striped{background:url(src/desktop/subnav/button-striped.png) no-repeat}#subnav .item:before{content:'';position:absolute;right:-6px;bottom:0;width:9pt;height:47px;background:url(src/desktop/subnav/til.png) no-repeat}#subnav .item:hover:before{background:url(src/desktop/subnav/til-hover.png) no-repeat}#subnav .item:hover>.content{display:block}#subnav .item .picto{display:block;height:30px;width:30px;padding:10px}#subnav .item .picto img{display:block;height:30px;width:30px}#subnav .item .picto .number{position:absolute;bottom:-5px;right:-18px;display:block;width:28px;height:28px;line-height:28px;text-align:center;font-size:9pt;background:url(src/desktop/subnav/number.png) no-repeat}#subnav .item .content{display:none;position:absolute;top:0;left:75px;width:230px}#subnav .item .content.skin-1 span{display:inline-block;margin:15px 0 15px 1pc;padding:0 15px;line-height:30px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-1 span:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content{display:inline-block;margin:0 0 0 1pc;padding:10px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-2 .sub-content:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content hr{border:none;border-top:solid 1px #4F4F4F;margin:5px 0}#subnav .item .content.skin-2 .sub-content .ship{position:relative}#subnav .item .content.skin-2 .sub-content .ship img{width:2pc;height:2pc}#subnav .item .content.skin-2 .sub-content .ship img.zero{opacity:.5}#subnav .item .content.skin-2 .sub-content .ship .number{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;line-height:18px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;text-align:center;background:#db8218}#alert-content{display:none}#alert{position:absolute;bottom:18px;left:50px;padding:0;text-align:right;list-style:inset none}#alert li{position:relative;display:inline-block;margin:0 0 0 5px}#alert li img{display:block;height:50px;border:solid 1px #202020;padding:5px;background:#0A0A0A;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.alert-bull{display:block;position:absolute;z-index:1200;width:200px;padding:6px 8px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.alert-bull .title{display:block;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:solid 1px #4F4F4F}.alert-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;bottom:-14px;left:24px;border-color:#4F4F4F transparent transparent transparent}#content{position:absolute;width:500pc;height:100%;top:0;left:300px;z-index:200}#content .component{position:relative;display:table-cell;overflow:hidden;width:300px;background:rgba(0,0,0,.92)}#content .component.size2{width:600px}#content .component.size3{width:900px}#content .component:nth-child(1){background:rgba(0,0,0,.6)}#content .component:nth-child(2){background:rgba(0,0,0,.75)}#content .component:nth-child(3){background:rgba(0,0,0,.85)}#content .component:nth-child(4){background:rgba(0,0,0,.9)}#content .component .head{position:relative;display:inline-block;height:90pt;width:100%;vertical-align:top;color:#fff;background:url(src/desktop/component/bHead.jpg) repeat-x center #000;border-bottom:solid 1px #202020}#content .component .head h1{position:absolute;top:10px;left:10px;font-size:38px;line-height:50px;height:50px;display:inline-block;padding:0 10px;background:#000;overflow:hidden}#content .component .fix-body{position:relative;overflow:auto;color:#fff;border-right:solid 1px #202020}#content .component .fix-body .body{position:relative}.no-scrolling #content .component .fix-body{overflow:hidden}.no-scrolling #content .component .fix-body>a{position:absolute;width:100%;height:40px;left:0;opacity:0}.no-scrolling #content .component .fix-body.hover>a{opacity:1;background-position:center;background-repeat:no-repeat}.no-scrolling #content .component .fix-body .toTop{top:0;background-image:url(src/desktop/component/top.png),-webkit-gradient(linear,#000,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-moz-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-ms-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-o-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),linear-gradient(black,rgba(0,0,0,.8),transparent)}.no-scrolling #content .component .fix-body .toBottom{bottom:0;background-image:url(src/desktop/component/bottom.png),-webkit-gradient(linear,transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-moz-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-ms-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-o-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),linear-gradient(transparent,rgba(0,0,0,.8),#000)}#content .component.invisible{background:0 0}#content .component.invisible .publicity{position:absolute;bottom:0;left:0;right:0;background:red}.component .tool{display:table;width:100%;height:44px;margin:0;overflow:hidden;background:#000;border-bottom:solid 1px #db8218;color:#4F4F4F}.component .tool>span{display:table-cell;width:28px;border:solid 6px transparent;border-left:none}.component .tool>span:first-child{border:solid 5px transparent;width:auto;text-align:center}.component .tool>span:first-child a{width:auto}.component .tool>span a{position:relative;display:block;margin:0;padding:0;line-height:30px;width:30px;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px;text-align:center}.component .tool>span a img{width:18px;position:relative;top:-4px}.component .tool>span a.active{background:#d87013;color:#fff;border-color:#db8218}.component .tool>span a.active.down{box-shadow:0 2px 0 0 #CCC}.component .tool>span a.active.up{box-shadow:0 -2px 0 0 #ccc}.component .tool>span a.active:focus,.component .tool>span a.active:hover{color:#CCC;box-shadow:inset 0 0 5px rgba(0,0,0,.5)}.component .tool>span a:active,.component .tool>span a:focus,.component .tool>span a:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .tool.sort-button>span:first-child{text-align:center}.component h3{width:100%;margin:0;background:#000;text-align:center;padding:0 2px;line-height:44px;font-weight:400;font-size:14px;color:#4F4F4F;text-decoration:none;border-bottom:solid 1px #db8218}.component h4{margin:10px 10px 0 10px;font-weight:400;font-size:18px}.component .body p{margin:10px;font-size:13px;text-align:justify}.component .body p.info{position:relative;border-top:solid 1px #202020;padding:10px;margin:10px;line-height:140%;background:rgba(0,0,0,.8)}.component .body p.info a{color:#fff}.component .body p.info .requierement{display:inline-block;margin:0 0 0 8px;vertical-align:bottom;height:1pc}.component .body p.long-info{padding:10px;line-height:150%;background:#000}.component .body p .alone-button{display:block;text-align:center;color:#fff;line-height:40px;border-radius:3px;text-decoration:none;background:#4F4F4F;box-shadow:inset 0 0 2px #000;padding:0 10px;background:#c3590b}.component .body p .alone-button:focus,.component .body p .alone-button:hover{background:#d87013}.component .border-bottom{border-bottom:solid 3px #db8218}.component .list-type-1{margin:10px;padding:0;list-style:none}.component .list-type-1 li{position:relative;padding:5px 10px;text-align:right;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:rgba(0,0,0,.8);color:#989898}.component .list-type-1 li.strong{border-top:double 3px #4F4F4F;background:#111;color:#fff}.component .list-type-1 li.empty{background:0 0;border:none;height:50px}.component .list-type-1 li ul li{height:auto}.component .list-type-1 .label{display:block;font-size:13px}.component .list-type-1 .label .icon-color{width:15px;padding:1px}.component .list-type-1 .value{display:inline-block;font-size:22px;line-height:30px;font-weight:700}.component .list-type-1 .value .icon,.component .list-type-1 .value .icon-color{height:18px;margin-left:8px;position:relative;top:-3px}.component .list-type-1 .picto{position:absolute;top:7px;left:10px;height:35px;width:35px;line-height:35px;padding:5px;border-radius:100%;background:#202020;font-size:1pc;text-align:center;color:#fff;text-decoration:none}.component .list-type-1 .picto.color1{background:#510816}.component .list-type-1 .picto.color2{background:#0c0d44}.component .list-type-1 .picto.color3{background:#b17a00}.component .list-type-1 .picto.color4{background:#310948}.component .list-type-1 .picto.color5{background:#24500a}.component .list-type-1 .picto.color6{background:#004948}.component .list-type-1 .picto.color7{background:#401b13}.component .list-type-1 .picto.color8{background:#c3590b}.component .list-type-1 .picto.color9{background:#24500a}.component .list-type-1 .picto.color10{background:#4d0621}.component .list-type-1 .picto.color11{background:#10684c}.component .list-type-1 .picto.color12{background:#b17a00}.component .list-type-1 .hide{color:#4F4F4F}.component .list-type-1 .buttons{position:absolute;top:28px;left:5px}.component .list-type-1 .buttons a{display:inline-block;margin:0 4px;width:18px;line-height:18px;text-align:center;text-decoration:none;font-style:14px;color:#fff;border-radius:3px;background:#d87013}.component .list-type-1 .progress-bar{text-align:left;margin-top:5px}.component .sub-list-type-1{display:none;margin:0;padding:0;list-style:none}.component .sub-list-type-1 li{position:relative;padding:2px 0;text-align:left;border:none;border-top:solid 1px #0A0A0A}.component .sub-list-type-1 .label{display:inline-block;width:60%}.component .sub-list-type-1 .label .button{position:relative;left:-4px;margin:0 0 0 3px}.component .sub-list-type-1 .value{text-align:right;line-height:25px;font-size:18px;width:40%}.component .sub-list-type-1 .value .button{margin:0 2px 0 6px}.component .sub-list-type-1 .button{display:inline-block;width:18px;line-height:18px;text-align:center;text-decoration:none;font-size:14px;font-weight:400;color:#fff;border-radius:3px;background:#db8218}.component .list-type-1 form{z-index:1;position:absolute;display:none;bottom:-40px;right:3px}.component .list-type-1 form p{position:relative;background:#fff;border-radius:3px;padding:0;margin:0;width:200px;height:35px}.component .list-type-1 form p:before{content:'';position:absolute;top:-9pt;right:9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent}.component .list-type-1 form input{border:none;background:0 0;line-height:35px;height:35px;padding:0 10px}.component .list-type-1 form input[type=text]{width:140px}.component .list-type-1 form input[type=submit]{width:40px}.component .sub-list-type-1 form{right:-6px}.number-box{position:relative;margin:10px;padding:5px 10px;background:#000;color:#fff;border:solid 1px #0A0A0A;border-top:solid 1px #202020;border-left:solid 10px #d87013}.number-box.half{display:inline-block;width:254px;margin-right:0;margin-bottom:0}.number-box.grey{border-left:solid 10px #4F4F4F!important}.number-box.text{border-left:solid 1px #0A0A0A}.number-box.text a{text-decoration:none;color:#fff}.number-box .label{display:block}.number-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.number-box .value .icon-color{width:20px;height:20px;vertical-align:middle}.number-box .progress-bar{margin:5px 0}.number-box .group-link{position:absolute;top:5px;right:5px}.number-box .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#d87013}.progress-bar{position:relative;display:block;width:100%;height:3px;background:#4F4F4F}.progress-bar .content{position:relative;display:inline-block;height:3px;vertical-align:top;overflow:hidden;max-width:100%}.progress-bar .content:nth-child(n){background:#db8218}.progress-bar .content:nth-child(2n){background:#c3590b}.progress-bar .content.color1{background:#6e161b}.progress-bar .content.color2{background:#1f1471}.progress-bar .content.color3{background:#dbb200}.progress-bar .content.color4{background:#5a1072}.progress-bar .content.color5{background:#2c7915}.progress-bar .content.color6{background:#076b87}.progress-bar .content.color7{background:#67331d}.progress-bar .content.color8{background:#d87913}.progress-bar .content.color9{background:#2c7915}.progress-bar .content.color10{background:#760f36}.progress-bar .content.color11{background:#219772}.progress-bar .content.color12{background:#dbb200}.progress-bar .step{position:absolute}.progress-bar .step .label{position:absolute;display:block;width:150px;left:0;top:-28px}.progress-bar .step .label.bottom{top:auto;bottom:-28px}.progress-bar .step .label.right{right:0;left:auto;text-align:right}.progress-bar .step:before{content:'';position:absolute;width:9pt;height:9pt;background:#d87013;box-shadow:0 0 0 3px #c3590b;border-radius:100%;top:-5px;left:-5px}.bonus{vertical-align:top;display:inline-block;font-size:55%;line-height:100%;padding:3px;margin:2px 0 0 8px;border-radius:3px;font-weight:400;background:#c3590b}.component .head.skin-1 img{position:absolute;top:22px;left:20px;padding:8px;width:60px;border:solid 1px #202020;border-radius:100%;background:#000}.component .head.skin-1 img:before{content:'';width:75pt;height:75pt}.component .head.skin-1 h2{position:absolute;bottom:66px;left:105px;font-size:22px;line-height:22px;margin:0;padding:0}.component .head.skin-1 em{position:absolute;top:62px;left:105px;font-size:13px;line-height:1pc;font-style:normal}.component .head.skin-2 h2{position:absolute;display:inline-block;top:45px;left:10px;font-size:22px;line-height:30px;margin:0;padding:0 10px;background:#000;font-weight:400}.component .head.skin-3 img{position:absolute;width:50px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:27px}.component .head.skin-3 img.left{left:40px}.component .head.skin-3 img.right{right:40px}.component .head.skin-4 img.main{position:absolute;width:30px;height:30px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:37px}.component .head.skin-4 h2{position:absolute;top:35px;left:60px;font-size:18px;line-height:22px;margin:0;padding:0}.component .head.skin-4 em{position:absolute;top:65px;left:60px;font-size:13px;line-height:1pc}.component .head.skin-5 h2{position:absolute;top:50px;left:10px;font-size:1pc;font-weight:400;margin:0;padding:0 20px;background:#000}.component .head.skin-5 h2:before{content:'';position:absolute;display:block;top:5px;left:0;width:8px;height:8px;border:solid 1px #202020;background:#000;border-radius:100%}.component .more-button,.component .more-item{display:block;margin:10px 10px 5px;line-height:34px;padding:0 9pt;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px}.component .more-button:active,.component .more-button:focus,.component .more-button:hover,.component .more-item:active,.component .more-item:focus,.component .more-item:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .nav-element{position:relative;display:block;margin:10px;height:70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component .nav-element img{position:absolute;top:5px;left:5px;padding:8px;height:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component .nav-element.active{background:#d87013}.component .nav-element .active img{background:#000}.component .nav-element strong{position:absolute;top:5px;left:70px;color:#fff;font-weight:700;font-size:17px}.component .nav-element em{position:absolute;top:30px;left:70px;color:#fff;font-weight:400;font-size:9pt;font-style:normal;color:#efefef}.component hr{border:none;border-bottom:dashed 1px #202020;margin:0 10px}.component .set-item{margin:10px;border-bottom:solid 1px #202020}.component .set-item a.item:focus,.component .set-item a.item:hover{background-color:#0c0c0c}.component .set-item .item{position:relative;display:block;color:#fff;height:60px;border:solid 1px #202020;border-bottom:none;background:#0A0A0A}.component .set-item .item .left{position:absolute;top:0;left:0;bottom:0;width:60px}.component .set-item .item .left img{width:30px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left img.color1{background:#6e161b}.component .set-item .item .left img.color2{background:#1f1471}.component .set-item .item .left img.color3{background:#dbb200}.component .set-item .item .left img.color4{background:#5a1072}.component .set-item .item .left img.color5{background:#2c7915}.component .set-item .item .left img.color6{background:#076b87}.component .set-item .item .left img.color7{background:#67331d}.component .set-item .item .left img.color8{background:#d87913}.component .set-item .item .left img.color9{background:#2c7915}.component .set-item .item .left img.color10{background:#760f36}.component .set-item .item .left img.color11{background:#219772}.component .set-item .item .left img.color12{background:#dbb200}.component .set-item .item .left img.round-color0{box-shadow:0 0 0 2px #CCC}.component .set-item .item .left img.round-color1{box-shadow:0 0 0 2px #b01e2d}.component .set-item .item .left img.round-color2{box-shadow:0 0 0 2px #2f23c0}.component .set-item .item .left img.round-color3{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left img.round-color4{box-shadow:0 0 0 2px #a935c7}.component .set-item .item .left img.round-color5{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color6{box-shadow:0 0 0 2px #05bed7}.component .set-item .item .left img.round-color7{box-shadow:0 0 0 2px #ac5832}.component .set-item .item .left img.round-color8{box-shadow:0 0 0 2px #f2b636}.component .set-item .item .left img.round-color9{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color10{box-shadow:0 0 0 2px #a92859}.component .set-item .item .left img.round-color11{box-shadow:0 0 0 2px #34b089}.component .set-item .item .left img.round-color12{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left span{display:block;width:30px;line-height:30px;text-align:center;font-size:15px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left span.round-color0{background:#CCC}.component .set-item .item .left span.round-color1{background:#b01e2d}.component .set-item .item .left span.round-color2{background:#2f23c0}.component .set-item .item .left span.round-color3{background:#ffdb0f}.component .set-item .item .left span.round-color4{background:#a935c7}.component .set-item .item .left span.round-color5{background:#57c632}.component .set-item .item .left span.round-color6{background:#05bed7}.component .set-item .item .left span.round-color7{background:#ac5832}.component .set-item .item .left span.round-color8{background:#f2b636}.component .set-item .item .left span.round-color9{background:#57c632}.component .set-item .item .left span.round-color10{background:#a92859}.component .set-item .item .left span.round-color11{background:#34b089}.component .set-item .item .left span.round-color12{background:#ffdb0f}.component .set-item .item .center{position:absolute;top:0;left:60px;right:30px;bottom:0;padding:9px 0}.component .set-item .item .center strong{display:block;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component .set-item .item .center a{color:#fff;text-decoration:none;border-bottom:solid 1px rgba(255,255,255,.25)}.component .set-item .item .right{position:absolute;top:0;right:0;bottom:0;width:29px;border-left:solid 1px #202020}.component .set-item .item .right a{position:absolute;top:0;left:0;width:29px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a}.component .set-item .item .right a.active,.component .set-item .item .right a:focus,.component .set-item .item .right a:hover{background-color:#202020}.component .set-item .item .group-link{position:absolute;top:5px;right:5px}.component .set-item .item .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#d87013}.army-bull{display:none;position:absolute;z-index:1200;padding:4px 8px;width:220px;color:#CCC;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.army-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;top:-14px;border-color:transparent transparent #4F4F4F transparent;left:18px}.army-bull strong{display:block;padding-bottom:5px;margin-bottom:5px;border-bottom:solid 1px #4F4F4F;font-weight:400}.army-bull .label{display:inline-block;width:70px}.army-bull .value{display:inline-block;width:40px}.component .build-item{position:relative;margin:10px;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;width:278px}.component .build-item a{color:#fff}.component .build-item .name{position:relative;height:40px;padding:5px 5px 5px 90px}.component .build-item .name img{z-index:20;position:absolute;top:-10px;left:5px;width:60px;padding:8px;border:solid 1px #202020;border-radius:100%;background:#000}.component .build-item .name strong{display:block;font-size:18px}.component .build-item .level{display:block;position:absolute;width:22px;line-height:22px;text-align:center;font-size:9pt;border-radius:100%;top:38px;left:58px;border:solid 1px #fff;z-index:22;background:#d87013}.component .build-item .info{display:none;position:absolute;width:20px;line-height:20px;text-align:center;font-size:1pc;text-decoration:none;border-radius:3px;top:5px;right:5px;background:#d87013;color:#fff}.component .build-item .name-commander{margin:10px 10px 0 10px;height:40px;padding:0 10px;border:none;background:#fff;border-radius:3px;width:15pc;text-align:center;font-size:1pc}.component .build-item .button{display:block;margin:10px;padding:5px 10px;width:15pc;line-height:20px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;background:#d87013;box-shadow:inset 0 0 2px #000;border:none;cursor:pointer;min-height:36px}.component .build-item .button:hover{box-shadow:inset 0 0 6px #000;background:#db8218}.component .build-item .button.disable{background:#202020;cursor:default}.component .build-item .button .icon-color{width:14px}.component .build-item button.button{width:260px}.component .build-item .ship-pack{z-index:10;position:absolute;bottom:15px;left:15px;width:60px;height:40px;padding:0;margin:0;border:none;background:#fff;text-align:center;font-size:24px;font-weight:700;border-radius:3px;box-shadow:inset 0 0 0 3px #CCC}.component .build-item .ship-illu{width:260px;margin:5px 10px;overflow:hidden}.component .build-item .ship-illu img{width:100%}.component .build-item.disabled{opacity:.3}.component .build-item.disabled .name img{opacity:.5}.component .build-item.disabled strong{color:#4F4F4F}.component .build-item.disabled .button.disable{color:#696969}.component .build-item.disabled .button.disable:hover{background:#202020;box-shadow:inset 0 0 2px #000}.component .build-item.large{width:578px}.component .build-item.large .info{top:75px;right:25px}.component .build-item.large .button{display:block;top:-3px;right:0;line-height:18px;width:540px;min-height:36px}.component .build-item.large .ship-illu{width:35pc;margin-top:10px}.component .build-item input{display:block;width:243px;margin:10px;padding:8px;border:none}.component .build-item select{display:block;width:260px;margin:10px;padding:8px;border:none}.component.panel-info .remove-info{display:block;position:absolute;top:2px;right:10px;line-height:20px;width:20px;text-align:center;text-decoration:none;color:#fff;border-radius:3px;background:#c3590b}.component.panel-info .table{margin:10px}.component.panel-info .table table{width:100%;text-align:right;border-collapse:collapse;background:#000}.component.panel-info .table td{border:solid 1px #202020;padding:6px 8px}.component.panel-info .table tr.small-grey{background:#0A0A0A}.component.panel-info .table tr.active td{background:#0A0A0A;border-bottom:solid 1px #4F4F4F}.component.panel-info .table .icon-color{width:9pt}.component.panel-info .illu{margin:0 10px;box-shadow:inset 0 0 5px #000}.component.panel-info .skill-box{position:relative;margin:0 10px;padding:5px 10px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000}.component.panel-info .skill-box.grey{border-left:solid 10px #4F4F4F!important}.component.panel-info .skill-box .label{display:block}.component.panel-info .skill-box .value{display:block;font-size:18px;font-weight:700;margin:4px 0 0 0}.component.panel-info .skill-box .value .icon-color{width:18px}.component.panel-info .skill-box .progress-bar{margin:6px 0 2px 0}.splash-screen{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;background:rgba(0,0,0,.8)}.splash-screen .modal{width:500px;height:140px;position:absolute;top:5pc;right:3000px;background:#0A0A0A;padding:25px 175px 25px 75px;color:#fff;border-radius:140px;border:solid 1px #202020}.splash-screen .modal h1{font-size:36px;margin:0;padding:0 0 10px 0}.splash-screen .modal h2{font-size:20px;margin:0;padding:0}.splash-screen .modal img{position:absolute;top:-15px;right:-50px;width:200px;padding:10px;background:#202020;border-radius:100%;border:solid 1px #4F4F4F}.splash-screen .modal:before{content:'';position:absolute;top:-5pc;right:20px;border-color:transparent transparent #4F4F4F transparent;border-width:40px;border-style:solid}.common-link{color:#fff}.component .top-right-button{display:block;position:absolute;top:0;right:10px;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;text-decoration:none;background:#d87013;z-index:1}.component .top-right-button:focus,.component .top-right-button:hover{background:#c3590b}.alert{display:block;margin:10px;line-height:30px;padding:0 10px;text-decoration:none;color:#fff;background:#d87013;border-radius:3px;box-shadow:0 0 2px #000}.common-link{display:block;margin:10px;color:#fff;text-decoration:none}.text-bloc a{display:inline-block;color:inherit;opacity:.6}.text-bloc a:focus,.text-bloc a:hover{opacity:1}.queue{margin:10px;color:#fff}.queue .item{position:relative;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;min-height:60px;display:block}.queue .item.empty{background:#0A0A0A}.queue .item.empty strong{font-weight:400}.queue .item.link{min-height:0;padding:10px;color:#4F4F4F;text-decoration:none}.queue .item.link:focus,.queue .item.link:hover{color:#CCC}.queue .item a.button{position:absolute;display:block;top:2px;right:5px;color:#fff;text-decoration:none}.queue .item a{color:#CCC}.queue .item .group-link{position:absolute;top:9px;right:9px}.queue .item .group-link a{display:block;width:20px;line-height:20px;margin:0 0 5px 0;border-radius:3px;color:#fff;text-align:center;text-decoration:none;background:#d87013}.queue .item .group-link a:focus,.queue .item .group-link a:hover{background:#db8218}.queue .item .picto{float:left;width:40px;height:40px;margin:5px;padding:5px;background:#000;border-radius:100%;border:solid 1px #202020}.queue .item strong{display:block;margin:6px 0 2px 0}.queue .item strong .level{font-size:11px;color:#CCC}.queue .item .big{font-size:24px}.queue .item em{display:block;font-style:normal;color:#AEAEAE}.queue .item .progress-container{position:relative;display:block;clear:both;margin:5px;height:3px;background:#4F4F4F}.queue .item .progress-bar{position:absolute;display:block;height:100%;background:#db8218}.choose-government{display:block;margin:10px;padding:10px;background:#0A0A0A;border-radius:3px}.choose-government select{display:block;width:100%;padding:8px}.choose-government button{display:block;width:100%;margin:10px 0 0 0;padding:0 10px;line-height:30px;border:none;color:#fff;cursor:pointer;background:#d87013}.choose-government button:focus,.choose-government button:hover{background:#c3590b}.evolution{background:#000;margin:10px;border-top:solid 1px #202020;border-bottom:solid 1px #202020}.evolution .header{padding:10px;border-bottom:solid 1px #202020;color:#EFEFEF}.evolution .diargam{padding:10px;background:#0A0A0A}.evolution .diargam .progress-bar{background:#0A0A0A!important;height:20px;padding-bottom:1px}.evolution .diargam .progress-bar .content{height:20px;line-height:20px;font-size:9pt;color:#fff;padding-left:5px}.evolution .diargam .progress-bar:nth-child(odd) .content{background:#d87013!important}.centred-link{display:block;width:300px;text-align:center;margin:0 auto;text-decoration:none;padding:6px 10px;color:#EFEFEF;background:#d87013;border:solid 1px #c3590b}.centred-link:focus,.centred-link:hover{background:#c3590b;border-color:#d87013;color:#fff}span.centred-link{background:#202020;border:solid 1px #0A0A0A;color:#4F4F4F}span.centred-link:focus,span.centred-link:hover{background:#202020;border-color:#0A0A0A;color:#4F4F4F}.component.profil .center-box{margin:20px 10px 0;color:#fff;text-align:center}.component.profil .center-box .label{display:block}.component.profil .center-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.component.profil .profil-flag{position:relative;width:222px;height:460px;margin:0 auto}.component.profil .profil-flag img{position:relative;background:#0A0A0A;border:solid 1px #202020;padding:10px;border-radius:100%;margin:20px auto;box-shadow:0 0 0 4px #d87013,0 0 20px #000;z-index:1}.component.profil .profil-flag.color-1 img{box-shadow:0 0 0 4px #6e161b,0 0 20px #000}.component.profil .profil-flag.color-2 img{box-shadow:0 0 0 4px #1f1471,0 0 20px #000}.component.profil .profil-flag.color-3 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag.color-4 img{box-shadow:0 0 0 4px #5a1072,0 0 20px #000}.component.profil .profil-flag.color-5 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-6 img{box-shadow:0 0 0 4px #076b87,0 0 20px #000}.component.profil .profil-flag.color-7 img{box-shadow:0 0 0 4px #67331d,0 0 20px #000}.component.profil .profil-flag.color-8 img{box-shadow:0 0 0 4px #d87913,0 0 20px #000}.component.profil .profil-flag.color-9 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-10 img{box-shadow:0 0 0 4px #760f36,0 0 20px #000}.component.profil .profil-flag.color-11 img{box-shadow:0 0 0 4px #219772,0 0 20px #000}.component.profil .profil-flag.color-12 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag:before{display:block;position:absolute;content:'';top:218px;left:33px;width:154px;height:241px;background:url(src/desktop/faction/flag/flag-8.png) no-repeat}.component.profil .profil-flag.color-1:before{background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.profil .profil-flag.color-2:before{background:url(src/desktop/faction/flag/flag-2.png) no-repeat}.component.profil .profil-flag.color-3:before{background:url(src/desktop/faction/flag/flag-3.png) no-repeat}.component.profil .profil-flag.color-4:before{background:url(src/desktop/faction/flag/flag-4.png) no-repeat}.component.profil .profil-flag.color-5:before{background:url(src/desktop/faction/flag/flag-5.png) no-repeat}.component.profil .profil-flag.color-6:before{background:url(src/desktop/faction/flag/flag-6.png) no-repeat}.component.profil .profil-flag.color-7:before{background:url(src/desktop/faction/flag/flag-7.png) no-repeat}.component.profil .profil-flag.color-8:before{background:url(src/desktop/faction/flag/flag-8.png) no-repeat}.component.profil .profil-flag.color-9:before{background:url(src/desktop/faction/flag/flag-9.png) no-repeat}.component.profil .profil-flag.color-10:before{background:url(src/desktop/faction/flag/flag-10.png) no-repeat}.component.profil .profil-flag.color-11:before{background:url(src/desktop/faction/flag/flag-11.png) no-repeat}.component.profil .profil-flag.color-12:before{background:url(src/desktop/faction/flag/flag-12.png) no-repeat}.component.profil .profil-flag .level{z-index:2;display:block;position:absolute;top:184px;right:2px;width:36px;height:36px;text-align:center;line-height:36px;background:#0A0A0A;border:3px solid #d87013;border-radius:100%}.component.profil .profil-flag.color-1 .level{border-color:#6e161b}.component.profil .profil-flag.color-2 .level{border-color:#1f1471}.component.profil .profil-flag.color-3 .level{border-color:#dbb200}.component.profil .profil-flag.color-4 .level{border-color:#5a1072}.component.profil .profil-flag.color-5 .level{border-color:#2c7915}.component.profil .profil-flag.color-6 .level{border-color:#076b87}.component.profil .profil-flag.color-7 .level{border-color:#67331d}.component.profil .profil-flag.color-8 .level{border-color:#d87913}.component.profil .profil-flag.color-9 .level{border-color:#2c7915}.component.profil .profil-flag.color-10 .level{border-color:#760f36}.component.profil .profil-flag.color-11 .level{border-color:#219772}.component.profil .profil-flag.color-12 .level{border-color:#dbb200}.component.profil .faction-flag{display:block;content:'';width:154px;height:241px;margin:0 auto;background:url(src/desktop/faction/flag/flag-8.png) no-repeat}.component.search-player{position:relative;background:0 0!important}.component.search-player .box{position:absolute;top:60px;left:50px;width:440px;color:#fff}.component.search-player .top{background:rgba(0,0,0,.4);padding:10px;border-radius:3px 3px 0 0}.component.search-player .top label{display:block;font-size:1pc}.component.search-player .top input{display:block;border:none;height:40px;width:25pc;padding:0 10px;margin:10px 0 0 0;font-size:20px;color:#202020;border-radius:3px}.component.search-player .center{background:rgba(0,0,0,.8);padding:10px 25px 10px 10px;min-height:140px;border-radius:0 0 3px 3px}.component.search-player .center .avatar{float:left;position:relative;left:-20px;width:90pt;padding:8px;border:solid 1px #202020;border-radius:100%;background:#0A0A0A}.component.search-player .center .right{margin-left:140px}.component.search-player .center h1{margin:10px 0 0 0;padding:0}.component.search-player .center hr{margin:10px 0;border-color:#4F4F4F}.component.search-player .center p{margin:5px 0;padding:0}.component.search-player .center p span{display:inline-block;background:red;line-height:28px;padding:0 10px;border:solid 1px rgba(255,255,255,.5);border-right:none}.component.search-player .center p span:first-child{border-radius:3px 0 0 3px}.component.search-player .center p span:last-child{border-radius:0 3px 3px 0;border:solid 1px rgba(255,255,255,.5)}.component.search-player.color1 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component.search-player.color2 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component.search-player.color3 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.search-player.color4 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component.search-player.color5 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color6 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component.search-player.color7 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component.search-player.color8 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component.search-player.color9 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color10 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.component.search-player.color11 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.component.search-player.color12 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.new-message p.input{position:relative;background:#fff;padding:10px;border-radius:3px}.component.new-message p.input:before{content:'';position:absolute;width:0;height:0;top:-9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent;left:20px}.component.new-message label{display:block;font-size:13px}.component.new-message .input-text input{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px}.component.new-message .input-area textarea{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px;max-width:100%;min-width:100%;height:200px}.component.new-message button{display:inline-block;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 15px;color:#fff;cursor:pointer;overflow:hidden;background:#db8218}.component.new-message button:focus,.component.new-message button:hover{background:#c3590b}.notif{position:relative;margin:10px;background:#000;border-top:solid 1px #4F4F4F;border-right:solid 1px #202020;border-left:solid 1px #202020}.notif h4{position:relative;overflow:hidden;margin:0;padding:0 10px;font-size:14px;line-height:30px;border-bottom:solid 1px #202020;background:#0A0A0A;font-weight:400;cursor:pointer;color:#fff}.notif.unreaded h4:before{position:absolute;content:'';width:40px;height:40px;background:#fff;top:-5px;right:-15px;background:#db8218;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}.notif .content{display:none;padding:6px 8px;line-height:140%;text-align:justify;color:#efefef}.notif .content p{margin:0}.notif .content hr{border:none;background:0 0;border-bottom:dashed 1px #202020;margin:5px 0}.notif .content a{color:#fff}.notif .content .box-resource{position:relative;display:block;margin:5px 0;padding:5px 5px 5px 40px}.notif .content .box-resource img{position:absolute;top:6px;left:0;border:solid 4px #4f4f4f;border-radius:100%;border-color:#d87013}.notif .content .box-resource .label{display:block;font-size:9pt}.notif .content .box-resource .value{display:block;font-size:18px;font-weight:700}.notif .footer{display:none;margin:0;padding:0 10px;line-height:18px;padding:5px 5px;border-top:solid 1px #202020;font-style:italic;text-align:right;color:#CCC}.notif .footer a{color:#CCC}.notif.open .content{display:block}.notif.open .footer{display:block}.component.rc .rc{position:relative;margin:20px 10px 20px 30px;border-left:solid 1px #CCC;padding:0 10px;height:380px;color:#CCC}.component.rc .rc.no-tax{margin:20px 10px 20px 30px;border-left:dashed 1px #4F4F4F;padding:0 10px;color:#CCC}.component.rc .rc a,.component.rc .rc strong{color:#fff}.component.rc .rc .icon-color{width:20px}.component.rc .rc .base{position:relative;padding:15px 0 15px 40px;height:50px}.component.rc .rc .base:last-child{position:absolute;bottom:0}.component.rc .rc .place{position:absolute;top:0;left:-50px;width:78px;height:78px;border:solid 1px #202020;background:#000;border-radius:100%}.component.rc .rc .general{list-style:none inset;margin:10px 0;padding:0}.component.rc .rc .general li{margin:10px 0;list-style-type:none}.component.rc .rc .general li strong{display:block;font-size:20px;font-weight:700}.component .situation-content{position:relative;display:block;width:100%;height:500px;border-bottom:solid 1px #0A0A0A}.component .situation-content .line-help{position:absolute;display:block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:100%;background:#c3590b}.component .situation-content .line-help.line-1{top:55px;left:190px}.component .situation-content .line-help.line-2{top:145px;left:406px}.component .situation-content .toolbar{position:absolute;top:30px;right:30px;box-shadow:0 0 0 4px rgba(255,255,255,.1);border-radius:3px;background:#d87013;z-index:1}.component .situation-content .toolbar a,.component .situation-content .toolbar span{display:inline-block;line-height:2pc;padding:0 15px;border-right:solid 1px #000;text-decoration:none;color:#fff}.component .situation-content .toolbar a img,.component .situation-content .toolbar span img{position:relative;top:-2px;vertical-align:middle;height:18px;width:18px}.component .situation-content .toolbar a:focus,.component .situation-content .toolbar a:hover{background:rgba(0,0,0,.25)}.component .situation-content .toolbar form{display:inline-block}.component .situation-content .toolbar input{height:2pc;border:none;background:0 0;color:#fff;padding:0 15px;font-size:inherit}.component .situation-content .toolbar input:focus{background:rgba(0,0,0,.25)}.component .situation-content .toolbar input.button{background:url(src/desktop/common/edit.png) no-repeat center}.component .situation-content .toolbar input.button:focus{background:url(src/desktop/common/edit.png) no-repeat center rgba(0,0,0,.25)}.component .situation-content .info{position:absolute;display:block;width:200px;font-size:9pt;color:#efefef;line-height:18px}.component .situation-content .info strong{color:#fff;font-size:14px}.component .situation-content .info a{color:#fff;text-decoration:none;border-bottom:solid 1px #4f4f4f}.component .situation-content .info a:focus,.component .situation-content .info a:hover{border-color:#CCC}.component .situation-content .commander{position:absolute;display:block;text-decoration:none;z-index:1}.component .situation-content .commander.empty{color:#CCC}.component .situation-content .commander.position-1-1{top:135px;left:127px}.component .situation-content .commander.position-1-2{top:17pc;left:75pt}.component .situation-content .commander.position-1-3{top:415px;left:127px}.component .situation-content .commander.position-2-1{top:215px;left:22pc}.component .situation-content .commander.position-2-2{top:17pc;left:345px}.component .situation-content .commander.position-2-3{top:330px;left:22pc}.component .situation-content .commander.position-3{top:355px;left:577px}.component .situation-content .commander img{width:40px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}.component .situation-content .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #d87013}.component .situation-content .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #d87013}.component .situation-content .commander .info{top:8px;left:65px;width:10pc}.component .situation-content .commander .link{display:none;position:absolute;top:14px;left:-1pc;width:24px;height:24px;font-size:20px;font-weight:700;text-decoration:none;border-radius:100%;text-align:center;z-index:1;border:solid 1px #fff}.component .situation-content .commander .link.to-left{background:url(src/desktop/mover/to-left.png) no-repeat center #000}.component .situation-content .commander .link.to-right{background:url(src/desktop/mover/to-right.png) no-repeat center #000}.component .situation-content .commander:hover>.link{display:block}.component .situation-content .stellar{position:absolute;display:block;top:180px;left:35pc}.component .situation-content .stellar img{width:220px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%}.component .situation-content .stellar .info{font-size:9pt;border-left:solid 1px #202020}.component .situation-content .stellar .info.top{bottom:215px;left:50px;padding:0 0 30px 10px}.component .situation-content .stellar .info.top strong{font-size:20px}.component .situation-content .stellar .info.bottom{top:225px;left:10pc;padding:10px 0 0 10px}.component .situation-content .stellar .info.middle{top:20px;left:182px;padding:10px 0 0 50px;border:none;border-top:solid 1px #202020}.component .situation-content .attack-link{position:absolute;bottom:-1px;left:0;right:0;text-align:center}.component .situation-content .attack-link a{display:inline-block;line-height:40px;padding:0 25px;border-radius:3px 3px 0 0;background:#202020;color:#fff;text-decoration:none;font-size:1pc}.component .situation-content .attack-link a:focus,.component .situation-content .attack-link a:hover{box-shadow:0 0 5px 3px #000}.component .situation-content.color0 .line-help{background:#202020}.component .situation-content.color0 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #202020}.component .situation-content.color0 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #202020}.component .situation-content.color0 .attack-link a{background:#202020}.component .situation-content.color1 .line-help{background:#510816}.component .situation-content.color1 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component .situation-content.color1 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #6e161b}.component .situation-content.color1 .attack-link a{background:#6e161b}.component .situation-content.color2 .line-help{background:#0c0d44}.component .situation-content.color2 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component .situation-content.color2 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #1f1471}.component .situation-content.color2 .attack-link a{background:#1f1471}.component .situation-content.color3 .line-help{background:#b17a00}.component .situation-content.color3 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .situation-content.color3 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #dbb200}.component .situation-content.color3 .attack-link a{background:#dbb200}.component .situation-content.color4 .line-help{background:#310948}.component .situation-content.color4 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component .situation-content.color4 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #5a1072}.component .situation-content.color4 .attack-link a{background:#5a1072}.component .situation-content.color5 .line-help{background:#24500a}.component .situation-content.color5 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color5 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color5 .attack-link a{background:#2c7915}.component .situation-content.color6 .line-help{background:#004948}.component .situation-content.color6 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component .situation-content.color6 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #076b87}.component .situation-content.color6 .attack-link a{background:#076b87}.component .situation-content.color7 .line-help{background:#401b13}.component .situation-content.color7 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component .situation-content.color7 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #67331d}.component .situation-content.color7 .attack-link a{background:#67331d}.component .situation-content.color8 .line-help{background:#c3590b}.component .situation-content.color8 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component .situation-content.color8 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #d87913}.component .situation-content.color8 .attack-link a{background:#d87913}.component .situation-content.color9 .line-help{background:#24500a}.component .situation-content.color9 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color9 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color9 .attack-link a{background:#2c7915}.component .situation-info{display:table;width:100%;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#000}.component .situation-info .item{display:table-cell;padding:10px;border-right:solid 1px #202020}.component .situation-info .item .value{font-size:26px;font-weight:700;display:block}.component .build-item.base-type .desc{margin:10px 0 0 0;padding:15px;font-size:13px;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#0A0A0A}.component .build-item.base-type .list-choice{position:relative;height:140px;background:url(src/desktop/base/type-base.png) no-repeat center;margin:0;border-bottom:solid 1px #202020}.component .build-item.base-type .list-choice button{position:absolute;padding:0;border:none;background:0 0;cursor:pointer}.component .build-item.base-type .list-choice button.item-1{top:35px;left:5px}.component .build-item.base-type .list-choice button.item-2{top:5px;left:107px}.component .build-item.base-type .list-choice button.item-3{bottom:5px;left:107px}.component .build-item.base-type .list-choice button.item-4{top:35px;right:5px}.component .build-item.base-type .list-choice button img{display:block;padding:8px;width:40px;border:solid 1px #202020;border-radius:100%;background:#000}.color1 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.color2 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.color3 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.color4 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.color5 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color6 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.color7 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.color8 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.color9 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color10 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.color11 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.color12 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .build-item.base-type .desc-choice{display:none}.component .build-item.base-type .desc-choice h4{border-bottom:solid 1px #202020;padding:0 0 5px 0}.component .build-item.base-type .desc-choice p{text-align:left;color:#CCC!important}.component .build-item.base-type .desc-choice p strong{display:block;color:#fff}.component .build-item.base-type .desc-choice p strong.short{display:inline-block;width:75pt}.component.list-fleet .set-fleet{position:relative;margin:10px;padding:0 0 0 70px;min-height:5pc}.component.list-fleet .set-fleet img.place{position:absolute;top:-5px;left:-20px;width:5pc;background:#0A0A0A;border-radius:100%;border:solid 1px #202020}.component.list-fleet .set-fleet h2{padding:10px 0;margin:0}.component.list-fleet .set-fleet h2 a{font-size:13px;color:#fff;font-weight:400;text-decoration:none}.component.list-fleet .set-fleet .item{position:relative;height:60px;background:#0A0A0A;border:solid 1px #202020;border-bottom:none;width:777px}.component.list-fleet .set-fleet .item:last-child{border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item a{display:inline-block;text-decoration:none;color:#CCC;border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item .left{position:absolute;top:0;left:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .left .top{position:absolute;left:60px;display:block;width:500px;top:10px}.component.list-fleet .set-fleet .item .left .status{width:30px;margin:10px;padding:5px;border-radius:100%}.component.list-fleet .set-fleet .item .right{position:absolute;top:0;right:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .right .top{position:absolute;right:60px;display:block;width:200px;text-align:right;top:10px}.component.list-fleet .set-fleet .item .right .cover{width:50px;margin:5px;padding:0;border-radius:100%}.component.list-fleet .set-fleet .item .center{position:absolute;top:41px;left:70px;right:70px}.component.list-fleet .set-fleet .item .center .ship{position:absolute;top:-10px;left:-11px;right:auto}.component.list-fleet .set-fleet .item .center .progress-ship{display:block;width:100%;background:#4F4F4F;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar{position:relative;display:block;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship{top:-11px;right:-11px;left:auto}.component.list-fleet .set-fleet .item .center .progress-ship .bar span{position:absolute;top:4px;right:15px;font-size:10px}.component.list-fleet .set-fleet .item.color1 .status{background:#6e161b}.component.list-fleet .set-fleet .item.color2 .status{background:#1f1471}.component.list-fleet .set-fleet .item.color3 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color4 .status{background:#5a1072}.component.list-fleet .set-fleet .item.color5 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color6 .status{background:#076b87}.component.list-fleet .set-fleet .item.color7 .status{background:#67331d}.component.list-fleet .set-fleet .item.color8 .status{background:#d87913}.component.list-fleet .set-fleet .item.color9 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color10 .status{background:#760f36}.component.list-fleet .set-fleet .item.color11 .status{background:#219772}.component.list-fleet .set-fleet .item.color12 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item .center .progress-ship .bar{background:#db8218}.component.list-fleet .set-fleet .item .center.reversed .progress-ship{background:#db8218}.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar{background:#4F4F4F}.component.list-fleet .set-fleet .item .show-commander{position:absolute;top:-1px;right:-30px;width:28px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a;border:solid 1px #202020}.component.list-fleet .set-fleet .item .show-commander.active,.component.list-fleet .set-fleet .item .show-commander:focus,.component.list-fleet .set-fleet .item .show-commander:hover{background-color:#202020}.component.table-fleet table{margin:10px;width:55pc;border-collapse:collapse}.component.table-fleet table tr:nth-child(odd){background:#000;border-bottom:solid 1px #202020}.component.table-fleet table tr:nth-child(even){background:#0A0A0A;border-bottom:solid 1px #202020}.component.table-fleet table tr:first-child{background:0 0}.component.table-fleet table td,.component.table-fleet table th{height:40px;width:40px;text-align:center}.component.table-fleet table td span.zero-value{color:#4F4F4F}.component.table-fleet table .base{width:75pt;text-align:left;padding:0 20px}.component.table-fleet table .base a{border:none}.component.table-fleet table .base strong{display:block;font-size:1pc}.component.table-fleet table .large{width:auto;text-align:left;padding:0 10px}.component.table-fleet table .sep{border-left:solid 1px #d87013}.component.table-fleet table a{color:#fff;text-decoration:none;border-bottom:solid 1px #4F4F4F;display:inline-block}.component.table-fleet table th{position:relative;height:70px}.component.table-fleet table th span{position:absolute;bottom:2pc;left:-10px;display:block;text-align:left;width:60px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.component.commander-fleet .fleet{vertical-align:top;display:block;text-align:center}.component.commander-fleet .list-ship{vertical-align:top;display:inline-block;width:148px}.component.commander-fleet .list-ship:first-child{border-right:dashed 1px #4F4F4F}.component.commander-fleet .list-ship a{display:block;position:relative;margin:6px;height:40px;background:#202020;border:solid 1px #4F4F4F;border-radius:3px}.component.commander-fleet .list-ship a.empty{opacity:.4}.component.commander-fleet .list-ship img{position:absolute;display:inline-block;width:40px}.component.commander-fleet .list-ship .text{position:absolute;left:45px;display:inline-block;width:88px;color:#fff}.component.commander-fleet .list-ship .text .quantity{display:block;font-weight:700;font-size:18px}.component.commander-fleet .army{border-collapse:collapse;width:35pc;margin:20px}.component.commander-fleet .army td{width:65px;padding:5px;border-right:dashed 1px #4F4F4F;vertical-align:center}.component.commander-fleet .army td:first-child{width:auto;vertical-align:top;text-align:right;padding:0 20px;font-size:9pt}.component.commander-fleet .army tr:first-child td{text-align:center;padding:10px 5px;font-size:18px;font-weight:700}.component.commander-fleet .army .block{display:block;width:54px;height:54px;margin:0 0 5px 0;padding:5px;vertical-align:top;border-radius:5px;background:#0A0A0A;text-align:right;border:solid 1px #202020;color:#4F4F4F}.component.commander-fleet .army .block.empty{background:#000;border:solid 1px #0A0A0A}.component.commander-fleet .army .block strong{display:block;font-size:15px;height:38px;font-weight:700}.component.commander-fleet .army .block em{display:block;padding:2px;font-size:11px;background:#000;text-align:center;border-radius:3px}.component.commander-fleet .army .block.squadron{border:solid 1px #4F4F4F;color:#fff;cursor:pointer;background:#d87013}.component.commander-fleet .army .block.squadron.full0{background:url(src/desktop/squadron/squadron0.png) no-repeat 4px 2px #d87013}.component.commander-fleet .army .block.squadron.full1{background:url(src/desktop/squadron/squadron1.png) no-repeat 4px 2px #d87013}.component.commander-fleet .army .block.squadron.full2{background:url(src/desktop/squadron/squadron2.png) no-repeat 4px 2px #d87013}.component.commander-fleet .army .block.squadron.full3{background:url(src/desktop/squadron/squadron3.png) no-repeat 4px 2px #d87013}.component.commander-fleet .army .block.squadron.active{box-shadow:inset 0 0 6px #000,0 0 2px 0 #fff;border:dashed 1px #fff}.component.report .commander{position:relative;display:block;margin:10px;padding:8px 0 8px 72px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component.report .commander img{position:absolute;top:5px;left:5px;padding:8px;width:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component.report .commander strong{display:block;padding:0 0 8px 0;color:#fff;font-weight:700;font-size:17px}.component.report .commander em{display:block;line-height:20px;color:#fff;font-style:normal;color:#efefef}.component.report .commander em .bonus{font-size:90%;margin:2px 0 0 2px;padding:3px 6px}.component.report .dammage{margin:10px;background:#000}.component.report .dammage table{width:100%;border-collapse:collapse;border-left:solid 1px #202020;border-right:solid 1px #202020}.component.report .dammage td{border-color:#202020;border-width:1px;border-style:solid dashed;padding:4px;vertical-align:center;text-align:center;color:#CCC;width:28px;height:22px}.component.report .dammage td:first-child{text-align:left;padding:4px 8px;width:auto}.component.report .dammage td span{display:inline-block;background:red;line-height:22px;width:22px;border-radius:3px;color:#fff;background:#c3590b}.component.topic .message{position:relative;padding:0 0 0 5pc;margin:10px;min-height:70px}.component.topic .message .avatar{position:absolute;top:0;left:0;width:56px;padding:6px;border:solid 1px #202020;border-radius:100%;background:#000}.component.topic .message .content{position:relative;background:#000;border:solid 1px #202020;border-bottom:solid 1px #0A0A0A}.component.topic .message .content:before{position:absolute;content:'';top:25px;left:-18px;border-style:solid;border-width:9px;border-color:transparent #202020 transparent transparent}.component.topic .message .content .text{margin:0;padding:10px 10px 9pt 10px;border-bottom:solid 1px #0A0A0A;color:#efefef}.component.topic .message .content .text a,.component.topic .message .content .text strong{color:#fff}.component.topic .message .content .text a.color1{color:#b01e2d}.component.topic .message .content .text a.color2{color:#2f23c0}.component.topic .message .content .text a.color3{color:#ffdb0f}.component.topic .message .content .text a.color4{color:#a935c7}.component.topic .message .content .text a.color5{color:#57c632}.component.topic .message .content .text a.color6{color:#05bed7}.component.topic .message .content .text a.color7{color:#ac5832}.component.topic .message .content .text a.color8{color:#f2b636}.component.topic .message .content .text a.color9{color:#57c632}.component.topic .message .content .text a.color10{color:#a92859}.component.topic .message .content .text a.color11{color:#34b089}.component.topic .message .content .text a.color12{color:#ffdb0f}.component.topic .message .content .text .icon-color{width:15px}.component.topic .message .content .footer{margin:0;padding:6px 10px;font-size:9pt;color:#CCC}.component.topic .message .content .footer a{color:#CCC}.component.topic .message.write .content:before{left:-17px;top:11px;border-color:transparent #fff transparent transparent}.component.topic .message.write .content textarea{border:none;padding:5px;width:487px;height:90pt;max-width:487px;min-width:487px;min-height:50px;font-family:inherit;font-size:13px}.component.topic .message.write .content input{margin:6px;font-family:inherit}.component.topic .message.write .content .title{border:none;margin:0;padding:5px;width:487px;height:30px;font-family:inherit;font-size:13px}.component.topic .message.write .content button{margin:6px;font-family:inherit;background:#d87013;border:none;padding:4px 8px;color:#fff;cursor:pointer}.component.topic .message.write .content button:focus,.component.topic .message.write .content button:hover{background:#c3590b}.component.topic .system-message{position:relative;padding:0 0 0 90px;margin:10px}.component.topic .system-message:before{content:'';position:absolute;top:10px;left:0;height:1px;width:70px;background:#4F4F4F}.conv-item{position:relative;display:block;border:solid 1px #202020;border-bottom:none;background:#0A0A0A;height:59px;padding:5px 5px 5px 70px;margin:0 10px;color:#fff;text-decoration:none;overflow:hidden}.conv-item .cover{position:absolute;display:block;top:0;left:0;bottom:0;width:60px;padding:5px}.conv-item .cover .picture{width:52px;height:52px;background:#202020;border-radius:100%;padding:4px}.conv-item .cover .picture.color0{box-shadow:0 0 0 2px #4F4F4F}.conv-item .cover .picture.color1{box-shadow:0 0 0 2px #6e161b}.conv-item .cover .picture.color2{box-shadow:0 0 0 2px #1f1471}.conv-item .cover .picture.color3{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .picture.color4{box-shadow:0 0 0 2px #5a1072}.conv-item .cover .picture.color5{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color6{box-shadow:0 0 0 2px #076b87}.conv-item .cover .picture.color7{box-shadow:0 0 0 2px #67331d}.conv-item .cover .picture.color8{box-shadow:0 0 0 2px #d87913}.conv-item .cover .picture.color9{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color10{box-shadow:0 0 0 2px #760f36}.conv-item .cover .picture.color11{box-shadow:0 0 0 2px #219772}.conv-item .cover .picture.color12{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .new-message,.conv-item .cover .number{position:absolute;width:22px;height:22px;border-radius:100%;background:#0A0A0A;bottom:5px;right:5px;border:solid 1px #4F4F4F;text-align:center;line-height:22px;font-size:11px}.conv-item .cover .new-message{left:5px;top:5px}.conv-item .cover .new-message img{display:block;width:18px;height:18px;margin:2px}.conv-item .data{line-height:20px}.conv-item:last-child{border:solid 1px #202020}.conv-item:focus,.conv-item:hover{background:#0C0C0C}.component.player .player{position:relative;display:inline-block;margin:10px 0 0 10px;width:211px;height:58px;padding:5px 5px 5px 70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff;text-decoration:none}.component.player .player a{color:#ccc;text-decoration:none;border-bottom:solid 1px #202020}.component.player .player a:focus,.component.player .player a:hover{border-color:#4f4f4f}.component.player .player img.picto{position:absolute;top:5px;left:5px;width:50px;padding:4px;border:solid 1px #202020;border-radius:100%;background:#000}.component.player .player .icon,.component.player .player .icon-color{height:1pc;padding:1px}.component.player .player span,.component.player .player strong{display:block;line-height:20px}.component.player .player strong{font-size:18px}.component.player .player .inactive,.component.player .player .online{position:absolute;width:18px;height:18px;background:#fff;top:5px;right:5px;border-radius:100%;background:#4F4F4F}.component.player .player .online{background:#db8218}.component.player .player.faction{border-left:solid 1px #0A0A0A!important;width:202px}.component.player .player.faction img{top:0;left:10px;padding:0;border:none;border-radius:0;background:0 0}.component.player.rank .player{border-left:solid 10px #4F4F4F;width:190px}.component.player.rank .player.color1{border-left-color:#b01e2d}.component.player.rank .player.color2{border-left-color:#2f23c0}.component.player.rank .player.color3{border-left-color:#ffdb0f}.component.player.rank .player.color4{border-left-color:#a935c7}.component.player.rank .player.color5{border-left-color:#57c632}.component.player.rank .player.color6{border-left-color:#05bed7}.component.player.rank .player.color7{border-left-color:#ac5832}.component.player.rank .player.color8{border-left-color:#f2b636}.component.player.rank .player.color9{border-left-color:#57c632}.component.player.rank .player.color10{border-left-color:#a92859}.component.player.rank .player.color11{border-left-color:#34b089}.component.player.rank .player.color12{border-left-color:#ffdb0f}.component.player.rank .player .points,.component.player.rank .player .title{color:#BBB}.component.player.rank .player .position{display:block;position:absolute;top:14px;right:14px;line-height:38px;width:38px;border:solid 1px #202020;text-align:center;border-radius:100%}.component.player.rank .player .variance{display:block;position:absolute;top:5px;right:-4px;line-height:26px;width:26px;border:solid 1px #202020;background:#0A0A0A;text-align:center;font-size:11px;border-radius:100%}.component.player.rank .player .variance.lower{bottom:5px;top:auto}.component.player.rank .player.active .position{background:#fff;border:solid 1px #fff;color:#202020}.component.player.size2 .player{width:13pc}.component.player.size1 .player{width:202px}.component.transaction .transaction{background:#0A0A0A;border:solid 1px #202020;margin:10px}.component.transaction .transaction .right-link{position:absolute;top:2px;right:5px;display:block;color:#FFF;text-decoration:none}.component.transaction .transaction .product{position:relative;height:70px;padding:5px 10px 5px 55px;cursor:pointer}.component.transaction .transaction .product .picto{position:absolute;top:5px;left:-20px;width:60px;height:60px;padding:4px;background:#000;border:solid 1px #202020;border-radius:100%}.component.transaction .transaction .product .rate{position:absolute;bottom:5px;right:8px}.component.transaction .transaction .product .offer{overflow:hidden;height:2pc}.component.transaction .transaction .product .for{position:relative;border-top:solid 1px #202020;margin:8px 0 6px 0;color:#4F4F4F}.component.transaction .transaction .product .for span{display:block;position:absolute;top:-10px;left:10px;background:#0A0A0A;padding:0 10px;font-size:9pt}.component.transaction .transaction .product .price{font-size:19px;font-weight:700}.component.transaction .transaction .product .price .icon-color{width:14px;position:relative;top:-2px;padding:1px}.component.transaction .transaction.resources .product .offer{font-size:28px;font-weight:700;line-height:30px}.component.transaction .transaction.resources .product .offer .icon-color{width:20px;position:relative;top:-5px}.component.transaction .transaction.commander .product .offer strong,.component.transaction .transaction.ship .product .offer strong{display:block;font-size:14px}.component.transaction .transaction.commander .product .offer em,.component.transaction .transaction.ship .product .offer em{display:block;font-size:11px}.component.transaction .transaction .hidden{display:none}.component.transaction .transaction .info{position:relative;border-top:solid 1px #202020;height:88px;background:#000}.component.transaction .transaction .info p{font-size:11px;margin:5px 8px}.component.transaction .transaction .info .seller{position:absolute;top:0;width:50%;bottom:0}.component.transaction .transaction .info .seller a{font-weight:700;color:#fff}.component.transaction .transaction .info .seller .color1{color:#b01e2d}.component.transaction .transaction .info .seller .color2{color:#2f23c0}.component.transaction .transaction .info .seller .color3{color:#ffdb0f}.component.transaction .transaction .info .seller .color4{color:#a935c7}.component.transaction .transaction .info .seller .color5{color:#57c632}.component.transaction .transaction .info .seller .color6{color:#05bed7}.component.transaction .transaction .info .seller .color7{color:#ac5832}.component.transaction .transaction .info .seller .color8{color:#f2b636}.component.transaction .transaction .info .seller .color9{color:#57c632}.component.transaction .transaction .info .seller .color10{color:#a92859}.component.transaction .transaction .info .seller .color11{color:#34b089}.component.transaction .transaction .info .seller .color12{color:#ffdb0f}.component.transaction .transaction .info .price-detail{position:absolute;top:0;width:50%;bottom:0;right:0}.component.transaction .transaction .info .price-detail p{text-align:right}.component.transaction .transaction .info .price-detail p .icon-color{width:10px;padding:1px}.component.transaction .transaction .info .price-detail p span{color:#4F4F4F}.component.transaction .transaction .button{border-top:solid 1px #202020;padding:5px}.component.transaction .transaction .button a,.component.transaction .transaction .button span{display:block;padding:5px 10px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;line-height:20px;background:#202020;box-shadow:inset 0 0 2px #000}.component.transaction .transaction .button a{background:#d87013}.component.transaction .transaction .button a:hover{box-shadow:inset 0 0 6px #000;background:#db8218}.component.transaction .transaction .button span{background:#202020;cursor:default}.component.transaction .transaction .button .icon-color{width:14px}.component.transaction .transaction .shipping{position:relative;background:#000;height:30px}.component.transaction .transaction .shipping .ships{position:absolute;top:0;left:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center}.component.transaction .transaction .shipping .ships .icon-color{position:relative;width:1pc;margin-left:5px;top:-5px}.component.transaction .transaction .shipping .time{position:absolute;top:0;right:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center;font-size:9pt}.component.transaction .transaction .shipping .progress-container{position:relative;display:block;clear:both;margin:0 60px;height:3px;top:13px;background:#4F4F4F}.component.transaction .transaction .shipping .progress-bar{position:absolute;display:block;height:100%;background:#db8218}.component .build-item.disable .button span{color:#696969}.component.transaction .new-transaction{width:279px;position:absolute;background:#000;z-index:1;padding:10px;border-bottom:solid 1px #db8218}.component.transaction .new-transaction label{position:relative;display:block;padding:5px 0}.component.transaction .new-transaction label input{display:block;padding:5px 10px;margin:5px 0 0 0;width:259px;border:none}.component.transaction .new-transaction.resources label input{font-size:1pc;color:#202020;font-weight:700}.component.transaction .new-transaction .indicator{position:relative;display:block;width:100%;height:15px}.component.transaction .new-transaction .indicator span{position:absolute;display:inline-block;padding:1px 6px;font-size:9pt;color:#fff;border-radius:3px;top:-5px;background:#c3590b}.component.transaction .new-transaction .indicator span.min-price{left:5px}.component.transaction .new-transaction .indicator span.max-price{right:5px}.component.market-sell .body{padding:10px 0}.component.market-sell .label-box{position:relative;padding:0 10px;margin:10px 0}.component.market-sell .label-box .label{display:inline-block;width:75pt;line-height:30px}.component.market-sell .label-box .value{display:inline-block;width:147px;padding:0 5px;border:none;line-height:30px;border-radius:3px;font-size:1pc}.component.market-sell .label-box input.value{height:30px;background:#fff}.component.market-sell .label-box .icon-color{position:absolute;top:4px;right:1pc;width:18px}.component.market-sell .queue{margin:0 10px;cursor:pointer}.component.market-sell .sell-form{background:#0A0A0A;border:solid 1px #202020;margin:0 10px 10px 10px}.component.market-sell .sell-form input[type=submit]{display:block;width:100%;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 10px;color:#fff;cursor:pointer;overflow:hidden;background:#db8218}.component.market-sell .sell-form input[type=submit]:hover{background:#c3590b}.component.market-sell .sell-form input[disabled=disabled]{background:#202020!important}.wysiwyg{display:block;position:relative}.wysiwyg .toolbar{display:block;position:absolute;top:0;left:0;right:0;padding:5px}.wysiwyg .toolbar button{display:inline-block;height:26px;line-height:26px;padding:0 4px!important;margin:0 4px 0 0!important;background:#d87013;color:#fff;border-radius:3px;overflow:hidden;vertical-align:top}.wysiwyg .modal{position:absolute;top:40px;left:10px;right:10px;background:#0A0A0A;border:solid 1px #202020;box-shadow:0 0 15px #000}.wysiwyg .modal .header{position:relative}.wysiwyg .modal .header h2{margin:0;padding:0;line-height:36px;padding:0 10px;font-size:1pc;font-weight:400}.wysiwyg .modal .header .right{position:absolute;top:5px;right:10px;width:300px;text-align:right}.wysiwyg .modal .header .right button{display:inline-block;width:26px!important;height:26px!important;line-height:26px !important<;font-size:14px;padding:0!important;margin:0 0 0 5px!important}.wysiwyg .modal input{width:435px;border:none;height:30px;margin:0 10px 10px 10px!important;padding:0 10px!important}.wysiwyg textarea{padding-top:40px!important}.input-area .wysiwyg .toolbar{padding:0}.component.params .checkbox{display:block;position:relative;padding:10px 10px 10px 40px;margin:10px;background:rgba(0,0,0,.8)}.component.params .checkbox input{position:absolute;top:8px;left:10px}#map{position:absolute;z-index:100;background:url(src/desktop/map/common/map.jpg) repeat #000;padding:0;top:0;left:0}#map #sectors{z-index:300}#map #spying{z-index:400}#map #own-base{z-index:500}#map #commercial-routes{z-index:600}#map #fleet-movements{z-index:700}#map #attacks{z-index:800}#map #systems{z-index:900}#map #map-info{z-index:910}#map>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#map #sectors polygon{stroke:#fff;stroke-width:1px;stroke-dasharray:4 4;opacity:.15}#map #sectors .ally1{fill:#6e161b}#map #sectors .ally2{fill:#1f1471}#map #sectors .ally3{fill:#dbb200}#map #sectors .ally4{fill:#5a1072}#map #sectors .ally5{fill:#2c7915}#map #sectors .ally6{fill:#076b87}#map #sectors .ally7{fill:#67331d}#map #sectors .ally8{fill:#d87913}#map #sectors .ally9{fill:#2c7915}#map #sectors .ally10{fill:#760f36}#map #sectors .ally11{fill:#219772}#map #sectors .ally12{fill:#dbb200}#map #spying circle{opacity:.08;stroke:#fff}#map #own-base circle{opacity:.1;fill:#fff}#map #commercial-routes line{stroke:#fff;stroke-width:1px;stroke-dasharray:20 5 5 5 5 10}#map #commercial-routes line.standBy{stroke:rgba(255,255,255,.3)}#map #fleet-movements line{stroke-width:1px}#map #fleet-movements line.back{stroke-dasharray:15 5}#map #attacks line{stroke-width:1px}#map #attacks line.color1{stroke:#b01e2d}#map #attacks line.color2{stroke:#2f23c0}#map #attacks line.color3{stroke:#ffdb0f}#map #attacks line.color4{stroke:#a935c7}#map #attacks line.color5{stroke:#57c632}#map #attacks line.color6{stroke:#05bed7}#map #attacks line.color7{stroke:#ac5832}#map #attacks line.color8{stroke:#f2b636}#map #attacks line.color9{stroke:#57c632}#map #attacks line.color10{stroke:#a92859}#map #attacks line.color11{stroke:#34b089}#map #attacks line.color12{stroke:#ffdb0f}#map #attacks circle.color1{fill:#b01e2d}#map #attacks circle.color2{fill:#2f23c0}#map #attacks circle.color3{fill:#ffdb0f}#map #attacks circle.color4{fill:#a935c7}#map #attacks circle.color5{fill:#57c632}#map #attacks circle.color6{fill:#05bed7}#map #attacks circle.color7{fill:#ac5832}#map #attacks circle.color8{fill:#f2b636}#map #attacks circle.color9{fill:#57c632}#map #attacks circle.color10{fill:#a92859}#map #attacks circle.color11{fill:#34b089}#map #attacks circle.color12{fill:#ffdb0f}#map #systems a{display:block;position:absolute;border-radius:100%}#map #systems a.active{background:#000;box-shadow:0 0 0 1px #000,0 0 0 3px #fff,0 0 10px 8px #000}#map #systems a img{display:block;width:20px;height:20px;border:none;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}#map #systems a img.own{background:#fff}#map #systems .sector-number{position:absolute;display:block;font-size:22px;line-height:40px;width:40px;text-align:center;border-radius:100%;box-shadow:0 0 0 5px #0A0A0A,0 0 0 6px #4F4F4F;background:#202020;color:#fff;font-weight:700;cursor:pointer}#map #systems .sector-number.color1{background:#6e161b}#map #systems .sector-number.color2{background:#1f1471}#map #systems .sector-number.color3{background:#dbb200}#map #systems .sector-number.color4{background:#5a1072}#map #systems .sector-number.color5{background:#2c7915}#map #systems .sector-number.color6{background:#076b87}#map #systems .sector-number.color7{background:#67331d}#map #systems .sector-number.color8{background:#d87913}#map #systems .sector-number.color9{background:#2c7915}#map #systems .sector-number.color10{background:#760f36}#map #systems .sector-number.color11{background:#219772}#map #systems .sector-number.color12{background:#dbb200}#map #systems .sector-info{display:none;position:absolute;color:#fff;background:#000;background:rgba(0,0,0,.9);padding:8px 1pc;border-radius:3px}#map #systems .sector-info:before{content:'';position:absolute;left:-20px;top:20px;border-style:solid;border-width:10px;border-color:transparent #000 transparent transparent;border-color:transparent rgba(0,0,0,.9) transparent transparent}#map #systems .sector-info h2{position:relative;font-size:40px;font-weight:700;line-height:40px;text-shadow:0 0 5px #000;margin:0;padding:0}#map #systems .sector-info p{font-size:13px;margin:6px 0 0 0;padding:0;font-weight:700;font-variant:small-caps}#map #systems .sector-info p a{position:static;display:inline-block;color:#fff;background:#202020;border-radius:3px;line-height:20px;width:20px;text-align:center;text-decoration:none;border:solid 1px rgba(255,255,255,.5);margin:0 5px 0 0}#map #systems .sector-info.color1 p a{background:#6e161b}#map #systems .sector-info.color2 p a{background:#1f1471}#map #systems .sector-info.color3 p a{background:#dbb200}#map #systems .sector-info.color4 p a{background:#5a1072}#map #systems .sector-info.color5 p a{background:#2c7915}#map #systems .sector-info.color6 p a{background:#076b87}#map #systems .sector-info.color7 p a{background:#67331d}#map #systems .sector-info.color8 p a{background:#d87913}#map #systems .sector-info.color9 p a{background:#2c7915}#map #systems .sector-info.color10 p a{background:#760f36}#map #systems .sector-info.color11 p a{background:#219772}#map #systems .sector-info.color12 p a{background:#dbb200}#map #map-info{display:none;position:absolute;top:0;right:0;left:auto;bottom:auto;height:auto;width:auto;margin:40px 60px 0 0;color:#fff;text-align:right}#map #map-info h2{margin:0;padding:0 20px;font-size:38px;line-height:60px}#map #map-info h3{margin:0;padding:0 20px;font-size:1pc;font-weight:400;line-height:40px}#map #map-info ul{margin:10px 0;padding:0;list-style:none}#map #map-info ul li{position:relative;margin:0;padding:0 40px 0 0;line-height:20px;height:20px;font-style:italic;color:#CCC;font-size:13px}#map #map-info ul li img{position:absolute;right:10px;top:0}#map #spying circle{fill:#d87013}#map #fleet-movements line{stroke:#db8218}#map #fleet-movements circle{fill:#db8218}#map-option{z-index:1000;position:absolute;display:inline-block;height:2pc;padding:3px 0;background:url(src/desktop/map/bOption.png) repeat-x;top:30px;right:20px}#map-option:before{content:'';position:absolute;display:block;left:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bLeftOption.png)}#map-option:after{content:'';position:absolute;display:block;right:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bRightOption.png)}#map-option a{position:relative;display:inline-block;height:30px;width:30px;margin:1px 0 1px 1px;background:#0A0A0A}#map-option a.active{background:#004948}#map-option a img{position:absolute;top:5px;left:5px;width:22px}.color1 #map-option a.active{background:#510816}.color2 #map-option a.active{background:#0c0d44}.color3 #map-option a.active{background:#b17a00}.color4 #map-option a.active{background:#310948}.color5 #map-option a.active{background:#24500a}.color6 #map-option a.active{background:#004948}.color7 #map-option a.active{background:#401b13}.color8 #map-option a.active{background:#c3590b}.color9 #map-option a.active{background:#24500a}.color10 #map-option a.active{background:#4d0621}.color11 #map-option a.active{background:#10684c}.color12 #map-option a.active{background:#b17a00}#map-content{z-index:1000;position:absolute;top:5pc;right:20px;display:block}#map-content .mini-map{position:relative;width:300px;height:300px;overflow:hidden;border:solid 1px #202020;background:url(src/desktop/map/common/galaxy.jpg) no-repeat #0a0a0a}#map-content .mini-map polygon{stroke:#fff;stroke-width:.5px;opacity:.3}#map-content .mini-map polygon:focus,#map-content .mini-map polygon:hover{opacity:.1;cursor:pointer}#map-content .mini-map polygon.ally0{fill:#202020}#map-content .mini-map polygon.ally1{fill:#6e161b}#map-content .mini-map polygon.ally2{fill:#1f1471}#map-content .mini-map polygon.ally3{fill:#dbb200}#map-content .mini-map polygon.ally4{fill:#5a1072}#map-content .mini-map polygon.ally5{fill:#2c7915}#map-content .mini-map polygon.ally6{fill:#076b87}#map-content .mini-map polygon.ally7{fill:#67331d}#map-content .mini-map polygon.ally8{fill:#d87913}#map-content .mini-map polygon.ally9{fill:#2c7915}#map-content .mini-map polygon.ally10{fill:#760f36}#map-content .mini-map polygon.ally11{fill:#219772}#map-content .mini-map polygon.ally12{fill:#dbb200}#map-content .mini-map .number{position:absolute;z-index:600;top:0;left:0}#map-content .mini-map .sectors{z-index:500;position:absolute;top:0;left:0}#map-content .mini-map .bases{z-index:400;position:absolute;top:0;left:0}#map-content .mini-map .bases circle{fill:rgba(255,255,255,.2);stroke:#fff}#map-content .mini-map .viewport{position:absolute;top:0;left:0;background:rgba(255,255,255,.1);border:solid 1px #fff;border-radius:3px}#map-content .mini-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:11px}.map-movers{display:none;position:absolute;z-index:900;background-repeat:no-repeat;background-position:center}#coord-box{z-index:1000;position:absolute;bottom:20px;right:20px;width:5pc;padding:5px 10px;background:rgba(0,0,0,.8);color:#fff;font-size:20px;text-align:center}.tactical-map{margin:10px;position:relative;background:url(src/desktop/map/common/galaxy-large.jpg) repeat #0a0a0a}.tactical-map polygon{stroke:#fff;stroke-width:.3px;opacity:.15}.tactical-map polygon.enabled{position:relative;stroke-width:2px;opacity:.8;z-index:1}.tactical-map polygon.enabled.ally1{stroke:#510816}.tactical-map polygon.enabled.ally2{stroke:#0c0d44}.tactical-map polygon.enabled.ally3{stroke:#b17a00}.tactical-map polygon.enabled.ally4{stroke:#310948}.tactical-map polygon.enabled.ally5{stroke:#24500a}.tactical-map polygon.enabled.ally6{stroke:#004948}.tactical-map polygon.enabled.ally7{stroke:#401b13}.tactical-map polygon.enabled.ally8{stroke:#c3590b}.tactical-map polygon.enabled.ally9{stroke:#24500a}.tactical-map polygon.enabled.ally10{stroke:#4d0621}.tactical-map polygon.enabled.ally11{stroke:#10684c}.tactical-map polygon.enabled.ally12{stroke:#b17a00}.tactical-map polygon.ally0{fill:#202020}.tactical-map polygon.ally1{fill:#6e161b}.tactical-map polygon.ally2{fill:#1f1471}.tactical-map polygon.ally3{fill:#dbb200}.tactical-map polygon.ally4{fill:#5a1072}.tactical-map polygon.ally5{fill:#2c7915}.tactical-map polygon.ally6{fill:#076b87}.tactical-map polygon.ally7{fill:#67331d}.tactical-map polygon.ally8{fill:#d87913}.tactical-map polygon.ally9{fill:#2c7915}.tactical-map polygon.ally10{fill:#760f36}.tactical-map polygon.ally11{fill:#219772}.tactical-map polygon.ally12{fill:#dbb200}.tactical-map .number{position:absolute;z-index:800;top:0;left:0}.tactical-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:9pt;line-height:22px;width:22px;text-align:center;border-radius:100%;box-shadow:0 0 1px #fff}.tactical-map .number span.ally0{background:#0A0A0A}.tactical-map .number span.ally1{background:#510816}.tactical-map .number span.ally2{background:#0c0d44}.tactical-map .number span.ally3{background:#b17a00}.tactical-map .number span.ally4{background:#310948}.tactical-map .number span.ally5{background:#24500a}.tactical-map .number span.ally6{background:#004948}.tactical-map .number span.ally7{background:#401b13}.tactical-map .number span.ally8{background:#c3590b}.tactical-map .number span.ally9{background:#24500a}.tactical-map .number span.ally10{background:#4d0621}.tactical-map .number span.ally11{background:#10684c}.tactical-map .number span.ally12{background:#b17a00}.tactical-map .number span.active{background:#fff;color:#000;box-shadow:0 0 10px #000}.tactical-map.reactive polygon.enabled.active,.tactical-map.reactive polygon.enabled:hover{cursor:pointer}.tactical-map.reactive polygon.enabled.active.ally1,.tactical-map.reactive polygon.enabled:hover.ally1{fill:#510816}.tactical-map.reactive polygon.enabled.active.ally2,.tactical-map.reactive polygon.enabled:hover.ally2{fill:#0c0d44}.tactical-map.reactive polygon.enabled.active.ally3,.tactical-map.reactive polygon.enabled:hover.ally3{fill:#b17a00}.tactical-map.reactive polygon.enabled.active.ally4,.tactical-map.reactive polygon.enabled:hover.ally4{fill:#310948}.tactical-map.reactive polygon.enabled.active.ally5,.tactical-map.reactive polygon.enabled:hover.ally5{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally6,.tactical-map.reactive polygon.enabled:hover.ally6{fill:#004948}.tactical-map.reactive polygon.enabled.active.ally7,.tactical-map.reactive polygon.enabled:hover.ally7{fill:#401b13}.tactical-map.reactive polygon.enabled.active.ally8,.tactical-map.reactive polygon.enabled:hover.ally8{fill:#c3590b}.tactical-map.reactive polygon.enabled.active.ally9,.tactical-map.reactive polygon.enabled:hover.ally9{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally10,.tactical-map.reactive polygon.enabled:hover.ally10{fill:#4d0621}.tactical-map.reactive polygon.enabled.active.ally11,.tactical-map.reactive polygon.enabled:hover.ally11{fill:#10684c}.tactical-map.reactive polygon.enabled.active.ally12,.tactical-map.reactive polygon.enabled:hover.ally12{fill:#b17a00}#action-box{display:block;z-index:1100;position:absolute;width:100%;height:300px;bottom:-300px;left:0;border-top:solid 1px #0A0A0A;background:#000;box-shadow:0 0 15px #000}#action-box .header{position:relative;background:#000;border-bottom:solid 1px #202020;height:36px;color:#EFEFEF}#action-box .header ul{list-style:none inset;margin:0;padding:0}#action-box .header ul li{display:inline-block;line-height:36px;padding:0 10px;color:#CCC;border-right:solid 1px #202020}#action-box .header ul li a{display:inline-block;line-height:24px;margin:3px 0;padding:0 6px;text-decoration:none;color:#CCC;background:#0A0A0A;border:solid 1px #202020;border-right:none;color:#8F8F8F}#action-box .header ul li a:first-child{border-radius:3px 0 0 3px}#action-box .header ul li a:last-child{border-right:solid 1px #202020;border-radius:0 3px 3px 0}#action-box .header ul li a:focus,#action-box .header ul li a:hover{background:#202020;color:#fff}#action-box .header ul li a.active{color:#fff;position:relative;z-index:1;background:#c3590b}#action-box .header ul li img{position:relative;top:5px;width:20px;border-radius:100%}#action-box .header .button{position:absolute;top:7px;right:10px;line-height:22px;width:22px;text-align:center;background:#202020;border-radius:3px;text-decoration:none;text-transform:uppercase;color:#fff}#action-box .header .button:focus,#action-box .header .button:hover{background:#4F4F4F}#action-box .body{position:relative;overflow:hidden;width:100%;height:263px;background:url(src/desktop/map/common/bLine.jpg) repeat-x center #080808}#action-box .actbox-movers{position:absolute;display:block;width:60px;height:263px;z-index:1103;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#action-box .actbox-movers:focus,#action-box .actbox-movers:hover{background-color:rgba(255,255,255,.05)}#action-box .actbox-movers:active{background-color:rgba(255,255,255,.15)}#action-box .actbox-movers#actboxToLeft{background:url(src/desktop/mover/left.png) no-repeat center}#action-box .actbox-movers#actboxToRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center}#action-box .body .system{position:absolute;top:0;left:0;height:263px;width:3000px}#action-box .body .system ul{display:inline-block;list-style:none inset;margin:0;padding:0}#action-box .body .system ul li{display:inline-block}#action-box .body .system ul li.action,#action-box .body .system ul li.place a{width:75pt;height:260px;border-top:solid 3px #fff;position:relative}#action-box .body .system ul li.action.color1,#action-box .body .system ul li.place.color1 a{border-top-color:#6e161b}#action-box .body .system ul li.action.color2,#action-box .body .system ul li.place.color2 a{border-top-color:#1f1471}#action-box .body .system ul li.action.color3,#action-box .body .system ul li.place.color3 a{border-top-color:#dbb200}#action-box .body .system ul li.action.color4,#action-box .body .system ul li.place.color4 a{border-top-color:#5a1072}#action-box .body .system ul li.action.color5,#action-box .body .system ul li.place.color5 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color6,#action-box .body .system ul li.place.color6 a{border-top-color:#076b87}#action-box .body .system ul li.action.color7,#action-box .body .system ul li.place.color7 a{border-top-color:#67331d}#action-box .body .system ul li.action.color8,#action-box .body .system ul li.place.color8 a{border-top-color:#d87913}#action-box .body .system ul li.action.color9,#action-box .body .system ul li.place.color9 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color10,#action-box .body .system ul li.place.color10 a{border-top-color:#760f36}#action-box .body .system ul li.action.color11,#action-box .body .system ul li.place.color11 a{border-top-color:#219772}#action-box .body .system ul li.action.color12,#action-box .body .system ul li.place.color12 a{border-top-color:#dbb200}#action-box .body .system ul li.star{width:300px;height:263px;border-left:solid 1px #0F0F0F;background:url(src/desktop/map/systems/default.png) no-repeat center center}#action-box .body .system ul li.place a{display:block;border-left:solid 1px #0F0F0F;text-align:center}#action-box .body .system ul li.place a strong{position:absolute;bottom:8px;left:10px;font-size:18px;font-weight:700;color:#fff}#action-box .body .system ul li.place a .land{position:absolute;z-index:1102;top:88px;left:10px;width:5pc;border-radius:100%}#action-box .body .system ul li.place.active a .land{box-shadow:0 0 0 1px #202020;background:#080808}#action-box .body .system ul li.place a .avatar{position:absolute;z-index:1101;top:10px;left:20px;padding:7px;border:solid 1px #0F0F0F;background:#000;width:47px;border-radius:100%}#action-box .body .system ul li.action{width:0;overflow:hidden}#action-box .body .system ul li.action .content{position:absolute;top:9px;left:9pt;height:15pc;width:545px;background:#111;border:solid 1px #202020;box-shadow:inset 0 0 5px #000;border-radius:3px}#action-box .body .system ul li.action .content:before{content:'';position:absolute;top:107px;left:-24px;border-width:9pt;border-style:solid;border-color:transparent #202020 transparent transparent}#action-box .body .system ul li.action .content .column{position:relative;display:inline-block;vertical-align:top;height:15pc;border-right:solid 1px #202020;color:#fff}#action-box .body .system ul li.action .content .column .last-spy-link{position:absolute;top:6px;right:8px;opacity:.5;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}#action-box .body .system ul li.action .content .column .last-spy-link:focus,#action-box .body .system ul li.action .content .column .last-spy-link:hover{opacity:1}#action-box .body .system ul li.action .content .column.info{width:199px}#action-box .body .system ul li.action .content .column.act{width:345px;border-right:none}#action-box .body .system ul li.action .content .column p{margin:2px 10px}#action-box .body .system ul li.action .content .column a{color:#fff}#action-box .body .system ul li.action .content .column hr{margin:8px 10px;border:none;background:0 0;border-bottom:solid 1px #202020}#action-box .body .system ul li.action .content .column strong{line-height:30px}#action-box .body .system ul li.action .content .column.info strong{line-height:28px;font-size:18px}#action-box .body .system ul li.action .content .column .label{display:inline-block;width:78px;font-size:9pt}#action-box .body .system ul li.action .content .column .value{display:inline-block;width:75pt;text-align:left}#action-box .body .system ul li.action .content .column .value .icon,#action-box .body .system ul li.action .content .column .value .icon-color{width:18px;height:18px;padding:1px}#action-box .body .system ul li.action .content .column.act .top .grey{opacity:.4}#action-box .body .system ul li.action .content .column.act .top img{width:45px;padding:8px;margin:0 4px 2px 0;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}#action-box .body .system ul li.action .content .column .bottom,#action-box .body .system ul li.action .content .column .top{padding:5px}#action-box .body .system ul li.action .box{display:none;position:absolute;left:10px;right:10px;bottom:10px;top:5pc;background:#000;border-radius:3px}#action-box .body .system ul li.action .box:nth-child(1){display:block}#action-box .body .system ul li.action .box:before{content:'';position:absolute;top:-20px;border-style:solid;border-width:10px;border-color:transparent transparent #000 transparent}#action-box .body .system ul li.action .box:nth-child(1):before{left:15px}#action-box .body .system ul li.action .box:nth-child(2):before{left:84px}#action-box .body .system ul li.action .box:nth-child(3):before{left:152px}#action-box .body .system ul li.action .box:nth-child(4):before{left:218px}#action-box .body .system ul li.action .box:nth-child(5):before{left:284px}#action-box .body .system ul li.action .box h2{margin:0;padding:0 11px;line-height:35px;font-size:15px}#action-box .body .system ul li.action .box .box-content{position:absolute;top:35px;left:0;right:0;bottom:0;border-radius:0 0 3px 3px;padding:8px 10px;background:#080808;border:solid 1px #000;overflow:hidden}#action-box .body .system ul li.action .box .box-content .commander-tile .item{display:none}#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander{display:block}#action-box .body .system ul li.action .box .box-content .spy-button{display:inline-block;width:75pt;text-decoration:none;margin:8px 0}#action-box .body .system ul li.action .box .box-content .spy-button .picto{float:left;width:30px;height:30px;margin:0 5px 0 0}#action-box .body .system ul li.action .box .box-content .spy-button span{display:block}#action-box .body .system ul li.action .box .box-content .spy-button .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .spy-form{margin-top:10px}#action-box .body .system ul li.action .box .box-content .spy-form input{width:187px;padding:7px;border:none;background:#fff;border-radius:3px 0 0 3px}#action-box .body .system ul li.action .box .box-content .spy-form button{width:75pt;padding:6px 6px;border:none;color:#fff;background:#d87013;cursor:pointer;border-radius:0 3px 3px 0}#action-box .body .system ul li.action .box .box-content .spy-form button:focus,#action-box .body .system ul li.action .box .box-content .spy-form button:hover{background:#c3590b}#action-box .body .system ul li.action .box .box-content .label-box{display:inline-block;width:50%;margin:5px 0}#action-box .body .system ul li.action .box .box-content .label-box .key{display:block}#action-box .body .system ul li.action .box .box-content .label-box .val{display:block;font-size:18px;font-weight:700}#action-box .body .system ul li.action .box .box-content .rc{margin:5px 0 0 0;padding:10px 10px 0 50px;border-top:solid 1px #202020}#action-box .body .system ul li.action .box .box-content .rc .planet{position:absolute;top:-25px;left:-25px;width:76px;height:76px;border:solid 1px #202020;border-radius:100%;background:#000}#action-box .body .system ul li.action .box .box-content .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .button{display:inline-block;background:#202020;border:solid 1px #4F4F4F;line-height:26px;margin:5px 0 0 0;padding:0 8px;text-align:center;text-decoration:none}#action-box .body .system ul li.action .box .box-content a.button{background:#d87013;border:#c3590b}#action-box .body .system ul li.action .box .box-content a.button:focus,#action-box .body .system ul li.action .box .box-content a.button:hover{background:#c3590b}.component.admin table{margin:10px;border-collapse:collapse;width:877px}.component.admin table tr{border-bottom:solid 1px #202020}.component.admin table td{padding:5px 10px;vertical-align:top}.component.admin table .button{display:inline-block;padding:0 5px;line-height:25px;min-width:15px;text-align:center;color:#fff;border-radius:3px;background:#4F4F4F;text-decoration:none}.component.admin table td:nth-child(1){width:50px}.component.admin table td:nth-child(2){width:75pt}.component.admin table td:nth-child(3){width:auto}.component.admin table td:nth-child(4){width:5pc}.on-off-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#d87013;border:solid 1px #c3590b;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}.on-off-button:focus,.on-off-button:hover{background:#c3590b;border-color:#d87013}.on-off-button.disabled{background:#202020;border-color:#4F4F4F}.inscription #nav .box.left span{display:inline-block;line-height:2pc;padding:0 10px;margin:5px 2px;font-size:14px;width:5pc;text-align:center;color:#4f4f4f;text-decoration:none;font-variant:small-caps}.inscription #nav .box.left span.active{color:#fff}.inscription #nav .box.right{display:none}.inscription #inscription-subnav{position:fixed;top:45px;left:0;width:210px;margin:0 20px 0 60px;z-index:500}.inscription #inscription-subnav .bind{height:15px;background:url(src/desktop/inscriptionSubnav/bBind.png) no-repeat center}.inscription #inscription-subnav .head{position:relative;height:214px;background:url(src/desktop/inscriptionSubnav/bHead.png) no-repeat center}.inscription #inscription-subnav .head h2{position:absolute;margin:0;padding:0;top:5px;font-weight:700;font-size:1pc;line-height:24px;width:210px;overflow:hidden;text-align:center;color:#fff}.inscription #inscription-subnav .head img{position:absolute;top:43px;left:28px;width:125px;height:125px;background:#0A0A0A}.inscription #inscription-subnav .head .level{position:absolute;display:block;bottom:15px;left:0;width:100%;font-size:20px;line-height:41px;color:#fff;text-align:center;background:url(src/desktop/inscriptionSubnav/bLevel.png) no-repeat center}.inscription #inscription-subnav .head .experience{position:absolute;display:inline-block;top:50px;right:2pc;width:21px;height:7pc}.inscription #inscription-subnav .head .experience .value{position:absolute;display:block;width:100%;bottom:0;border-radius:3px}.inscription #inscription-subnav .foot{height:290px}.inscription #movers .toLeft{left:0!important}.inscription .component.inscription img.color1{background:#6e161b!important}.inscription .component.inscription img.color2{background:#1f1471!important}.inscription .component.inscription img.color3{background:#dbb200!important}.inscription .component.inscription img.color4{background:#5a1072!important}.inscription .component.inscription img.color5{background:#2c7915!important}.inscription .component.inscription img.color6{background:#076b87!important}.inscription .component.inscription img.color7{background:#67331d!important}.inscription .component.inscription img.color8{background:#d87913!important}.inscription .component.inscription img.color9{background:#2c7915!important}.inscription .component.inscription img.color10{background:#760f36!important}.inscription .component.inscription img.color11{background:#219772!important}.inscription .component.inscription img.color12{background:#dbb200!important}.inscription .component.inscription .chooseLink{display:block;margin:10px;padding:10px 60px 10px 20px;background:url(src/desktop/mover/right.png) no-repeat 235px center #ccc;text-decoration:none;color:#fff;text-shadow:0 0 2px #000;border:solid 1px #202020;cursor:pointer;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s}.inscription .component.inscription .chooseLink:focus,.inscription .component.inscription .chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.inscription .component.inscription button.chooseLink{width:277px;text-align:left}.inscription .component.inscription.color1 .chooseLink{background-color:#6e161b}.inscription .component.inscription.color2 .chooseLink{background-color:#1f1471}.inscription .component.inscription.color3 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color4 .chooseLink{background-color:#5a1072}.inscription .component.inscription.color5 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color6 .chooseLink{background-color:#076b87}.inscription .component.inscription.color7 .chooseLink{background-color:#67331d}.inscription .component.inscription.color8 .chooseLink{background-color:#d87913}.inscription .component.inscription.color9 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color10 .chooseLink{background-color:#760f36}.inscription .component.inscription.color11 .chooseLink{background-color:#219772}.inscription .component.inscription.color12 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color1 .chooseLink:focus,.inscription .component.inscription.color1 .chooseLink:hover{background-color:#510816}.inscription .component.inscription.color2 .chooseLink:focus,.inscription .component.inscription.color2 .chooseLink:hover{background-color:#0c0d44}.inscription .component.inscription.color3 .chooseLink:focus,.inscription .component.inscription.color3 .chooseLink:hover{background-color:#b17a00}.inscription .component.inscription.color4 .chooseLink:focus,.inscription .component.inscription.color4 .chooseLink:hover{background-color:#310948}.inscription .component.inscription.color5 .chooseLink:focus,.inscription .component.inscription.color5 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color6 .chooseLink:focus,.inscription .component.inscription.color6 .chooseLink:hover{background-color:#004948}.inscription .component.inscription.color7 .chooseLink:focus,.inscription .component.inscription.color7 .chooseLink:hover{background-color:#401b13}.inscription .component.inscription.color8 .chooseLink:focus,.inscription .component.inscription.color8 .chooseLink:hover{background-color:#c3590b}.inscription .component.inscription.color9 .chooseLink:focus,.inscription .component.inscription.color9 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color10 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#4d0621}.inscription .component.inscription.color11 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#10684c}.inscription .component.inscription.color12 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#b17a00}.inscription .component.inscription .chooseLink strong{display:block;font-size:15px;border-bottom:solid 1px rgba(255,255,255,.25);padding:0 0 5px 0;margin:0 0 5px 0}.inscription .component.inscription .chooseLink em{font-style:normal}.inscription .component.inscription span.chooseLink{background:#202020!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25);cursor:auto;padding:10px}.inscription .component.inscription span.chooseLink:focus,.inscription .component.inscription span.chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}.inscription .component.inscription blockquote{line-height:200%}.inscription .component.inscription #base,.inscription .component.inscription #pseudo{position:relative;width:100%;border:none;padding:9pt 0;margin:0;text-align:center;font-size:26px;font-weight:700;background:#fff;border-radius:3px}.inscription .component.inscription.color1 #pseudo{color:#510816}.inscription .component.inscription.color2 #pseudo{color:#0c0d44}.inscription .component.inscription.color3 #pseudo{color:#b17a00}.inscription .component.inscription.color4 #pseudo{color:#310948}.inscription .component.inscription.color5 #pseudo{color:#24500a}.inscription .component.inscription.color6 #pseudo{color:#004948}.inscription .component.inscription.color7 #pseudo{color:#401b13}.inscription .component.inscription.color8 #pseudo{color:#c3590b}.inscription .component.inscription.color9 #pseudo{color:#24500a}.inscription .component.inscription.color10 #pseudo{color:#4d0621}.inscription .component.inscription.color11 #pseudo{color:#10684c}.inscription .component.inscription.color12 #pseudo{color:#b17a00}.inscription .component.inscription .avatars{padding:5px;text-align:center}.inscription .component.inscription .avatar{position:relative;display:inline-block;margin:0 5px;padding:5px;background:#202020;border:solid 5px #0A0A0A;border-radius:100%}.inscription .component.inscription .avatar input{position:absolute;top:10px;left:10px}.inscription .component.inscription .avatar img{display:block;width:117px;cursor:pointer;border-radius:100%}.inscription .component.inscription.color1 .avatar:hover{border-color:#510816}.inscription .component.inscription.color2 .avatar:hover{border-color:#0c0d44}.inscription .component.inscription.color3 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color4 .avatar:hover{border-color:#310948}.inscription .component.inscription.color5 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color6 .avatar:hover{border-color:#004948}.inscription .component.inscription.color7 .avatar:hover{border-color:#401b13}.inscription .component.inscription.color8 .avatar:hover{border-color:#c3590b}.inscription .component.inscription.color9 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color10 .avatar:hover{border-color:#4d0621}.inscription .component.inscription.color11 .avatar:hover{border-color:#10684c}.inscription .component.inscription.color12 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color1 .avatar.active{border-color:#b01e2d}.inscription .component.inscription.color2 .avatar.active{border-color:#2f23c0}.inscription .component.inscription.color3 .avatar.active{border-color:#ffdb0f}.inscription .component.inscription.color4 .avatar.active{border-color:#a935c7}.inscription .component.inscription.color5 .avatar.active{border-color:#57c632}.inscription .component.inscription.color6 .avatar.active{border-color:#05bed7}.inscription .component.inscription.color7 .avatar.active{border-color:#ac5832}.inscription .component.inscription.color8 .avatar.active{border-color:#f2b636}.inscription .component.inscription.color9 .avatar.active{border-color:#57c632}.inscription .component.inscription.color10 .avatar.active{border-color:#a92859}.inscription .component.inscription.color11 .avatar.active{border-color:#34b089}.inscription .component.inscription.color12 .avatar.active{border-color:#ffdb0f}.inscription #alert{bottom:-9pt;z-index:10000}.inscription .build-item{min-height:60px}.inscription .build-item .name{padding-top:2px!important}.inscription .build-item .name strong{font-size:1pc!important}.inscription .build-item .name em{font-size:9pt!important}.color0 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor0.png) no-repeat top left}.color1 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor1.png) no-repeat top left}.color2 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor2.png) no-repeat top left}.color3 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor3.png) no-repeat top left}.color4 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor4.png) no-repeat top left}.color5 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor5.png) no-repeat top left}.color6 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor6.png) no-repeat top left}.color7 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor7.png) no-repeat top left}.color8 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor8.png) no-repeat top left}.color9 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor9.png) no-repeat top left}.color10 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor10.png) no-repeat top left}.color11 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor11.png) no-repeat top left}.color12 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor12.png) no-repeat top left}.ac_results{width:100%;padding:0;border:1px solid #4F4F4F;background-color:#fff;overflow:hidden;z-index:99999;box-shadow:0 0 6px #000;border-radius:3px}.ac_results ul{width:100%;padding:0;margin:0;list-style-position:outside;list-style:none}.ac_results ul li{padding:4px 8px;margin:0;cursor:default;display:block;border-bottom:solid 1px #CCC;overflow:hidden}.ac_results ul li:last-child{border:none}.ac_results .img{float:left;width:36px;background:#202020;border-radius:3px;margin:0 8px 0 0}.ac_results .value-1,.ac_results .value-2{display:block;line-height:18px}.ac_results .value-1{font-weight:700}.ac_loading{background:#fff url(src/desktop/module/indicator.gif) right center no-repeat}.ac_over{background:#efefef}.ac_results .ac_over strong{color:#000}.ac_results .ac_over img{background:#fff}
\ No newline at end of file
+html {
+ height: 100%;
+}
+body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Roboto', 'Trebuchet MS', 'Arial', sans-serif;
+ font-size: 13px;
+}
+.bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ max-width: 280px;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+}
+.bull.top:before {
+ bottom: -14px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+.bull.bottom:before {
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+}
+.bull.left:before {
+ right: 12px;
+}
+.bull.right:before {
+ left: 12px;
+}
+body {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: black;
+}
+#nav,
+#tools {
+ position: fixed;
+ width: 100%;
+ height: 26px;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ box-shadow: 0 0 10px black;
+ z-index: 1000;
+ border-color: #db8218;
+}
+#nav {
+ top: 0;
+ left: 0;
+ background: url('src/desktop/nav/bNav.png') repeat-x black;
+ border-bottom: solid 3px black;
+}
+#tools {
+ bottom: 0;
+ left: 0;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ border-top: solid 3px black;
+}
+#container {
+ position: absolute;
+ top: 29px;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ background: black;
+ overflow: hidden;
+ z-index: 0;
+ background: url('src/desktop/global/background.jpg') repeat-x black;
+}
+.icon,
+.icon-color {
+ display: inline-block;
+ vertical-align: bottom;
+ padding: 2px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.icon-color {
+ background: #db8218 !important;
+}
+#background-paralax {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: no-repeat bottom left transparent;
+ z-index: 100;
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.profil {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.message {
+ background-image: url('src/desktop/screen/message.jpg');
+}
+#background-paralax.fleet {
+ background-image: url('src/desktop/screen/fleet.jpg');
+}
+#background-paralax.financial {
+ background-image: url('src/desktop/screen/financial.jpg');
+}
+#background-paralax.technology {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.rank {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.params {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.bases {
+ background-image: url('src/desktop/screen/base.jpg');
+}
+#movers a {
+ position: absolute;
+ width: 60px;
+ height: 100%;
+ z-index: 400;
+ background: red;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#movers a:hover,
+#movers a:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+#movers a:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+#movers .toLeft {
+ top: 0;
+ left: 60px;
+ background: url('src/desktop/mover/left.png') no-repeat center transparent;
+}
+#movers .toRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center transparent;
+}
+/* finance */
+.component.financial table {
+ border-collapse: collapse;
+ width: 100%;
+}
+.component.financial td {
+ vertical-align: top;
+ width: 50%;
+}
+/* uni */
+.component.uni .build-item {
+ height: 60px;
+ margin: 20px;
+}
+/* techno */
+.component.techno .build-item .name strong {
+ font-size: 16px;
+}
+/* school */
+.component.school .build-item .name strong {
+ font-size: 18px;
+}
+/* generator */
+.component.generator table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* dock1 */
+.component.dock1 table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* situation */
+.component.space .fix-body {
+ background: url('src/desktop/base/situation.jpg') no-repeat top left black;
+}
+/* memorial */
+.component.memorial blockquote {
+ font-size: 22px;
+ margin: 30px 15px 0 30px;
+ line-height: 160%;
+ font-weight: bold;
+ text-align: center;
+}
+.component .info-building {
+ margin: 10px;
+ padding: 0;
+ font-size: 13px;
+ border-top: solid 1px #4F4F4F;
+}
+.component .info-building h4 {
+ margin: 10px;
+}
+.component .info-building p {
+ font-size: 13px;
+}
+#tools .box a,
+#nav .box a,
+#tools .box > span,
+#nav .box > span {
+ position: relative;
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 25px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 150px;
+ color: white;
+ text-decoration: none;
+ font-variant: small-caps;
+ background: url('src/desktop/button/bButtonMiddle.png') repeat-x;
+}
+#tools .box a:before,
+#nav .box a:before,
+#tools .box > span:before,
+#nav .box > span:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonLeft.png') no-repeat;
+}
+#tools .box a:after,
+#nav .box a:after,
+#tools .box > span:after,
+#nav .box > span:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonRight.png') no-repeat;
+}
+#tools .box a.current-base,
+#nav .box a.current-base {
+ margin-left: 56px;
+}
+#tools .box a.current-base img,
+#nav .box a.current-base img {
+ position: absolute;
+ top: -16px;
+ left: -54px;
+ background: black;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ border: solid 2px #4F4F4F;
+ width: 60px;
+}
+#tools .box a:hover:before,
+#nav .box a:hover:before,
+#tools .box a:focus:before,
+#nav .box a:focus:before {
+ background: url('src/desktop/button/bButtonLeftHover.png') repeat;
+}
+#tools .box a:hover:after,
+#nav .box a:hover:after,
+#tools .box a:focus:after,
+#nav .box a:focus:after {
+ background: url('src/desktop/button/bButtonRightHover.png') repeat;
+}
+#tools .box a.active,
+#nav .box a.active {
+ background: url('src/desktop/button/bButtonMiddleActive.png') repeat;
+}
+#tools .box a.active:before,
+#nav .box a.active:before {
+ background: url('src/desktop/button/bButtonLeftActive.png') repeat;
+}
+#tools .box a.active:after,
+#nav .box a.active:after {
+ background: url('src/desktop/button/bButtonRightActive.png') repeat;
+}
+#tools .box a.square,
+#nav .box a.square {
+ position: relative;
+ padding: 0 5px;
+ margin: 5px 2px;
+ height: 32px;
+ width: 30px;
+ background: url('src/desktop/button/bLittleButton.png') no-repeat;
+ vertical-align: top;
+}
+#tools .box a.square:before,
+#nav .box a.square:before,
+#tools .box a.square:after,
+#nav .box a.square:after {
+ display: none;
+}
+#tools .box a.square:hover,
+#nav .box a.square:hover,
+#tools .box a.square:focus,
+#nav .box a.square:focus {
+ background: url('src/desktop/button/bLittleButtonHover.png') no-repeat;
+}
+#tools .box a.square.active,
+#nav .box a.square.active {
+ background: url('src/desktop/button/bLittleButtonActive-c8.png') no-repeat;
+}
+#tools .box a.square.active.flashy,
+#nav .box a.square.active.flashy {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: inset 0 0 12px #db8218;
+}
+#tools .box a.square img,
+#nav .box a.square img {
+ position: absolute;
+ width: 24px;
+ top: 3px;
+ left: 8px;
+}
+#tools .box a.square span.number,
+#nav .box a.square span.number {
+ position: absolute;
+ top: -5px;
+ right: -5px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ font-size: 11px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ background: #c3590b;
+}
+#nav .box {
+ position: absolute;
+ display: inline-block;
+ height: 46px;
+ padding: 0 3px;
+ background: url('src/desktop/nav/bNavBox.png') repeat-x;
+}
+#nav .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxLeft.png') no-repeat;
+}
+#nav .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxRight.png') no-repeat;
+}
+#nav .box.left {
+ top: 0;
+ left: 25px;
+}
+#nav .box.left-2 {
+ top: 0;
+ left: 420px;
+}
+#nav .box.left-3 {
+ top: 0;
+ left: 732px;
+}
+#nav .box.right {
+ top: 0;
+ right: 25px;
+}
+#nav .box a.square span.number {
+ bottom: -5px;
+ top: auto;
+}
+#tools .box {
+ position: absolute;
+ display: inline-block;
+ height: 40px;
+ padding: 1px 3px 0 3px;
+ background: url('src/desktop/tools/bToolBox.png') repeat-x;
+ font-size: 13px;
+}
+#tools .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxRight.png') no-repeat;
+}
+#tools .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxLeft.png') no-repeat;
+}
+#tools .box.left {
+ bottom: 0;
+ right: 340px;
+}
+#tools .box.right {
+ bottom: 0;
+ right: 25px;
+}
+#tools .box a.square img {
+ top: 4px;
+}
+#tools .box a.resource-link,
+#tools .box span.resource-link {
+ width: 110px;
+ font-size: 16px;
+}
+#tools .box a.resource-link img.icon-color,
+#tools .box span.resource-link img.icon-color {
+ position: relative;
+ display: inline-block;
+ width: 18px;
+ vertical-align: middle;
+ margin-left: 5px;
+ top: -2px;
+ padding: 1px;
+}
+#nav .overbox .overflow,
+#tools .overbox .overflow {
+ max-height: 400px;
+ overflow: auto;
+ position: relative;
+}
+#nav .overbox h2,
+#tools .overbox h2 {
+ color: white;
+ padding: 10px 15px;
+ margin: 0;
+ font-size: 14px;
+ font-weight: normal;
+ border-bottom: solid 1px #202020;
+}
+#nav .overbox .link-title,
+#tools .overbox .link-title {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ line-height: 20px;
+ font-size: 11px;
+ padding: 0 5px;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ text-decoration: none;
+ color: white;
+}
+#nav .overbox a,
+#tools .overbox a {
+ color: inherit;
+}
+#nav .overbox a.more-link,
+#tools .overbox a.more-link {
+ display: block;
+ padding: 8px;
+ font-size: 12px;
+ border-top: solid 1px #202020;
+ text-align: center;
+ text-decoration: none;
+ color: #4F4F4F;
+}
+#nav .overbox a.more-link:focus,
+#tools .overbox a.more-link:focus,
+#nav .overbox a.more-link:hover,
+#tools .overbox a.more-link:hover {
+ color: #CCC;
+}
+#nav .overbox p.info,
+#tools .overbox p.info {
+ padding: 5px 15px;
+ font-size: 12px;
+ text-align: center;
+ color: #CCC;
+}
+#nav .overbox .outside-button,
+#tools .overbox .outside-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #d87013;
+ border: solid 1px #c3590b;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+#nav .overbox .outside-button:hover,
+#tools .overbox .outside-button:hover,
+#nav .overbox .outside-button:focus,
+#tools .overbox .outside-button:focus {
+ background: #c3590b;
+ border-color: #d87013;
+}
+#nav .overbox .outside-button.disabled,
+#tools .overbox .outside-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+#nav .overbox input.outside-button,
+#tools .overbox input.outside-button {
+ line-height: 26px;
+}
+#nav .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+}
+#nav .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent transparent #202020 transparent;
+ top: -18px;
+ right: 30px;
+}
+#nav .overbox#change-bases {
+ top: 50px;
+ left: 10px;
+ width: 205px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#change-bases:before {
+ left: 30px;
+ right: auto;
+}
+#nav .overbox#change-bases a {
+ display: block;
+ padding: 3px 15px;
+ color: #CCC;
+ text-decoration: none;
+ font-size: 12px;
+ border-bottom: solid 1px #101010;
+}
+#nav .overbox#change-bases a:focus,
+#nav .overbox#change-bases a:hover {
+ background: #101010;
+}
+#nav .overbox#change-bases a.active {
+ background: #202020;
+}
+#nav .overbox#change-bases strong {
+ display: block;
+ color: #CCC;
+ font-size: 13px;
+}
+#nav .overbox#disconnect-box {
+ top: 50px;
+ right: 10px;
+ width: 205px;
+ padding: 8px 0;
+}
+#nav .overbox#disconnect-box hr {
+ margin: 8px 0;
+ border: none;
+ background: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#disconnect-box a {
+ display: block;
+ padding: 0 15px;
+ line-height: 25px;
+ font-size: 13px;
+ color: #CCC;
+ text-decoration: none;
+}
+#nav .overbox#disconnect-box a:hover,
+#nav .overbox#disconnect-box a:focus {
+ color: white;
+ background: #202020;
+}
+#nav .overbox#bug-tracker {
+ width: 250px;
+ top: 50px;
+ right: 98px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#bug-tracker p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 10px;
+}
+#nav .overbox#bug-tracker .option {
+ margin: 3px 10px 10px 10px;
+ display: block;
+ width: 330px;
+ padding: 5px;
+}
+#nav .overbox#bug-tracker textarea {
+ display: block;
+ margin: 0 10px 10px 10px;
+ padding: 5px;
+ width: 318px;
+ height: 200px;
+ min-width: 318px;
+ max-width: 318px;
+ border: solid 1px #202020;
+ font-family: 'Trebuchet MS', sans-serif;
+ font-size: 13px;
+}
+#nav .overbox#bug-tracker .button {
+ display: block;
+ margin: 0 10px 2px 10px;
+}
+#nav .overbox#roadmap {
+ width: 350px;
+ top: 50px;
+ right: 10px;
+}
+#nav .overbox#roadmap .overflow {
+ width: 350px;
+ padding: 8px 0;
+}
+#nav .overbox#roadmap p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 0 10px 10px 10px;
+}
+#nav .overbox#roadmap p em {
+ display: block;
+ font-size: 11px;
+ color: #4F4F4F;
+}
+#nav .overbox#roadmap hr {
+ margin: 5px 0;
+ border: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial {
+ width: 350px;
+ top: 50px;
+ right: 143px;
+ color: white;
+}
+#nav .overbox#tutorial form {
+ padding: 0 0 10px 0;
+ margin: 0;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial .overflow {
+ padding: 15px 15px 0 15px;
+}
+#nav .overbox#tutorial .overflow h3 {
+ position: relative;
+ margin: 0;
+ padding: 0 0 0 36px;
+}
+#nav .overbox#tutorial .overflow h3 .number {
+ position: absolute;
+ top: -4px;
+ left: 0;
+ display: block;
+ width: 26px;
+ line-height: 26px;
+ text-align: center;
+ background: #c3590b;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ margin-right: 10px;
+}
+#nav .overbox#tutorial .overflow p {
+ font-size: 12px;
+ color: #CCC;
+}
+#nav .overbox#new-notifications {
+ top: 50px;
+ left: 627px;
+ width: 300px;
+}
+#tools .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ width: 300px;
+ bottom: 45px;
+ right: 15px;
+}
+#tools .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: #202020 transparent transparent transparent;
+ bottom: -18px;
+ right: 30px;
+}
+#tools .overbox.left-pic:before {
+ left: 30px;
+ right: auto;
+}
+#tools .overbox#tools-calendar {
+ left: 25px;
+ bottom: 45px;
+ right: auto;
+}
+#tools .overbox#tools-refinery {
+ right: 401px;
+ bottom: 45px;
+}
+#tools .overbox#tools-generator {
+ right: 237px;
+ bottom: 45px;
+}
+#tools .overbox#tools-technosphere {
+ right: 193px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock1 {
+ right: 148px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock2 {
+ right: 105px;
+ bottom: 45px;
+}
+#tools .overbox#tools-credit {
+ right: 140px;
+ bottom: 45px;
+}
+#tools .overbox#tools-incoming-attack {
+ right: 230px;
+ bottom: 45px;
+}
+#tools .overbox#tools-outgoing-attack {
+ right: 185px;
+ bottom: 45px;
+}
+#subnav {
+ position: fixed;
+ top: 29px;
+ left: 2px;
+ bottom: 29px;
+ padding: 40px 0;
+ width: 60px;
+ background: url('src/desktop/subnav/middle.png') repeat-y;
+ z-index: 1000;
+}
+#subnav hr {
+ border: none;
+ margin: 20px 0;
+}
+#subnav .overflow {
+ position: relative;
+}
+#subnav .move-side-bar {
+ display: none;
+ position: absolute;
+ z-index: 5000;
+ left: 5px;
+ width: 48px;
+ height: 48px;
+ line-height: 48px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.75);
+ background-position: center;
+ background-repeat: no-repeat;
+ border-radius: 100%;
+ cursor: pointer;
+}
+#subnav .move-side-bar:hover,
+#subnav .move-side-bar:focus {
+ box-shadow: 0 0 3px white;
+}
+#subnav .move-side-bar.top {
+ bottom: auto;
+ top: 20px;
+ background-image: url('src/desktop/component/top.png');
+}
+#subnav .move-side-bar.bottom {
+ bottom: 20px;
+ top: auto;
+ background-image: url('src/desktop/component/bottom.png');
+}
+#subnav .item {
+ position: relative;
+ display: block;
+ height: 50px;
+ width: 50px;
+ margin: 0 0 10px 0;
+ padding: 8px 5px;
+ color: white;
+ text-decoration: none;
+ background: url('src/desktop/subnav/button.png') no-repeat;
+}
+#subnav .item.active {
+ background: url('src/desktop/subnav/button-active-c8.png') no-repeat;
+}
+#subnav .item.striped {
+ background: url('src/desktop/subnav/button-striped.png') no-repeat;
+}
+#subnav .item:before {
+ content: '';
+ position: absolute;
+ right: -6px;
+ bottom: 0;
+ width: 12px;
+ height: 47px;
+ background: url('src/desktop/subnav/til.png') no-repeat;
+}
+#subnav .item:hover:before {
+ background: url('src/desktop/subnav/til-hover.png') no-repeat;
+}
+#subnav .item:hover > .content {
+ display: block;
+}
+#subnav .item .picto {
+ display: block;
+ height: 30px;
+ width: 30px;
+ padding: 10px;
+}
+#subnav .item .picto img {
+ display: block;
+ height: 30px;
+ width: 30px;
+}
+#subnav .item .picto .number {
+ position: absolute;
+ bottom: -5px;
+ right: -18px;
+ display: block;
+ width: 28px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ font-size: 12px;
+ background: url('src/desktop/subnav/number.png') no-repeat;
+}
+#subnav .item .content {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 75px;
+ width: 230px;
+}
+#subnav .item .content.skin-1 span {
+ display: inline-block;
+ margin: 15px 0 15px 16px;
+ padding: 0 15px;
+ line-height: 30px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-1 span:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content {
+ display: inline-block;
+ margin: 0 0 0 16px;
+ padding: 10px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-2 .sub-content:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content hr {
+ border: none;
+ border-top: solid 1px #4F4F4F;
+ margin: 5px 0;
+}
+#subnav .item .content.skin-2 .sub-content .ship {
+ position: relative;
+}
+#subnav .item .content.skin-2 .sub-content .ship img {
+ width: 32px;
+ height: 32px;
+}
+#subnav .item .content.skin-2 .sub-content .ship img.zero {
+ opacity: .5;
+}
+#subnav .item .content.skin-2 .sub-content .ship .number {
+ position: absolute;
+ bottom: -2px;
+ right: -2px;
+ width: 18px;
+ height: 18px;
+ line-height: 18px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ text-align: center;
+ background: #db8218;
+}
+#alert-content {
+ display: none;
+}
+#alert {
+ position: absolute;
+ bottom: 18px;
+ left: 50px;
+ padding: 0;
+ text-align: right;
+ list-style: inset none;
+}
+#alert li {
+ position: relative;
+ display: inline-block;
+ margin: 0 0 0 5px;
+}
+#alert li img {
+ display: block;
+ height: 50px;
+ border: solid 1px #202020;
+ padding: 5px;
+ background: #0A0A0A;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.alert-bull {
+ display: block;
+ position: absolute;
+ z-index: 1200;
+ width: 200px;
+ padding: 6px 8px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.alert-bull .title {
+ display: block;
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+ border-bottom: solid 1px #4F4F4F;
+}
+.alert-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ bottom: -14px;
+ left: 24px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+#content {
+ position: absolute;
+ width: 8000px;
+ height: 100%;
+ top: 0;
+ left: 300px;
+ z-index: 200;
+}
+#content .component {
+ position: relative;
+ display: table-cell;
+ overflow: hidden;
+ width: 300px;
+ background: rgba(0, 0, 0, 0.92);
+}
+#content .component.size2 {
+ width: 600px;
+}
+#content .component.size3 {
+ width: 900px;
+}
+#content .component:nth-child(1) {
+ background: rgba(0, 0, 0, 0.6);
+}
+#content .component:nth-child(2) {
+ background: rgba(0, 0, 0, 0.75);
+}
+#content .component:nth-child(3) {
+ background: rgba(0, 0, 0, 0.85);
+}
+#content .component:nth-child(4) {
+ background: rgba(0, 0, 0, 0.9);
+}
+#content .component .head {
+ position: relative;
+ display: inline-block;
+ height: 120px;
+ width: 100%;
+ vertical-align: top;
+ color: white;
+ background: url('src/desktop/component/bHead.jpg') repeat-x center black;
+ border-bottom: solid 1px #202020;
+}
+#content .component .head h1 {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ font-size: 38px;
+ line-height: 50px;
+ height: 50px;
+ display: inline-block;
+ padding: 0 10px;
+ background: black;
+ overflow: hidden;
+}
+#content .component .fix-body {
+ position: relative;
+ overflow: auto;
+ color: white;
+ border-right: solid 1px #202020;
+}
+#content .component .fix-body .body {
+ position: relative;
+}
+.no-scrolling #content .component .fix-body {
+ overflow: hidden;
+}
+.no-scrolling #content .component .fix-body > a {
+ position: absolute;
+ width: 100%;
+ height: 40px;
+ left: 0;
+ opacity: 0;
+}
+.no-scrolling #content .component .fix-body.hover > a {
+ opacity: 1;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+.no-scrolling #content .component .fix-body .toTop {
+ top: 0;
+ background-image: url('src/desktop/component/top.png'), -webkit-gradient(linear, black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -moz-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -ms-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -o-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+}
+.no-scrolling #content .component .fix-body .toBottom {
+ bottom: 0;
+ background-image: url('src/desktop/component/bottom.png'), -webkit-gradient(linear, transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+}
+#content .component.invisible {
+ background: transparent;
+}
+#content .component.invisible .publicity {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: red;
+}
+.component .tool {
+ display: table;
+ width: 100%;
+ height: 44px;
+ margin: 0;
+ overflow: hidden;
+ background: black;
+ border-bottom: solid 1px #db8218;
+ color: #4F4F4F;
+}
+.component .tool > span {
+ display: table-cell;
+ width: 28px;
+ border: solid 6px transparent;
+ border-left: none;
+}
+.component .tool > span:first-child {
+ border: solid 5px transparent;
+ width: auto;
+ text-align: center;
+}
+.component .tool > span:first-child a {
+ width: auto;
+}
+.component .tool > span a {
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 0;
+ line-height: 30px;
+ width: 30px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+ text-align: center;
+}
+.component .tool > span a img {
+ width: 18px;
+ position: relative;
+ top: -4px;
+}
+.component .tool > span a.active {
+ background: #d87013;
+ color: white;
+ border-color: #db8218;
+}
+.component .tool > span a.active.down {
+ box-shadow: 0 2px 0 0 #CCC;
+}
+.component .tool > span a.active.up {
+ box-shadow: 0 -2px 0 0 #CCC;
+}
+.component .tool > span a.active:hover,
+.component .tool > span a.active:focus {
+ color: #CCC;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
+}
+.component .tool > span a:hover,
+.component .tool > span a:focus,
+.component .tool > span a:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .tool.sort-button > span:first-child {
+ text-align: center;
+}
+.component h3 {
+ width: 100%;
+ margin: 0;
+ background: black;
+ text-align: center;
+ padding: 0 2px;
+ line-height: 44px;
+ font-weight: normal;
+ font-size: 14px;
+ color: #4F4F4F;
+ text-decoration: none;
+ border-bottom: solid 1px #db8218;
+}
+.component h4 {
+ margin: 10px 10px 0 10px;
+ font-weight: normal;
+ font-size: 18px;
+}
+.component .body p {
+ margin: 10px;
+ font-size: 13px;
+ text-align: justify;
+}
+.component .body p.info {
+ position: relative;
+ border-top: solid 1px #202020;
+ padding: 10px;
+ margin: 10px;
+ line-height: 140%;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component .body p.info a {
+ color: white;
+}
+.component .body p.info .requierement {
+ display: inline-block;
+ margin: 0 0 0 8px;
+ vertical-align: bottom;
+ height: 16px;
+}
+.component .body p.long-info {
+ padding: 10px;
+ line-height: 150%;
+ background: black;
+}
+.component .body p .alone-button {
+ display: block;
+ text-align: center;
+ color: white;
+ line-height: 40px;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #4F4F4F;
+ box-shadow: inset 0 0 2px black;
+ padding: 0 10px;
+ background: #c3590b;
+}
+.component .body p .alone-button:hover,
+.component .body p .alone-button:focus {
+ background: #d87013;
+}
+.component .border-bottom {
+ border-bottom: solid 3px #db8218;
+}
+.component .list-type-1 {
+ margin: 10px;
+ padding: 0;
+ list-style: none;
+}
+.component .list-type-1 li {
+ position: relative;
+ padding: 5px 10px;
+ text-align: right;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: rgba(0, 0, 0, 0.8);
+ color: #989898;
+}
+.component .list-type-1 li.strong {
+ border-top: double 3px #4F4F4F;
+ background: #111111;
+ color: white;
+}
+.component .list-type-1 li.empty {
+ background: none;
+ border: none;
+ height: 50px;
+}
+.component .list-type-1 li ul li {
+ height: auto;
+}
+.component .list-type-1 .label {
+ display: block;
+ font-size: 13px;
+}
+.component .list-type-1 .label .icon-color {
+ width: 15px;
+ padding: 1px;
+}
+.component .list-type-1 .value {
+ display: inline-block;
+ font-size: 22px;
+ line-height: 30px;
+ font-weight: bold;
+}
+.component .list-type-1 .value .icon,
+.component .list-type-1 .value .icon-color {
+ height: 18px;
+ margin-left: 8px;
+ position: relative;
+ top: -3px;
+}
+.component .list-type-1 .picto {
+ position: absolute;
+ top: 7px;
+ left: 10px;
+ height: 35px;
+ width: 35px;
+ line-height: 35px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+ font-size: 16px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+}
+.component .list-type-1 .picto.color1 {
+ background: #510816;
+}
+.component .list-type-1 .picto.color2 {
+ background: #0c0d44;
+}
+.component .list-type-1 .picto.color3 {
+ background: #b17a00;
+}
+.component .list-type-1 .picto.color4 {
+ background: #310948;
+}
+.component .list-type-1 .picto.color5 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color6 {
+ background: #004948;
+}
+.component .list-type-1 .picto.color7 {
+ background: #401b13;
+}
+.component .list-type-1 .picto.color8 {
+ background: #c3590b;
+}
+.component .list-type-1 .picto.color9 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color10 {
+ background: #4d0621;
+}
+.component .list-type-1 .picto.color11 {
+ background: #10684c;
+}
+.component .list-type-1 .picto.color12 {
+ background: #b17a00;
+}
+.component .list-type-1 .hide {
+ color: #4F4F4F;
+}
+.component .list-type-1 .buttons {
+ position: absolute;
+ top: 28px;
+ left: 5px;
+}
+.component .list-type-1 .buttons a {
+ display: inline-block;
+ margin: 0 4px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-style: 14px;
+ color: white;
+ border-radius: 3px;
+ background: #d87013;
+}
+.component .list-type-1 .progress-bar {
+ text-align: left;
+ margin-top: 5px;
+}
+.component .sub-list-type-1 {
+ display: none;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.component .sub-list-type-1 li {
+ position: relative;
+ padding: 2px 0;
+ text-align: left;
+ border: none;
+ border-top: solid 1px #0A0A0A;
+}
+.component .sub-list-type-1 .label {
+ display: inline-block;
+ width: 60%;
+}
+.component .sub-list-type-1 .label .button {
+ position: relative;
+ left: -4px;
+ margin: 0 0 0 3px;
+}
+.component .sub-list-type-1 .value {
+ text-align: right;
+ line-height: 25px;
+ font-size: 18px;
+ width: 40%;
+}
+.component .sub-list-type-1 .value .button {
+ margin: 0 2px 0 6px;
+}
+.component .sub-list-type-1 .button {
+ display: inline-block;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: normal;
+ color: white;
+ border-radius: 3px;
+ background: #db8218;
+}
+.component .list-type-1 form {
+ z-index: 1;
+ position: absolute;
+ display: none;
+ bottom: -40px;
+ right: 3px;
+}
+.component .list-type-1 form p {
+ position: relative;
+ background: white;
+ border-radius: 3px;
+ padding: 0;
+ margin: 0;
+ width: 200px;
+ height: 35px;
+}
+.component .list-type-1 form p:before {
+ content: '';
+ position: absolute;
+ top: -12px;
+ right: 12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+}
+.component .list-type-1 form input {
+ border: none;
+ background: none;
+ line-height: 35px;
+ height: 35px;
+ padding: 0 10px;
+}
+.component .list-type-1 form input[type='text'] {
+ width: 140px;
+}
+.component .list-type-1 form input[type='submit'] {
+ width: 40px;
+}
+.component .sub-list-type-1 form {
+ right: -6px;
+}
+/* NUMBER BOX */
+.number-box {
+ position: relative;
+ margin: 10px;
+ padding: 5px 10px;
+ background: black;
+ color: white;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ border-left: solid 10px #d87013;
+}
+.number-box.half {
+ display: inline-block;
+ width: 254px;
+ margin-right: 0;
+ margin-bottom: 0;
+}
+.number-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.number-box.text {
+ border-left: solid 1px #0A0A0A;
+}
+.number-box.text a {
+ text-decoration: none;
+ color: white;
+}
+.number-box .label {
+ display: block;
+}
+.number-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.number-box .value .icon-color {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+.number-box .progress-bar {
+ margin: 5px 0;
+}
+.number-box .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.number-box .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #d87013;
+}
+/* PROGRESS BAR */
+.progress-bar {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 3px;
+ background: #4F4F4F;
+}
+.progress-bar .content {
+ position: relative;
+ display: inline-block;
+ height: 3px;
+ vertical-align: top;
+ overflow: hidden;
+ max-width: 100%;
+}
+.progress-bar .content:nth-child(n) {
+ background: #db8218;
+}
+.progress-bar .content:nth-child(2n) {
+ background: #c3590b;
+}
+.progress-bar .content.color1 {
+ background: #6e161b;
+}
+.progress-bar .content.color2 {
+ background: #1f1471;
+}
+.progress-bar .content.color3 {
+ background: #dbb200;
+}
+.progress-bar .content.color4 {
+ background: #5a1072;
+}
+.progress-bar .content.color5 {
+ background: #2c7915;
+}
+.progress-bar .content.color6 {
+ background: #076b87;
+}
+.progress-bar .content.color7 {
+ background: #67331d;
+}
+.progress-bar .content.color8 {
+ background: #d87913;
+}
+.progress-bar .content.color9 {
+ background: #2c7915;
+}
+.progress-bar .content.color10 {
+ background: #760f36;
+}
+.progress-bar .content.color11 {
+ background: #219772;
+}
+.progress-bar .content.color12 {
+ background: #dbb200;
+}
+.progress-bar .step {
+ position: absolute;
+}
+.progress-bar .step .label {
+ position: absolute;
+ display: block;
+ width: 150px;
+ left: 0;
+ top: -28px;
+}
+.progress-bar .step .label.bottom {
+ top: auto;
+ bottom: -28px;
+}
+.progress-bar .step .label.right {
+ right: 0;
+ left: auto;
+ text-align: right;
+}
+.progress-bar .step:before {
+ content: '';
+ position: absolute;
+ width: 12px;
+ height: 12px;
+ background: #d87013;
+ box-shadow: 0 0 0 3px #c3590b;
+ border-radius: 100%;
+ top: -5px;
+ left: -5px;
+}
+/* BONUS */
+.bonus {
+ vertical-align: top;
+ display: inline-block;
+ font-size: 55%;
+ line-height: 100%;
+ padding: 3px;
+ margin: 2px 0 0 8px;
+ border-radius: 3px;
+ font-weight: normal;
+ background: #c3590b;
+}
+/* HEAD */
+.component .head.skin-1 img {
+ position: absolute;
+ top: 22px;
+ left: 20px;
+ padding: 8px;
+ width: 60px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .head.skin-1 img:before {
+ content: '';
+ width: 100px;
+ height: 100px;
+}
+.component .head.skin-1 h2 {
+ position: absolute;
+ bottom: 66px;
+ left: 105px;
+ font-size: 22px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-1 em {
+ position: absolute;
+ top: 62px;
+ left: 105px;
+ font-size: 13px;
+ line-height: 16px;
+ font-style: normal;
+}
+.component .head.skin-2 h2 {
+ position: absolute;
+ display: inline-block;
+ top: 45px;
+ left: 10px;
+ font-size: 22px;
+ line-height: 30px;
+ margin: 0;
+ padding: 0 10px;
+ background: black;
+ font-weight: normal;
+}
+.component .head.skin-3 img {
+ position: absolute;
+ width: 50px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 27px;
+}
+.component .head.skin-3 img.left {
+ left: 40px;
+}
+.component .head.skin-3 img.right {
+ right: 40px;
+}
+.component .head.skin-4 img.main {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 37px;
+}
+.component .head.skin-4 h2 {
+ position: absolute;
+ top: 35px;
+ left: 60px;
+ font-size: 18px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-4 em {
+ position: absolute;
+ top: 65px;
+ left: 60px;
+ font-size: 13px;
+ line-height: 16px;
+}
+.component .head.skin-5 h2 {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ font-size: 16px;
+ font-weight: normal;
+ margin: 0;
+ padding: 0 20px;
+ background: black;
+}
+.component .head.skin-5 h2:before {
+ content: '';
+ position: absolute;
+ display: block;
+ top: 5px;
+ left: 0;
+ width: 8px;
+ height: 8px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .more-item,
+.component .more-button {
+ display: block;
+ margin: 10px 10px 5px;
+ line-height: 34px;
+ padding: 0 12px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+}
+.component .more-item:hover,
+.component .more-button:hover,
+.component .more-item:focus,
+.component .more-button:focus,
+.component .more-item:active,
+.component .more-button:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .nav-element {
+ position: relative;
+ display: block;
+ margin: 10px;
+ height: 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component .nav-element img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ height: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component .nav-element.active {
+ background: #d87013;
+}
+.component .nav-element .active img {
+ background: black;
+}
+.component .nav-element strong {
+ position: absolute;
+ top: 5px;
+ left: 70px;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component .nav-element em {
+ position: absolute;
+ top: 30px;
+ left: 70px;
+ color: white;
+ font-weight: normal;
+ font-size: 12px;
+ font-style: normal;
+ color: #efefef;
+}
+.component hr {
+ border: none;
+ border-bottom: dashed 1px #202020;
+ margin: 0 10px;
+}
+.component .set-item {
+ margin: 10px;
+ border-bottom: solid 1px #202020;
+}
+.component .set-item a.item:hover,
+.component .set-item a.item:focus {
+ background-color: #0c0c0c;
+}
+.component .set-item .item {
+ position: relative;
+ display: block;
+ color: white;
+ height: 60px;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+}
+.component .set-item .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+}
+.component .set-item .item .left img {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left img.color1 {
+ background: #6e161b;
+}
+.component .set-item .item .left img.color2 {
+ background: #1f1471;
+}
+.component .set-item .item .left img.color3 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.color4 {
+ background: #5a1072;
+}
+.component .set-item .item .left img.color5 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color6 {
+ background: #076b87;
+}
+.component .set-item .item .left img.color7 {
+ background: #67331d;
+}
+.component .set-item .item .left img.color8 {
+ background: #d87913;
+}
+.component .set-item .item .left img.color9 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color10 {
+ background: #760f36;
+}
+.component .set-item .item .left img.color11 {
+ background: #219772;
+}
+.component .set-item .item .left img.color12 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.round-color0 {
+ box-shadow: 0 0 0 2px #CCC;
+}
+.component .set-item .item .left img.round-color1 {
+ box-shadow: 0 0 0 2px #b01e2d;
+}
+.component .set-item .item .left img.round-color2 {
+ box-shadow: 0 0 0 2px #2f23c0;
+}
+.component .set-item .item .left img.round-color3 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left img.round-color4 {
+ box-shadow: 0 0 0 2px #a935c7;
+}
+.component .set-item .item .left img.round-color5 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color6 {
+ box-shadow: 0 0 0 2px #05bed7;
+}
+.component .set-item .item .left img.round-color7 {
+ box-shadow: 0 0 0 2px #ac5832;
+}
+.component .set-item .item .left img.round-color8 {
+ box-shadow: 0 0 0 2px #f2b636;
+}
+.component .set-item .item .left img.round-color9 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color10 {
+ box-shadow: 0 0 0 2px #a92859;
+}
+.component .set-item .item .left img.round-color11 {
+ box-shadow: 0 0 0 2px #34b089;
+}
+.component .set-item .item .left img.round-color12 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left span {
+ display: block;
+ width: 30px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 15px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left span.round-color0 {
+ background: #CCC;
+}
+.component .set-item .item .left span.round-color1 {
+ background: #b01e2d;
+}
+.component .set-item .item .left span.round-color2 {
+ background: #2f23c0;
+}
+.component .set-item .item .left span.round-color3 {
+ background: #ffdb0f;
+}
+.component .set-item .item .left span.round-color4 {
+ background: #a935c7;
+}
+.component .set-item .item .left span.round-color5 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color6 {
+ background: #05bed7;
+}
+.component .set-item .item .left span.round-color7 {
+ background: #ac5832;
+}
+.component .set-item .item .left span.round-color8 {
+ background: #f2b636;
+}
+.component .set-item .item .left span.round-color9 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color10 {
+ background: #a92859;
+}
+.component .set-item .item .left span.round-color11 {
+ background: #34b089;
+}
+.component .set-item .item .left span.round-color12 {
+ background: #ffdb0f;
+}
+.component .set-item .item .center {
+ position: absolute;
+ top: 0;
+ left: 60px;
+ right: 30px;
+ bottom: 0;
+ padding: 9px 0;
+}
+.component .set-item .item .center strong {
+ display: block;
+ line-height: 22px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+}
+.component .set-item .item .center a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+}
+.component .set-item .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 29px;
+ border-left: solid 1px #202020;
+}
+.component .set-item .item .right a {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 29px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+}
+.component .set-item .item .right a:hover,
+.component .set-item .item .right a:focus,
+.component .set-item .item .right a.active {
+ background-color: #202020;
+}
+.component .set-item .item .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.component .set-item .item .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #d87013;
+}
+.army-bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ width: 220px;
+ color: #CCC;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.army-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+ left: 18px;
+}
+.army-bull strong {
+ display: block;
+ padding-bottom: 5px;
+ margin-bottom: 5px;
+ border-bottom: solid 1px #4F4F4F;
+ font-weight: normal;
+}
+.army-bull .label {
+ display: inline-block;
+ width: 70px;
+}
+.army-bull .value {
+ display: inline-block;
+ width: 40px;
+}
+.component .build-item {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ width: 278px;
+}
+.component .build-item a {
+ color: white;
+}
+.component .build-item .name {
+ position: relative;
+ height: 40px;
+ padding: 5px 5px 5px 90px;
+}
+.component .build-item .name img {
+ z-index: 20;
+ position: absolute;
+ top: -10px;
+ left: 5px;
+ width: 60px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .build-item .name strong {
+ display: block;
+ font-size: 18px;
+}
+.component .build-item .level {
+ display: block;
+ position: absolute;
+ width: 22px;
+ line-height: 22px;
+ text-align: center;
+ font-size: 12px;
+ border-radius: 100%;
+ top: 38px;
+ left: 58px;
+ border: solid 1px white;
+ z-index: 22;
+ background: #d87013;
+}
+.component .build-item .info {
+ display: none;
+ position: absolute;
+ width: 20px;
+ line-height: 20px;
+ text-align: center;
+ font-size: 16px;
+ text-decoration: none;
+ border-radius: 3px;
+ top: 5px;
+ right: 5px;
+ background: #d87013;
+ color: white;
+}
+.component .build-item .name-commander {
+ margin: 10px 10px 0 10px;
+ height: 40px;
+ padding: 0 10px;
+ border: none;
+ background: white;
+ border-radius: 3px;
+ width: 240px;
+ text-align: center;
+ font-size: 16px;
+}
+.component .build-item .button {
+ display: block;
+ margin: 10px;
+ padding: 5px 10px;
+ width: 240px;
+ line-height: 20px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ background: #d87013;
+ box-shadow: inset 0 0 2px black;
+ border: none;
+ cursor: pointer;
+ min-height: 36px;
+}
+.component .build-item .button:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #db8218;
+}
+.component .build-item .button.disable {
+ background: #202020;
+ cursor: default;
+}
+.component .build-item .button .icon-color {
+ width: 14px;
+}
+.component .build-item button.button {
+ width: 260px;
+}
+.component .build-item .ship-pack {
+ z-index: 10;
+ position: absolute;
+ bottom: 15px;
+ left: 15px;
+ width: 60px;
+ height: 40px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ background: white;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ border-radius: 3px;
+ box-shadow: inset 0 0 0 3px #CCC;
+}
+.component .build-item .ship-illu {
+ width: 260px;
+ margin: 5px 10px;
+ overflow: hidden;
+}
+.component .build-item .ship-illu img {
+ width: 100%;
+}
+.component .build-item.disabled {
+ opacity: .3;
+}
+.component .build-item.disabled .name img {
+ opacity: .50;
+}
+.component .build-item.disabled strong {
+ color: #4F4F4F;
+}
+.component .build-item.disabled .button.disable {
+ color: #696969;
+}
+.component .build-item.disabled .button.disable:hover {
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component .build-item.large {
+ width: 578px;
+}
+.component .build-item.large .info {
+ top: 75px;
+ right: 25px;
+}
+.component .build-item.large .button {
+ display: block;
+ top: -3px;
+ right: 0;
+ line-height: 18px;
+ width: 540px;
+ min-height: 36px;
+}
+.component .build-item.large .ship-illu {
+ width: 560px;
+ margin-top: 10px;
+}
+.component .build-item input {
+ display: block;
+ width: 243px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component .build-item select {
+ display: block;
+ width: 260px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component.panel-info .remove-info {
+ display: block;
+ position: absolute;
+ top: 2px;
+ right: 10px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ color: white;
+ border-radius: 3px;
+ background: #c3590b;
+}
+.component.panel-info .table {
+ margin: 10px;
+}
+.component.panel-info .table table {
+ width: 100%;
+ text-align: right;
+ border-collapse: collapse;
+ background: black;
+}
+.component.panel-info .table td {
+ border: solid 1px #202020;
+ padding: 6px 8px;
+}
+.component.panel-info .table tr.small-grey {
+ background: #0A0A0A;
+}
+.component.panel-info .table tr.active td {
+ background: #0A0A0A;
+ border-bottom: solid 1px #4F4F4F;
+}
+.component.panel-info .table .icon-color {
+ width: 12px;
+}
+.component.panel-info .illu {
+ margin: 0 10px;
+ box-shadow: inset 0 0 5px black;
+}
+.component.panel-info .skill-box {
+ position: relative;
+ margin: 0 10px;
+ padding: 5px 10px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+}
+.component.panel-info .skill-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.component.panel-info .skill-box .label {
+ display: block;
+}
+.component.panel-info .skill-box .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.panel-info .skill-box .value .icon-color {
+ width: 18px;
+}
+.component.panel-info .skill-box .progress-bar {
+ margin: 6px 0 2px 0;
+}
+.splash-screen {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 10000;
+ opacity: 0;
+ background: rgba(0, 0, 0, 0.8);
+}
+.splash-screen .modal {
+ width: 500px;
+ height: 140px;
+ position: absolute;
+ top: 80px;
+ right: 3000px;
+ background: #0A0A0A;
+ padding: 25px 175px 25px 75px;
+ color: white;
+ border-radius: 140px;
+ border: solid 1px #202020;
+}
+.splash-screen .modal h1 {
+ font-size: 36px;
+ margin: 0;
+ padding: 0 0 10px 0;
+}
+.splash-screen .modal h2 {
+ font-size: 20px;
+ margin: 0;
+ padding: 0;
+}
+.splash-screen .modal img {
+ position: absolute;
+ top: -15px;
+ right: -50px;
+ width: 200px;
+ padding: 10px;
+ background: #202020;
+ border-radius: 100%;
+ border: solid 1px #4F4F4F;
+}
+.splash-screen .modal:before {
+ content: '';
+ position: absolute;
+ top: -80px;
+ right: 20px;
+ border-color: transparent transparent #4F4F4F transparent;
+ border-width: 40px;
+ border-style: solid;
+}
+.common-link {
+ color: white;
+}
+.component .top-right-button {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ padding: 0 10px;
+ line-height: 30px;
+ color: white;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #d87013;
+ z-index: 1;
+}
+.component .top-right-button:hover,
+.component .top-right-button:focus {
+ background: #c3590b;
+}
+.alert {
+ display: block;
+ margin: 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ text-decoration: none;
+ color: white;
+ background: #d87013;
+ border-radius: 3px;
+ box-shadow: 0 0 2px black;
+}
+.common-link {
+ display: block;
+ margin: 10px;
+ color: white;
+ text-decoration: none;
+}
+.text-bloc a {
+ display: inline-block;
+ color: inherit;
+ opacity: .60;
+}
+.text-bloc a:hover,
+.text-bloc a:focus {
+ opacity: 1;
+}
+.queue {
+ margin: 10px;
+ color: white;
+}
+.queue .item {
+ position: relative;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ min-height: 60px;
+ display: block;
+}
+.queue .item.empty {
+ background: #0A0A0A;
+}
+.queue .item.empty strong {
+ font-weight: normal;
+}
+.queue .item.link {
+ min-height: 0;
+ padding: 10px;
+ color: #4F4F4F;
+ text-decoration: none;
+}
+.queue .item.link:hover,
+.queue .item.link:focus {
+ color: #CCC;
+}
+.queue .item a.button {
+ position: absolute;
+ display: block;
+ top: 2px;
+ right: 5px;
+ color: white;
+ text-decoration: none;
+}
+.queue .item a {
+ color: #CCC;
+}
+.queue .item .group-link {
+ position: absolute;
+ top: 9px;
+ right: 9px;
+}
+.queue .item .group-link a {
+ display: block;
+ width: 20px;
+ line-height: 20px;
+ margin: 0 0 5px 0;
+ border-radius: 3px;
+ color: white;
+ text-align: center;
+ text-decoration: none;
+ background: #d87013;
+}
+.queue .item .group-link a:hover,
+.queue .item .group-link a:focus {
+ background: #db8218;
+}
+.queue .item .picto {
+ float: left;
+ width: 40px;
+ height: 40px;
+ margin: 5px;
+ padding: 5px;
+ background: black;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.queue .item strong {
+ display: block;
+ margin: 6px 0 2px 0;
+}
+.queue .item strong .level {
+ font-size: 11px;
+ color: #CCC;
+}
+.queue .item .big {
+ font-size: 24px;
+}
+.queue .item em {
+ display: block;
+ font-style: normal;
+ color: #AEAEAE;
+}
+.queue .item .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 5px;
+ height: 3px;
+ background: #4F4F4F;
+}
+.queue .item .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #db8218;
+}
+.choose-government {
+ display: block;
+ margin: 10px;
+ padding: 10px;
+ background: #0A0A0A;
+ border-radius: 3px;
+}
+.choose-government select {
+ display: block;
+ width: 100%;
+ padding: 8px;
+}
+.choose-government button {
+ display: block;
+ width: 100%;
+ margin: 10px 0 0 0;
+ padding: 0 10px;
+ line-height: 30px;
+ border: none;
+ color: white;
+ cursor: pointer;
+ background: #d87013;
+}
+.choose-government button:hover,
+.choose-government button:focus {
+ background: #c3590b;
+}
+.evolution {
+ background: black;
+ margin: 10px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+}
+.evolution .header {
+ padding: 10px;
+ border-bottom: solid 1px #202020;
+ color: #EFEFEF;
+}
+.evolution .diargam {
+ padding: 10px;
+ background: #0A0A0A;
+}
+.evolution .diargam .progress-bar {
+ background: #0A0A0A !important;
+ height: 20px;
+ padding-bottom: 1px;
+}
+.evolution .diargam .progress-bar .content {
+ height: 20px;
+ line-height: 20px;
+ font-size: 12px;
+ color: white;
+ padding-left: 5px;
+}
+.evolution .diargam .progress-bar:nth-child(odd) .content {
+ background: #d87013 !important;
+}
+.centred-link {
+ display: block;
+ width: 300px;
+ text-align: center;
+ margin: 0 auto;
+ text-decoration: none;
+ padding: 6px 10px;
+ color: #EFEFEF;
+ background: #d87013;
+ border: solid 1px #c3590b;
+}
+.centred-link:hover,
+.centred-link:focus {
+ background: #c3590b;
+ border-color: #d87013;
+ color: white;
+}
+span.centred-link {
+ background: #202020;
+ border: solid 1px #0A0A0A;
+ color: #4F4F4F;
+}
+span.centred-link:hover,
+span.centred-link:focus {
+ background: #202020;
+ border-color: #0A0A0A;
+ color: #4F4F4F;
+}
+.component.profil .center-box {
+ margin: 20px 10px 0;
+ color: white;
+ text-align: center;
+}
+.component.profil .center-box .label {
+ display: block;
+}
+.component.profil .center-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.profil .profil-flag {
+ position: relative;
+ width: 222px;
+ height: 460px;
+ margin: 0 auto;
+}
+.component.profil .profil-flag img {
+ position: relative;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ padding: 10px;
+ border-radius: 100%;
+ margin: 20px auto;
+ box-shadow: 0 0 0 4px #d87013, 0 0 20px black;
+ z-index: 1;
+}
+.component.profil .profil-flag.color-1 img {
+ box-shadow: 0 0 0 4px #6e161b, 0 0 20px black;
+}
+.component.profil .profil-flag.color-2 img {
+ box-shadow: 0 0 0 4px #1f1471, 0 0 20px black;
+}
+.component.profil .profil-flag.color-3 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag.color-4 img {
+ box-shadow: 0 0 0 4px #5a1072, 0 0 20px black;
+}
+.component.profil .profil-flag.color-5 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-6 img {
+ box-shadow: 0 0 0 4px #076b87, 0 0 20px black;
+}
+.component.profil .profil-flag.color-7 img {
+ box-shadow: 0 0 0 4px #67331d, 0 0 20px black;
+}
+.component.profil .profil-flag.color-8 img {
+ box-shadow: 0 0 0 4px #d87913, 0 0 20px black;
+}
+.component.profil .profil-flag.color-9 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-10 img {
+ box-shadow: 0 0 0 4px #760f36, 0 0 20px black;
+}
+.component.profil .profil-flag.color-11 img {
+ box-shadow: 0 0 0 4px #219772, 0 0 20px black;
+}
+.component.profil .profil-flag.color-12 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag:before {
+ display: block;
+ position: absolute;
+ content: '';
+ top: 218px;
+ left: 33px;
+ width: 154px;
+ height: 241px;
+ background: url('src/desktop/faction/flag/flag-8.png') no-repeat;
+}
+.component.profil .profil-flag.color-1:before {
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.profil .profil-flag.color-2:before {
+ background: url('src/desktop/faction/flag/flag-2.png') no-repeat;
+}
+.component.profil .profil-flag.color-3:before {
+ background: url('src/desktop/faction/flag/flag-3.png') no-repeat;
+}
+.component.profil .profil-flag.color-4:before {
+ background: url('src/desktop/faction/flag/flag-4.png') no-repeat;
+}
+.component.profil .profil-flag.color-5:before {
+ background: url('src/desktop/faction/flag/flag-5.png') no-repeat;
+}
+.component.profil .profil-flag.color-6:before {
+ background: url('src/desktop/faction/flag/flag-6.png') no-repeat;
+}
+.component.profil .profil-flag.color-7:before {
+ background: url('src/desktop/faction/flag/flag-7.png') no-repeat;
+}
+.component.profil .profil-flag.color-8:before {
+ background: url('src/desktop/faction/flag/flag-8.png') no-repeat;
+}
+.component.profil .profil-flag.color-9:before {
+ background: url('src/desktop/faction/flag/flag-9.png') no-repeat;
+}
+.component.profil .profil-flag.color-10:before {
+ background: url('src/desktop/faction/flag/flag-10.png') no-repeat;
+}
+.component.profil .profil-flag.color-11:before {
+ background: url('src/desktop/faction/flag/flag-11.png') no-repeat;
+}
+.component.profil .profil-flag.color-12:before {
+ background: url('src/desktop/faction/flag/flag-12.png') no-repeat;
+}
+.component.profil .profil-flag .level {
+ z-index: 2;
+ display: block;
+ position: absolute;
+ top: 184px;
+ right: 2px;
+ width: 36px;
+ height: 36px;
+ text-align: center;
+ line-height: 36px;
+ background: #0A0A0A;
+ border: 3px solid #d87013;
+ border-radius: 100%;
+}
+.component.profil .profil-flag.color-1 .level {
+ border-color: #6e161b;
+}
+.component.profil .profil-flag.color-2 .level {
+ border-color: #1f1471;
+}
+.component.profil .profil-flag.color-3 .level {
+ border-color: #dbb200;
+}
+.component.profil .profil-flag.color-4 .level {
+ border-color: #5a1072;
+}
+.component.profil .profil-flag.color-5 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-6 .level {
+ border-color: #076b87;
+}
+.component.profil .profil-flag.color-7 .level {
+ border-color: #67331d;
+}
+.component.profil .profil-flag.color-8 .level {
+ border-color: #d87913;
+}
+.component.profil .profil-flag.color-9 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-10 .level {
+ border-color: #760f36;
+}
+.component.profil .profil-flag.color-11 .level {
+ border-color: #219772;
+}
+.component.profil .profil-flag.color-12 .level {
+ border-color: #dbb200;
+}
+.component.profil .faction-flag {
+ display: block;
+ content: '';
+ width: 154px;
+ height: 241px;
+ margin: 0 auto;
+ background: url('src/desktop/faction/flag/flag-8.png') no-repeat;
+}
+.component.search-player {
+ position: relative;
+ background: transparent !important;
+}
+.component.search-player .box {
+ position: absolute;
+ top: 60px;
+ left: 50px;
+ width: 440px;
+ color: white;
+}
+.component.search-player .top {
+ background: rgba(0, 0, 0, 0.4);
+ padding: 10px;
+ border-radius: 3px 3px 0 0;
+}
+.component.search-player .top label {
+ display: block;
+ font-size: 16px;
+}
+.component.search-player .top input {
+ display: block;
+ border: none;
+ height: 40px;
+ width: 400px;
+ padding: 0 10px;
+ margin: 10px 0 0 0;
+ font-size: 20px;
+ color: #202020;
+ border-radius: 3px;
+}
+.component.search-player .center {
+ background: rgba(0, 0, 0, 0.8);
+ padding: 10px 25px 10px 10px;
+ min-height: 140px;
+ border-radius: 0 0 3px 3px;
+}
+.component.search-player .center .avatar {
+ float: left;
+ position: relative;
+ left: -20px;
+ width: 120px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: #0A0A0A;
+}
+.component.search-player .center .right {
+ margin-left: 140px;
+}
+.component.search-player .center h1 {
+ margin: 10px 0 0 0;
+ padding: 0;
+}
+.component.search-player .center hr {
+ margin: 10px 0;
+ border-color: #4F4F4F;
+}
+.component.search-player .center p {
+ margin: 5px 0;
+ padding: 0;
+}
+.component.search-player .center p span {
+ display: inline-block;
+ background: red;
+ line-height: 28px;
+ padding: 0 10px;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ border-right: none;
+}
+.component.search-player .center p span:first-child {
+ border-radius: 3px 0 0 3px;
+}
+.component.search-player .center p span:last-child {
+ border-radius: 0 3px 3px 0;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+}
+.component.search-player.color1 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component.search-player.color2 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component.search-player.color3 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.search-player.color4 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component.search-player.color5 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color6 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component.search-player.color7 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component.search-player.color8 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component.search-player.color9 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color10 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.component.search-player.color11 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.component.search-player.color12 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.new-message p.input {
+ position: relative;
+ background: white;
+ padding: 10px;
+ border-radius: 3px;
+}
+.component.new-message p.input:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ height: 0;
+ top: -12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+ left: 20px;
+}
+.component.new-message label {
+ display: block;
+ font-size: 13px;
+}
+.component.new-message .input-text input {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.new-message .input-area textarea {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+ max-width: 100%;
+ min-width: 100%;
+ height: 200px;
+}
+.component.new-message button {
+ display: inline-block;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 15px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #db8218;
+}
+.component.new-message button:hover,
+.component.new-message button:focus {
+ background: #c3590b;
+}
+.notif {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border-top: solid 1px #4F4F4F;
+ border-right: solid 1px #202020;
+ border-left: solid 1px #202020;
+}
+.notif h4 {
+ position: relative;
+ overflow: hidden;
+ margin: 0;
+ padding: 0 10px;
+ font-size: 14px;
+ line-height: 30px;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+ font-weight: normal;
+ cursor: pointer;
+ color: white;
+}
+.notif.unreaded h4:before {
+ position: absolute;
+ content: '';
+ width: 40px;
+ height: 40px;
+ background: white;
+ top: -5px;
+ right: -15px;
+ background: #db8218;
+ -webkit-transform: rotate(100deg);
+ -moz-transform: rotate(100deg);
+ -ms-transform: rotate(100deg);
+ -o-transform: rotate(100deg);
+ transform: rotate(100deg);
+}
+.notif .content {
+ display: none;
+ padding: 6px 8px;
+ line-height: 140%;
+ text-align: justify;
+ color: #efefef;
+}
+.notif .content p {
+ margin: 0;
+}
+.notif .content hr {
+ border: none;
+ background: none;
+ border-bottom: dashed 1px #202020;
+ margin: 5px 0;
+}
+.notif .content a {
+ color: white;
+}
+.notif .content .box-resource {
+ position: relative;
+ display: block;
+ margin: 5px 0;
+ padding: 5px 5px 5px 40px;
+}
+.notif .content .box-resource img {
+ position: absolute;
+ top: 6px;
+ left: 0;
+ border: solid 4px #4f4f4f;
+ border-radius: 100%;
+ border-color: #d87013;
+}
+.notif .content .box-resource .label {
+ display: block;
+ font-size: 12px;
+}
+.notif .content .box-resource .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+.notif .footer {
+ display: none;
+ margin: 0;
+ padding: 0 10px;
+ line-height: 18px;
+ padding: 5px 5px;
+ border-top: solid 1px #202020;
+ font-style: italic;
+ text-align: right;
+ color: #CCC;
+}
+.notif .footer a {
+ color: #CCC;
+}
+.notif.open .content {
+ display: block;
+}
+.notif.open .footer {
+ display: block;
+}
+.component.rc .rc {
+ position: relative;
+ margin: 20px 10px 20px 30px;
+ border-left: solid 1px #CCC;
+ padding: 0 10px;
+ height: 380px;
+ color: #CCC;
+}
+.component.rc .rc.no-tax {
+ margin: 20px 10px 20px 30px;
+ border-left: dashed 1px #4F4F4F;
+ padding: 0 10px;
+ color: #CCC;
+}
+.component.rc .rc a,
+.component.rc .rc strong {
+ color: white;
+}
+.component.rc .rc .icon-color {
+ width: 20px;
+}
+.component.rc .rc .base {
+ position: relative;
+ padding: 15px 0 15px 40px;
+ height: 50px;
+}
+.component.rc .rc .base:last-child {
+ position: absolute;
+ bottom: 0px;
+}
+.component.rc .rc .place {
+ position: absolute;
+ top: 0px;
+ left: -50px;
+ width: 78px;
+ height: 78px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component.rc .rc .general {
+ list-style: none inset;
+ margin: 10px 0;
+ padding: 0;
+}
+.component.rc .rc .general li {
+ margin: 10px 0;
+ list-style-type: none;
+}
+.component.rc .rc .general li strong {
+ display: block;
+ font-size: 20px;
+ font-weight: bold;
+}
+.component .situation-content {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 500px;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component .situation-content .line-help {
+ position: absolute;
+ display: block;
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ text-align: center;
+ border-radius: 100%;
+ background: #c3590b;
+}
+.component .situation-content .line-help.line-1 {
+ top: 55px;
+ left: 190px;
+}
+.component .situation-content .line-help.line-2 {
+ top: 145px;
+ left: 406px;
+}
+.component .situation-content .toolbar {
+ position: absolute;
+ top: 30px;
+ right: 30px;
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
+ border-radius: 3px;
+ background: #d87013;
+ z-index: 1;
+}
+.component .situation-content .toolbar a,
+.component .situation-content .toolbar span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 15px;
+ border-right: solid 1px black;
+ text-decoration: none;
+ color: white;
+}
+.component .situation-content .toolbar a img,
+.component .situation-content .toolbar span img {
+ position: relative;
+ top: -2px;
+ vertical-align: middle;
+ height: 18px;
+ width: 18px;
+}
+.component .situation-content .toolbar a:hover,
+.component .situation-content .toolbar a:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar form {
+ display: inline-block;
+}
+.component .situation-content .toolbar input {
+ height: 32px;
+ border: none;
+ background: none;
+ color: white;
+ padding: 0 15px;
+ font-size: inherit;
+}
+.component .situation-content .toolbar input:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar input.button {
+ background: url('src/desktop/common/edit.png') no-repeat center;
+}
+.component .situation-content .toolbar input.button:focus {
+ background: url('src/desktop/common/edit.png') no-repeat center rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .info {
+ position: absolute;
+ display: block;
+ width: 200px;
+ font-size: 12px;
+ color: #efefef;
+ line-height: 18px;
+}
+.component .situation-content .info strong {
+ color: white;
+ font-size: 14px;
+}
+.component .situation-content .info a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4f4f4f;
+}
+.component .situation-content .info a:hover,
+.component .situation-content .info a:focus {
+ border-color: #CCC;
+}
+.component .situation-content .commander {
+ position: absolute;
+ display: block;
+ text-decoration: none;
+ z-index: 1;
+}
+.component .situation-content .commander.empty {
+ color: #CCC;
+}
+.component .situation-content .commander.position-1-1 {
+ top: 135px;
+ left: 127px;
+}
+.component .situation-content .commander.position-1-2 {
+ top: 272px;
+ left: 100px;
+}
+.component .situation-content .commander.position-1-3 {
+ top: 415px;
+ left: 127px;
+}
+.component .situation-content .commander.position-2-1 {
+ top: 215px;
+ left: 352px;
+}
+.component .situation-content .commander.position-2-2 {
+ top: 272px;
+ left: 345px;
+}
+.component .situation-content .commander.position-2-3 {
+ top: 330px;
+ left: 352px;
+}
+.component .situation-content .commander.position-3 {
+ top: 355px;
+ left: 577px;
+}
+.component .situation-content .commander img {
+ width: 40px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+.component .situation-content .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87013;
+}
+.component .situation-content .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #d87013;
+}
+.component .situation-content .commander .info {
+ top: 8px;
+ left: 65px;
+ width: 160px;
+}
+.component .situation-content .commander .link {
+ display: none;
+ position: absolute;
+ top: 14px;
+ left: -16px;
+ width: 24px;
+ height: 24px;
+ font-size: 20px;
+ font-weight: bold;
+ text-decoration: none;
+ border-radius: 100%;
+ text-align: center;
+ z-index: 1;
+ border: solid 1px white;
+}
+.component .situation-content .commander .link.to-left {
+ background: url('src/desktop/mover/to-left.png') no-repeat center black;
+}
+.component .situation-content .commander .link.to-right {
+ background: url('src/desktop/mover/to-right.png') no-repeat center black;
+}
+.component .situation-content .commander:hover > .link {
+ display: block;
+}
+.component .situation-content .stellar {
+ position: absolute;
+ display: block;
+ top: 180px;
+ left: 560px;
+}
+.component .situation-content .stellar img {
+ width: 220px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .situation-content .stellar .info {
+ font-size: 12px;
+ border-left: solid 1px #202020;
+}
+.component .situation-content .stellar .info.top {
+ bottom: 215px;
+ left: 50px;
+ padding: 0 0 30px 10px;
+}
+.component .situation-content .stellar .info.top strong {
+ font-size: 20px;
+}
+.component .situation-content .stellar .info.bottom {
+ top: 225px;
+ left: 160px;
+ padding: 10px 0 0 10px;
+}
+.component .situation-content .stellar .info.middle {
+ top: 20px;
+ left: 182px;
+ padding: 10px 0 0 50px;
+ border: none;
+ border-top: solid 1px #202020;
+}
+.component .situation-content .attack-link {
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ text-align: center;
+}
+.component .situation-content .attack-link a {
+ display: inline-block;
+ line-height: 40px;
+ padding: 0 25px;
+ border-radius: 3px 3px 0 0;
+ background: #202020;
+ color: white;
+ text-decoration: none;
+ font-size: 16px;
+}
+.component .situation-content .attack-link a:hover,
+.component .situation-content .attack-link a:focus {
+ box-shadow: 0 0 5px 3px black;
+}
+.component .situation-content.color0 .line-help {
+ background: #202020;
+}
+.component .situation-content.color0 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #202020;
+}
+.component .situation-content.color0 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #202020;
+}
+.component .situation-content.color0 .attack-link a {
+ background: #202020;
+}
+.component .situation-content.color1 .line-help {
+ background: #510816;
+}
+.component .situation-content.color1 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component .situation-content.color1 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #6e161b;
+}
+.component .situation-content.color1 .attack-link a {
+ background: #6e161b;
+}
+.component .situation-content.color2 .line-help {
+ background: #0c0d44;
+}
+.component .situation-content.color2 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component .situation-content.color2 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #1f1471;
+}
+.component .situation-content.color2 .attack-link a {
+ background: #1f1471;
+}
+.component .situation-content.color3 .line-help {
+ background: #b17a00;
+}
+.component .situation-content.color3 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .situation-content.color3 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #dbb200;
+}
+.component .situation-content.color3 .attack-link a {
+ background: #dbb200;
+}
+.component .situation-content.color4 .line-help {
+ background: #310948;
+}
+.component .situation-content.color4 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component .situation-content.color4 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #5a1072;
+}
+.component .situation-content.color4 .attack-link a {
+ background: #5a1072;
+}
+.component .situation-content.color5 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color5 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color5 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color5 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-content.color6 .line-help {
+ background: #004948;
+}
+.component .situation-content.color6 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component .situation-content.color6 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #076b87;
+}
+.component .situation-content.color6 .attack-link a {
+ background: #076b87;
+}
+.component .situation-content.color7 .line-help {
+ background: #401b13;
+}
+.component .situation-content.color7 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component .situation-content.color7 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #67331d;
+}
+.component .situation-content.color7 .attack-link a {
+ background: #67331d;
+}
+.component .situation-content.color8 .line-help {
+ background: #c3590b;
+}
+.component .situation-content.color8 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component .situation-content.color8 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #d87913;
+}
+.component .situation-content.color8 .attack-link a {
+ background: #d87913;
+}
+.component .situation-content.color9 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color9 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color9 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color9 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-info {
+ display: table;
+ width: 100%;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: black;
+}
+.component .situation-info .item {
+ display: table-cell;
+ padding: 10px;
+ border-right: solid 1px #202020;
+}
+.component .situation-info .item .value {
+ font-size: 26px;
+ font-weight: bold;
+ display: block;
+}
+.component .build-item.base-type .desc {
+ margin: 10px 0 0 0;
+ padding: 15px;
+ font-size: 13px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+}
+.component .build-item.base-type .list-choice {
+ position: relative;
+ height: 140px;
+ background: url('src/desktop/base/type-base.png') no-repeat center;
+ margin: 0;
+ border-bottom: solid 1px #202020;
+}
+.component .build-item.base-type .list-choice button {
+ position: absolute;
+ padding: 0;
+ border: none;
+ background: transparent;
+ cursor: pointer;
+}
+.component .build-item.base-type .list-choice button.item-1 {
+ top: 35px;
+ left: 5px;
+}
+.component .build-item.base-type .list-choice button.item-2 {
+ top: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-3 {
+ bottom: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-4 {
+ top: 35px;
+ right: 5px;
+}
+.component .build-item.base-type .list-choice button img {
+ display: block;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.color1 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.color2 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.color3 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.color4 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.color5 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color6 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.color7 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.color8 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.color9 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color10 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.color11 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.color12 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .build-item.base-type .desc-choice {
+ display: none;
+}
+.component .build-item.base-type .desc-choice h4 {
+ border-bottom: solid 1px #202020;
+ padding: 0 0 5px 0;
+}
+.component .build-item.base-type .desc-choice p {
+ text-align: left;
+ color: #CCC !important;
+}
+.component .build-item.base-type .desc-choice p strong {
+ display: block;
+ color: white;
+}
+.component .build-item.base-type .desc-choice p strong.short {
+ display: inline-block;
+ width: 100px;
+}
+.component.list-fleet .set-fleet {
+ position: relative;
+ margin: 10px;
+ padding: 0 0 0 70px;
+ min-height: 80px;
+}
+.component.list-fleet .set-fleet img.place {
+ position: absolute;
+ top: -5px;
+ left: -20px;
+ width: 80px;
+ background: #0A0A0A;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet h2 {
+ padding: 10px 0;
+ margin: 0;
+}
+.component.list-fleet .set-fleet h2 a {
+ font-size: 13px;
+ color: white;
+ font-weight: normal;
+ text-decoration: none;
+}
+.component.list-fleet .set-fleet .item {
+ position: relative;
+ height: 60px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-bottom: none;
+ width: 777px;
+}
+.component.list-fleet .set-fleet .item:last-child {
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item a {
+ display: inline-block;
+ text-decoration: none;
+ color: #CCC;
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .left .top {
+ position: absolute;
+ left: 60px;
+ display: block;
+ width: 500px;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .left .status {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .right .top {
+ position: absolute;
+ right: 60px;
+ display: block;
+ width: 200px;
+ text-align: right;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .right .cover {
+ width: 50px;
+ margin: 5px;
+ padding: 0;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .center {
+ position: absolute;
+ top: 41px;
+ left: 70px;
+ right: 70px;
+}
+.component.list-fleet .set-fleet .item .center .ship {
+ position: absolute;
+ top: -10px;
+ left: -11px;
+ right: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship {
+ display: block;
+ width: 100%;
+ background: #4F4F4F;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ position: relative;
+ display: block;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship {
+ top: -11px;
+ right: -11px;
+ left: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar span {
+ position: absolute;
+ top: 4px;
+ right: 15px;
+ font-size: 10px;
+}
+.component.list-fleet .set-fleet .item.color1 .status {
+ background: #6e161b;
+}
+.component.list-fleet .set-fleet .item.color2 .status {
+ background: #1f1471;
+}
+.component.list-fleet .set-fleet .item.color3 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color4 .status {
+ background: #5a1072;
+}
+.component.list-fleet .set-fleet .item.color5 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color6 .status {
+ background: #076b87;
+}
+.component.list-fleet .set-fleet .item.color7 .status {
+ background: #67331d;
+}
+.component.list-fleet .set-fleet .item.color8 .status {
+ background: #d87913;
+}
+.component.list-fleet .set-fleet .item.color9 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color10 .status {
+ background: #760f36;
+}
+.component.list-fleet .set-fleet .item.color11 .status {
+ background: #219772;
+}
+.component.list-fleet .set-fleet .item.color12 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ background: #db8218;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship {
+ background: #db8218;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar {
+ background: #4F4F4F;
+}
+.component.list-fleet .set-fleet .item .show-commander {
+ position: absolute;
+ top: -1px;
+ right: -30px;
+ width: 28px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .show-commander:hover,
+.component.list-fleet .set-fleet .item .show-commander:focus,
+.component.list-fleet .set-fleet .item .show-commander.active {
+ background-color: #202020;
+}
+.component.table-fleet table {
+ margin: 10px;
+ width: 880px;
+ border-collapse: collapse;
+}
+.component.table-fleet table tr:nth-child(odd) {
+ background: black;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:nth-child(even) {
+ background: #0A0A0A;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:first-child {
+ background: transparent;
+}
+.component.table-fleet table th,
+.component.table-fleet table td {
+ height: 40px;
+ width: 40px;
+ text-align: center;
+}
+.component.table-fleet table td span.zero-value {
+ color: #4F4F4F;
+}
+.component.table-fleet table .base {
+ width: 100px;
+ text-align: left;
+ padding: 0 20px;
+}
+.component.table-fleet table .base a {
+ border: none;
+}
+.component.table-fleet table .base strong {
+ display: block;
+ font-size: 16px;
+}
+.component.table-fleet table .large {
+ width: auto;
+ text-align: left;
+ padding: 0 10px;
+}
+.component.table-fleet table .sep {
+ border-left: solid 1px #d87013;
+}
+.component.table-fleet table a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4F4F4F;
+ display: inline-block;
+}
+.component.table-fleet table th {
+ position: relative;
+ height: 70px;
+}
+.component.table-fleet table th span {
+ position: absolute;
+ bottom: 32px;
+ left: -10px;
+ display: block;
+ text-align: left;
+ width: 60px;
+ -ms-transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.component.commander-fleet .fleet {
+ vertical-align: top;
+ display: block;
+ text-align: center;
+}
+.component.commander-fleet .list-ship {
+ vertical-align: top;
+ display: inline-block;
+ width: 148px;
+}
+.component.commander-fleet .list-ship:first-child {
+ border-right: dashed 1px #4F4F4F;
+}
+.component.commander-fleet .list-ship a {
+ display: block;
+ position: relative;
+ margin: 6px;
+ height: 40px;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ border-radius: 3px;
+}
+.component.commander-fleet .list-ship a.empty {
+ opacity: 0.4;
+}
+.component.commander-fleet .list-ship img {
+ position: absolute;
+ display: inline-block;
+ width: 40px;
+}
+.component.commander-fleet .list-ship .text {
+ position: absolute;
+ left: 45px;
+ display: inline-block;
+ width: 88px;
+ color: white;
+}
+.component.commander-fleet .list-ship .text .quantity {
+ display: block;
+ font-weight: bold;
+ font-size: 18px;
+}
+.component.commander-fleet .army {
+ border-collapse: collapse;
+ width: 560px;
+ margin: 20px;
+}
+.component.commander-fleet .army td {
+ width: 65px;
+ padding: 5px;
+ border-right: dashed 1px #4F4F4F;
+ vertical-align: center;
+}
+.component.commander-fleet .army td:first-child {
+ width: auto;
+ vertical-align: top;
+ text-align: right;
+ padding: 0 20px;
+ font-size: 12px;
+}
+.component.commander-fleet .army tr:first-child td {
+ text-align: center;
+ padding: 10px 5px;
+ font-size: 18px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block {
+ display: block;
+ width: 54px;
+ height: 54px;
+ margin: 0 0 5px 0;
+ padding: 5px;
+ vertical-align: top;
+ border-radius: 5px;
+ background: #0A0A0A;
+ text-align: right;
+ border: solid 1px #202020;
+ color: #4F4F4F;
+}
+.component.commander-fleet .army .block.empty {
+ background: black;
+ border: solid 1px #0A0A0A;
+}
+.component.commander-fleet .army .block strong {
+ display: block;
+ font-size: 15px;
+ height: 38px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block em {
+ display: block;
+ padding: 2px;
+ font-size: 11px;
+ background: black;
+ text-align: center;
+ border-radius: 3px;
+}
+.component.commander-fleet .army .block.squadron {
+ border: solid 1px #4F4F4F;
+ color: white;
+ cursor: pointer;
+ background: #d87013;
+}
+.component.commander-fleet .army .block.squadron.full0 {
+ background: url('src/desktop/squadron/squadron0.png') no-repeat 4px 2px #d87013;
+}
+.component.commander-fleet .army .block.squadron.full1 {
+ background: url('src/desktop/squadron/squadron1.png') no-repeat 4px 2px #d87013;
+}
+.component.commander-fleet .army .block.squadron.full2 {
+ background: url('src/desktop/squadron/squadron2.png') no-repeat 4px 2px #d87013;
+}
+.component.commander-fleet .army .block.squadron.full3 {
+ background: url('src/desktop/squadron/squadron3.png') no-repeat 4px 2px #d87013;
+}
+.component.commander-fleet .army .block.squadron.active {
+ box-shadow: inset 0 0 6px black,
+ 0 0 2px 0 white;
+ border: dashed 1px white;
+}
+.component.report .commander {
+ position: relative;
+ display: block;
+ margin: 10px;
+ padding: 8px 0 8px 72px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component.report .commander img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component.report .commander strong {
+ display: block;
+ padding: 0 0 8px 0;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component.report .commander em {
+ display: block;
+ line-height: 20px;
+ color: white;
+ font-style: normal;
+ color: #efefef;
+}
+.component.report .commander em .bonus {
+ font-size: 90%;
+ margin: 2px 0 0 2px;
+ padding: 3px 6px;
+}
+.component.report .dammage {
+ margin: 10px;
+ background: black;
+}
+.component.report .dammage table {
+ width: 100%;
+ border-collapse: collapse;
+ border-left: solid 1px #202020;
+ border-right: solid 1px #202020;
+}
+.component.report .dammage td {
+ border-color: #202020;
+ border-width: 1px;
+ border-style: solid dashed;
+ padding: 4px;
+ vertical-align: center;
+ text-align: center;
+ color: #CCC;
+ width: 28px;
+ height: 22px;
+}
+.component.report .dammage td:first-child {
+ text-align: left;
+ padding: 4px 8px;
+ width: auto;
+}
+.component.report .dammage td span {
+ display: inline-block;
+ background: red;
+ line-height: 22px;
+ width: 22px;
+ border-radius: 3px;
+ color: white;
+ background: #c3590b;
+}
+.component.topic .message {
+ position: relative;
+ padding: 0 0 0 80px;
+ margin: 10px;
+ min-height: 70px;
+}
+.component.topic .message .avatar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 56px;
+ padding: 6px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.topic .message .content {
+ position: relative;
+ background: black;
+ border: solid 1px #202020;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component.topic .message .content:before {
+ position: absolute;
+ content: '';
+ top: 25px;
+ left: -18px;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent #202020 transparent transparent;
+}
+.component.topic .message .content .text {
+ margin: 0;
+ padding: 10px 10px 12px 10px;
+ border-bottom: solid 1px #0A0A0A;
+ color: #efefef;
+}
+.component.topic .message .content .text a,
+.component.topic .message .content .text strong {
+ color: white;
+}
+.component.topic .message .content .text a.color1 {
+ color: #b01e2d;
+}
+.component.topic .message .content .text a.color2 {
+ color: #2f23c0;
+}
+.component.topic .message .content .text a.color3 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text a.color4 {
+ color: #a935c7;
+}
+.component.topic .message .content .text a.color5 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color6 {
+ color: #05bed7;
+}
+.component.topic .message .content .text a.color7 {
+ color: #ac5832;
+}
+.component.topic .message .content .text a.color8 {
+ color: #f2b636;
+}
+.component.topic .message .content .text a.color9 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color10 {
+ color: #a92859;
+}
+.component.topic .message .content .text a.color11 {
+ color: #34b089;
+}
+.component.topic .message .content .text a.color12 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text .icon-color {
+ width: 15px;
+}
+.component.topic .message .content .footer {
+ margin: 0;
+ padding: 6px 10px;
+ font-size: 12px;
+ color: #CCC;
+}
+.component.topic .message .content .footer a {
+ color: #CCC;
+}
+.component.topic .message.write .content:before {
+ left: -17px;
+ top: 11px;
+ border-color: transparent white transparent transparent;
+}
+.component.topic .message.write .content textarea {
+ border: none;
+ padding: 5px;
+ width: 487px;
+ height: 120px;
+ max-width: 487px;
+ min-width: 487px;
+ min-height: 50px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content input {
+ margin: 6px;
+ font-family: inherit;
+}
+.component.topic .message.write .content .title {
+ border: none;
+ margin: 0;
+ padding: 5px;
+ width: 487px;
+ height: 30px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content button {
+ margin: 6px;
+ font-family: inherit;
+ background: #d87013;
+ border: none;
+ padding: 4px 8px;
+ color: white;
+ cursor: pointer;
+}
+.component.topic .message.write .content button:hover,
+.component.topic .message.write .content button:focus {
+ background: #c3590b;
+}
+.component.topic .system-message {
+ position: relative;
+ padding: 0 0 0 90px;
+ margin: 10px;
+}
+.component.topic .system-message:before {
+ content: '';
+ position: absolute;
+ top: 10px;
+ left: 0;
+ height: 1px;
+ width: 70px;
+ background: #4F4F4F;
+}
+.conv-item {
+ position: relative;
+ display: block;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+ height: 59px;
+ padding: 5px 5px 5px 70px;
+ margin: 0 10px;
+ color: white;
+ text-decoration: none;
+ overflow: hidden;
+}
+.conv-item .cover {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+ padding: 5px;
+}
+.conv-item .cover .picture {
+ width: 52px;
+ height: 52px;
+ background: #202020;
+ border-radius: 100%;
+ padding: 4px;
+}
+.conv-item .cover .picture.color0 {
+ box-shadow: 0 0 0 2px #4F4F4F;
+}
+.conv-item .cover .picture.color1 {
+ box-shadow: 0 0 0 2px #6e161b;
+}
+.conv-item .cover .picture.color2 {
+ box-shadow: 0 0 0 2px #1f1471;
+}
+.conv-item .cover .picture.color3 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .picture.color4 {
+ box-shadow: 0 0 0 2px #5a1072;
+}
+.conv-item .cover .picture.color5 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color6 {
+ box-shadow: 0 0 0 2px #076b87;
+}
+.conv-item .cover .picture.color7 {
+ box-shadow: 0 0 0 2px #67331d;
+}
+.conv-item .cover .picture.color8 {
+ box-shadow: 0 0 0 2px #d87913;
+}
+.conv-item .cover .picture.color9 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color10 {
+ box-shadow: 0 0 0 2px #760f36;
+}
+.conv-item .cover .picture.color11 {
+ box-shadow: 0 0 0 2px #219772;
+}
+.conv-item .cover .picture.color12 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .number,
+.conv-item .cover .new-message {
+ position: absolute;
+ width: 22px;
+ height: 22px;
+ border-radius: 100%;
+ background: #0A0A0A;
+ bottom: 5px;
+ right: 5px;
+ border: solid 1px #4F4F4F;
+ text-align: center;
+ line-height: 22px;
+ font-size: 11px;
+}
+.conv-item .cover .new-message {
+ left: 5px;
+ top: 5px;
+}
+.conv-item .cover .new-message img {
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin: 2px;
+}
+.conv-item .data {
+ line-height: 20px;
+}
+.conv-item:last-child {
+ border: solid 1px #202020;
+}
+.conv-item:hover,
+.conv-item:focus {
+ background: #0C0C0C;
+}
+.component.player .player {
+ position: relative;
+ display: inline-block;
+ margin: 10px 0 0 10px;
+ width: 211px;
+ height: 58px;
+ padding: 5px 5px 5px 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+ text-decoration: none;
+}
+.component.player .player a {
+ color: #ccc;
+ text-decoration: none;
+ border-bottom: solid 1px #202020;
+}
+.component.player .player a:hover,
+.component.player .player a:focus {
+ border-color: #4f4f4f;
+}
+.component.player .player img.picto {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 50px;
+ padding: 4px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.player .player .icon,
+.component.player .player .icon-color {
+ height: 16px;
+ padding: 1px;
+}
+.component.player .player span,
+.component.player .player strong {
+ display: block;
+ line-height: 20px;
+}
+.component.player .player strong {
+ font-size: 18px;
+}
+.component.player .player .online,
+.component.player .player .inactive {
+ position: absolute;
+ width: 18px;
+ height: 18px;
+ background: white;
+ top: 5px;
+ right: 5px;
+ border-radius: 100%;
+ background: #4F4F4F;
+}
+.component.player .player .online {
+ background: #db8218;
+}
+.component.player .player.faction {
+ border-left: solid 1px #0A0A0A !important;
+ width: 202px;
+}
+.component.player .player.faction img {
+ top: 0;
+ left: 10px;
+ padding: 0;
+ border: none;
+ border-radius: 0;
+ background: transparent;
+}
+.component.player.rank .player {
+ border-left: solid 10px #4F4F4F;
+ width: 190px;
+}
+.component.player.rank .player.color1 {
+ border-left-color: #b01e2d;
+}
+.component.player.rank .player.color2 {
+ border-left-color: #2f23c0;
+}
+.component.player.rank .player.color3 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player.color4 {
+ border-left-color: #a935c7;
+}
+.component.player.rank .player.color5 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color6 {
+ border-left-color: #05bed7;
+}
+.component.player.rank .player.color7 {
+ border-left-color: #ac5832;
+}
+.component.player.rank .player.color8 {
+ border-left-color: #f2b636;
+}
+.component.player.rank .player.color9 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color10 {
+ border-left-color: #a92859;
+}
+.component.player.rank .player.color11 {
+ border-left-color: #34b089;
+}
+.component.player.rank .player.color12 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player .title,
+.component.player.rank .player .points {
+ color: #BBB;
+}
+.component.player.rank .player .position {
+ display: block;
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ line-height: 38px;
+ width: 38px;
+ border: solid 1px #202020;
+ text-align: center;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance {
+ display: block;
+ position: absolute;
+ top: 5px;
+ right: -4px;
+ line-height: 26px;
+ width: 26px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ text-align: center;
+ font-size: 11px;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance.lower {
+ bottom: 5px;
+ top: auto;
+}
+.component.player.rank .player.active .position {
+ background: white;
+ border: solid 1px white;
+ color: #202020;
+}
+.component.player.size2 .player {
+ width: 208px;
+}
+.component.player.size1 .player {
+ width: 202px;
+}
+.component.transaction .transaction {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 10px;
+}
+.component.transaction .transaction .right-link {
+ position: absolute;
+ top: 2px;
+ right: 5px;
+ display: block;
+ color: #FFF;
+ text-decoration: none;
+}
+.component.transaction .transaction .product {
+ position: relative;
+ height: 70px;
+ padding: 5px 10px 5px 55px;
+ cursor: pointer;
+}
+.component.transaction .transaction .product .picto {
+ position: absolute;
+ top: 5px;
+ left: -20px;
+ width: 60px;
+ height: 60px;
+ padding: 4px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+}
+.component.transaction .transaction .product .rate {
+ position: absolute;
+ bottom: 5px;
+ right: 8px;
+}
+.component.transaction .transaction .product .offer {
+ overflow: hidden;
+ height: 32px;
+}
+.component.transaction .transaction .product .for {
+ position: relative;
+ border-top: solid 1px #202020;
+ margin: 8px 0 6px 0;
+ color: #4F4F4F;
+}
+.component.transaction .transaction .product .for span {
+ display: block;
+ position: absolute;
+ top: -10px;
+ left: 10px;
+ background: #0A0A0A;
+ padding: 0 10px;
+ font-size: 12px;
+}
+.component.transaction .transaction .product .price {
+ font-size: 19px;
+ font-weight: bold;
+}
+.component.transaction .transaction .product .price .icon-color {
+ width: 14px;
+ position: relative;
+ top: -2px;
+ padding: 1px;
+}
+.component.transaction .transaction.resources .product .offer {
+ font-size: 28px;
+ font-weight: bold;
+ line-height: 30px;
+}
+.component.transaction .transaction.resources .product .offer .icon-color {
+ width: 20px;
+ position: relative;
+ top: -5px;
+}
+.component.transaction .transaction.commander .product .offer strong,
+.component.transaction .transaction.ship .product .offer strong {
+ display: block;
+ font-size: 14px;
+}
+.component.transaction .transaction.commander .product .offer em,
+.component.transaction .transaction.ship .product .offer em {
+ display: block;
+ font-size: 11px;
+}
+.component.transaction .transaction .hidden {
+ display: none;
+}
+.component.transaction .transaction .info {
+ position: relative;
+ border-top: solid 1px #202020;
+ height: 88px;
+ background: black;
+}
+.component.transaction .transaction .info p {
+ font-size: 11px;
+ margin: 5px 8px;
+}
+.component.transaction .transaction .info .seller {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+}
+.component.transaction .transaction .info .seller a {
+ font-weight: bold;
+ color: white;
+}
+.component.transaction .transaction .info .seller .color1 {
+ color: #b01e2d;
+}
+.component.transaction .transaction .info .seller .color2 {
+ color: #2f23c0;
+}
+.component.transaction .transaction .info .seller .color3 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .seller .color4 {
+ color: #a935c7;
+}
+.component.transaction .transaction .info .seller .color5 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color6 {
+ color: #05bed7;
+}
+.component.transaction .transaction .info .seller .color7 {
+ color: #ac5832;
+}
+.component.transaction .transaction .info .seller .color8 {
+ color: #f2b636;
+}
+.component.transaction .transaction .info .seller .color9 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color10 {
+ color: #a92859;
+}
+.component.transaction .transaction .info .seller .color11 {
+ color: #34b089;
+}
+.component.transaction .transaction .info .seller .color12 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .price-detail {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+ right: 0;
+}
+.component.transaction .transaction .info .price-detail p {
+ text-align: right;
+}
+.component.transaction .transaction .info .price-detail p .icon-color {
+ width: 10px;
+ padding: 1px;
+}
+.component.transaction .transaction .info .price-detail p span {
+ color: #4F4F4F;
+}
+.component.transaction .transaction .button {
+ border-top: solid 1px #202020;
+ padding: 5px;
+}
+.component.transaction .transaction .button a,
+.component.transaction .transaction .button span {
+ display: block;
+ padding: 5px 10px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ line-height: 20px;
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component.transaction .transaction .button a {
+ background: #d87013;
+}
+.component.transaction .transaction .button a:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #db8218;
+}
+.component.transaction .transaction .button span {
+ background: #202020;
+ cursor: default;
+}
+.component.transaction .transaction .button .icon-color {
+ width: 14px;
+}
+.component.transaction .transaction .shipping {
+ position: relative;
+ background: black;
+ height: 30px;
+}
+.component.transaction .transaction .shipping .ships {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+}
+.component.transaction .transaction .shipping .ships .icon-color {
+ position: relative;
+ width: 16px;
+ margin-left: 5px;
+ top: -5px;
+}
+.component.transaction .transaction .shipping .time {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 12px;
+}
+.component.transaction .transaction .shipping .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 0 60px;
+ height: 3px;
+ top: 13px;
+ background: #4F4F4F;
+}
+.component.transaction .transaction .shipping .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #db8218;
+}
+.component .build-item.disable .button span {
+ color: #696969;
+}
+.component.transaction .new-transaction {
+ width: 279px;
+ position: absolute;
+ background: black;
+ z-index: 1;
+ padding: 10px;
+ border-bottom: solid 1px #db8218;
+}
+.component.transaction .new-transaction label {
+ position: relative;
+ display: block;
+ padding: 5px 0;
+}
+.component.transaction .new-transaction label input {
+ display: block;
+ padding: 5px 10px;
+ margin: 5px 0 0 0;
+ width: 259px;
+ border: none;
+}
+.component.transaction .new-transaction.resources label input {
+ font-size: 16px;
+ color: #202020;
+ font-weight: bold;
+}
+.component.transaction .new-transaction .indicator {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 15px;
+}
+.component.transaction .new-transaction .indicator span {
+ position: absolute;
+ display: inline-block;
+ padding: 1px 6px;
+ font-size: 12px;
+ color: white;
+ border-radius: 3px;
+ top: -5px;
+ background: #c3590b;
+}
+.component.transaction .new-transaction .indicator span.min-price {
+ left: 5px;
+}
+.component.transaction .new-transaction .indicator span.max-price {
+ right: 5px;
+}
+.component.market-sell .body {
+ padding: 10px 0;
+}
+.component.market-sell .label-box {
+ position: relative;
+ padding: 0 10px;
+ margin: 10px 0;
+}
+.component.market-sell .label-box .label {
+ display: inline-block;
+ width: 100px;
+ line-height: 30px;
+}
+.component.market-sell .label-box .value {
+ display: inline-block;
+ width: 147px;
+ padding: 0 5px;
+ border: none;
+ line-height: 30px;
+ border-radius: 3px;
+ font-size: 16px;
+}
+.component.market-sell .label-box input.value {
+ height: 30px;
+ background: white;
+}
+.component.market-sell .label-box .icon-color {
+ position: absolute;
+ top: 4px;
+ right: 16px;
+ width: 18px;
+}
+.component.market-sell .queue {
+ margin: 0 10px;
+ cursor: pointer;
+}
+.component.market-sell .sell-form {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 0 10px 10px 10px;
+}
+.component.market-sell .sell-form input[type='submit'] {
+ display: block;
+ width: 100%;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 10px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #db8218;
+}
+.component.market-sell .sell-form input[type='submit']:hover {
+ background: #c3590b;
+}
+.component.market-sell .sell-form input[disabled='disabled'] {
+ background: #202020 !important;
+}
+.wysiwyg {
+ display: block;
+ position: relative;
+}
+.wysiwyg .toolbar {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 5px;
+}
+.wysiwyg .toolbar button {
+ display: inline-block;
+ height: 26px;
+ line-height: 26px;
+ padding: 0 4px !important;
+ margin: 0 4px 0 0 !important;
+ background: #d87013;
+ color: white;
+ border-radius: 3px;
+ overflow: hidden;
+ vertical-align: top;
+}
+.wysiwyg .modal {
+ position: absolute;
+ top: 40px;
+ left: 10px;
+ right: 10px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ box-shadow: 0 0 15px black;
+}
+.wysiwyg .modal .header {
+ position: relative;
+}
+.wysiwyg .modal .header h2 {
+ margin: 0;
+ padding: 0;
+ line-height: 36px;
+ padding: 0 10px;
+ font-size: 16px;
+ font-weight: normal;
+}
+.wysiwyg .modal .header .right {
+ position: absolute;
+ top: 5px;
+ right: 10px;
+ width: 300px;
+ text-align: right;
+}
+.wysiwyg .modal .header .right button {
+ display: inline-block;
+ width: 26px !important;
+ height: 26px !important;
+ line-height: 26px !important<;
+ font-size: 14px;
+ padding: 0 !important;
+ margin: 0 0 0 5px !important;
+}
+.wysiwyg .modal input {
+ width: 435px;
+ border: none;
+ height: 30px;
+ margin: 0 10px 10px 10px !important;
+ padding: 0 10px !important;
+}
+.wysiwyg textarea {
+ padding-top: 40px !important;
+}
+.input-area .wysiwyg .toolbar {
+ padding: 0;
+}
+.component.params .checkbox {
+ display: block;
+ position: relative;
+ padding: 10px 10px 10px 40px;
+ margin: 10px;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component.params .checkbox input {
+ position: absolute;
+ top: 8px;
+ left: 10px;
+}
+#map {
+ position: absolute;
+ z-index: 100;
+ background: url('src/desktop/map/common/map.jpg') repeat black;
+ padding: 0;
+ top: 0;
+ left: 0;
+}
+#map #sectors {
+ z-index: 300;
+}
+#map #spying {
+ z-index: 400;
+}
+#map #own-base {
+ z-index: 500;
+}
+#map #commercial-routes {
+ z-index: 600;
+}
+#map #fleet-movements {
+ z-index: 700;
+}
+#map #attacks {
+ z-index: 800;
+}
+#map #systems {
+ z-index: 900;
+}
+#map #map-info {
+ z-index: 910;
+}
+#map > div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+#map #sectors polygon {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 4 4;
+ opacity: 0.15;
+}
+#map #sectors .ally1 {
+ fill: #6e161b;
+}
+#map #sectors .ally2 {
+ fill: #1f1471;
+}
+#map #sectors .ally3 {
+ fill: #dbb200;
+}
+#map #sectors .ally4 {
+ fill: #5a1072;
+}
+#map #sectors .ally5 {
+ fill: #2c7915;
+}
+#map #sectors .ally6 {
+ fill: #076b87;
+}
+#map #sectors .ally7 {
+ fill: #67331d;
+}
+#map #sectors .ally8 {
+ fill: #d87913;
+}
+#map #sectors .ally9 {
+ fill: #2c7915;
+}
+#map #sectors .ally10 {
+ fill: #760f36;
+}
+#map #sectors .ally11 {
+ fill: #219772;
+}
+#map #sectors .ally12 {
+ fill: #dbb200;
+}
+#map #spying circle {
+ opacity: 0.08;
+ stroke: white;
+}
+#map #own-base circle {
+ opacity: 0.1;
+ fill: white;
+}
+#map #commercial-routes line {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 20 5 5 5 5 10;
+}
+#map #commercial-routes line.standBy {
+ stroke: rgba(255, 255, 255, 0.3);
+}
+#map #fleet-movements line {
+ stroke-width: 1px;
+}
+#map #fleet-movements line.back {
+ stroke-dasharray: 15 5;
+}
+#map #attacks line {
+ stroke-width: 1px;
+}
+#map #attacks line.color1 {
+ stroke: #b01e2d;
+}
+#map #attacks line.color2 {
+ stroke: #2f23c0;
+}
+#map #attacks line.color3 {
+ stroke: #ffdb0f;
+}
+#map #attacks line.color4 {
+ stroke: #a935c7;
+}
+#map #attacks line.color5 {
+ stroke: #57c632;
+}
+#map #attacks line.color6 {
+ stroke: #05bed7;
+}
+#map #attacks line.color7 {
+ stroke: #ac5832;
+}
+#map #attacks line.color8 {
+ stroke: #f2b636;
+}
+#map #attacks line.color9 {
+ stroke: #57c632;
+}
+#map #attacks line.color10 {
+ stroke: #a92859;
+}
+#map #attacks line.color11 {
+ stroke: #34b089;
+}
+#map #attacks line.color12 {
+ stroke: #ffdb0f;
+}
+#map #attacks circle.color1 {
+ fill: #b01e2d;
+}
+#map #attacks circle.color2 {
+ fill: #2f23c0;
+}
+#map #attacks circle.color3 {
+ fill: #ffdb0f;
+}
+#map #attacks circle.color4 {
+ fill: #a935c7;
+}
+#map #attacks circle.color5 {
+ fill: #57c632;
+}
+#map #attacks circle.color6 {
+ fill: #05bed7;
+}
+#map #attacks circle.color7 {
+ fill: #ac5832;
+}
+#map #attacks circle.color8 {
+ fill: #f2b636;
+}
+#map #attacks circle.color9 {
+ fill: #57c632;
+}
+#map #attacks circle.color10 {
+ fill: #a92859;
+}
+#map #attacks circle.color11 {
+ fill: #34b089;
+}
+#map #attacks circle.color12 {
+ fill: #ffdb0f;
+}
+#map #systems a {
+ display: block;
+ position: absolute;
+ border-radius: 100%;
+}
+#map #systems a.active {
+ background: black;
+ box-shadow: 0 0 0 1px black,
+ 0 0 0 3px white,
+ 0 0 10px 8px black;
+}
+#map #systems a img {
+ display: block;
+ width: 20px;
+ height: 20px;
+ border: none;
+ border-radius: 100%;
+ -moz-border-radius: 100%;
+ -webkit-border-radius: 100%;
+ -ms-border-radius: 100%;
+ -o-border-radius: 100%;
+}
+#map #systems a img.own {
+ background: white;
+}
+#map #systems .sector-number {
+ position: absolute;
+ display: block;
+ font-size: 22px;
+ line-height: 40px;
+ width: 40px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 0 5px #0A0A0A, 0 0 0 6px #4F4F4F;
+ background: #202020;
+ color: white;
+ font-weight: bold;
+ cursor: pointer;
+}
+#map #systems .sector-number.color1 {
+ background: #6e161b;
+}
+#map #systems .sector-number.color2 {
+ background: #1f1471;
+}
+#map #systems .sector-number.color3 {
+ background: #dbb200;
+}
+#map #systems .sector-number.color4 {
+ background: #5a1072;
+}
+#map #systems .sector-number.color5 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color6 {
+ background: #076b87;
+}
+#map #systems .sector-number.color7 {
+ background: #67331d;
+}
+#map #systems .sector-number.color8 {
+ background: #d87913;
+}
+#map #systems .sector-number.color9 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color10 {
+ background: #760f36;
+}
+#map #systems .sector-number.color11 {
+ background: #219772;
+}
+#map #systems .sector-number.color12 {
+ background: #dbb200;
+}
+#map #systems .sector-info {
+ display: none;
+ position: absolute;
+ color: white;
+ background: black;
+ background: rgba(0, 0, 0, 0.9);
+ padding: 8px 16px;
+ border-radius: 3px;
+}
+#map #systems .sector-info:before {
+ content: '';
+ position: absolute;
+ left: -20px;
+ top: 20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent black transparent transparent;
+ border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
+}
+#map #systems .sector-info h2 {
+ position: relative;
+ font-size: 40px;
+ font-weight: bold;
+ line-height: 40px;
+ text-shadow: 0 0 5px black;
+ margin: 0;
+ padding: 0;
+}
+#map #systems .sector-info p {
+ font-size: 13px;
+ margin: 6px 0 0 0;
+ padding: 0;
+ font-weight: bold;
+ font-variant: small-caps;
+}
+#map #systems .sector-info p a {
+ position: static;
+ display: inline-block;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ margin: 0 5px 0 0;
+}
+#map #systems .sector-info.color1 p a {
+ background: #6e161b;
+}
+#map #systems .sector-info.color2 p a {
+ background: #1f1471;
+}
+#map #systems .sector-info.color3 p a {
+ background: #dbb200;
+}
+#map #systems .sector-info.color4 p a {
+ background: #5a1072;
+}
+#map #systems .sector-info.color5 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color6 p a {
+ background: #076b87;
+}
+#map #systems .sector-info.color7 p a {
+ background: #67331d;
+}
+#map #systems .sector-info.color8 p a {
+ background: #d87913;
+}
+#map #systems .sector-info.color9 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color10 p a {
+ background: #760f36;
+}
+#map #systems .sector-info.color11 p a {
+ background: #219772;
+}
+#map #systems .sector-info.color12 p a {
+ background: #dbb200;
+}
+#map #map-info {
+ display: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ bottom: auto;
+ height: auto;
+ width: auto;
+ margin: 40px 60px 0 0;
+ color: white;
+ text-align: right;
+}
+#map #map-info h2 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 38px;
+ line-height: 60px;
+}
+#map #map-info h3 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 40px;
+}
+#map #map-info ul {
+ margin: 10px 0;
+ padding: 0;
+ list-style: none;
+}
+#map #map-info ul li {
+ position: relative;
+ margin: 0;
+ padding: 0 40px 0 0;
+ line-height: 20px;
+ height: 20px;
+ font-style: italic;
+ color: #CCC;
+ font-size: 13px;
+}
+#map #map-info ul li img {
+ position: absolute;
+ right: 10px;
+ top: 0px;
+}
+#map #spying circle {
+ fill: #d87013;
+}
+#map #fleet-movements line {
+ stroke: #db8218;
+}
+#map #fleet-movements circle {
+ fill: #db8218;
+}
+#map-option {
+ z-index: 1000;
+ position: absolute;
+ display: inline-block;
+ height: 32px;
+ padding: 3px 0;
+ background: url('src/desktop/map/bOption.png') repeat-x;
+ top: 30px;
+ right: 20px;
+}
+#map-option:before {
+ content: '';
+ position: absolute;
+ display: block;
+ left: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bLeftOption.png');
+}
+#map-option:after {
+ content: '';
+ position: absolute;
+ display: block;
+ right: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bRightOption.png');
+}
+#map-option a {
+ position: relative;
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ margin: 1px 0 1px 1px;
+ background: #0A0A0A;
+}
+#map-option a.active {
+ background: #004948;
+}
+#map-option a img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 22px;
+}
+.color1 #map-option a.active {
+ background: #510816;
+}
+.color2 #map-option a.active {
+ background: #0c0d44;
+}
+.color3 #map-option a.active {
+ background: #b17a00;
+}
+.color4 #map-option a.active {
+ background: #310948;
+}
+.color5 #map-option a.active {
+ background: #24500a;
+}
+.color6 #map-option a.active {
+ background: #004948;
+}
+.color7 #map-option a.active {
+ background: #401b13;
+}
+.color8 #map-option a.active {
+ background: #c3590b;
+}
+.color9 #map-option a.active {
+ background: #24500a;
+}
+.color10 #map-option a.active {
+ background: #4d0621;
+}
+.color11 #map-option a.active {
+ background: #10684c;
+}
+.color12 #map-option a.active {
+ background: #b17a00;
+}
+#map-content {
+ z-index: 1000;
+ position: absolute;
+ top: 80px;
+ right: 20px;
+ display: block;
+}
+#map-content .mini-map {
+ position: relative;
+ width: 300px;
+ height: 300px;
+ overflow: hidden;
+ border: solid 1px #202020;
+ background: url('src/desktop/map/common/galaxy.jpg') no-repeat #0A0A0A;
+}
+#map-content .mini-map polygon {
+ stroke: white;
+ stroke-width: .5px;
+ opacity: 0.3;
+}
+#map-content .mini-map polygon:focus,
+#map-content .mini-map polygon:hover {
+ opacity: 0.1;
+ cursor: pointer;
+}
+#map-content .mini-map polygon.ally0 {
+ fill: #202020;
+}
+#map-content .mini-map polygon.ally1 {
+ fill: #6e161b;
+}
+#map-content .mini-map polygon.ally2 {
+ fill: #1f1471;
+}
+#map-content .mini-map polygon.ally3 {
+ fill: #dbb200;
+}
+#map-content .mini-map polygon.ally4 {
+ fill: #5a1072;
+}
+#map-content .mini-map polygon.ally5 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally6 {
+ fill: #076b87;
+}
+#map-content .mini-map polygon.ally7 {
+ fill: #67331d;
+}
+#map-content .mini-map polygon.ally8 {
+ fill: #d87913;
+}
+#map-content .mini-map polygon.ally9 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally10 {
+ fill: #760f36;
+}
+#map-content .mini-map polygon.ally11 {
+ fill: #219772;
+}
+#map-content .mini-map polygon.ally12 {
+ fill: #dbb200;
+}
+#map-content .mini-map .number {
+ position: absolute;
+ z-index: 600;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .sectors {
+ z-index: 500;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases {
+ z-index: 400;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases circle {
+ fill: rgba(255, 255, 255, 0.2);
+ stroke: white;
+}
+#map-content .mini-map .viewport {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: rgba(255, 255, 255, 0.1);
+ border: solid 1px white;
+ border-radius: 3px;
+}
+#map-content .mini-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 11px;
+}
+.map-movers {
+ display: none;
+ position: absolute;
+ z-index: 900;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+#coord-box {
+ z-index: 1000;
+ position: absolute;
+ bottom: 20px;
+ right: 20px;
+ width: 80px;
+ padding: 5px 10px;
+ background: rgba(0, 0, 0, 0.8);
+ color: white;
+ font-size: 20px;
+ text-align: center;
+}
+.tactical-map {
+ margin: 10px;
+ position: relative;
+ background: url('src/desktop/map/common/galaxy-large.jpg') repeat #0A0A0A;
+}
+.tactical-map polygon {
+ stroke: white;
+ stroke-width: .30px;
+ opacity: 0.15;
+}
+.tactical-map polygon.enabled {
+ position: relative;
+ stroke-width: 2px;
+ opacity: 0.80;
+ z-index: 1;
+}
+.tactical-map polygon.enabled.ally1 {
+ stroke: #510816;
+}
+.tactical-map polygon.enabled.ally2 {
+ stroke: #0c0d44;
+}
+.tactical-map polygon.enabled.ally3 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.enabled.ally4 {
+ stroke: #310948;
+}
+.tactical-map polygon.enabled.ally5 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally6 {
+ stroke: #004948;
+}
+.tactical-map polygon.enabled.ally7 {
+ stroke: #401b13;
+}
+.tactical-map polygon.enabled.ally8 {
+ stroke: #c3590b;
+}
+.tactical-map polygon.enabled.ally9 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally10 {
+ stroke: #4d0621;
+}
+.tactical-map polygon.enabled.ally11 {
+ stroke: #10684c;
+}
+.tactical-map polygon.enabled.ally12 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.ally0 {
+ fill: #202020;
+}
+.tactical-map polygon.ally1 {
+ fill: #6e161b;
+}
+.tactical-map polygon.ally2 {
+ fill: #1f1471;
+}
+.tactical-map polygon.ally3 {
+ fill: #dbb200;
+}
+.tactical-map polygon.ally4 {
+ fill: #5a1072;
+}
+.tactical-map polygon.ally5 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally6 {
+ fill: #076b87;
+}
+.tactical-map polygon.ally7 {
+ fill: #67331d;
+}
+.tactical-map polygon.ally8 {
+ fill: #d87913;
+}
+.tactical-map polygon.ally9 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally10 {
+ fill: #760f36;
+}
+.tactical-map polygon.ally11 {
+ fill: #219772;
+}
+.tactical-map polygon.ally12 {
+ fill: #dbb200;
+}
+.tactical-map .number {
+ position: absolute;
+ z-index: 800;
+ top: 0;
+ left: 0;
+}
+.tactical-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 12px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 1px white;
+}
+.tactical-map .number span.ally0 {
+ background: #0A0A0A;
+}
+.tactical-map .number span.ally1 {
+ background: #510816;
+}
+.tactical-map .number span.ally2 {
+ background: #0c0d44;
+}
+.tactical-map .number span.ally3 {
+ background: #b17a00;
+}
+.tactical-map .number span.ally4 {
+ background: #310948;
+}
+.tactical-map .number span.ally5 {
+ background: #24500a;
+}
+.tactical-map .number span.ally6 {
+ background: #004948;
+}
+.tactical-map .number span.ally7 {
+ background: #401b13;
+}
+.tactical-map .number span.ally8 {
+ background: #c3590b;
+}
+.tactical-map .number span.ally9 {
+ background: #24500a;
+}
+.tactical-map .number span.ally10 {
+ background: #4d0621;
+}
+.tactical-map .number span.ally11 {
+ background: #10684c;
+}
+.tactical-map .number span.ally12 {
+ background: #b17a00;
+}
+.tactical-map .number span.active {
+ background: white;
+ color: black;
+ box-shadow: 0 0 10px black;
+}
+.tactical-map.reactive polygon.enabled:hover,
+.tactical-map.reactive polygon.enabled.active {
+ cursor: pointer;
+}
+.tactical-map.reactive polygon.enabled:hover.ally1,
+.tactical-map.reactive polygon.enabled.active.ally1 {
+ fill: #510816;
+}
+.tactical-map.reactive polygon.enabled:hover.ally2,
+.tactical-map.reactive polygon.enabled.active.ally2 {
+ fill: #0c0d44;
+}
+.tactical-map.reactive polygon.enabled:hover.ally3,
+.tactical-map.reactive polygon.enabled.active.ally3 {
+ fill: #b17a00;
+}
+.tactical-map.reactive polygon.enabled:hover.ally4,
+.tactical-map.reactive polygon.enabled.active.ally4 {
+ fill: #310948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally5,
+.tactical-map.reactive polygon.enabled.active.ally5 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally6,
+.tactical-map.reactive polygon.enabled.active.ally6 {
+ fill: #004948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally7,
+.tactical-map.reactive polygon.enabled.active.ally7 {
+ fill: #401b13;
+}
+.tactical-map.reactive polygon.enabled:hover.ally8,
+.tactical-map.reactive polygon.enabled.active.ally8 {
+ fill: #c3590b;
+}
+.tactical-map.reactive polygon.enabled:hover.ally9,
+.tactical-map.reactive polygon.enabled.active.ally9 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally10,
+.tactical-map.reactive polygon.enabled.active.ally10 {
+ fill: #4d0621;
+}
+.tactical-map.reactive polygon.enabled:hover.ally11,
+.tactical-map.reactive polygon.enabled.active.ally11 {
+ fill: #10684c;
+}
+.tactical-map.reactive polygon.enabled:hover.ally12,
+.tactical-map.reactive polygon.enabled.active.ally12 {
+ fill: #b17a00;
+}
+#action-box {
+ display: block;
+ z-index: 1100;
+ position: absolute;
+ width: 100%;
+ height: 300px;
+ bottom: -300px;
+ left: 0;
+ border-top: solid 1px #0A0A0A;
+ background: black;
+ box-shadow: 0 0 15px black;
+}
+#action-box .header {
+ position: relative;
+ background: black;
+ border-bottom: solid 1px #202020;
+ height: 36px;
+ color: #EFEFEF;
+}
+#action-box .header ul {
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .header ul li {
+ display: inline-block;
+ line-height: 36px;
+ padding: 0 10px;
+ color: #CCC;
+ border-right: solid 1px #202020;
+}
+#action-box .header ul li a {
+ display: inline-block;
+ line-height: 24px;
+ margin: 3px 0;
+ padding: 0 6px;
+ text-decoration: none;
+ color: #CCC;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-right: none;
+ color: #8F8F8F;
+}
+#action-box .header ul li a:first-child {
+ border-radius: 3px 0 0 3px;
+}
+#action-box .header ul li a:last-child {
+ border-right: solid 1px #202020;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .header ul li a:hover,
+#action-box .header ul li a:focus {
+ background: #202020;
+ color: white;
+}
+#action-box .header ul li a.active {
+ color: white;
+ position: relative;
+ z-index: 1;
+ background: #c3590b;
+}
+#action-box .header ul li img {
+ position: relative;
+ top: 5px;
+ width: 20px;
+ border-radius: 100%;
+}
+#action-box .header .button {
+ position: absolute;
+ top: 7px;
+ right: 10px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ background: #202020;
+ border-radius: 3px;
+ text-decoration: none;
+ text-transform: uppercase;
+ color: white;
+}
+#action-box .header .button:focus,
+#action-box .header .button:hover {
+ background: #4F4F4F;
+}
+#action-box .body {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ height: 263px;
+ background: url('src/desktop/map/common/bLine.jpg') repeat-x center #080808;
+}
+#action-box .actbox-movers {
+ position: absolute;
+ display: block;
+ width: 60px;
+ height: 263px;
+ z-index: 1103;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#action-box .actbox-movers:hover,
+#action-box .actbox-movers:focus {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+#action-box .actbox-movers:active {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+#action-box .actbox-movers#actboxToLeft {
+ background: url('src/desktop/mover/left.png') no-repeat center;
+}
+#action-box .actbox-movers#actboxToRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center;
+}
+#action-box .body .system {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 263px;
+ width: 3000px;
+}
+#action-box .body .system ul {
+ display: inline-block;
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .body .system ul li {
+ display: inline-block;
+}
+#action-box .body .system ul li.place a,
+#action-box .body .system ul li.action {
+ width: 100px;
+ height: 260px;
+ border-top: solid 3px white;
+ position: relative;
+}
+#action-box .body .system ul li.place.color1 a,
+#action-box .body .system ul li.action.color1 {
+ border-top-color: #6e161b;
+}
+#action-box .body .system ul li.place.color2 a,
+#action-box .body .system ul li.action.color2 {
+ border-top-color: #1f1471;
+}
+#action-box .body .system ul li.place.color3 a,
+#action-box .body .system ul li.action.color3 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.place.color4 a,
+#action-box .body .system ul li.action.color4 {
+ border-top-color: #5a1072;
+}
+#action-box .body .system ul li.place.color5 a,
+#action-box .body .system ul li.action.color5 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color6 a,
+#action-box .body .system ul li.action.color6 {
+ border-top-color: #076b87;
+}
+#action-box .body .system ul li.place.color7 a,
+#action-box .body .system ul li.action.color7 {
+ border-top-color: #67331d;
+}
+#action-box .body .system ul li.place.color8 a,
+#action-box .body .system ul li.action.color8 {
+ border-top-color: #d87913;
+}
+#action-box .body .system ul li.place.color9 a,
+#action-box .body .system ul li.action.color9 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color10 a,
+#action-box .body .system ul li.action.color10 {
+ border-top-color: #760f36;
+}
+#action-box .body .system ul li.place.color11 a,
+#action-box .body .system ul li.action.color11 {
+ border-top-color: #219772;
+}
+#action-box .body .system ul li.place.color12 a,
+#action-box .body .system ul li.action.color12 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.star {
+ width: 300px;
+ height: 263px;
+ border-left: solid 1px #0F0F0F;
+ background: url('src/desktop/map/systems/default.png') no-repeat center center;
+}
+#action-box .body .system ul li.place a {
+ display: block;
+ border-left: solid 1px #0F0F0F;
+ text-align: center;
+}
+#action-box .body .system ul li.place a strong {
+ position: absolute;
+ bottom: 8px;
+ left: 10px;
+ font-size: 18px;
+ font-weight: bold;
+ color: white;
+}
+#action-box .body .system ul li.place a .land {
+ position: absolute;
+ z-index: 1102;
+ top: 88px;
+ left: 10px;
+ width: 80px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.place.active a .land {
+ box-shadow: 0 0 0 1px #202020;
+ background: #080808;
+}
+#action-box .body .system ul li.place a .avatar {
+ position: absolute;
+ z-index: 1101;
+ top: 10px;
+ left: 20px;
+ padding: 7px;
+ border: solid 1px #0F0F0F;
+ background: black;
+ width: 47px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action {
+ width: 0px;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .content {
+ position: absolute;
+ top: 9px;
+ left: 12px;
+ height: 240px;
+ width: 545px;
+ background: #111111;
+ border: solid 1px #202020;
+ box-shadow: inset 0 0 5px black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .content:before {
+ content: '';
+ position: absolute;
+ top: 107px;
+ left: -24px;
+ border-width: 12px;
+ border-style: solid;
+ border-color: transparent #202020 transparent transparent;
+}
+#action-box .body .system ul li.action .content .column {
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ height: 240px;
+ border-right: solid 1px #202020;
+ color: white;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link {
+ position: absolute;
+ top: 6px;
+ right: 8px;
+ opacity: .5;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link:hover,
+#action-box .body .system ul li.action .content .column .last-spy-link:focus {
+ opacity: 1;
+}
+#action-box .body .system ul li.action .content .column.info {
+ width: 199px;
+}
+#action-box .body .system ul li.action .content .column.act {
+ width: 345px;
+ border-right: none;
+}
+#action-box .body .system ul li.action .content .column p {
+ margin: 2px 10px;
+}
+#action-box .body .system ul li.action .content .column a {
+ color: white;
+}
+#action-box .body .system ul li.action .content .column hr {
+ margin: 8px 10px;
+ border: none;
+ background: none;
+ border-bottom: solid 1px #202020;
+}
+#action-box .body .system ul li.action .content .column strong {
+ line-height: 30px;
+}
+#action-box .body .system ul li.action .content .column.info strong {
+ line-height: 28px;
+ font-size: 18px;
+}
+#action-box .body .system ul li.action .content .column .label {
+ display: inline-block;
+ width: 78px;
+ font-size: 12px;
+}
+#action-box .body .system ul li.action .content .column .value {
+ display: inline-block;
+ width: 100px;
+ text-align: left;
+}
+#action-box .body .system ul li.action .content .column .value .icon,
+#action-box .body .system ul li.action .content .column .value .icon-color {
+ width: 18px;
+ height: 18px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .content .column.act .top .grey {
+ opacity: .4;
+}
+#action-box .body .system ul li.action .content .column.act .top img {
+ width: 45px;
+ padding: 8px;
+ margin: 0 4px 2px 0;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action .content .column .top,
+#action-box .body .system ul li.action .content .column .bottom {
+ padding: 5px;
+}
+#action-box .body .system ul li.action .box {
+ display: none;
+ position: absolute;
+ left: 10px;
+ right: 10px;
+ bottom: 10px;
+ top: 80px;
+ background: black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .box:nth-child(1) {
+ display: block;
+}
+#action-box .body .system ul li.action .box:before {
+ content: '';
+ position: absolute;
+ top: -20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent transparent black transparent;
+}
+#action-box .body .system ul li.action .box:nth-child(1):before {
+ left: 15px;
+}
+#action-box .body .system ul li.action .box:nth-child(2):before {
+ left: 84px;
+}
+#action-box .body .system ul li.action .box:nth-child(3):before {
+ left: 152px;
+}
+#action-box .body .system ul li.action .box:nth-child(4):before {
+ left: 218px;
+}
+#action-box .body .system ul li.action .box:nth-child(5):before {
+ left: 284px;
+}
+#action-box .body .system ul li.action .box h2 {
+ margin: 0;
+ padding: 0 11px;
+ line-height: 35px;
+ font-size: 15px;
+}
+#action-box .body .system ul li.action .box .box-content {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 0 0 3px 3px;
+ padding: 8px 10px;
+ background: #080808;
+ border: solid 1px black;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item {
+ display: none;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button {
+ display: inline-block;
+ width: 100px;
+ text-decoration: none;
+ margin: 8px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .picto {
+ float: left;
+ width: 30px;
+ height: 30px;
+ margin: 0 5px 0 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button span {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form {
+ margin-top: 10px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form input {
+ width: 187px;
+ padding: 7px;
+ border: none;
+ background: white;
+ border-radius: 3px 0 0 3px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button {
+ width: 100px;
+ padding: 6px 6px;
+ border: none;
+ color: white;
+ background: #d87013;
+ cursor: pointer;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button:hover,
+#action-box .body .system ul li.action .box .box-content .spy-form button:focus {
+ background: #c3590b;
+}
+#action-box .body .system ul li.action .box .box-content .label-box {
+ display: inline-block;
+ width: 50%;
+ margin: 5px 0;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .key {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .val {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+#action-box .body .system ul li.action .box .box-content .rc {
+ margin: 5px 0 0 0;
+ padding: 10px 10px 0 50px;
+ border-top: solid 1px #202020;
+}
+#action-box .body .system ul li.action .box .box-content .rc .planet {
+ position: absolute;
+ top: -25px;
+ left: -25px;
+ width: 76px;
+ height: 76px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+#action-box .body .system ul li.action .box .box-content .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .button {
+ display: inline-block;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ line-height: 26px;
+ margin: 5px 0 0 0;
+ padding: 0 8px;
+ text-align: center;
+ text-decoration: none;
+}
+#action-box .body .system ul li.action .box .box-content a.button {
+ background: #d87013;
+ border: #c3590b;
+}
+#action-box .body .system ul li.action .box .box-content a.button:hover,
+#action-box .body .system ul li.action .box .box-content a.button:focus {
+ background: #c3590b;
+}
+.component.admin table {
+ margin: 10px;
+ border-collapse: collapse;
+ width: 877px;
+}
+.component.admin table tr {
+ border-bottom: solid 1px #202020;
+}
+.component.admin table td {
+ padding: 5px 10px;
+ vertical-align: top;
+}
+.component.admin table .button {
+ display: inline-block;
+ padding: 0 5px;
+ line-height: 25px;
+ min-width: 15px;
+ text-align: center;
+ color: white;
+ border-radius: 3px;
+ background: #4F4F4F;
+ text-decoration: none;
+}
+.component.admin table td:nth-child(1) {
+ width: 50px;
+}
+.component.admin table td:nth-child(2) {
+ width: 100px;
+}
+.component.admin table td:nth-child(3) {
+ width: auto;
+}
+.component.admin table td:nth-child(4) {
+ width: 80px;
+}
+.on-off-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #d87013;
+ border: solid 1px #c3590b;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+.on-off-button:hover,
+.on-off-button:focus {
+ background: #c3590b;
+ border-color: #d87013;
+}
+.on-off-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+.inscription {
+ /* SUBNAV */
+ /* ALLY */
+}
+.inscription #nav .box.left span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 10px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 80px;
+ text-align: center;
+ color: #4f4f4f;
+ text-decoration: none;
+ font-variant: small-caps;
+}
+.inscription #nav .box.left span.active {
+ color: white;
+}
+.inscription #nav .box.right {
+ display: none;
+}
+.inscription #inscription-subnav {
+ position: fixed;
+ top: 45px;
+ left: 0;
+ width: 210px;
+ margin: 0 20px 0 60px;
+ z-index: 500;
+}
+.inscription #inscription-subnav .bind {
+ height: 15px;
+ background: url('src/desktop/inscriptionSubnav/bBind.png') no-repeat center;
+}
+.inscription #inscription-subnav .head {
+ position: relative;
+ height: 214px;
+ background: url('src/desktop/inscriptionSubnav/bHead.png') no-repeat center;
+}
+.inscription #inscription-subnav .head h2 {
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ top: 5px;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 24px;
+ width: 210px;
+ overflow: hidden;
+ text-align: center;
+ color: white;
+}
+.inscription #inscription-subnav .head img {
+ position: absolute;
+ top: 43px;
+ left: 28px;
+ width: 125px;
+ height: 125px;
+ background: #0A0A0A;
+}
+.inscription #inscription-subnav .head .level {
+ position: absolute;
+ display: block;
+ bottom: 15px;
+ left: 0;
+ width: 100%;
+ font-size: 20px;
+ line-height: 41px;
+ color: white;
+ text-align: center;
+ background: url('src/desktop/inscriptionSubnav/bLevel.png') no-repeat center;
+}
+.inscription #inscription-subnav .head .experience {
+ position: absolute;
+ display: inline-block;
+ top: 50px;
+ right: 32px;
+ width: 21px;
+ height: 112px;
+}
+.inscription #inscription-subnav .head .experience .value {
+ position: absolute;
+ display: block;
+ width: 100%;
+ bottom: 0;
+ border-radius: 3px;
+}
+.inscription #inscription-subnav .foot {
+ height: 290px;
+}
+.inscription #movers .toLeft {
+ left: 0 !important;
+}
+.inscription .component.inscription img.color1 {
+ background: #6e161b !important;
+}
+.inscription .component.inscription img.color2 {
+ background: #1f1471 !important;
+}
+.inscription .component.inscription img.color3 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription img.color4 {
+ background: #5a1072 !important;
+}
+.inscription .component.inscription img.color5 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color6 {
+ background: #076b87 !important;
+}
+.inscription .component.inscription img.color7 {
+ background: #67331d !important;
+}
+.inscription .component.inscription img.color8 {
+ background: #d87913 !important;
+}
+.inscription .component.inscription img.color9 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color10 {
+ background: #760f36 !important;
+}
+.inscription .component.inscription img.color11 {
+ background: #219772 !important;
+}
+.inscription .component.inscription img.color12 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription .chooseLink {
+ display: block;
+ margin: 10px;
+ padding: 10px 60px 10px 20px;
+ background: url('src/desktop/mover/right.png') no-repeat 235px center #CCC;
+ text-decoration: none;
+ color: white;
+ text-shadow: 0 0 2px black;
+ border: solid 1px #202020;
+ cursor: pointer;
+ -webkit-transition: all linear 200ms;
+ -moz-transition: all linear 200ms;
+ -ms-transition: all linear 200ms;
+ -o-transition: all linear 200ms;
+ transition: all linear 200ms;
+}
+.inscription .component.inscription .chooseLink:focus,
+.inscription .component.inscription .chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+.inscription .component.inscription button.chooseLink {
+ width: 277px;
+ text-align: left;
+}
+.inscription .component.inscription.color1 .chooseLink {
+ background-color: #6e161b;
+}
+.inscription .component.inscription.color2 .chooseLink {
+ background-color: #1f1471;
+}
+.inscription .component.inscription.color3 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color4 .chooseLink {
+ background-color: #5a1072;
+}
+.inscription .component.inscription.color5 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color6 .chooseLink {
+ background-color: #076b87;
+}
+.inscription .component.inscription.color7 .chooseLink {
+ background-color: #67331d;
+}
+.inscription .component.inscription.color8 .chooseLink {
+ background-color: #d87913;
+}
+.inscription .component.inscription.color9 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color10 .chooseLink {
+ background-color: #760f36;
+}
+.inscription .component.inscription.color11 .chooseLink {
+ background-color: #219772;
+}
+.inscription .component.inscription.color12 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color1 .chooseLink:hover,
+.inscription .component.inscription.color1 .chooseLink:focus {
+ background-color: #510816;
+}
+.inscription .component.inscription.color2 .chooseLink:hover,
+.inscription .component.inscription.color2 .chooseLink:focus {
+ background-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .chooseLink:hover,
+.inscription .component.inscription.color3 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription.color4 .chooseLink:hover,
+.inscription .component.inscription.color4 .chooseLink:focus {
+ background-color: #310948;
+}
+.inscription .component.inscription.color5 .chooseLink:hover,
+.inscription .component.inscription.color5 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color6 .chooseLink:hover,
+.inscription .component.inscription.color6 .chooseLink:focus {
+ background-color: #004948;
+}
+.inscription .component.inscription.color7 .chooseLink:hover,
+.inscription .component.inscription.color7 .chooseLink:focus {
+ background-color: #401b13;
+}
+.inscription .component.inscription.color8 .chooseLink:hover,
+.inscription .component.inscription.color8 .chooseLink:focus {
+ background-color: #c3590b;
+}
+.inscription .component.inscription.color9 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color10 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #4d0621;
+}
+.inscription .component.inscription.color11 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #10684c;
+}
+.inscription .component.inscription.color12 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription .chooseLink strong {
+ display: block;
+ font-size: 15px;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+}
+.inscription .component.inscription .chooseLink em {
+ font-style: normal;
+}
+.inscription .component.inscription span.chooseLink {
+ background: #202020 !important;
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+ cursor: auto;
+ padding: 10px;
+}
+.inscription .component.inscription span.chooseLink:focus,
+.inscription .component.inscription span.chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+}
+.inscription .component.inscription blockquote {
+ line-height: 200%;
+}
+.inscription .component.inscription #pseudo,
+.inscription .component.inscription #base {
+ position: relative;
+ width: 100%;
+ border: none;
+ padding: 12px 0;
+ margin: 0;
+ text-align: center;
+ font-size: 26px;
+ font-weight: bold;
+ background: white;
+ border-radius: 3px;
+}
+.inscription .component.inscription.color1 #pseudo {
+ color: #510816;
+}
+.inscription .component.inscription.color2 #pseudo {
+ color: #0c0d44;
+}
+.inscription .component.inscription.color3 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription.color4 #pseudo {
+ color: #310948;
+}
+.inscription .component.inscription.color5 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color6 #pseudo {
+ color: #004948;
+}
+.inscription .component.inscription.color7 #pseudo {
+ color: #401b13;
+}
+.inscription .component.inscription.color8 #pseudo {
+ color: #c3590b;
+}
+.inscription .component.inscription.color9 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color10 #pseudo {
+ color: #4d0621;
+}
+.inscription .component.inscription.color11 #pseudo {
+ color: #10684c;
+}
+.inscription .component.inscription.color12 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription .avatars {
+ padding: 5px;
+ text-align: center;
+}
+.inscription .component.inscription .avatar {
+ position: relative;
+ display: inline-block;
+ margin: 0 5px;
+ padding: 5px;
+ background: #202020;
+ border: solid 5px #0A0A0A;
+ border-radius: 100%;
+}
+.inscription .component.inscription .avatar input {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+.inscription .component.inscription .avatar img {
+ display: block;
+ width: 117px;
+ cursor: pointer;
+ border-radius: 100%;
+}
+.inscription .component.inscription.color1 .avatar:hover {
+ border-color: #510816;
+}
+.inscription .component.inscription.color2 .avatar:hover {
+ border-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color4 .avatar:hover {
+ border-color: #310948;
+}
+.inscription .component.inscription.color5 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color6 .avatar:hover {
+ border-color: #004948;
+}
+.inscription .component.inscription.color7 .avatar:hover {
+ border-color: #401b13;
+}
+.inscription .component.inscription.color8 .avatar:hover {
+ border-color: #c3590b;
+}
+.inscription .component.inscription.color9 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color10 .avatar:hover {
+ border-color: #4d0621;
+}
+.inscription .component.inscription.color11 .avatar:hover {
+ border-color: #10684c;
+}
+.inscription .component.inscription.color12 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color1 .avatar.active {
+ border-color: #b01e2d;
+}
+.inscription .component.inscription.color2 .avatar.active {
+ border-color: #2f23c0;
+}
+.inscription .component.inscription.color3 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription .component.inscription.color4 .avatar.active {
+ border-color: #a935c7;
+}
+.inscription .component.inscription.color5 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color6 .avatar.active {
+ border-color: #05bed7;
+}
+.inscription .component.inscription.color7 .avatar.active {
+ border-color: #ac5832;
+}
+.inscription .component.inscription.color8 .avatar.active {
+ border-color: #f2b636;
+}
+.inscription .component.inscription.color9 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color10 .avatar.active {
+ border-color: #a92859;
+}
+.inscription .component.inscription.color11 .avatar.active {
+ border-color: #34b089;
+}
+.inscription .component.inscription.color12 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription #alert {
+ bottom: -12px;
+ z-index: 10000;
+}
+.inscription .build-item {
+ min-height: 60px;
+}
+.inscription .build-item .name {
+ padding-top: 2px !important;
+}
+.inscription .build-item .name strong {
+ font-size: 16px !important;
+}
+.inscription .build-item .name em {
+ font-size: 12px !important;
+}
+.color0 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor0.png') no-repeat top left;
+}
+.color1 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor1.png') no-repeat top left;
+}
+.color2 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor2.png') no-repeat top left;
+}
+.color3 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor3.png') no-repeat top left;
+}
+.color4 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor4.png') no-repeat top left;
+}
+.color5 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor5.png') no-repeat top left;
+}
+.color6 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor6.png') no-repeat top left;
+}
+.color7 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor7.png') no-repeat top left;
+}
+.color8 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor8.png') no-repeat top left;
+}
+.color9 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor9.png') no-repeat top left;
+}
+.color10 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor10.png') no-repeat top left;
+}
+.color11 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor11.png') no-repeat top left;
+}
+.color12 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor12.png') no-repeat top left;
+}
+/* AUTOCOMPLETE MODULE */
+.ac_results {
+ width: 100%;
+ padding: 0px;
+ border: 1px solid #4F4F4F;
+ background-color: white;
+ overflow: hidden;
+ z-index: 99999;
+ box-shadow: 0 0 6px black;
+ border-radius: 3px;
+}
+.ac_results ul {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style-position: outside;
+ list-style: none;
+}
+.ac_results ul li {
+ padding: 4px 8px;
+ margin: 0px;
+ cursor: default;
+ display: block;
+ border-bottom: solid 1px #CCC;
+ overflow: hidden;
+}
+.ac_results ul li:last-child {
+ border: none;
+}
+.ac_results .img {
+ float: left;
+ width: 36px;
+ background: #202020;
+ border-radius: 3px;
+ margin: 0 8px 0 0;
+}
+.ac_results .value-1,
+.ac_results .value-2 {
+ display: block;
+ line-height: 18px;
+}
+.ac_results .value-1 {
+ font-weight: bold;
+}
+.ac_loading {
+ background: white url('src/desktop/module/indicator.gif') right center no-repeat;
+}
+.ac_over {
+ background: #efefef;
+}
+.ac_results .ac_over strong {
+ color: black;
+}
+.ac_results .ac_over img {
+ background: white;
+}
diff --git a/public/css/main.desktop.v3.color9.css b/public/css/main.desktop.v3.color9.css
index 6bc084e15..0254d207a 100644
--- a/public/css/main.desktop.v3.color9.css
+++ b/public/css/main.desktop.v3.color9.css
@@ -1 +1,6737 @@
-html{height:100%}body{margin:0;padding:0;font-family:Roboto,'Trebuchet MS',Arial,sans-serif;font-size:13px}.bull{display:none;position:absolute;z-index:1200;padding:4px 8px;max-width:280px;color:#fff;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px}.bull.top:before{bottom:-14px;border-color:#4F4F4F transparent transparent transparent}.bull.bottom:before{top:-14px;border-color:transparent transparent #4F4F4F transparent}.bull.left:before{right:9pt}.bull.right:before{left:9pt}body{width:100%;height:100%;overflow:hidden;background:#000}#nav,#tools{position:fixed;width:100%;height:26px;background:url(src/desktop/tools/bTools.png) repeat-x #000;box-shadow:0 0 10px #000;z-index:1000;border-color:#57c632}#nav{top:0;left:0;background:url(src/desktop/nav/bNav.png) repeat-x #000;border-bottom:solid 3px #000}#tools{bottom:0;left:0;background:url(src/desktop/tools/bTools.png) repeat-x #000;border-top:solid 3px #000}#container{position:absolute;top:29px;left:0;margin:0;padding:0;width:100%;background:#000;overflow:hidden;z-index:0;background:url(src/desktop/global/background.jpg) repeat-x #000}.icon,.icon-color{display:inline-block;vertical-align:bottom;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.icon-color{background:#57c632!important}#background-paralax{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat bottom left transparent;z-index:100;background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.profil{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.message{background-image:url(src/desktop/screen/message.jpg)}#background-paralax.fleet{background-image:url(src/desktop/screen/fleet.jpg)}#background-paralax.financial{background-image:url(src/desktop/screen/financial.jpg)}#background-paralax.technology{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.rank{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.params{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.bases{background-image:url(src/desktop/screen/base.jpg)}#movers a{position:absolute;width:60px;height:100%;z-index:400;background:red;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#movers a:focus,#movers a:hover{background-color:rgba(255,255,255,.08)}#movers a:active{background-color:rgba(255,255,255,.2)}#movers .toLeft{top:0;left:60px;background:url(src/desktop/mover/left.png) no-repeat center transparent}#movers .toRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center transparent}.component.financial table{border-collapse:collapse;width:100%}.component.financial td{vertical-align:top;width:50%}.component.uni .build-item{height:60px;margin:20px}.component.techno .build-item .name strong{font-size:1pc}.component.school .build-item .name strong{font-size:18px}.component.generator table{width:100%;border-collapse:collapse}.component.dock1 table{width:100%;border-collapse:collapse}.component.space .fix-body{background:url(src/desktop/base/situation.jpg) no-repeat top left #000}.component.memorial blockquote{font-size:22px;margin:30px 15px 0 30px;line-height:160%;font-weight:700;text-align:center}.component .info-building{margin:10px;padding:0;font-size:13px;border-top:solid 1px #4F4F4F}.component .info-building h4{margin:10px}.component .info-building p{font-size:13px}#nav .box a,#nav .box>span,#tools .box a,#tools .box>span{position:relative;display:inline-block;line-height:2pc;padding:0 25px;margin:5px 2px;font-size:14px;width:150px;color:#fff;text-decoration:none;font-variant:small-caps;background:url(src/desktop/button/bButtonMiddle.png) repeat-x}#nav .box a:before,#nav .box>span:before,#tools .box a:before,#tools .box>span:before{content:'';position:absolute;top:0;left:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonLeft.png) no-repeat}#nav .box a:after,#nav .box>span:after,#tools .box a:after,#tools .box>span:after{content:'';position:absolute;top:0;right:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonRight.png) no-repeat}#nav .box a.current-base,#tools .box a.current-base{margin-left:56px}#nav .box a.current-base img,#tools .box a.current-base img{position:absolute;top:-1pc;left:-54px;background:#000;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:solid 2px #4F4F4F;width:60px}#nav .box a:focus:before,#nav .box a:hover:before,#tools .box a:focus:before,#tools .box a:hover:before{background:url(src/desktop/button/bButtonLeftHover.png) repeat}#nav .box a:focus:after,#nav .box a:hover:after,#tools .box a:focus:after,#tools .box a:hover:after{background:url(src/desktop/button/bButtonRightHover.png) repeat}#nav .box a.active,#tools .box a.active{background:url(src/desktop/button/bButtonMiddleActive.png) repeat}#nav .box a.active:before,#tools .box a.active:before{background:url(src/desktop/button/bButtonLeftActive.png) repeat}#nav .box a.active:after,#tools .box a.active:after{background:url(src/desktop/button/bButtonRightActive.png) repeat}#nav .box a.square,#tools .box a.square{position:relative;padding:0 5px;margin:5px 2px;height:2pc;width:30px;background:url(src/desktop/button/bLittleButton.png) no-repeat;vertical-align:top}#nav .box a.square:after,#nav .box a.square:before,#tools .box a.square:after,#tools .box a.square:before{display:none}#nav .box a.square:focus,#nav .box a.square:hover,#tools .box a.square:focus,#tools .box a.square:hover{background:url(src/desktop/button/bLittleButtonHover.png) no-repeat}#nav .box a.square.active,#tools .box a.square.active{background:url(src/desktop/button/bLittleButtonActive-c9.png) no-repeat}#nav .box a.square.active.flashy,#tools .box a.square.active.flashy{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 9pt #57c632}#nav .box a.square img,#tools .box a.square img{position:absolute;width:24px;top:3px;left:8px}#nav .box a.square span.number,#tools .box a.square span.number{position:absolute;top:-5px;right:-5px;width:18px;line-height:18px;text-align:center;font-size:11px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#24500a}#nav .box{position:absolute;display:inline-block;height:46px;padding:0 3px;background:url(src/desktop/nav/bNavBox.png) repeat-x}#nav .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxLeft.png) no-repeat}#nav .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxRight.png) no-repeat}#nav .box.left{top:0;left:25px}#nav .box.left-2{top:0;left:420px}#nav .box.left-3{top:0;left:732px}#nav .box.right{top:0;right:25px}#nav .box a.square span.number{bottom:-5px;top:auto}#tools .box{position:absolute;display:inline-block;height:40px;padding:1px 3px 0 3px;background:url(src/desktop/tools/bToolBox.png) repeat-x;font-size:13px}#tools .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxRight.png) no-repeat}#tools .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxLeft.png) no-repeat}#tools .box.left{bottom:0;right:340px}#tools .box.right{bottom:0;right:25px}#tools .box a.square img{top:4px}#tools .box a.resource-link,#tools .box span.resource-link{width:110px;font-size:1pc}#tools .box a.resource-link img.icon-color,#tools .box span.resource-link img.icon-color{position:relative;display:inline-block;width:18px;vertical-align:middle;margin-left:5px;top:-2px;padding:1px}#nav .overbox .overflow,#tools .overbox .overflow{max-height:25pc;overflow:auto;position:relative}#nav .overbox h2,#tools .overbox h2{color:#fff;padding:10px 15px;margin:0;font-size:14px;font-weight:400;border-bottom:solid 1px #202020}#nav .overbox .link-title,#tools .overbox .link-title{position:absolute;top:10px;right:10px;line-height:20px;font-size:11px;padding:0 5px;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-decoration:none;color:#fff}#nav .overbox a,#tools .overbox a{color:inherit}#nav .overbox a.more-link,#tools .overbox a.more-link{display:block;padding:8px;font-size:9pt;border-top:solid 1px #202020;text-align:center;text-decoration:none;color:#4F4F4F}#nav .overbox a.more-link:focus,#nav .overbox a.more-link:hover,#tools .overbox a.more-link:focus,#tools .overbox a.more-link:hover{color:#CCC}#nav .overbox p.info,#tools .overbox p.info{padding:5px 15px;font-size:9pt;text-align:center;color:#CCC}#nav .overbox .outside-button,#tools .overbox .outside-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#2c7915;border:solid 1px #24500a;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}#nav .overbox .outside-button:focus,#nav .overbox .outside-button:hover,#tools .overbox .outside-button:focus,#tools .overbox .outside-button:hover{background:#24500a;border-color:#2c7915}#nav .overbox .outside-button.disabled,#tools .overbox .outside-button.disabled{background:#202020;border-color:#4F4F4F}#nav .overbox input.outside-button,#tools .overbox input.outside-button{line-height:26px}#nav .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}#nav .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:transparent transparent #202020 transparent;top:-18px;right:30px}#nav .overbox#change-bases{top:50px;left:10px;width:205px;padding:0 0 8px 0}#nav .overbox#change-bases:before{left:30px;right:auto}#nav .overbox#change-bases a{display:block;padding:3px 15px;color:#CCC;text-decoration:none;font-size:9pt;border-bottom:solid 1px #101010}#nav .overbox#change-bases a:focus,#nav .overbox#change-bases a:hover{background:#101010}#nav .overbox#change-bases a.active{background:#202020}#nav .overbox#change-bases strong{display:block;color:#CCC;font-size:13px}#nav .overbox#disconnect-box{top:50px;right:10px;width:205px;padding:8px 0}#nav .overbox#disconnect-box hr{margin:8px 0;border:none;background:0 0;border-top:solid 1px #202020}#nav .overbox#disconnect-box a{display:block;padding:0 15px;line-height:25px;font-size:13px;color:#CCC;text-decoration:none}#nav .overbox#disconnect-box a:focus,#nav .overbox#disconnect-box a:hover{color:#fff;background:#202020}#nav .overbox#bug-tracker{width:250px;top:50px;right:98px;padding:0 0 8px 0}#nav .overbox#bug-tracker p{color:#CCC;font-size:9pt;margin:10px}#nav .overbox#bug-tracker .option{margin:3px 10px 10px 10px;display:block;width:330px;padding:5px}#nav .overbox#bug-tracker textarea{display:block;margin:0 10px 10px 10px;padding:5px;width:318px;height:200px;min-width:318px;max-width:318px;border:solid 1px #202020;font-family:'Trebuchet MS',sans-serif;font-size:13px}#nav .overbox#bug-tracker .button{display:block;margin:0 10px 2px 10px}#nav .overbox#roadmap{width:350px;top:50px;right:10px}#nav .overbox#roadmap .overflow{width:350px;padding:8px 0}#nav .overbox#roadmap p{color:#CCC;font-size:9pt;margin:0 10px 10px 10px}#nav .overbox#roadmap p em{display:block;font-size:11px;color:#4F4F4F}#nav .overbox#roadmap hr{margin:5px 0;border:none;border-top:solid 1px #202020}#nav .overbox#tutorial{width:350px;top:50px;right:143px;color:#fff}#nav .overbox#tutorial form{padding:0 0 10px 0;margin:0;border-top:solid 1px #202020}#nav .overbox#tutorial .overflow{padding:15px 15px 0 15px}#nav .overbox#tutorial .overflow h3{position:relative;margin:0;padding:0 0 0 36px}#nav .overbox#tutorial .overflow h3 .number{position:absolute;top:-4px;left:0;display:block;width:26px;line-height:26px;text-align:center;background:#24500a;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;margin-right:10px}#nav .overbox#tutorial .overflow p{font-size:9pt;color:#CCC}#nav .overbox#new-notifications{top:50px;left:627px;width:300px}#tools .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:300px;bottom:45px;right:15px}#tools .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:#202020 transparent transparent transparent;bottom:-18px;right:30px}#tools .overbox.left-pic:before{left:30px;right:auto}#tools .overbox#tools-calendar{left:25px;bottom:45px;right:auto}#tools .overbox#tools-refinery{right:401px;bottom:45px}#tools .overbox#tools-generator{right:237px;bottom:45px}#tools .overbox#tools-technosphere{right:193px;bottom:45px}#tools .overbox#tools-dock1{right:148px;bottom:45px}#tools .overbox#tools-dock2{right:105px;bottom:45px}#tools .overbox#tools-credit{right:140px;bottom:45px}#tools .overbox#tools-incoming-attack{right:230px;bottom:45px}#tools .overbox#tools-outgoing-attack{right:185px;bottom:45px}#subnav{position:fixed;top:29px;left:2px;bottom:29px;padding:40px 0;width:60px;background:url(src/desktop/subnav/middle.png) repeat-y;z-index:1000}#subnav hr{border:none;margin:20px 0}#subnav .overflow{position:relative}#subnav .move-side-bar{display:none;position:absolute;z-index:5000;left:5px;width:3pc;height:3pc;line-height:3pc;border:none;background-color:rgba(0,0,0,.75);background-position:center;background-repeat:no-repeat;border-radius:100%;cursor:pointer}#subnav .move-side-bar:focus,#subnav .move-side-bar:hover{box-shadow:0 0 3px #fff}#subnav .move-side-bar.top{bottom:auto;top:20px;background-image:url(src/desktop/component/top.png)}#subnav .move-side-bar.bottom{bottom:20px;top:auto;background-image:url(src/desktop/component/bottom.png)}#subnav .item{position:relative;display:block;height:50px;width:50px;margin:0 0 10px 0;padding:8px 5px;color:#fff;text-decoration:none;background:url(src/desktop/subnav/button.png) no-repeat}#subnav .item.active{background:url(src/desktop/subnav/button-active-c9.png) no-repeat}#subnav .item.striped{background:url(src/desktop/subnav/button-striped.png) no-repeat}#subnav .item:before{content:'';position:absolute;right:-6px;bottom:0;width:9pt;height:47px;background:url(src/desktop/subnav/til.png) no-repeat}#subnav .item:hover:before{background:url(src/desktop/subnav/til-hover.png) no-repeat}#subnav .item:hover>.content{display:block}#subnav .item .picto{display:block;height:30px;width:30px;padding:10px}#subnav .item .picto img{display:block;height:30px;width:30px}#subnav .item .picto .number{position:absolute;bottom:-5px;right:-18px;display:block;width:28px;height:28px;line-height:28px;text-align:center;font-size:9pt;background:url(src/desktop/subnav/number.png) no-repeat}#subnav .item .content{display:none;position:absolute;top:0;left:75px;width:230px}#subnav .item .content.skin-1 span{display:inline-block;margin:15px 0 15px 1pc;padding:0 15px;line-height:30px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-1 span:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content{display:inline-block;margin:0 0 0 1pc;padding:10px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-2 .sub-content:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content hr{border:none;border-top:solid 1px #4F4F4F;margin:5px 0}#subnav .item .content.skin-2 .sub-content .ship{position:relative}#subnav .item .content.skin-2 .sub-content .ship img{width:2pc;height:2pc}#subnav .item .content.skin-2 .sub-content .ship img.zero{opacity:.5}#subnav .item .content.skin-2 .sub-content .ship .number{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;line-height:18px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;text-align:center;background:#57c632}#alert-content{display:none}#alert{position:absolute;bottom:18px;left:50px;padding:0;text-align:right;list-style:inset none}#alert li{position:relative;display:inline-block;margin:0 0 0 5px}#alert li img{display:block;height:50px;border:solid 1px #202020;padding:5px;background:#0A0A0A;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.alert-bull{display:block;position:absolute;z-index:1200;width:200px;padding:6px 8px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.alert-bull .title{display:block;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:solid 1px #4F4F4F}.alert-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;bottom:-14px;left:24px;border-color:#4F4F4F transparent transparent transparent}#content{position:absolute;width:500pc;height:100%;top:0;left:300px;z-index:200}#content .component{position:relative;display:table-cell;overflow:hidden;width:300px;background:rgba(0,0,0,.92)}#content .component.size2{width:600px}#content .component.size3{width:900px}#content .component:nth-child(1){background:rgba(0,0,0,.6)}#content .component:nth-child(2){background:rgba(0,0,0,.75)}#content .component:nth-child(3){background:rgba(0,0,0,.85)}#content .component:nth-child(4){background:rgba(0,0,0,.9)}#content .component .head{position:relative;display:inline-block;height:90pt;width:100%;vertical-align:top;color:#fff;background:url(src/desktop/component/bHead.jpg) repeat-x center #000;border-bottom:solid 1px #202020}#content .component .head h1{position:absolute;top:10px;left:10px;font-size:38px;line-height:50px;height:50px;display:inline-block;padding:0 10px;background:#000;overflow:hidden}#content .component .fix-body{position:relative;overflow:auto;color:#fff;border-right:solid 1px #202020}#content .component .fix-body .body{position:relative}.no-scrolling #content .component .fix-body{overflow:hidden}.no-scrolling #content .component .fix-body>a{position:absolute;width:100%;height:40px;left:0;opacity:0}.no-scrolling #content .component .fix-body.hover>a{opacity:1;background-position:center;background-repeat:no-repeat}.no-scrolling #content .component .fix-body .toTop{top:0;background-image:url(src/desktop/component/top.png),-webkit-gradient(linear,#000,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-moz-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-ms-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-o-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),linear-gradient(black,rgba(0,0,0,.8),transparent)}.no-scrolling #content .component .fix-body .toBottom{bottom:0;background-image:url(src/desktop/component/bottom.png),-webkit-gradient(linear,transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-moz-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-ms-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-o-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),linear-gradient(transparent,rgba(0,0,0,.8),#000)}#content .component.invisible{background:0 0}#content .component.invisible .publicity{position:absolute;bottom:0;left:0;right:0;background:red}.component .tool{display:table;width:100%;height:44px;margin:0;overflow:hidden;background:#000;border-bottom:solid 1px #57c632;color:#4F4F4F}.component .tool>span{display:table-cell;width:28px;border:solid 6px transparent;border-left:none}.component .tool>span:first-child{border:solid 5px transparent;width:auto;text-align:center}.component .tool>span:first-child a{width:auto}.component .tool>span a{position:relative;display:block;margin:0;padding:0;line-height:30px;width:30px;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px;text-align:center}.component .tool>span a img{width:18px;position:relative;top:-4px}.component .tool>span a.active{background:#2c7915;color:#fff;border-color:#57c632}.component .tool>span a.active.down{box-shadow:0 2px 0 0 #CCC}.component .tool>span a.active.up{box-shadow:0 -2px 0 0 #ccc}.component .tool>span a.active:focus,.component .tool>span a.active:hover{color:#CCC;box-shadow:inset 0 0 5px rgba(0,0,0,.5)}.component .tool>span a:active,.component .tool>span a:focus,.component .tool>span a:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .tool.sort-button>span:first-child{text-align:center}.component h3{width:100%;margin:0;background:#000;text-align:center;padding:0 2px;line-height:44px;font-weight:400;font-size:14px;color:#4F4F4F;text-decoration:none;border-bottom:solid 1px #57c632}.component h4{margin:10px 10px 0 10px;font-weight:400;font-size:18px}.component .body p{margin:10px;font-size:13px;text-align:justify}.component .body p.info{position:relative;border-top:solid 1px #202020;padding:10px;margin:10px;line-height:140%;background:rgba(0,0,0,.8)}.component .body p.info a{color:#fff}.component .body p.info .requierement{display:inline-block;margin:0 0 0 8px;vertical-align:bottom;height:1pc}.component .body p.long-info{padding:10px;line-height:150%;background:#000}.component .body p .alone-button{display:block;text-align:center;color:#fff;line-height:40px;border-radius:3px;text-decoration:none;background:#4F4F4F;box-shadow:inset 0 0 2px #000;padding:0 10px;background:#24500a}.component .body p .alone-button:focus,.component .body p .alone-button:hover{background:#2c7915}.component .border-bottom{border-bottom:solid 3px #57c632}.component .list-type-1{margin:10px;padding:0;list-style:none}.component .list-type-1 li{position:relative;padding:5px 10px;text-align:right;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:rgba(0,0,0,.8);color:#989898}.component .list-type-1 li.strong{border-top:double 3px #4F4F4F;background:#111;color:#fff}.component .list-type-1 li.empty{background:0 0;border:none;height:50px}.component .list-type-1 li ul li{height:auto}.component .list-type-1 .label{display:block;font-size:13px}.component .list-type-1 .label .icon-color{width:15px;padding:1px}.component .list-type-1 .value{display:inline-block;font-size:22px;line-height:30px;font-weight:700}.component .list-type-1 .value .icon,.component .list-type-1 .value .icon-color{height:18px;margin-left:8px;position:relative;top:-3px}.component .list-type-1 .picto{position:absolute;top:7px;left:10px;height:35px;width:35px;line-height:35px;padding:5px;border-radius:100%;background:#202020;font-size:1pc;text-align:center;color:#fff;text-decoration:none}.component .list-type-1 .picto.color1{background:#510816}.component .list-type-1 .picto.color2{background:#0c0d44}.component .list-type-1 .picto.color3{background:#b17a00}.component .list-type-1 .picto.color4{background:#310948}.component .list-type-1 .picto.color5{background:#24500a}.component .list-type-1 .picto.color6{background:#004948}.component .list-type-1 .picto.color7{background:#401b13}.component .list-type-1 .picto.color8{background:#c3590b}.component .list-type-1 .picto.color9{background:#24500a}.component .list-type-1 .picto.color10{background:#4d0621}.component .list-type-1 .picto.color11{background:#10684c}.component .list-type-1 .picto.color12{background:#b17a00}.component .list-type-1 .hide{color:#4F4F4F}.component .list-type-1 .buttons{position:absolute;top:28px;left:5px}.component .list-type-1 .buttons a{display:inline-block;margin:0 4px;width:18px;line-height:18px;text-align:center;text-decoration:none;font-style:14px;color:#fff;border-radius:3px;background:#2c7915}.component .list-type-1 .progress-bar{text-align:left;margin-top:5px}.component .sub-list-type-1{display:none;margin:0;padding:0;list-style:none}.component .sub-list-type-1 li{position:relative;padding:2px 0;text-align:left;border:none;border-top:solid 1px #0A0A0A}.component .sub-list-type-1 .label{display:inline-block;width:60%}.component .sub-list-type-1 .label .button{position:relative;left:-4px;margin:0 0 0 3px}.component .sub-list-type-1 .value{text-align:right;line-height:25px;font-size:18px;width:40%}.component .sub-list-type-1 .value .button{margin:0 2px 0 6px}.component .sub-list-type-1 .button{display:inline-block;width:18px;line-height:18px;text-align:center;text-decoration:none;font-size:14px;font-weight:400;color:#fff;border-radius:3px;background:#57c632}.component .list-type-1 form{z-index:1;position:absolute;display:none;bottom:-40px;right:3px}.component .list-type-1 form p{position:relative;background:#fff;border-radius:3px;padding:0;margin:0;width:200px;height:35px}.component .list-type-1 form p:before{content:'';position:absolute;top:-9pt;right:9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent}.component .list-type-1 form input{border:none;background:0 0;line-height:35px;height:35px;padding:0 10px}.component .list-type-1 form input[type=text]{width:140px}.component .list-type-1 form input[type=submit]{width:40px}.component .sub-list-type-1 form{right:-6px}.number-box{position:relative;margin:10px;padding:5px 10px;background:#000;color:#fff;border:solid 1px #0A0A0A;border-top:solid 1px #202020;border-left:solid 10px #2c7915}.number-box.half{display:inline-block;width:254px;margin-right:0;margin-bottom:0}.number-box.grey{border-left:solid 10px #4F4F4F!important}.number-box.text{border-left:solid 1px #0A0A0A}.number-box.text a{text-decoration:none;color:#fff}.number-box .label{display:block}.number-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.number-box .value .icon-color{width:20px;height:20px;vertical-align:middle}.number-box .progress-bar{margin:5px 0}.number-box .group-link{position:absolute;top:5px;right:5px}.number-box .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#2c7915}.progress-bar{position:relative;display:block;width:100%;height:3px;background:#4F4F4F}.progress-bar .content{position:relative;display:inline-block;height:3px;vertical-align:top;overflow:hidden;max-width:100%}.progress-bar .content:nth-child(n){background:#57c632}.progress-bar .content:nth-child(2n){background:#24500a}.progress-bar .content.color1{background:#6e161b}.progress-bar .content.color2{background:#1f1471}.progress-bar .content.color3{background:#dbb200}.progress-bar .content.color4{background:#5a1072}.progress-bar .content.color5{background:#2c7915}.progress-bar .content.color6{background:#076b87}.progress-bar .content.color7{background:#67331d}.progress-bar .content.color8{background:#d87913}.progress-bar .content.color9{background:#2c7915}.progress-bar .content.color10{background:#760f36}.progress-bar .content.color11{background:#219772}.progress-bar .content.color12{background:#dbb200}.progress-bar .step{position:absolute}.progress-bar .step .label{position:absolute;display:block;width:150px;left:0;top:-28px}.progress-bar .step .label.bottom{top:auto;bottom:-28px}.progress-bar .step .label.right{right:0;left:auto;text-align:right}.progress-bar .step:before{content:'';position:absolute;width:9pt;height:9pt;background:#2c7915;box-shadow:0 0 0 3px #24500a;border-radius:100%;top:-5px;left:-5px}.bonus{vertical-align:top;display:inline-block;font-size:55%;line-height:100%;padding:3px;margin:2px 0 0 8px;border-radius:3px;font-weight:400;background:#24500a}.component .head.skin-1 img{position:absolute;top:22px;left:20px;padding:8px;width:60px;border:solid 1px #202020;border-radius:100%;background:#000}.component .head.skin-1 img:before{content:'';width:75pt;height:75pt}.component .head.skin-1 h2{position:absolute;bottom:66px;left:105px;font-size:22px;line-height:22px;margin:0;padding:0}.component .head.skin-1 em{position:absolute;top:62px;left:105px;font-size:13px;line-height:1pc;font-style:normal}.component .head.skin-2 h2{position:absolute;display:inline-block;top:45px;left:10px;font-size:22px;line-height:30px;margin:0;padding:0 10px;background:#000;font-weight:400}.component .head.skin-3 img{position:absolute;width:50px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:27px}.component .head.skin-3 img.left{left:40px}.component .head.skin-3 img.right{right:40px}.component .head.skin-4 img.main{position:absolute;width:30px;height:30px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:37px}.component .head.skin-4 h2{position:absolute;top:35px;left:60px;font-size:18px;line-height:22px;margin:0;padding:0}.component .head.skin-4 em{position:absolute;top:65px;left:60px;font-size:13px;line-height:1pc}.component .head.skin-5 h2{position:absolute;top:50px;left:10px;font-size:1pc;font-weight:400;margin:0;padding:0 20px;background:#000}.component .head.skin-5 h2:before{content:'';position:absolute;display:block;top:5px;left:0;width:8px;height:8px;border:solid 1px #202020;background:#000;border-radius:100%}.component .more-button,.component .more-item{display:block;margin:10px 10px 5px;line-height:34px;padding:0 9pt;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px}.component .more-button:active,.component .more-button:focus,.component .more-button:hover,.component .more-item:active,.component .more-item:focus,.component .more-item:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .nav-element{position:relative;display:block;margin:10px;height:70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component .nav-element img{position:absolute;top:5px;left:5px;padding:8px;height:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component .nav-element.active{background:#2c7915}.component .nav-element .active img{background:#000}.component .nav-element strong{position:absolute;top:5px;left:70px;color:#fff;font-weight:700;font-size:17px}.component .nav-element em{position:absolute;top:30px;left:70px;color:#fff;font-weight:400;font-size:9pt;font-style:normal;color:#efefef}.component hr{border:none;border-bottom:dashed 1px #202020;margin:0 10px}.component .set-item{margin:10px;border-bottom:solid 1px #202020}.component .set-item a.item:focus,.component .set-item a.item:hover{background-color:#0c0c0c}.component .set-item .item{position:relative;display:block;color:#fff;height:60px;border:solid 1px #202020;border-bottom:none;background:#0A0A0A}.component .set-item .item .left{position:absolute;top:0;left:0;bottom:0;width:60px}.component .set-item .item .left img{width:30px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left img.color1{background:#6e161b}.component .set-item .item .left img.color2{background:#1f1471}.component .set-item .item .left img.color3{background:#dbb200}.component .set-item .item .left img.color4{background:#5a1072}.component .set-item .item .left img.color5{background:#2c7915}.component .set-item .item .left img.color6{background:#076b87}.component .set-item .item .left img.color7{background:#67331d}.component .set-item .item .left img.color8{background:#d87913}.component .set-item .item .left img.color9{background:#2c7915}.component .set-item .item .left img.color10{background:#760f36}.component .set-item .item .left img.color11{background:#219772}.component .set-item .item .left img.color12{background:#dbb200}.component .set-item .item .left img.round-color0{box-shadow:0 0 0 2px #CCC}.component .set-item .item .left img.round-color1{box-shadow:0 0 0 2px #b01e2d}.component .set-item .item .left img.round-color2{box-shadow:0 0 0 2px #2f23c0}.component .set-item .item .left img.round-color3{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left img.round-color4{box-shadow:0 0 0 2px #a935c7}.component .set-item .item .left img.round-color5{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color6{box-shadow:0 0 0 2px #05bed7}.component .set-item .item .left img.round-color7{box-shadow:0 0 0 2px #ac5832}.component .set-item .item .left img.round-color8{box-shadow:0 0 0 2px #f2b636}.component .set-item .item .left img.round-color9{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color10{box-shadow:0 0 0 2px #a92859}.component .set-item .item .left img.round-color11{box-shadow:0 0 0 2px #34b089}.component .set-item .item .left img.round-color12{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left span{display:block;width:30px;line-height:30px;text-align:center;font-size:15px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left span.round-color0{background:#CCC}.component .set-item .item .left span.round-color1{background:#b01e2d}.component .set-item .item .left span.round-color2{background:#2f23c0}.component .set-item .item .left span.round-color3{background:#ffdb0f}.component .set-item .item .left span.round-color4{background:#a935c7}.component .set-item .item .left span.round-color5{background:#57c632}.component .set-item .item .left span.round-color6{background:#05bed7}.component .set-item .item .left span.round-color7{background:#ac5832}.component .set-item .item .left span.round-color8{background:#f2b636}.component .set-item .item .left span.round-color9{background:#57c632}.component .set-item .item .left span.round-color10{background:#a92859}.component .set-item .item .left span.round-color11{background:#34b089}.component .set-item .item .left span.round-color12{background:#ffdb0f}.component .set-item .item .center{position:absolute;top:0;left:60px;right:30px;bottom:0;padding:9px 0}.component .set-item .item .center strong{display:block;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component .set-item .item .center a{color:#fff;text-decoration:none;border-bottom:solid 1px rgba(255,255,255,.25)}.component .set-item .item .right{position:absolute;top:0;right:0;bottom:0;width:29px;border-left:solid 1px #202020}.component .set-item .item .right a{position:absolute;top:0;left:0;width:29px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a}.component .set-item .item .right a.active,.component .set-item .item .right a:focus,.component .set-item .item .right a:hover{background-color:#202020}.component .set-item .item .group-link{position:absolute;top:5px;right:5px}.component .set-item .item .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#2c7915}.army-bull{display:none;position:absolute;z-index:1200;padding:4px 8px;width:220px;color:#CCC;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.army-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;top:-14px;border-color:transparent transparent #4F4F4F transparent;left:18px}.army-bull strong{display:block;padding-bottom:5px;margin-bottom:5px;border-bottom:solid 1px #4F4F4F;font-weight:400}.army-bull .label{display:inline-block;width:70px}.army-bull .value{display:inline-block;width:40px}.component .build-item{position:relative;margin:10px;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;width:278px}.component .build-item a{color:#fff}.component .build-item .name{position:relative;height:40px;padding:5px 5px 5px 90px}.component .build-item .name img{z-index:20;position:absolute;top:-10px;left:5px;width:60px;padding:8px;border:solid 1px #202020;border-radius:100%;background:#000}.component .build-item .name strong{display:block;font-size:18px}.component .build-item .level{display:block;position:absolute;width:22px;line-height:22px;text-align:center;font-size:9pt;border-radius:100%;top:38px;left:58px;border:solid 1px #fff;z-index:22;background:#2c7915}.component .build-item .info{display:none;position:absolute;width:20px;line-height:20px;text-align:center;font-size:1pc;text-decoration:none;border-radius:3px;top:5px;right:5px;background:#2c7915;color:#fff}.component .build-item .name-commander{margin:10px 10px 0 10px;height:40px;padding:0 10px;border:none;background:#fff;border-radius:3px;width:15pc;text-align:center;font-size:1pc}.component .build-item .button{display:block;margin:10px;padding:5px 10px;width:15pc;line-height:20px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;background:#2c7915;box-shadow:inset 0 0 2px #000;border:none;cursor:pointer;min-height:36px}.component .build-item .button:hover{box-shadow:inset 0 0 6px #000;background:#57c632}.component .build-item .button.disable{background:#202020;cursor:default}.component .build-item .button .icon-color{width:14px}.component .build-item button.button{width:260px}.component .build-item .ship-pack{z-index:10;position:absolute;bottom:15px;left:15px;width:60px;height:40px;padding:0;margin:0;border:none;background:#fff;text-align:center;font-size:24px;font-weight:700;border-radius:3px;box-shadow:inset 0 0 0 3px #CCC}.component .build-item .ship-illu{width:260px;margin:5px 10px;overflow:hidden}.component .build-item .ship-illu img{width:100%}.component .build-item.disabled{opacity:.3}.component .build-item.disabled .name img{opacity:.5}.component .build-item.disabled strong{color:#4F4F4F}.component .build-item.disabled .button.disable{color:#696969}.component .build-item.disabled .button.disable:hover{background:#202020;box-shadow:inset 0 0 2px #000}.component .build-item.large{width:578px}.component .build-item.large .info{top:75px;right:25px}.component .build-item.large .button{display:block;top:-3px;right:0;line-height:18px;width:540px;min-height:36px}.component .build-item.large .ship-illu{width:35pc;margin-top:10px}.component .build-item input{display:block;width:243px;margin:10px;padding:8px;border:none}.component .build-item select{display:block;width:260px;margin:10px;padding:8px;border:none}.component.panel-info .remove-info{display:block;position:absolute;top:2px;right:10px;line-height:20px;width:20px;text-align:center;text-decoration:none;color:#fff;border-radius:3px;background:#24500a}.component.panel-info .table{margin:10px}.component.panel-info .table table{width:100%;text-align:right;border-collapse:collapse;background:#000}.component.panel-info .table td{border:solid 1px #202020;padding:6px 8px}.component.panel-info .table tr.small-grey{background:#0A0A0A}.component.panel-info .table tr.active td{background:#0A0A0A;border-bottom:solid 1px #4F4F4F}.component.panel-info .table .icon-color{width:9pt}.component.panel-info .illu{margin:0 10px;box-shadow:inset 0 0 5px #000}.component.panel-info .skill-box{position:relative;margin:0 10px;padding:5px 10px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000}.component.panel-info .skill-box.grey{border-left:solid 10px #4F4F4F!important}.component.panel-info .skill-box .label{display:block}.component.panel-info .skill-box .value{display:block;font-size:18px;font-weight:700;margin:4px 0 0 0}.component.panel-info .skill-box .value .icon-color{width:18px}.component.panel-info .skill-box .progress-bar{margin:6px 0 2px 0}.splash-screen{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;background:rgba(0,0,0,.8)}.splash-screen .modal{width:500px;height:140px;position:absolute;top:5pc;right:3000px;background:#0A0A0A;padding:25px 175px 25px 75px;color:#fff;border-radius:140px;border:solid 1px #202020}.splash-screen .modal h1{font-size:36px;margin:0;padding:0 0 10px 0}.splash-screen .modal h2{font-size:20px;margin:0;padding:0}.splash-screen .modal img{position:absolute;top:-15px;right:-50px;width:200px;padding:10px;background:#202020;border-radius:100%;border:solid 1px #4F4F4F}.splash-screen .modal:before{content:'';position:absolute;top:-5pc;right:20px;border-color:transparent transparent #4F4F4F transparent;border-width:40px;border-style:solid}.common-link{color:#fff}.component .top-right-button{display:block;position:absolute;top:0;right:10px;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;text-decoration:none;background:#2c7915;z-index:1}.component .top-right-button:focus,.component .top-right-button:hover{background:#24500a}.alert{display:block;margin:10px;line-height:30px;padding:0 10px;text-decoration:none;color:#fff;background:#2c7915;border-radius:3px;box-shadow:0 0 2px #000}.common-link{display:block;margin:10px;color:#fff;text-decoration:none}.text-bloc a{display:inline-block;color:inherit;opacity:.6}.text-bloc a:focus,.text-bloc a:hover{opacity:1}.queue{margin:10px;color:#fff}.queue .item{position:relative;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;min-height:60px;display:block}.queue .item.empty{background:#0A0A0A}.queue .item.empty strong{font-weight:400}.queue .item.link{min-height:0;padding:10px;color:#4F4F4F;text-decoration:none}.queue .item.link:focus,.queue .item.link:hover{color:#CCC}.queue .item a.button{position:absolute;display:block;top:2px;right:5px;color:#fff;text-decoration:none}.queue .item a{color:#CCC}.queue .item .group-link{position:absolute;top:9px;right:9px}.queue .item .group-link a{display:block;width:20px;line-height:20px;margin:0 0 5px 0;border-radius:3px;color:#fff;text-align:center;text-decoration:none;background:#2c7915}.queue .item .group-link a:focus,.queue .item .group-link a:hover{background:#57c632}.queue .item .picto{float:left;width:40px;height:40px;margin:5px;padding:5px;background:#000;border-radius:100%;border:solid 1px #202020}.queue .item strong{display:block;margin:6px 0 2px 0}.queue .item strong .level{font-size:11px;color:#CCC}.queue .item .big{font-size:24px}.queue .item em{display:block;font-style:normal;color:#AEAEAE}.queue .item .progress-container{position:relative;display:block;clear:both;margin:5px;height:3px;background:#4F4F4F}.queue .item .progress-bar{position:absolute;display:block;height:100%;background:#57c632}.choose-government{display:block;margin:10px;padding:10px;background:#0A0A0A;border-radius:3px}.choose-government select{display:block;width:100%;padding:8px}.choose-government button{display:block;width:100%;margin:10px 0 0 0;padding:0 10px;line-height:30px;border:none;color:#fff;cursor:pointer;background:#2c7915}.choose-government button:focus,.choose-government button:hover{background:#24500a}.evolution{background:#000;margin:10px;border-top:solid 1px #202020;border-bottom:solid 1px #202020}.evolution .header{padding:10px;border-bottom:solid 1px #202020;color:#EFEFEF}.evolution .diargam{padding:10px;background:#0A0A0A}.evolution .diargam .progress-bar{background:#0A0A0A!important;height:20px;padding-bottom:1px}.evolution .diargam .progress-bar .content{height:20px;line-height:20px;font-size:9pt;color:#fff;padding-left:5px}.evolution .diargam .progress-bar:nth-child(odd) .content{background:#2c7915!important}.centred-link{display:block;width:300px;text-align:center;margin:0 auto;text-decoration:none;padding:6px 10px;color:#EFEFEF;background:#2c7915;border:solid 1px #24500a}.centred-link:focus,.centred-link:hover{background:#24500a;border-color:#2c7915;color:#fff}span.centred-link{background:#202020;border:solid 1px #0A0A0A;color:#4F4F4F}span.centred-link:focus,span.centred-link:hover{background:#202020;border-color:#0A0A0A;color:#4F4F4F}.component.profil .center-box{margin:20px 10px 0;color:#fff;text-align:center}.component.profil .center-box .label{display:block}.component.profil .center-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.component.profil .profil-flag{position:relative;width:222px;height:460px;margin:0 auto}.component.profil .profil-flag img{position:relative;background:#0A0A0A;border:solid 1px #202020;padding:10px;border-radius:100%;margin:20px auto;box-shadow:0 0 0 4px #2c7915,0 0 20px #000;z-index:1}.component.profil .profil-flag.color-1 img{box-shadow:0 0 0 4px #6e161b,0 0 20px #000}.component.profil .profil-flag.color-2 img{box-shadow:0 0 0 4px #1f1471,0 0 20px #000}.component.profil .profil-flag.color-3 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag.color-4 img{box-shadow:0 0 0 4px #5a1072,0 0 20px #000}.component.profil .profil-flag.color-5 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-6 img{box-shadow:0 0 0 4px #076b87,0 0 20px #000}.component.profil .profil-flag.color-7 img{box-shadow:0 0 0 4px #67331d,0 0 20px #000}.component.profil .profil-flag.color-8 img{box-shadow:0 0 0 4px #d87913,0 0 20px #000}.component.profil .profil-flag.color-9 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-10 img{box-shadow:0 0 0 4px #760f36,0 0 20px #000}.component.profil .profil-flag.color-11 img{box-shadow:0 0 0 4px #219772,0 0 20px #000}.component.profil .profil-flag.color-12 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag:before{display:block;position:absolute;content:'';top:218px;left:33px;width:154px;height:241px;background:url(src/desktop/faction/flag/flag-9.png) no-repeat}.component.profil .profil-flag.color-1:before{background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.profil .profil-flag.color-2:before{background:url(src/desktop/faction/flag/flag-2.png) no-repeat}.component.profil .profil-flag.color-3:before{background:url(src/desktop/faction/flag/flag-3.png) no-repeat}.component.profil .profil-flag.color-4:before{background:url(src/desktop/faction/flag/flag-4.png) no-repeat}.component.profil .profil-flag.color-5:before{background:url(src/desktop/faction/flag/flag-5.png) no-repeat}.component.profil .profil-flag.color-6:before{background:url(src/desktop/faction/flag/flag-6.png) no-repeat}.component.profil .profil-flag.color-7:before{background:url(src/desktop/faction/flag/flag-7.png) no-repeat}.component.profil .profil-flag.color-8:before{background:url(src/desktop/faction/flag/flag-8.png) no-repeat}.component.profil .profil-flag.color-9:before{background:url(src/desktop/faction/flag/flag-9.png) no-repeat}.component.profil .profil-flag.color-10:before{background:url(src/desktop/faction/flag/flag-10.png) no-repeat}.component.profil .profil-flag.color-11:before{background:url(src/desktop/faction/flag/flag-11.png) no-repeat}.component.profil .profil-flag.color-12:before{background:url(src/desktop/faction/flag/flag-12.png) no-repeat}.component.profil .profil-flag .level{z-index:2;display:block;position:absolute;top:184px;right:2px;width:36px;height:36px;text-align:center;line-height:36px;background:#0A0A0A;border:3px solid #2c7915;border-radius:100%}.component.profil .profil-flag.color-1 .level{border-color:#6e161b}.component.profil .profil-flag.color-2 .level{border-color:#1f1471}.component.profil .profil-flag.color-3 .level{border-color:#dbb200}.component.profil .profil-flag.color-4 .level{border-color:#5a1072}.component.profil .profil-flag.color-5 .level{border-color:#2c7915}.component.profil .profil-flag.color-6 .level{border-color:#076b87}.component.profil .profil-flag.color-7 .level{border-color:#67331d}.component.profil .profil-flag.color-8 .level{border-color:#d87913}.component.profil .profil-flag.color-9 .level{border-color:#2c7915}.component.profil .profil-flag.color-10 .level{border-color:#760f36}.component.profil .profil-flag.color-11 .level{border-color:#219772}.component.profil .profil-flag.color-12 .level{border-color:#dbb200}.component.profil .faction-flag{display:block;content:'';width:154px;height:241px;margin:0 auto;background:url(src/desktop/faction/flag/flag-9.png) no-repeat}.component.search-player{position:relative;background:0 0!important}.component.search-player .box{position:absolute;top:60px;left:50px;width:440px;color:#fff}.component.search-player .top{background:rgba(0,0,0,.4);padding:10px;border-radius:3px 3px 0 0}.component.search-player .top label{display:block;font-size:1pc}.component.search-player .top input{display:block;border:none;height:40px;width:25pc;padding:0 10px;margin:10px 0 0 0;font-size:20px;color:#202020;border-radius:3px}.component.search-player .center{background:rgba(0,0,0,.8);padding:10px 25px 10px 10px;min-height:140px;border-radius:0 0 3px 3px}.component.search-player .center .avatar{float:left;position:relative;left:-20px;width:90pt;padding:8px;border:solid 1px #202020;border-radius:100%;background:#0A0A0A}.component.search-player .center .right{margin-left:140px}.component.search-player .center h1{margin:10px 0 0 0;padding:0}.component.search-player .center hr{margin:10px 0;border-color:#4F4F4F}.component.search-player .center p{margin:5px 0;padding:0}.component.search-player .center p span{display:inline-block;background:red;line-height:28px;padding:0 10px;border:solid 1px rgba(255,255,255,.5);border-right:none}.component.search-player .center p span:first-child{border-radius:3px 0 0 3px}.component.search-player .center p span:last-child{border-radius:0 3px 3px 0;border:solid 1px rgba(255,255,255,.5)}.component.search-player.color1 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component.search-player.color2 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component.search-player.color3 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.search-player.color4 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component.search-player.color5 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color6 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component.search-player.color7 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component.search-player.color8 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component.search-player.color9 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color10 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.component.search-player.color11 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.component.search-player.color12 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.new-message p.input{position:relative;background:#fff;padding:10px;border-radius:3px}.component.new-message p.input:before{content:'';position:absolute;width:0;height:0;top:-9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent;left:20px}.component.new-message label{display:block;font-size:13px}.component.new-message .input-text input{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px}.component.new-message .input-area textarea{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px;max-width:100%;min-width:100%;height:200px}.component.new-message button{display:inline-block;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 15px;color:#fff;cursor:pointer;overflow:hidden;background:#57c632}.component.new-message button:focus,.component.new-message button:hover{background:#24500a}.notif{position:relative;margin:10px;background:#000;border-top:solid 1px #4F4F4F;border-right:solid 1px #202020;border-left:solid 1px #202020}.notif h4{position:relative;overflow:hidden;margin:0;padding:0 10px;font-size:14px;line-height:30px;border-bottom:solid 1px #202020;background:#0A0A0A;font-weight:400;cursor:pointer;color:#fff}.notif.unreaded h4:before{position:absolute;content:'';width:40px;height:40px;background:#fff;top:-5px;right:-15px;background:#57c632;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}.notif .content{display:none;padding:6px 8px;line-height:140%;text-align:justify;color:#efefef}.notif .content p{margin:0}.notif .content hr{border:none;background:0 0;border-bottom:dashed 1px #202020;margin:5px 0}.notif .content a{color:#fff}.notif .content .box-resource{position:relative;display:block;margin:5px 0;padding:5px 5px 5px 40px}.notif .content .box-resource img{position:absolute;top:6px;left:0;border:solid 4px #4f4f4f;border-radius:100%;border-color:#2c7915}.notif .content .box-resource .label{display:block;font-size:9pt}.notif .content .box-resource .value{display:block;font-size:18px;font-weight:700}.notif .footer{display:none;margin:0;padding:0 10px;line-height:18px;padding:5px 5px;border-top:solid 1px #202020;font-style:italic;text-align:right;color:#CCC}.notif .footer a{color:#CCC}.notif.open .content{display:block}.notif.open .footer{display:block}.component.rc .rc{position:relative;margin:20px 10px 20px 30px;border-left:solid 1px #CCC;padding:0 10px;height:380px;color:#CCC}.component.rc .rc.no-tax{margin:20px 10px 20px 30px;border-left:dashed 1px #4F4F4F;padding:0 10px;color:#CCC}.component.rc .rc a,.component.rc .rc strong{color:#fff}.component.rc .rc .icon-color{width:20px}.component.rc .rc .base{position:relative;padding:15px 0 15px 40px;height:50px}.component.rc .rc .base:last-child{position:absolute;bottom:0}.component.rc .rc .place{position:absolute;top:0;left:-50px;width:78px;height:78px;border:solid 1px #202020;background:#000;border-radius:100%}.component.rc .rc .general{list-style:none inset;margin:10px 0;padding:0}.component.rc .rc .general li{margin:10px 0;list-style-type:none}.component.rc .rc .general li strong{display:block;font-size:20px;font-weight:700}.component .situation-content{position:relative;display:block;width:100%;height:500px;border-bottom:solid 1px #0A0A0A}.component .situation-content .line-help{position:absolute;display:block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:100%;background:#24500a}.component .situation-content .line-help.line-1{top:55px;left:190px}.component .situation-content .line-help.line-2{top:145px;left:406px}.component .situation-content .toolbar{position:absolute;top:30px;right:30px;box-shadow:0 0 0 4px rgba(255,255,255,.1);border-radius:3px;background:#2c7915;z-index:1}.component .situation-content .toolbar a,.component .situation-content .toolbar span{display:inline-block;line-height:2pc;padding:0 15px;border-right:solid 1px #000;text-decoration:none;color:#fff}.component .situation-content .toolbar a img,.component .situation-content .toolbar span img{position:relative;top:-2px;vertical-align:middle;height:18px;width:18px}.component .situation-content .toolbar a:focus,.component .situation-content .toolbar a:hover{background:rgba(0,0,0,.25)}.component .situation-content .toolbar form{display:inline-block}.component .situation-content .toolbar input{height:2pc;border:none;background:0 0;color:#fff;padding:0 15px;font-size:inherit}.component .situation-content .toolbar input:focus{background:rgba(0,0,0,.25)}.component .situation-content .toolbar input.button{background:url(src/desktop/common/edit.png) no-repeat center}.component .situation-content .toolbar input.button:focus{background:url(src/desktop/common/edit.png) no-repeat center rgba(0,0,0,.25)}.component .situation-content .info{position:absolute;display:block;width:200px;font-size:9pt;color:#efefef;line-height:18px}.component .situation-content .info strong{color:#fff;font-size:14px}.component .situation-content .info a{color:#fff;text-decoration:none;border-bottom:solid 1px #4f4f4f}.component .situation-content .info a:focus,.component .situation-content .info a:hover{border-color:#CCC}.component .situation-content .commander{position:absolute;display:block;text-decoration:none;z-index:1}.component .situation-content .commander.empty{color:#CCC}.component .situation-content .commander.position-1-1{top:135px;left:127px}.component .situation-content .commander.position-1-2{top:17pc;left:75pt}.component .situation-content .commander.position-1-3{top:415px;left:127px}.component .situation-content .commander.position-2-1{top:215px;left:22pc}.component .situation-content .commander.position-2-2{top:17pc;left:345px}.component .situation-content .commander.position-2-3{top:330px;left:22pc}.component .situation-content .commander.position-3{top:355px;left:577px}.component .situation-content .commander img{width:40px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}.component .situation-content .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content .commander .info{top:8px;left:65px;width:10pc}.component .situation-content .commander .link{display:none;position:absolute;top:14px;left:-1pc;width:24px;height:24px;font-size:20px;font-weight:700;text-decoration:none;border-radius:100%;text-align:center;z-index:1;border:solid 1px #fff}.component .situation-content .commander .link.to-left{background:url(src/desktop/mover/to-left.png) no-repeat center #000}.component .situation-content .commander .link.to-right{background:url(src/desktop/mover/to-right.png) no-repeat center #000}.component .situation-content .commander:hover>.link{display:block}.component .situation-content .stellar{position:absolute;display:block;top:180px;left:35pc}.component .situation-content .stellar img{width:220px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%}.component .situation-content .stellar .info{font-size:9pt;border-left:solid 1px #202020}.component .situation-content .stellar .info.top{bottom:215px;left:50px;padding:0 0 30px 10px}.component .situation-content .stellar .info.top strong{font-size:20px}.component .situation-content .stellar .info.bottom{top:225px;left:10pc;padding:10px 0 0 10px}.component .situation-content .stellar .info.middle{top:20px;left:182px;padding:10px 0 0 50px;border:none;border-top:solid 1px #202020}.component .situation-content .attack-link{position:absolute;bottom:-1px;left:0;right:0;text-align:center}.component .situation-content .attack-link a{display:inline-block;line-height:40px;padding:0 25px;border-radius:3px 3px 0 0;background:#202020;color:#fff;text-decoration:none;font-size:1pc}.component .situation-content .attack-link a:focus,.component .situation-content .attack-link a:hover{box-shadow:0 0 5px 3px #000}.component .situation-content.color0 .line-help{background:#202020}.component .situation-content.color0 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #202020}.component .situation-content.color0 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #202020}.component .situation-content.color0 .attack-link a{background:#202020}.component .situation-content.color1 .line-help{background:#510816}.component .situation-content.color1 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component .situation-content.color1 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #6e161b}.component .situation-content.color1 .attack-link a{background:#6e161b}.component .situation-content.color2 .line-help{background:#0c0d44}.component .situation-content.color2 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component .situation-content.color2 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #1f1471}.component .situation-content.color2 .attack-link a{background:#1f1471}.component .situation-content.color3 .line-help{background:#b17a00}.component .situation-content.color3 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .situation-content.color3 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #dbb200}.component .situation-content.color3 .attack-link a{background:#dbb200}.component .situation-content.color4 .line-help{background:#310948}.component .situation-content.color4 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component .situation-content.color4 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #5a1072}.component .situation-content.color4 .attack-link a{background:#5a1072}.component .situation-content.color5 .line-help{background:#24500a}.component .situation-content.color5 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color5 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color5 .attack-link a{background:#2c7915}.component .situation-content.color6 .line-help{background:#004948}.component .situation-content.color6 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component .situation-content.color6 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #076b87}.component .situation-content.color6 .attack-link a{background:#076b87}.component .situation-content.color7 .line-help{background:#401b13}.component .situation-content.color7 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component .situation-content.color7 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #67331d}.component .situation-content.color7 .attack-link a{background:#67331d}.component .situation-content.color8 .line-help{background:#c3590b}.component .situation-content.color8 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component .situation-content.color8 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #d87913}.component .situation-content.color8 .attack-link a{background:#d87913}.component .situation-content.color9 .line-help{background:#24500a}.component .situation-content.color9 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color9 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color9 .attack-link a{background:#2c7915}.component .situation-info{display:table;width:100%;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#000}.component .situation-info .item{display:table-cell;padding:10px;border-right:solid 1px #202020}.component .situation-info .item .value{font-size:26px;font-weight:700;display:block}.component .build-item.base-type .desc{margin:10px 0 0 0;padding:15px;font-size:13px;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#0A0A0A}.component .build-item.base-type .list-choice{position:relative;height:140px;background:url(src/desktop/base/type-base.png) no-repeat center;margin:0;border-bottom:solid 1px #202020}.component .build-item.base-type .list-choice button{position:absolute;padding:0;border:none;background:0 0;cursor:pointer}.component .build-item.base-type .list-choice button.item-1{top:35px;left:5px}.component .build-item.base-type .list-choice button.item-2{top:5px;left:107px}.component .build-item.base-type .list-choice button.item-3{bottom:5px;left:107px}.component .build-item.base-type .list-choice button.item-4{top:35px;right:5px}.component .build-item.base-type .list-choice button img{display:block;padding:8px;width:40px;border:solid 1px #202020;border-radius:100%;background:#000}.color1 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.color2 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.color3 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.color4 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.color5 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color6 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.color7 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.color8 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.color9 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color10 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.color11 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.color12 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .build-item.base-type .desc-choice{display:none}.component .build-item.base-type .desc-choice h4{border-bottom:solid 1px #202020;padding:0 0 5px 0}.component .build-item.base-type .desc-choice p{text-align:left;color:#CCC!important}.component .build-item.base-type .desc-choice p strong{display:block;color:#fff}.component .build-item.base-type .desc-choice p strong.short{display:inline-block;width:75pt}.component.list-fleet .set-fleet{position:relative;margin:10px;padding:0 0 0 70px;min-height:5pc}.component.list-fleet .set-fleet img.place{position:absolute;top:-5px;left:-20px;width:5pc;background:#0A0A0A;border-radius:100%;border:solid 1px #202020}.component.list-fleet .set-fleet h2{padding:10px 0;margin:0}.component.list-fleet .set-fleet h2 a{font-size:13px;color:#fff;font-weight:400;text-decoration:none}.component.list-fleet .set-fleet .item{position:relative;height:60px;background:#0A0A0A;border:solid 1px #202020;border-bottom:none;width:777px}.component.list-fleet .set-fleet .item:last-child{border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item a{display:inline-block;text-decoration:none;color:#CCC;border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item .left{position:absolute;top:0;left:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .left .top{position:absolute;left:60px;display:block;width:500px;top:10px}.component.list-fleet .set-fleet .item .left .status{width:30px;margin:10px;padding:5px;border-radius:100%}.component.list-fleet .set-fleet .item .right{position:absolute;top:0;right:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .right .top{position:absolute;right:60px;display:block;width:200px;text-align:right;top:10px}.component.list-fleet .set-fleet .item .right .cover{width:50px;margin:5px;padding:0;border-radius:100%}.component.list-fleet .set-fleet .item .center{position:absolute;top:41px;left:70px;right:70px}.component.list-fleet .set-fleet .item .center .ship{position:absolute;top:-10px;left:-11px;right:auto}.component.list-fleet .set-fleet .item .center .progress-ship{display:block;width:100%;background:#4F4F4F;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar{position:relative;display:block;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship{top:-11px;right:-11px;left:auto}.component.list-fleet .set-fleet .item .center .progress-ship .bar span{position:absolute;top:4px;right:15px;font-size:10px}.component.list-fleet .set-fleet .item.color1 .status{background:#6e161b}.component.list-fleet .set-fleet .item.color2 .status{background:#1f1471}.component.list-fleet .set-fleet .item.color3 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color4 .status{background:#5a1072}.component.list-fleet .set-fleet .item.color5 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color6 .status{background:#076b87}.component.list-fleet .set-fleet .item.color7 .status{background:#67331d}.component.list-fleet .set-fleet .item.color8 .status{background:#d87913}.component.list-fleet .set-fleet .item.color9 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color10 .status{background:#760f36}.component.list-fleet .set-fleet .item.color11 .status{background:#219772}.component.list-fleet .set-fleet .item.color12 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar{background:#4F4F4F}.component.list-fleet .set-fleet .item .show-commander{position:absolute;top:-1px;right:-30px;width:28px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a;border:solid 1px #202020}.component.list-fleet .set-fleet .item .show-commander.active,.component.list-fleet .set-fleet .item .show-commander:focus,.component.list-fleet .set-fleet .item .show-commander:hover{background-color:#202020}.component.table-fleet table{margin:10px;width:55pc;border-collapse:collapse}.component.table-fleet table tr:nth-child(odd){background:#000;border-bottom:solid 1px #202020}.component.table-fleet table tr:nth-child(even){background:#0A0A0A;border-bottom:solid 1px #202020}.component.table-fleet table tr:first-child{background:0 0}.component.table-fleet table td,.component.table-fleet table th{height:40px;width:40px;text-align:center}.component.table-fleet table td span.zero-value{color:#4F4F4F}.component.table-fleet table .base{width:75pt;text-align:left;padding:0 20px}.component.table-fleet table .base a{border:none}.component.table-fleet table .base strong{display:block;font-size:1pc}.component.table-fleet table .large{width:auto;text-align:left;padding:0 10px}.component.table-fleet table .sep{border-left:solid 1px #2c7915}.component.table-fleet table a{color:#fff;text-decoration:none;border-bottom:solid 1px #4F4F4F;display:inline-block}.component.table-fleet table th{position:relative;height:70px}.component.table-fleet table th span{position:absolute;bottom:2pc;left:-10px;display:block;text-align:left;width:60px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.component.commander-fleet .fleet{vertical-align:top;display:block;text-align:center}.component.commander-fleet .list-ship{vertical-align:top;display:inline-block;width:148px}.component.commander-fleet .list-ship:first-child{border-right:dashed 1px #4F4F4F}.component.commander-fleet .list-ship a{display:block;position:relative;margin:6px;height:40px;background:#202020;border:solid 1px #4F4F4F;border-radius:3px}.component.commander-fleet .list-ship a.empty{opacity:.4}.component.commander-fleet .list-ship img{position:absolute;display:inline-block;width:40px}.component.commander-fleet .list-ship .text{position:absolute;left:45px;display:inline-block;width:88px;color:#fff}.component.commander-fleet .list-ship .text .quantity{display:block;font-weight:700;font-size:18px}.component.commander-fleet .army{border-collapse:collapse;width:35pc;margin:20px}.component.commander-fleet .army td{width:65px;padding:5px;border-right:dashed 1px #4F4F4F;vertical-align:center}.component.commander-fleet .army td:first-child{width:auto;vertical-align:top;text-align:right;padding:0 20px;font-size:9pt}.component.commander-fleet .army tr:first-child td{text-align:center;padding:10px 5px;font-size:18px;font-weight:700}.component.commander-fleet .army .block{display:block;width:54px;height:54px;margin:0 0 5px 0;padding:5px;vertical-align:top;border-radius:5px;background:#0A0A0A;text-align:right;border:solid 1px #202020;color:#4F4F4F}.component.commander-fleet .army .block.empty{background:#000;border:solid 1px #0A0A0A}.component.commander-fleet .army .block strong{display:block;font-size:15px;height:38px;font-weight:700}.component.commander-fleet .army .block em{display:block;padding:2px;font-size:11px;background:#000;text-align:center;border-radius:3px}.component.commander-fleet .army .block.squadron{border:solid 1px #4F4F4F;color:#fff;cursor:pointer;background:#2c7915}.component.commander-fleet .army .block.squadron.full0{background:url(src/desktop/squadron/squadron0.png) no-repeat 4px 2px #2c7915}.component.commander-fleet .army .block.squadron.full1{background:url(src/desktop/squadron/squadron1.png) no-repeat 4px 2px #2c7915}.component.commander-fleet .army .block.squadron.full2{background:url(src/desktop/squadron/squadron2.png) no-repeat 4px 2px #2c7915}.component.commander-fleet .army .block.squadron.full3{background:url(src/desktop/squadron/squadron3.png) no-repeat 4px 2px #2c7915}.component.commander-fleet .army .block.squadron.active{box-shadow:inset 0 0 6px #000,0 0 2px 0 #fff;border:dashed 1px #fff}.component.report .commander{position:relative;display:block;margin:10px;padding:8px 0 8px 72px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component.report .commander img{position:absolute;top:5px;left:5px;padding:8px;width:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component.report .commander strong{display:block;padding:0 0 8px 0;color:#fff;font-weight:700;font-size:17px}.component.report .commander em{display:block;line-height:20px;color:#fff;font-style:normal;color:#efefef}.component.report .commander em .bonus{font-size:90%;margin:2px 0 0 2px;padding:3px 6px}.component.report .dammage{margin:10px;background:#000}.component.report .dammage table{width:100%;border-collapse:collapse;border-left:solid 1px #202020;border-right:solid 1px #202020}.component.report .dammage td{border-color:#202020;border-width:1px;border-style:solid dashed;padding:4px;vertical-align:center;text-align:center;color:#CCC;width:28px;height:22px}.component.report .dammage td:first-child{text-align:left;padding:4px 8px;width:auto}.component.report .dammage td span{display:inline-block;background:red;line-height:22px;width:22px;border-radius:3px;color:#fff;background:#24500a}.component.topic .message{position:relative;padding:0 0 0 5pc;margin:10px;min-height:70px}.component.topic .message .avatar{position:absolute;top:0;left:0;width:56px;padding:6px;border:solid 1px #202020;border-radius:100%;background:#000}.component.topic .message .content{position:relative;background:#000;border:solid 1px #202020;border-bottom:solid 1px #0A0A0A}.component.topic .message .content:before{position:absolute;content:'';top:25px;left:-18px;border-style:solid;border-width:9px;border-color:transparent #202020 transparent transparent}.component.topic .message .content .text{margin:0;padding:10px 10px 9pt 10px;border-bottom:solid 1px #0A0A0A;color:#efefef}.component.topic .message .content .text a,.component.topic .message .content .text strong{color:#fff}.component.topic .message .content .text a.color1{color:#b01e2d}.component.topic .message .content .text a.color2{color:#2f23c0}.component.topic .message .content .text a.color3{color:#ffdb0f}.component.topic .message .content .text a.color4{color:#a935c7}.component.topic .message .content .text a.color5{color:#57c632}.component.topic .message .content .text a.color6{color:#05bed7}.component.topic .message .content .text a.color7{color:#ac5832}.component.topic .message .content .text a.color8{color:#f2b636}.component.topic .message .content .text a.color9{color:#57c632}.component.topic .message .content .text a.color10{color:#a92859}.component.topic .message .content .text a.color11{color:#34b089}.component.topic .message .content .text a.color12{color:#ffdb0f}.component.topic .message .content .text .icon-color{width:15px}.component.topic .message .content .footer{margin:0;padding:6px 10px;font-size:9pt;color:#CCC}.component.topic .message .content .footer a{color:#CCC}.component.topic .message.write .content:before{left:-17px;top:11px;border-color:transparent #fff transparent transparent}.component.topic .message.write .content textarea{border:none;padding:5px;width:487px;height:90pt;max-width:487px;min-width:487px;min-height:50px;font-family:inherit;font-size:13px}.component.topic .message.write .content input{margin:6px;font-family:inherit}.component.topic .message.write .content .title{border:none;margin:0;padding:5px;width:487px;height:30px;font-family:inherit;font-size:13px}.component.topic .message.write .content button{margin:6px;font-family:inherit;background:#2c7915;border:none;padding:4px 8px;color:#fff;cursor:pointer}.component.topic .message.write .content button:focus,.component.topic .message.write .content button:hover{background:#24500a}.component.topic .system-message{position:relative;padding:0 0 0 90px;margin:10px}.component.topic .system-message:before{content:'';position:absolute;top:10px;left:0;height:1px;width:70px;background:#4F4F4F}.conv-item{position:relative;display:block;border:solid 1px #202020;border-bottom:none;background:#0A0A0A;height:59px;padding:5px 5px 5px 70px;margin:0 10px;color:#fff;text-decoration:none;overflow:hidden}.conv-item .cover{position:absolute;display:block;top:0;left:0;bottom:0;width:60px;padding:5px}.conv-item .cover .picture{width:52px;height:52px;background:#202020;border-radius:100%;padding:4px}.conv-item .cover .picture.color0{box-shadow:0 0 0 2px #4F4F4F}.conv-item .cover .picture.color1{box-shadow:0 0 0 2px #6e161b}.conv-item .cover .picture.color2{box-shadow:0 0 0 2px #1f1471}.conv-item .cover .picture.color3{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .picture.color4{box-shadow:0 0 0 2px #5a1072}.conv-item .cover .picture.color5{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color6{box-shadow:0 0 0 2px #076b87}.conv-item .cover .picture.color7{box-shadow:0 0 0 2px #67331d}.conv-item .cover .picture.color8{box-shadow:0 0 0 2px #d87913}.conv-item .cover .picture.color9{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color10{box-shadow:0 0 0 2px #760f36}.conv-item .cover .picture.color11{box-shadow:0 0 0 2px #219772}.conv-item .cover .picture.color12{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .new-message,.conv-item .cover .number{position:absolute;width:22px;height:22px;border-radius:100%;background:#0A0A0A;bottom:5px;right:5px;border:solid 1px #4F4F4F;text-align:center;line-height:22px;font-size:11px}.conv-item .cover .new-message{left:5px;top:5px}.conv-item .cover .new-message img{display:block;width:18px;height:18px;margin:2px}.conv-item .data{line-height:20px}.conv-item:last-child{border:solid 1px #202020}.conv-item:focus,.conv-item:hover{background:#0C0C0C}.component.player .player{position:relative;display:inline-block;margin:10px 0 0 10px;width:211px;height:58px;padding:5px 5px 5px 70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff;text-decoration:none}.component.player .player a{color:#ccc;text-decoration:none;border-bottom:solid 1px #202020}.component.player .player a:focus,.component.player .player a:hover{border-color:#4f4f4f}.component.player .player img.picto{position:absolute;top:5px;left:5px;width:50px;padding:4px;border:solid 1px #202020;border-radius:100%;background:#000}.component.player .player .icon,.component.player .player .icon-color{height:1pc;padding:1px}.component.player .player span,.component.player .player strong{display:block;line-height:20px}.component.player .player strong{font-size:18px}.component.player .player .inactive,.component.player .player .online{position:absolute;width:18px;height:18px;background:#fff;top:5px;right:5px;border-radius:100%;background:#4F4F4F}.component.player .player .online{background:#57c632}.component.player .player.faction{border-left:solid 1px #0A0A0A!important;width:202px}.component.player .player.faction img{top:0;left:10px;padding:0;border:none;border-radius:0;background:0 0}.component.player.rank .player{border-left:solid 10px #4F4F4F;width:190px}.component.player.rank .player.color1{border-left-color:#b01e2d}.component.player.rank .player.color2{border-left-color:#2f23c0}.component.player.rank .player.color3{border-left-color:#ffdb0f}.component.player.rank .player.color4{border-left-color:#a935c7}.component.player.rank .player.color5{border-left-color:#57c632}.component.player.rank .player.color6{border-left-color:#05bed7}.component.player.rank .player.color7{border-left-color:#ac5832}.component.player.rank .player.color8{border-left-color:#f2b636}.component.player.rank .player.color9{border-left-color:#57c632}.component.player.rank .player.color10{border-left-color:#a92859}.component.player.rank .player.color11{border-left-color:#34b089}.component.player.rank .player.color12{border-left-color:#ffdb0f}.component.player.rank .player .points,.component.player.rank .player .title{color:#BBB}.component.player.rank .player .position{display:block;position:absolute;top:14px;right:14px;line-height:38px;width:38px;border:solid 1px #202020;text-align:center;border-radius:100%}.component.player.rank .player .variance{display:block;position:absolute;top:5px;right:-4px;line-height:26px;width:26px;border:solid 1px #202020;background:#0A0A0A;text-align:center;font-size:11px;border-radius:100%}.component.player.rank .player .variance.lower{bottom:5px;top:auto}.component.player.rank .player.active .position{background:#fff;border:solid 1px #fff;color:#202020}.component.player.size2 .player{width:13pc}.component.player.size1 .player{width:202px}.component.transaction .transaction{background:#0A0A0A;border:solid 1px #202020;margin:10px}.component.transaction .transaction .right-link{position:absolute;top:2px;right:5px;display:block;color:#FFF;text-decoration:none}.component.transaction .transaction .product{position:relative;height:70px;padding:5px 10px 5px 55px;cursor:pointer}.component.transaction .transaction .product .picto{position:absolute;top:5px;left:-20px;width:60px;height:60px;padding:4px;background:#000;border:solid 1px #202020;border-radius:100%}.component.transaction .transaction .product .rate{position:absolute;bottom:5px;right:8px}.component.transaction .transaction .product .offer{overflow:hidden;height:2pc}.component.transaction .transaction .product .for{position:relative;border-top:solid 1px #202020;margin:8px 0 6px 0;color:#4F4F4F}.component.transaction .transaction .product .for span{display:block;position:absolute;top:-10px;left:10px;background:#0A0A0A;padding:0 10px;font-size:9pt}.component.transaction .transaction .product .price{font-size:19px;font-weight:700}.component.transaction .transaction .product .price .icon-color{width:14px;position:relative;top:-2px;padding:1px}.component.transaction .transaction.resources .product .offer{font-size:28px;font-weight:700;line-height:30px}.component.transaction .transaction.resources .product .offer .icon-color{width:20px;position:relative;top:-5px}.component.transaction .transaction.commander .product .offer strong,.component.transaction .transaction.ship .product .offer strong{display:block;font-size:14px}.component.transaction .transaction.commander .product .offer em,.component.transaction .transaction.ship .product .offer em{display:block;font-size:11px}.component.transaction .transaction .hidden{display:none}.component.transaction .transaction .info{position:relative;border-top:solid 1px #202020;height:88px;background:#000}.component.transaction .transaction .info p{font-size:11px;margin:5px 8px}.component.transaction .transaction .info .seller{position:absolute;top:0;width:50%;bottom:0}.component.transaction .transaction .info .seller a{font-weight:700;color:#fff}.component.transaction .transaction .info .seller .color1{color:#b01e2d}.component.transaction .transaction .info .seller .color2{color:#2f23c0}.component.transaction .transaction .info .seller .color3{color:#ffdb0f}.component.transaction .transaction .info .seller .color4{color:#a935c7}.component.transaction .transaction .info .seller .color5{color:#57c632}.component.transaction .transaction .info .seller .color6{color:#05bed7}.component.transaction .transaction .info .seller .color7{color:#ac5832}.component.transaction .transaction .info .seller .color8{color:#f2b636}.component.transaction .transaction .info .seller .color9{color:#57c632}.component.transaction .transaction .info .seller .color10{color:#a92859}.component.transaction .transaction .info .seller .color11{color:#34b089}.component.transaction .transaction .info .seller .color12{color:#ffdb0f}.component.transaction .transaction .info .price-detail{position:absolute;top:0;width:50%;bottom:0;right:0}.component.transaction .transaction .info .price-detail p{text-align:right}.component.transaction .transaction .info .price-detail p .icon-color{width:10px;padding:1px}.component.transaction .transaction .info .price-detail p span{color:#4F4F4F}.component.transaction .transaction .button{border-top:solid 1px #202020;padding:5px}.component.transaction .transaction .button a,.component.transaction .transaction .button span{display:block;padding:5px 10px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;line-height:20px;background:#202020;box-shadow:inset 0 0 2px #000}.component.transaction .transaction .button a{background:#2c7915}.component.transaction .transaction .button a:hover{box-shadow:inset 0 0 6px #000;background:#57c632}.component.transaction .transaction .button span{background:#202020;cursor:default}.component.transaction .transaction .button .icon-color{width:14px}.component.transaction .transaction .shipping{position:relative;background:#000;height:30px}.component.transaction .transaction .shipping .ships{position:absolute;top:0;left:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center}.component.transaction .transaction .shipping .ships .icon-color{position:relative;width:1pc;margin-left:5px;top:-5px}.component.transaction .transaction .shipping .time{position:absolute;top:0;right:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center;font-size:9pt}.component.transaction .transaction .shipping .progress-container{position:relative;display:block;clear:both;margin:0 60px;height:3px;top:13px;background:#4F4F4F}.component.transaction .transaction .shipping .progress-bar{position:absolute;display:block;height:100%;background:#57c632}.component .build-item.disable .button span{color:#696969}.component.transaction .new-transaction{width:279px;position:absolute;background:#000;z-index:1;padding:10px;border-bottom:solid 1px #57c632}.component.transaction .new-transaction label{position:relative;display:block;padding:5px 0}.component.transaction .new-transaction label input{display:block;padding:5px 10px;margin:5px 0 0 0;width:259px;border:none}.component.transaction .new-transaction.resources label input{font-size:1pc;color:#202020;font-weight:700}.component.transaction .new-transaction .indicator{position:relative;display:block;width:100%;height:15px}.component.transaction .new-transaction .indicator span{position:absolute;display:inline-block;padding:1px 6px;font-size:9pt;color:#fff;border-radius:3px;top:-5px;background:#24500a}.component.transaction .new-transaction .indicator span.min-price{left:5px}.component.transaction .new-transaction .indicator span.max-price{right:5px}.component.market-sell .body{padding:10px 0}.component.market-sell .label-box{position:relative;padding:0 10px;margin:10px 0}.component.market-sell .label-box .label{display:inline-block;width:75pt;line-height:30px}.component.market-sell .label-box .value{display:inline-block;width:147px;padding:0 5px;border:none;line-height:30px;border-radius:3px;font-size:1pc}.component.market-sell .label-box input.value{height:30px;background:#fff}.component.market-sell .label-box .icon-color{position:absolute;top:4px;right:1pc;width:18px}.component.market-sell .queue{margin:0 10px;cursor:pointer}.component.market-sell .sell-form{background:#0A0A0A;border:solid 1px #202020;margin:0 10px 10px 10px}.component.market-sell .sell-form input[type=submit]{display:block;width:100%;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 10px;color:#fff;cursor:pointer;overflow:hidden;background:#57c632}.component.market-sell .sell-form input[type=submit]:hover{background:#24500a}.component.market-sell .sell-form input[disabled=disabled]{background:#202020!important}.wysiwyg{display:block;position:relative}.wysiwyg .toolbar{display:block;position:absolute;top:0;left:0;right:0;padding:5px}.wysiwyg .toolbar button{display:inline-block;height:26px;line-height:26px;padding:0 4px!important;margin:0 4px 0 0!important;background:#2c7915;color:#fff;border-radius:3px;overflow:hidden;vertical-align:top}.wysiwyg .modal{position:absolute;top:40px;left:10px;right:10px;background:#0A0A0A;border:solid 1px #202020;box-shadow:0 0 15px #000}.wysiwyg .modal .header{position:relative}.wysiwyg .modal .header h2{margin:0;padding:0;line-height:36px;padding:0 10px;font-size:1pc;font-weight:400}.wysiwyg .modal .header .right{position:absolute;top:5px;right:10px;width:300px;text-align:right}.wysiwyg .modal .header .right button{display:inline-block;width:26px!important;height:26px!important;line-height:26px !important<;font-size:14px;padding:0!important;margin:0 0 0 5px!important}.wysiwyg .modal input{width:435px;border:none;height:30px;margin:0 10px 10px 10px!important;padding:0 10px!important}.wysiwyg textarea{padding-top:40px!important}.input-area .wysiwyg .toolbar{padding:0}.component.params .checkbox{display:block;position:relative;padding:10px 10px 10px 40px;margin:10px;background:rgba(0,0,0,.8)}.component.params .checkbox input{position:absolute;top:8px;left:10px}#map{position:absolute;z-index:100;background:url(src/desktop/map/common/map.jpg) repeat #000;padding:0;top:0;left:0}#map #sectors{z-index:300}#map #spying{z-index:400}#map #own-base{z-index:500}#map #commercial-routes{z-index:600}#map #fleet-movements{z-index:700}#map #attacks{z-index:800}#map #systems{z-index:900}#map #map-info{z-index:910}#map>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#map #sectors polygon{stroke:#fff;stroke-width:1px;stroke-dasharray:4 4;opacity:.15}#map #sectors .ally1{fill:#6e161b}#map #sectors .ally2{fill:#1f1471}#map #sectors .ally3{fill:#dbb200}#map #sectors .ally4{fill:#5a1072}#map #sectors .ally5{fill:#2c7915}#map #sectors .ally6{fill:#076b87}#map #sectors .ally7{fill:#67331d}#map #sectors .ally8{fill:#d87913}#map #sectors .ally9{fill:#2c7915}#map #sectors .ally10{fill:#760f36}#map #sectors .ally11{fill:#219772}#map #sectors .ally12{fill:#dbb200}#map #spying circle{opacity:.08;stroke:#fff}#map #own-base circle{opacity:.1;fill:#fff}#map #commercial-routes line{stroke:#fff;stroke-width:1px;stroke-dasharray:20 5 5 5 5 10}#map #commercial-routes line.standBy{stroke:rgba(255,255,255,.3)}#map #fleet-movements line{stroke-width:1px}#map #fleet-movements line.back{stroke-dasharray:15 5}#map #attacks line{stroke-width:1px}#map #attacks line.color1{stroke:#b01e2d}#map #attacks line.color2{stroke:#2f23c0}#map #attacks line.color3{stroke:#ffdb0f}#map #attacks line.color4{stroke:#a935c7}#map #attacks line.color5{stroke:#57c632}#map #attacks line.color6{stroke:#05bed7}#map #attacks line.color7{stroke:#ac5832}#map #attacks line.color8{stroke:#f2b636}#map #attacks line.color9{stroke:#57c632}#map #attacks line.color10{stroke:#a92859}#map #attacks line.color11{stroke:#34b089}#map #attacks line.color12{stroke:#ffdb0f}#map #attacks circle.color1{fill:#b01e2d}#map #attacks circle.color2{fill:#2f23c0}#map #attacks circle.color3{fill:#ffdb0f}#map #attacks circle.color4{fill:#a935c7}#map #attacks circle.color5{fill:#57c632}#map #attacks circle.color6{fill:#05bed7}#map #attacks circle.color7{fill:#ac5832}#map #attacks circle.color8{fill:#f2b636}#map #attacks circle.color9{fill:#57c632}#map #attacks circle.color10{fill:#a92859}#map #attacks circle.color11{fill:#34b089}#map #attacks circle.color12{fill:#ffdb0f}#map #systems a{display:block;position:absolute;border-radius:100%}#map #systems a.active{background:#000;box-shadow:0 0 0 1px #000,0 0 0 3px #fff,0 0 10px 8px #000}#map #systems a img{display:block;width:20px;height:20px;border:none;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}#map #systems a img.own{background:#fff}#map #systems .sector-number{position:absolute;display:block;font-size:22px;line-height:40px;width:40px;text-align:center;border-radius:100%;box-shadow:0 0 0 5px #0A0A0A,0 0 0 6px #4F4F4F;background:#202020;color:#fff;font-weight:700;cursor:pointer}#map #systems .sector-number.color1{background:#6e161b}#map #systems .sector-number.color2{background:#1f1471}#map #systems .sector-number.color3{background:#dbb200}#map #systems .sector-number.color4{background:#5a1072}#map #systems .sector-number.color5{background:#2c7915}#map #systems .sector-number.color6{background:#076b87}#map #systems .sector-number.color7{background:#67331d}#map #systems .sector-number.color8{background:#d87913}#map #systems .sector-number.color9{background:#2c7915}#map #systems .sector-number.color10{background:#760f36}#map #systems .sector-number.color11{background:#219772}#map #systems .sector-number.color12{background:#dbb200}#map #systems .sector-info{display:none;position:absolute;color:#fff;background:#000;background:rgba(0,0,0,.9);padding:8px 1pc;border-radius:3px}#map #systems .sector-info:before{content:'';position:absolute;left:-20px;top:20px;border-style:solid;border-width:10px;border-color:transparent #000 transparent transparent;border-color:transparent rgba(0,0,0,.9) transparent transparent}#map #systems .sector-info h2{position:relative;font-size:40px;font-weight:700;line-height:40px;text-shadow:0 0 5px #000;margin:0;padding:0}#map #systems .sector-info p{font-size:13px;margin:6px 0 0 0;padding:0;font-weight:700;font-variant:small-caps}#map #systems .sector-info p a{position:static;display:inline-block;color:#fff;background:#202020;border-radius:3px;line-height:20px;width:20px;text-align:center;text-decoration:none;border:solid 1px rgba(255,255,255,.5);margin:0 5px 0 0}#map #systems .sector-info.color1 p a{background:#6e161b}#map #systems .sector-info.color2 p a{background:#1f1471}#map #systems .sector-info.color3 p a{background:#dbb200}#map #systems .sector-info.color4 p a{background:#5a1072}#map #systems .sector-info.color5 p a{background:#2c7915}#map #systems .sector-info.color6 p a{background:#076b87}#map #systems .sector-info.color7 p a{background:#67331d}#map #systems .sector-info.color8 p a{background:#d87913}#map #systems .sector-info.color9 p a{background:#2c7915}#map #systems .sector-info.color10 p a{background:#760f36}#map #systems .sector-info.color11 p a{background:#219772}#map #systems .sector-info.color12 p a{background:#dbb200}#map #map-info{display:none;position:absolute;top:0;right:0;left:auto;bottom:auto;height:auto;width:auto;margin:40px 60px 0 0;color:#fff;text-align:right}#map #map-info h2{margin:0;padding:0 20px;font-size:38px;line-height:60px}#map #map-info h3{margin:0;padding:0 20px;font-size:1pc;font-weight:400;line-height:40px}#map #map-info ul{margin:10px 0;padding:0;list-style:none}#map #map-info ul li{position:relative;margin:0;padding:0 40px 0 0;line-height:20px;height:20px;font-style:italic;color:#CCC;font-size:13px}#map #map-info ul li img{position:absolute;right:10px;top:0}#map #spying circle{fill:#2c7915}#map #fleet-movements line{stroke:#57c632}#map #fleet-movements circle{fill:#57c632}#map-option{z-index:1000;position:absolute;display:inline-block;height:2pc;padding:3px 0;background:url(src/desktop/map/bOption.png) repeat-x;top:30px;right:20px}#map-option:before{content:'';position:absolute;display:block;left:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bLeftOption.png)}#map-option:after{content:'';position:absolute;display:block;right:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bRightOption.png)}#map-option a{position:relative;display:inline-block;height:30px;width:30px;margin:1px 0 1px 1px;background:#0A0A0A}#map-option a.active{background:#004948}#map-option a img{position:absolute;top:5px;left:5px;width:22px}.color1 #map-option a.active{background:#510816}.color2 #map-option a.active{background:#0c0d44}.color3 #map-option a.active{background:#b17a00}.color4 #map-option a.active{background:#310948}.color5 #map-option a.active{background:#24500a}.color6 #map-option a.active{background:#004948}.color7 #map-option a.active{background:#401b13}.color8 #map-option a.active{background:#c3590b}.color9 #map-option a.active{background:#24500a}.color10 #map-option a.active{background:#4d0621}.color11 #map-option a.active{background:#10684c}.color12 #map-option a.active{background:#b17a00}#map-content{z-index:1000;position:absolute;top:5pc;right:20px;display:block}#map-content .mini-map{position:relative;width:300px;height:300px;overflow:hidden;border:solid 1px #202020;background:url(src/desktop/map/common/galaxy.jpg) no-repeat #0a0a0a}#map-content .mini-map polygon{stroke:#fff;stroke-width:.5px;opacity:.3}#map-content .mini-map polygon:focus,#map-content .mini-map polygon:hover{opacity:.1;cursor:pointer}#map-content .mini-map polygon.ally0{fill:#202020}#map-content .mini-map polygon.ally1{fill:#6e161b}#map-content .mini-map polygon.ally2{fill:#1f1471}#map-content .mini-map polygon.ally3{fill:#dbb200}#map-content .mini-map polygon.ally4{fill:#5a1072}#map-content .mini-map polygon.ally5{fill:#2c7915}#map-content .mini-map polygon.ally6{fill:#076b87}#map-content .mini-map polygon.ally7{fill:#67331d}#map-content .mini-map polygon.ally8{fill:#d87913}#map-content .mini-map polygon.ally9{fill:#2c7915}#map-content .mini-map polygon.ally10{fill:#760f36}#map-content .mini-map polygon.ally11{fill:#219772}#map-content .mini-map polygon.ally12{fill:#dbb200}#map-content .mini-map .number{position:absolute;z-index:600;top:0;left:0}#map-content .mini-map .sectors{z-index:500;position:absolute;top:0;left:0}#map-content .mini-map .bases{z-index:400;position:absolute;top:0;left:0}#map-content .mini-map .bases circle{fill:rgba(255,255,255,.2);stroke:#fff}#map-content .mini-map .viewport{position:absolute;top:0;left:0;background:rgba(255,255,255,.1);border:solid 1px #fff;border-radius:3px}#map-content .mini-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:11px}.map-movers{display:none;position:absolute;z-index:900;background-repeat:no-repeat;background-position:center}#coord-box{z-index:1000;position:absolute;bottom:20px;right:20px;width:5pc;padding:5px 10px;background:rgba(0,0,0,.8);color:#fff;font-size:20px;text-align:center}.tactical-map{margin:10px;position:relative;background:url(src/desktop/map/common/galaxy-large.jpg) repeat #0a0a0a}.tactical-map polygon{stroke:#fff;stroke-width:.3px;opacity:.15}.tactical-map polygon.enabled{position:relative;stroke-width:2px;opacity:.8;z-index:1}.tactical-map polygon.enabled.ally1{stroke:#510816}.tactical-map polygon.enabled.ally2{stroke:#0c0d44}.tactical-map polygon.enabled.ally3{stroke:#b17a00}.tactical-map polygon.enabled.ally4{stroke:#310948}.tactical-map polygon.enabled.ally5{stroke:#24500a}.tactical-map polygon.enabled.ally6{stroke:#004948}.tactical-map polygon.enabled.ally7{stroke:#401b13}.tactical-map polygon.enabled.ally8{stroke:#c3590b}.tactical-map polygon.enabled.ally9{stroke:#24500a}.tactical-map polygon.enabled.ally10{stroke:#4d0621}.tactical-map polygon.enabled.ally11{stroke:#10684c}.tactical-map polygon.enabled.ally12{stroke:#b17a00}.tactical-map polygon.ally0{fill:#202020}.tactical-map polygon.ally1{fill:#6e161b}.tactical-map polygon.ally2{fill:#1f1471}.tactical-map polygon.ally3{fill:#dbb200}.tactical-map polygon.ally4{fill:#5a1072}.tactical-map polygon.ally5{fill:#2c7915}.tactical-map polygon.ally6{fill:#076b87}.tactical-map polygon.ally7{fill:#67331d}.tactical-map polygon.ally8{fill:#d87913}.tactical-map polygon.ally9{fill:#2c7915}.tactical-map polygon.ally10{fill:#760f36}.tactical-map polygon.ally11{fill:#219772}.tactical-map polygon.ally12{fill:#dbb200}.tactical-map .number{position:absolute;z-index:800;top:0;left:0}.tactical-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:9pt;line-height:22px;width:22px;text-align:center;border-radius:100%;box-shadow:0 0 1px #fff}.tactical-map .number span.ally0{background:#0A0A0A}.tactical-map .number span.ally1{background:#510816}.tactical-map .number span.ally2{background:#0c0d44}.tactical-map .number span.ally3{background:#b17a00}.tactical-map .number span.ally4{background:#310948}.tactical-map .number span.ally5{background:#24500a}.tactical-map .number span.ally6{background:#004948}.tactical-map .number span.ally7{background:#401b13}.tactical-map .number span.ally8{background:#c3590b}.tactical-map .number span.ally9{background:#24500a}.tactical-map .number span.ally10{background:#4d0621}.tactical-map .number span.ally11{background:#10684c}.tactical-map .number span.ally12{background:#b17a00}.tactical-map .number span.active{background:#fff;color:#000;box-shadow:0 0 10px #000}.tactical-map.reactive polygon.enabled.active,.tactical-map.reactive polygon.enabled:hover{cursor:pointer}.tactical-map.reactive polygon.enabled.active.ally1,.tactical-map.reactive polygon.enabled:hover.ally1{fill:#510816}.tactical-map.reactive polygon.enabled.active.ally2,.tactical-map.reactive polygon.enabled:hover.ally2{fill:#0c0d44}.tactical-map.reactive polygon.enabled.active.ally3,.tactical-map.reactive polygon.enabled:hover.ally3{fill:#b17a00}.tactical-map.reactive polygon.enabled.active.ally4,.tactical-map.reactive polygon.enabled:hover.ally4{fill:#310948}.tactical-map.reactive polygon.enabled.active.ally5,.tactical-map.reactive polygon.enabled:hover.ally5{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally6,.tactical-map.reactive polygon.enabled:hover.ally6{fill:#004948}.tactical-map.reactive polygon.enabled.active.ally7,.tactical-map.reactive polygon.enabled:hover.ally7{fill:#401b13}.tactical-map.reactive polygon.enabled.active.ally8,.tactical-map.reactive polygon.enabled:hover.ally8{fill:#c3590b}.tactical-map.reactive polygon.enabled.active.ally9,.tactical-map.reactive polygon.enabled:hover.ally9{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally10,.tactical-map.reactive polygon.enabled:hover.ally10{fill:#4d0621}.tactical-map.reactive polygon.enabled.active.ally11,.tactical-map.reactive polygon.enabled:hover.ally11{fill:#10684c}.tactical-map.reactive polygon.enabled.active.ally12,.tactical-map.reactive polygon.enabled:hover.ally12{fill:#b17a00}#action-box{display:block;z-index:1100;position:absolute;width:100%;height:300px;bottom:-300px;left:0;border-top:solid 1px #0A0A0A;background:#000;box-shadow:0 0 15px #000}#action-box .header{position:relative;background:#000;border-bottom:solid 1px #202020;height:36px;color:#EFEFEF}#action-box .header ul{list-style:none inset;margin:0;padding:0}#action-box .header ul li{display:inline-block;line-height:36px;padding:0 10px;color:#CCC;border-right:solid 1px #202020}#action-box .header ul li a{display:inline-block;line-height:24px;margin:3px 0;padding:0 6px;text-decoration:none;color:#CCC;background:#0A0A0A;border:solid 1px #202020;border-right:none;color:#8F8F8F}#action-box .header ul li a:first-child{border-radius:3px 0 0 3px}#action-box .header ul li a:last-child{border-right:solid 1px #202020;border-radius:0 3px 3px 0}#action-box .header ul li a:focus,#action-box .header ul li a:hover{background:#202020;color:#fff}#action-box .header ul li a.active{color:#fff;position:relative;z-index:1;background:#24500a}#action-box .header ul li img{position:relative;top:5px;width:20px;border-radius:100%}#action-box .header .button{position:absolute;top:7px;right:10px;line-height:22px;width:22px;text-align:center;background:#202020;border-radius:3px;text-decoration:none;text-transform:uppercase;color:#fff}#action-box .header .button:focus,#action-box .header .button:hover{background:#4F4F4F}#action-box .body{position:relative;overflow:hidden;width:100%;height:263px;background:url(src/desktop/map/common/bLine.jpg) repeat-x center #080808}#action-box .actbox-movers{position:absolute;display:block;width:60px;height:263px;z-index:1103;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#action-box .actbox-movers:focus,#action-box .actbox-movers:hover{background-color:rgba(255,255,255,.05)}#action-box .actbox-movers:active{background-color:rgba(255,255,255,.15)}#action-box .actbox-movers#actboxToLeft{background:url(src/desktop/mover/left.png) no-repeat center}#action-box .actbox-movers#actboxToRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center}#action-box .body .system{position:absolute;top:0;left:0;height:263px;width:3000px}#action-box .body .system ul{display:inline-block;list-style:none inset;margin:0;padding:0}#action-box .body .system ul li{display:inline-block}#action-box .body .system ul li.action,#action-box .body .system ul li.place a{width:75pt;height:260px;border-top:solid 3px #fff;position:relative}#action-box .body .system ul li.action.color1,#action-box .body .system ul li.place.color1 a{border-top-color:#6e161b}#action-box .body .system ul li.action.color2,#action-box .body .system ul li.place.color2 a{border-top-color:#1f1471}#action-box .body .system ul li.action.color3,#action-box .body .system ul li.place.color3 a{border-top-color:#dbb200}#action-box .body .system ul li.action.color4,#action-box .body .system ul li.place.color4 a{border-top-color:#5a1072}#action-box .body .system ul li.action.color5,#action-box .body .system ul li.place.color5 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color6,#action-box .body .system ul li.place.color6 a{border-top-color:#076b87}#action-box .body .system ul li.action.color7,#action-box .body .system ul li.place.color7 a{border-top-color:#67331d}#action-box .body .system ul li.action.color8,#action-box .body .system ul li.place.color8 a{border-top-color:#d87913}#action-box .body .system ul li.action.color9,#action-box .body .system ul li.place.color9 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color10,#action-box .body .system ul li.place.color10 a{border-top-color:#760f36}#action-box .body .system ul li.action.color11,#action-box .body .system ul li.place.color11 a{border-top-color:#219772}#action-box .body .system ul li.action.color12,#action-box .body .system ul li.place.color12 a{border-top-color:#dbb200}#action-box .body .system ul li.star{width:300px;height:263px;border-left:solid 1px #0F0F0F;background:url(src/desktop/map/systems/default.png) no-repeat center center}#action-box .body .system ul li.place a{display:block;border-left:solid 1px #0F0F0F;text-align:center}#action-box .body .system ul li.place a strong{position:absolute;bottom:8px;left:10px;font-size:18px;font-weight:700;color:#fff}#action-box .body .system ul li.place a .land{position:absolute;z-index:1102;top:88px;left:10px;width:5pc;border-radius:100%}#action-box .body .system ul li.place.active a .land{box-shadow:0 0 0 1px #202020;background:#080808}#action-box .body .system ul li.place a .avatar{position:absolute;z-index:1101;top:10px;left:20px;padding:7px;border:solid 1px #0F0F0F;background:#000;width:47px;border-radius:100%}#action-box .body .system ul li.action{width:0;overflow:hidden}#action-box .body .system ul li.action .content{position:absolute;top:9px;left:9pt;height:15pc;width:545px;background:#111;border:solid 1px #202020;box-shadow:inset 0 0 5px #000;border-radius:3px}#action-box .body .system ul li.action .content:before{content:'';position:absolute;top:107px;left:-24px;border-width:9pt;border-style:solid;border-color:transparent #202020 transparent transparent}#action-box .body .system ul li.action .content .column{position:relative;display:inline-block;vertical-align:top;height:15pc;border-right:solid 1px #202020;color:#fff}#action-box .body .system ul li.action .content .column .last-spy-link{position:absolute;top:6px;right:8px;opacity:.5;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}#action-box .body .system ul li.action .content .column .last-spy-link:focus,#action-box .body .system ul li.action .content .column .last-spy-link:hover{opacity:1}#action-box .body .system ul li.action .content .column.info{width:199px}#action-box .body .system ul li.action .content .column.act{width:345px;border-right:none}#action-box .body .system ul li.action .content .column p{margin:2px 10px}#action-box .body .system ul li.action .content .column a{color:#fff}#action-box .body .system ul li.action .content .column hr{margin:8px 10px;border:none;background:0 0;border-bottom:solid 1px #202020}#action-box .body .system ul li.action .content .column strong{line-height:30px}#action-box .body .system ul li.action .content .column.info strong{line-height:28px;font-size:18px}#action-box .body .system ul li.action .content .column .label{display:inline-block;width:78px;font-size:9pt}#action-box .body .system ul li.action .content .column .value{display:inline-block;width:75pt;text-align:left}#action-box .body .system ul li.action .content .column .value .icon,#action-box .body .system ul li.action .content .column .value .icon-color{width:18px;height:18px;padding:1px}#action-box .body .system ul li.action .content .column.act .top .grey{opacity:.4}#action-box .body .system ul li.action .content .column.act .top img{width:45px;padding:8px;margin:0 4px 2px 0;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}#action-box .body .system ul li.action .content .column .bottom,#action-box .body .system ul li.action .content .column .top{padding:5px}#action-box .body .system ul li.action .box{display:none;position:absolute;left:10px;right:10px;bottom:10px;top:5pc;background:#000;border-radius:3px}#action-box .body .system ul li.action .box:nth-child(1){display:block}#action-box .body .system ul li.action .box:before{content:'';position:absolute;top:-20px;border-style:solid;border-width:10px;border-color:transparent transparent #000 transparent}#action-box .body .system ul li.action .box:nth-child(1):before{left:15px}#action-box .body .system ul li.action .box:nth-child(2):before{left:84px}#action-box .body .system ul li.action .box:nth-child(3):before{left:152px}#action-box .body .system ul li.action .box:nth-child(4):before{left:218px}#action-box .body .system ul li.action .box:nth-child(5):before{left:284px}#action-box .body .system ul li.action .box h2{margin:0;padding:0 11px;line-height:35px;font-size:15px}#action-box .body .system ul li.action .box .box-content{position:absolute;top:35px;left:0;right:0;bottom:0;border-radius:0 0 3px 3px;padding:8px 10px;background:#080808;border:solid 1px #000;overflow:hidden}#action-box .body .system ul li.action .box .box-content .commander-tile .item{display:none}#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander{display:block}#action-box .body .system ul li.action .box .box-content .spy-button{display:inline-block;width:75pt;text-decoration:none;margin:8px 0}#action-box .body .system ul li.action .box .box-content .spy-button .picto{float:left;width:30px;height:30px;margin:0 5px 0 0}#action-box .body .system ul li.action .box .box-content .spy-button span{display:block}#action-box .body .system ul li.action .box .box-content .spy-button .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .spy-form{margin-top:10px}#action-box .body .system ul li.action .box .box-content .spy-form input{width:187px;padding:7px;border:none;background:#fff;border-radius:3px 0 0 3px}#action-box .body .system ul li.action .box .box-content .spy-form button{width:75pt;padding:6px 6px;border:none;color:#fff;background:#2c7915;cursor:pointer;border-radius:0 3px 3px 0}#action-box .body .system ul li.action .box .box-content .spy-form button:focus,#action-box .body .system ul li.action .box .box-content .spy-form button:hover{background:#24500a}#action-box .body .system ul li.action .box .box-content .label-box{display:inline-block;width:50%;margin:5px 0}#action-box .body .system ul li.action .box .box-content .label-box .key{display:block}#action-box .body .system ul li.action .box .box-content .label-box .val{display:block;font-size:18px;font-weight:700}#action-box .body .system ul li.action .box .box-content .rc{margin:5px 0 0 0;padding:10px 10px 0 50px;border-top:solid 1px #202020}#action-box .body .system ul li.action .box .box-content .rc .planet{position:absolute;top:-25px;left:-25px;width:76px;height:76px;border:solid 1px #202020;border-radius:100%;background:#000}#action-box .body .system ul li.action .box .box-content .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .button{display:inline-block;background:#202020;border:solid 1px #4F4F4F;line-height:26px;margin:5px 0 0 0;padding:0 8px;text-align:center;text-decoration:none}#action-box .body .system ul li.action .box .box-content a.button{background:#2c7915;border:#24500a}#action-box .body .system ul li.action .box .box-content a.button:focus,#action-box .body .system ul li.action .box .box-content a.button:hover{background:#24500a}.component.admin table{margin:10px;border-collapse:collapse;width:877px}.component.admin table tr{border-bottom:solid 1px #202020}.component.admin table td{padding:5px 10px;vertical-align:top}.component.admin table .button{display:inline-block;padding:0 5px;line-height:25px;min-width:15px;text-align:center;color:#fff;border-radius:3px;background:#4F4F4F;text-decoration:none}.component.admin table td:nth-child(1){width:50px}.component.admin table td:nth-child(2){width:75pt}.component.admin table td:nth-child(3){width:auto}.component.admin table td:nth-child(4){width:5pc}.on-off-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#2c7915;border:solid 1px #24500a;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}.on-off-button:focus,.on-off-button:hover{background:#24500a;border-color:#2c7915}.on-off-button.disabled{background:#202020;border-color:#4F4F4F}.inscription #nav .box.left span{display:inline-block;line-height:2pc;padding:0 10px;margin:5px 2px;font-size:14px;width:5pc;text-align:center;color:#4f4f4f;text-decoration:none;font-variant:small-caps}.inscription #nav .box.left span.active{color:#fff}.inscription #nav .box.right{display:none}.inscription #inscription-subnav{position:fixed;top:45px;left:0;width:210px;margin:0 20px 0 60px;z-index:500}.inscription #inscription-subnav .bind{height:15px;background:url(src/desktop/inscriptionSubnav/bBind.png) no-repeat center}.inscription #inscription-subnav .head{position:relative;height:214px;background:url(src/desktop/inscriptionSubnav/bHead.png) no-repeat center}.inscription #inscription-subnav .head h2{position:absolute;margin:0;padding:0;top:5px;font-weight:700;font-size:1pc;line-height:24px;width:210px;overflow:hidden;text-align:center;color:#fff}.inscription #inscription-subnav .head img{position:absolute;top:43px;left:28px;width:125px;height:125px;background:#0A0A0A}.inscription #inscription-subnav .head .level{position:absolute;display:block;bottom:15px;left:0;width:100%;font-size:20px;line-height:41px;color:#fff;text-align:center;background:url(src/desktop/inscriptionSubnav/bLevel.png) no-repeat center}.inscription #inscription-subnav .head .experience{position:absolute;display:inline-block;top:50px;right:2pc;width:21px;height:7pc}.inscription #inscription-subnav .head .experience .value{position:absolute;display:block;width:100%;bottom:0;border-radius:3px}.inscription #inscription-subnav .foot{height:290px}.inscription #movers .toLeft{left:0!important}.inscription .component.inscription img.color1{background:#6e161b!important}.inscription .component.inscription img.color2{background:#1f1471!important}.inscription .component.inscription img.color3{background:#dbb200!important}.inscription .component.inscription img.color4{background:#5a1072!important}.inscription .component.inscription img.color5{background:#2c7915!important}.inscription .component.inscription img.color6{background:#076b87!important}.inscription .component.inscription img.color7{background:#67331d!important}.inscription .component.inscription img.color8{background:#d87913!important}.inscription .component.inscription img.color9{background:#2c7915!important}.inscription .component.inscription img.color10{background:#760f36!important}.inscription .component.inscription img.color11{background:#219772!important}.inscription .component.inscription img.color12{background:#dbb200!important}.inscription .component.inscription .chooseLink{display:block;margin:10px;padding:10px 60px 10px 20px;background:url(src/desktop/mover/right.png) no-repeat 235px center #ccc;text-decoration:none;color:#fff;text-shadow:0 0 2px #000;border:solid 1px #202020;cursor:pointer;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s}.inscription .component.inscription .chooseLink:focus,.inscription .component.inscription .chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.inscription .component.inscription button.chooseLink{width:277px;text-align:left}.inscription .component.inscription.color1 .chooseLink{background-color:#6e161b}.inscription .component.inscription.color2 .chooseLink{background-color:#1f1471}.inscription .component.inscription.color3 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color4 .chooseLink{background-color:#5a1072}.inscription .component.inscription.color5 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color6 .chooseLink{background-color:#076b87}.inscription .component.inscription.color7 .chooseLink{background-color:#67331d}.inscription .component.inscription.color8 .chooseLink{background-color:#d87913}.inscription .component.inscription.color9 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color10 .chooseLink{background-color:#760f36}.inscription .component.inscription.color11 .chooseLink{background-color:#219772}.inscription .component.inscription.color12 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color1 .chooseLink:focus,.inscription .component.inscription.color1 .chooseLink:hover{background-color:#510816}.inscription .component.inscription.color2 .chooseLink:focus,.inscription .component.inscription.color2 .chooseLink:hover{background-color:#0c0d44}.inscription .component.inscription.color3 .chooseLink:focus,.inscription .component.inscription.color3 .chooseLink:hover{background-color:#b17a00}.inscription .component.inscription.color4 .chooseLink:focus,.inscription .component.inscription.color4 .chooseLink:hover{background-color:#310948}.inscription .component.inscription.color5 .chooseLink:focus,.inscription .component.inscription.color5 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color6 .chooseLink:focus,.inscription .component.inscription.color6 .chooseLink:hover{background-color:#004948}.inscription .component.inscription.color7 .chooseLink:focus,.inscription .component.inscription.color7 .chooseLink:hover{background-color:#401b13}.inscription .component.inscription.color8 .chooseLink:focus,.inscription .component.inscription.color8 .chooseLink:hover{background-color:#c3590b}.inscription .component.inscription.color9 .chooseLink:focus,.inscription .component.inscription.color9 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color10 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#4d0621}.inscription .component.inscription.color11 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#10684c}.inscription .component.inscription.color12 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#b17a00}.inscription .component.inscription .chooseLink strong{display:block;font-size:15px;border-bottom:solid 1px rgba(255,255,255,.25);padding:0 0 5px 0;margin:0 0 5px 0}.inscription .component.inscription .chooseLink em{font-style:normal}.inscription .component.inscription span.chooseLink{background:#202020!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25);cursor:auto;padding:10px}.inscription .component.inscription span.chooseLink:focus,.inscription .component.inscription span.chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}.inscription .component.inscription blockquote{line-height:200%}.inscription .component.inscription #base,.inscription .component.inscription #pseudo{position:relative;width:100%;border:none;padding:9pt 0;margin:0;text-align:center;font-size:26px;font-weight:700;background:#fff;border-radius:3px}.inscription .component.inscription.color1 #pseudo{color:#510816}.inscription .component.inscription.color2 #pseudo{color:#0c0d44}.inscription .component.inscription.color3 #pseudo{color:#b17a00}.inscription .component.inscription.color4 #pseudo{color:#310948}.inscription .component.inscription.color5 #pseudo{color:#24500a}.inscription .component.inscription.color6 #pseudo{color:#004948}.inscription .component.inscription.color7 #pseudo{color:#401b13}.inscription .component.inscription.color8 #pseudo{color:#c3590b}.inscription .component.inscription.color9 #pseudo{color:#24500a}.inscription .component.inscription.color10 #pseudo{color:#4d0621}.inscription .component.inscription.color11 #pseudo{color:#10684c}.inscription .component.inscription.color12 #pseudo{color:#b17a00}.inscription .component.inscription .avatars{padding:5px;text-align:center}.inscription .component.inscription .avatar{position:relative;display:inline-block;margin:0 5px;padding:5px;background:#202020;border:solid 5px #0A0A0A;border-radius:100%}.inscription .component.inscription .avatar input{position:absolute;top:10px;left:10px}.inscription .component.inscription .avatar img{display:block;width:117px;cursor:pointer;border-radius:100%}.inscription .component.inscription.color1 .avatar:hover{border-color:#510816}.inscription .component.inscription.color2 .avatar:hover{border-color:#0c0d44}.inscription .component.inscription.color3 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color4 .avatar:hover{border-color:#310948}.inscription .component.inscription.color5 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color6 .avatar:hover{border-color:#004948}.inscription .component.inscription.color7 .avatar:hover{border-color:#401b13}.inscription .component.inscription.color8 .avatar:hover{border-color:#c3590b}.inscription .component.inscription.color9 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color10 .avatar:hover{border-color:#4d0621}.inscription .component.inscription.color11 .avatar:hover{border-color:#10684c}.inscription .component.inscription.color12 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color1 .avatar.active{border-color:#b01e2d}.inscription .component.inscription.color2 .avatar.active{border-color:#2f23c0}.inscription .component.inscription.color3 .avatar.active{border-color:#ffdb0f}.inscription .component.inscription.color4 .avatar.active{border-color:#a935c7}.inscription .component.inscription.color5 .avatar.active{border-color:#57c632}.inscription .component.inscription.color6 .avatar.active{border-color:#05bed7}.inscription .component.inscription.color7 .avatar.active{border-color:#ac5832}.inscription .component.inscription.color8 .avatar.active{border-color:#f2b636}.inscription .component.inscription.color9 .avatar.active{border-color:#57c632}.inscription .component.inscription.color10 .avatar.active{border-color:#a92859}.inscription .component.inscription.color11 .avatar.active{border-color:#34b089}.inscription .component.inscription.color12 .avatar.active{border-color:#ffdb0f}.inscription #alert{bottom:-9pt;z-index:10000}.inscription .build-item{min-height:60px}.inscription .build-item .name{padding-top:2px!important}.inscription .build-item .name strong{font-size:1pc!important}.inscription .build-item .name em{font-size:9pt!important}.color0 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor0.png) no-repeat top left}.color1 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor1.png) no-repeat top left}.color2 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor2.png) no-repeat top left}.color3 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor3.png) no-repeat top left}.color4 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor4.png) no-repeat top left}.color5 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor5.png) no-repeat top left}.color6 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor6.png) no-repeat top left}.color7 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor7.png) no-repeat top left}.color8 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor8.png) no-repeat top left}.color9 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor9.png) no-repeat top left}.color10 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor10.png) no-repeat top left}.color11 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor11.png) no-repeat top left}.color12 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor12.png) no-repeat top left}.ac_results{width:100%;padding:0;border:1px solid #4F4F4F;background-color:#fff;overflow:hidden;z-index:99999;box-shadow:0 0 6px #000;border-radius:3px}.ac_results ul{width:100%;padding:0;margin:0;list-style-position:outside;list-style:none}.ac_results ul li{padding:4px 8px;margin:0;cursor:default;display:block;border-bottom:solid 1px #CCC;overflow:hidden}.ac_results ul li:last-child{border:none}.ac_results .img{float:left;width:36px;background:#202020;border-radius:3px;margin:0 8px 0 0}.ac_results .value-1,.ac_results .value-2{display:block;line-height:18px}.ac_results .value-1{font-weight:700}.ac_loading{background:#fff url(src/desktop/module/indicator.gif) right center no-repeat}.ac_over{background:#efefef}.ac_results .ac_over strong{color:#000}.ac_results .ac_over img{background:#fff}
\ No newline at end of file
+html {
+ height: 100%;
+}
+body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Roboto', 'Trebuchet MS', 'Arial', sans-serif;
+ font-size: 13px;
+}
+.bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ max-width: 280px;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+}
+.bull.top:before {
+ bottom: -14px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+.bull.bottom:before {
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+}
+.bull.left:before {
+ right: 12px;
+}
+.bull.right:before {
+ left: 12px;
+}
+body {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: black;
+}
+#nav,
+#tools {
+ position: fixed;
+ width: 100%;
+ height: 26px;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ box-shadow: 0 0 10px black;
+ z-index: 1000;
+ border-color: #57c632;
+}
+#nav {
+ top: 0;
+ left: 0;
+ background: url('src/desktop/nav/bNav.png') repeat-x black;
+ border-bottom: solid 3px black;
+}
+#tools {
+ bottom: 0;
+ left: 0;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ border-top: solid 3px black;
+}
+#container {
+ position: absolute;
+ top: 29px;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ background: black;
+ overflow: hidden;
+ z-index: 0;
+ background: url('src/desktop/global/background.jpg') repeat-x black;
+}
+.icon,
+.icon-color {
+ display: inline-block;
+ vertical-align: bottom;
+ padding: 2px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.icon-color {
+ background: #57c632 !important;
+}
+#background-paralax {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: no-repeat bottom left transparent;
+ z-index: 100;
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.profil {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.message {
+ background-image: url('src/desktop/screen/message.jpg');
+}
+#background-paralax.fleet {
+ background-image: url('src/desktop/screen/fleet.jpg');
+}
+#background-paralax.financial {
+ background-image: url('src/desktop/screen/financial.jpg');
+}
+#background-paralax.technology {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.rank {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.params {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.bases {
+ background-image: url('src/desktop/screen/base.jpg');
+}
+#movers a {
+ position: absolute;
+ width: 60px;
+ height: 100%;
+ z-index: 400;
+ background: red;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#movers a:hover,
+#movers a:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+#movers a:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+#movers .toLeft {
+ top: 0;
+ left: 60px;
+ background: url('src/desktop/mover/left.png') no-repeat center transparent;
+}
+#movers .toRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center transparent;
+}
+/* finance */
+.component.financial table {
+ border-collapse: collapse;
+ width: 100%;
+}
+.component.financial td {
+ vertical-align: top;
+ width: 50%;
+}
+/* uni */
+.component.uni .build-item {
+ height: 60px;
+ margin: 20px;
+}
+/* techno */
+.component.techno .build-item .name strong {
+ font-size: 16px;
+}
+/* school */
+.component.school .build-item .name strong {
+ font-size: 18px;
+}
+/* generator */
+.component.generator table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* dock1 */
+.component.dock1 table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* situation */
+.component.space .fix-body {
+ background: url('src/desktop/base/situation.jpg') no-repeat top left black;
+}
+/* memorial */
+.component.memorial blockquote {
+ font-size: 22px;
+ margin: 30px 15px 0 30px;
+ line-height: 160%;
+ font-weight: bold;
+ text-align: center;
+}
+.component .info-building {
+ margin: 10px;
+ padding: 0;
+ font-size: 13px;
+ border-top: solid 1px #4F4F4F;
+}
+.component .info-building h4 {
+ margin: 10px;
+}
+.component .info-building p {
+ font-size: 13px;
+}
+#tools .box a,
+#nav .box a,
+#tools .box > span,
+#nav .box > span {
+ position: relative;
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 25px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 150px;
+ color: white;
+ text-decoration: none;
+ font-variant: small-caps;
+ background: url('src/desktop/button/bButtonMiddle.png') repeat-x;
+}
+#tools .box a:before,
+#nav .box a:before,
+#tools .box > span:before,
+#nav .box > span:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonLeft.png') no-repeat;
+}
+#tools .box a:after,
+#nav .box a:after,
+#tools .box > span:after,
+#nav .box > span:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonRight.png') no-repeat;
+}
+#tools .box a.current-base,
+#nav .box a.current-base {
+ margin-left: 56px;
+}
+#tools .box a.current-base img,
+#nav .box a.current-base img {
+ position: absolute;
+ top: -16px;
+ left: -54px;
+ background: black;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ border: solid 2px #4F4F4F;
+ width: 60px;
+}
+#tools .box a:hover:before,
+#nav .box a:hover:before,
+#tools .box a:focus:before,
+#nav .box a:focus:before {
+ background: url('src/desktop/button/bButtonLeftHover.png') repeat;
+}
+#tools .box a:hover:after,
+#nav .box a:hover:after,
+#tools .box a:focus:after,
+#nav .box a:focus:after {
+ background: url('src/desktop/button/bButtonRightHover.png') repeat;
+}
+#tools .box a.active,
+#nav .box a.active {
+ background: url('src/desktop/button/bButtonMiddleActive.png') repeat;
+}
+#tools .box a.active:before,
+#nav .box a.active:before {
+ background: url('src/desktop/button/bButtonLeftActive.png') repeat;
+}
+#tools .box a.active:after,
+#nav .box a.active:after {
+ background: url('src/desktop/button/bButtonRightActive.png') repeat;
+}
+#tools .box a.square,
+#nav .box a.square {
+ position: relative;
+ padding: 0 5px;
+ margin: 5px 2px;
+ height: 32px;
+ width: 30px;
+ background: url('src/desktop/button/bLittleButton.png') no-repeat;
+ vertical-align: top;
+}
+#tools .box a.square:before,
+#nav .box a.square:before,
+#tools .box a.square:after,
+#nav .box a.square:after {
+ display: none;
+}
+#tools .box a.square:hover,
+#nav .box a.square:hover,
+#tools .box a.square:focus,
+#nav .box a.square:focus {
+ background: url('src/desktop/button/bLittleButtonHover.png') no-repeat;
+}
+#tools .box a.square.active,
+#nav .box a.square.active {
+ background: url('src/desktop/button/bLittleButtonActive-c9.png') no-repeat;
+}
+#tools .box a.square.active.flashy,
+#nav .box a.square.active.flashy {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: inset 0 0 12px #57c632;
+}
+#tools .box a.square img,
+#nav .box a.square img {
+ position: absolute;
+ width: 24px;
+ top: 3px;
+ left: 8px;
+}
+#tools .box a.square span.number,
+#nav .box a.square span.number {
+ position: absolute;
+ top: -5px;
+ right: -5px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ font-size: 11px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ background: #24500a;
+}
+#nav .box {
+ position: absolute;
+ display: inline-block;
+ height: 46px;
+ padding: 0 3px;
+ background: url('src/desktop/nav/bNavBox.png') repeat-x;
+}
+#nav .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxLeft.png') no-repeat;
+}
+#nav .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxRight.png') no-repeat;
+}
+#nav .box.left {
+ top: 0;
+ left: 25px;
+}
+#nav .box.left-2 {
+ top: 0;
+ left: 420px;
+}
+#nav .box.left-3 {
+ top: 0;
+ left: 732px;
+}
+#nav .box.right {
+ top: 0;
+ right: 25px;
+}
+#nav .box a.square span.number {
+ bottom: -5px;
+ top: auto;
+}
+#tools .box {
+ position: absolute;
+ display: inline-block;
+ height: 40px;
+ padding: 1px 3px 0 3px;
+ background: url('src/desktop/tools/bToolBox.png') repeat-x;
+ font-size: 13px;
+}
+#tools .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxRight.png') no-repeat;
+}
+#tools .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxLeft.png') no-repeat;
+}
+#tools .box.left {
+ bottom: 0;
+ right: 340px;
+}
+#tools .box.right {
+ bottom: 0;
+ right: 25px;
+}
+#tools .box a.square img {
+ top: 4px;
+}
+#tools .box a.resource-link,
+#tools .box span.resource-link {
+ width: 110px;
+ font-size: 16px;
+}
+#tools .box a.resource-link img.icon-color,
+#tools .box span.resource-link img.icon-color {
+ position: relative;
+ display: inline-block;
+ width: 18px;
+ vertical-align: middle;
+ margin-left: 5px;
+ top: -2px;
+ padding: 1px;
+}
+#nav .overbox .overflow,
+#tools .overbox .overflow {
+ max-height: 400px;
+ overflow: auto;
+ position: relative;
+}
+#nav .overbox h2,
+#tools .overbox h2 {
+ color: white;
+ padding: 10px 15px;
+ margin: 0;
+ font-size: 14px;
+ font-weight: normal;
+ border-bottom: solid 1px #202020;
+}
+#nav .overbox .link-title,
+#tools .overbox .link-title {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ line-height: 20px;
+ font-size: 11px;
+ padding: 0 5px;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ text-decoration: none;
+ color: white;
+}
+#nav .overbox a,
+#tools .overbox a {
+ color: inherit;
+}
+#nav .overbox a.more-link,
+#tools .overbox a.more-link {
+ display: block;
+ padding: 8px;
+ font-size: 12px;
+ border-top: solid 1px #202020;
+ text-align: center;
+ text-decoration: none;
+ color: #4F4F4F;
+}
+#nav .overbox a.more-link:focus,
+#tools .overbox a.more-link:focus,
+#nav .overbox a.more-link:hover,
+#tools .overbox a.more-link:hover {
+ color: #CCC;
+}
+#nav .overbox p.info,
+#tools .overbox p.info {
+ padding: 5px 15px;
+ font-size: 12px;
+ text-align: center;
+ color: #CCC;
+}
+#nav .overbox .outside-button,
+#tools .overbox .outside-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #2c7915;
+ border: solid 1px #24500a;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+#nav .overbox .outside-button:hover,
+#tools .overbox .outside-button:hover,
+#nav .overbox .outside-button:focus,
+#tools .overbox .outside-button:focus {
+ background: #24500a;
+ border-color: #2c7915;
+}
+#nav .overbox .outside-button.disabled,
+#tools .overbox .outside-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+#nav .overbox input.outside-button,
+#tools .overbox input.outside-button {
+ line-height: 26px;
+}
+#nav .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+}
+#nav .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent transparent #202020 transparent;
+ top: -18px;
+ right: 30px;
+}
+#nav .overbox#change-bases {
+ top: 50px;
+ left: 10px;
+ width: 205px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#change-bases:before {
+ left: 30px;
+ right: auto;
+}
+#nav .overbox#change-bases a {
+ display: block;
+ padding: 3px 15px;
+ color: #CCC;
+ text-decoration: none;
+ font-size: 12px;
+ border-bottom: solid 1px #101010;
+}
+#nav .overbox#change-bases a:focus,
+#nav .overbox#change-bases a:hover {
+ background: #101010;
+}
+#nav .overbox#change-bases a.active {
+ background: #202020;
+}
+#nav .overbox#change-bases strong {
+ display: block;
+ color: #CCC;
+ font-size: 13px;
+}
+#nav .overbox#disconnect-box {
+ top: 50px;
+ right: 10px;
+ width: 205px;
+ padding: 8px 0;
+}
+#nav .overbox#disconnect-box hr {
+ margin: 8px 0;
+ border: none;
+ background: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#disconnect-box a {
+ display: block;
+ padding: 0 15px;
+ line-height: 25px;
+ font-size: 13px;
+ color: #CCC;
+ text-decoration: none;
+}
+#nav .overbox#disconnect-box a:hover,
+#nav .overbox#disconnect-box a:focus {
+ color: white;
+ background: #202020;
+}
+#nav .overbox#bug-tracker {
+ width: 250px;
+ top: 50px;
+ right: 98px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#bug-tracker p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 10px;
+}
+#nav .overbox#bug-tracker .option {
+ margin: 3px 10px 10px 10px;
+ display: block;
+ width: 330px;
+ padding: 5px;
+}
+#nav .overbox#bug-tracker textarea {
+ display: block;
+ margin: 0 10px 10px 10px;
+ padding: 5px;
+ width: 318px;
+ height: 200px;
+ min-width: 318px;
+ max-width: 318px;
+ border: solid 1px #202020;
+ font-family: 'Trebuchet MS', sans-serif;
+ font-size: 13px;
+}
+#nav .overbox#bug-tracker .button {
+ display: block;
+ margin: 0 10px 2px 10px;
+}
+#nav .overbox#roadmap {
+ width: 350px;
+ top: 50px;
+ right: 10px;
+}
+#nav .overbox#roadmap .overflow {
+ width: 350px;
+ padding: 8px 0;
+}
+#nav .overbox#roadmap p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 0 10px 10px 10px;
+}
+#nav .overbox#roadmap p em {
+ display: block;
+ font-size: 11px;
+ color: #4F4F4F;
+}
+#nav .overbox#roadmap hr {
+ margin: 5px 0;
+ border: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial {
+ width: 350px;
+ top: 50px;
+ right: 143px;
+ color: white;
+}
+#nav .overbox#tutorial form {
+ padding: 0 0 10px 0;
+ margin: 0;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial .overflow {
+ padding: 15px 15px 0 15px;
+}
+#nav .overbox#tutorial .overflow h3 {
+ position: relative;
+ margin: 0;
+ padding: 0 0 0 36px;
+}
+#nav .overbox#tutorial .overflow h3 .number {
+ position: absolute;
+ top: -4px;
+ left: 0;
+ display: block;
+ width: 26px;
+ line-height: 26px;
+ text-align: center;
+ background: #24500a;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ margin-right: 10px;
+}
+#nav .overbox#tutorial .overflow p {
+ font-size: 12px;
+ color: #CCC;
+}
+#nav .overbox#new-notifications {
+ top: 50px;
+ left: 627px;
+ width: 300px;
+}
+#tools .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ width: 300px;
+ bottom: 45px;
+ right: 15px;
+}
+#tools .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: #202020 transparent transparent transparent;
+ bottom: -18px;
+ right: 30px;
+}
+#tools .overbox.left-pic:before {
+ left: 30px;
+ right: auto;
+}
+#tools .overbox#tools-calendar {
+ left: 25px;
+ bottom: 45px;
+ right: auto;
+}
+#tools .overbox#tools-refinery {
+ right: 401px;
+ bottom: 45px;
+}
+#tools .overbox#tools-generator {
+ right: 237px;
+ bottom: 45px;
+}
+#tools .overbox#tools-technosphere {
+ right: 193px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock1 {
+ right: 148px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock2 {
+ right: 105px;
+ bottom: 45px;
+}
+#tools .overbox#tools-credit {
+ right: 140px;
+ bottom: 45px;
+}
+#tools .overbox#tools-incoming-attack {
+ right: 230px;
+ bottom: 45px;
+}
+#tools .overbox#tools-outgoing-attack {
+ right: 185px;
+ bottom: 45px;
+}
+#subnav {
+ position: fixed;
+ top: 29px;
+ left: 2px;
+ bottom: 29px;
+ padding: 40px 0;
+ width: 60px;
+ background: url('src/desktop/subnav/middle.png') repeat-y;
+ z-index: 1000;
+}
+#subnav hr {
+ border: none;
+ margin: 20px 0;
+}
+#subnav .overflow {
+ position: relative;
+}
+#subnav .move-side-bar {
+ display: none;
+ position: absolute;
+ z-index: 5000;
+ left: 5px;
+ width: 48px;
+ height: 48px;
+ line-height: 48px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.75);
+ background-position: center;
+ background-repeat: no-repeat;
+ border-radius: 100%;
+ cursor: pointer;
+}
+#subnav .move-side-bar:hover,
+#subnav .move-side-bar:focus {
+ box-shadow: 0 0 3px white;
+}
+#subnav .move-side-bar.top {
+ bottom: auto;
+ top: 20px;
+ background-image: url('src/desktop/component/top.png');
+}
+#subnav .move-side-bar.bottom {
+ bottom: 20px;
+ top: auto;
+ background-image: url('src/desktop/component/bottom.png');
+}
+#subnav .item {
+ position: relative;
+ display: block;
+ height: 50px;
+ width: 50px;
+ margin: 0 0 10px 0;
+ padding: 8px 5px;
+ color: white;
+ text-decoration: none;
+ background: url('src/desktop/subnav/button.png') no-repeat;
+}
+#subnav .item.active {
+ background: url('src/desktop/subnav/button-active-c9.png') no-repeat;
+}
+#subnav .item.striped {
+ background: url('src/desktop/subnav/button-striped.png') no-repeat;
+}
+#subnav .item:before {
+ content: '';
+ position: absolute;
+ right: -6px;
+ bottom: 0;
+ width: 12px;
+ height: 47px;
+ background: url('src/desktop/subnav/til.png') no-repeat;
+}
+#subnav .item:hover:before {
+ background: url('src/desktop/subnav/til-hover.png') no-repeat;
+}
+#subnav .item:hover > .content {
+ display: block;
+}
+#subnav .item .picto {
+ display: block;
+ height: 30px;
+ width: 30px;
+ padding: 10px;
+}
+#subnav .item .picto img {
+ display: block;
+ height: 30px;
+ width: 30px;
+}
+#subnav .item .picto .number {
+ position: absolute;
+ bottom: -5px;
+ right: -18px;
+ display: block;
+ width: 28px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ font-size: 12px;
+ background: url('src/desktop/subnav/number.png') no-repeat;
+}
+#subnav .item .content {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 75px;
+ width: 230px;
+}
+#subnav .item .content.skin-1 span {
+ display: inline-block;
+ margin: 15px 0 15px 16px;
+ padding: 0 15px;
+ line-height: 30px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-1 span:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content {
+ display: inline-block;
+ margin: 0 0 0 16px;
+ padding: 10px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-2 .sub-content:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content hr {
+ border: none;
+ border-top: solid 1px #4F4F4F;
+ margin: 5px 0;
+}
+#subnav .item .content.skin-2 .sub-content .ship {
+ position: relative;
+}
+#subnav .item .content.skin-2 .sub-content .ship img {
+ width: 32px;
+ height: 32px;
+}
+#subnav .item .content.skin-2 .sub-content .ship img.zero {
+ opacity: .5;
+}
+#subnav .item .content.skin-2 .sub-content .ship .number {
+ position: absolute;
+ bottom: -2px;
+ right: -2px;
+ width: 18px;
+ height: 18px;
+ line-height: 18px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ text-align: center;
+ background: #57c632;
+}
+#alert-content {
+ display: none;
+}
+#alert {
+ position: absolute;
+ bottom: 18px;
+ left: 50px;
+ padding: 0;
+ text-align: right;
+ list-style: inset none;
+}
+#alert li {
+ position: relative;
+ display: inline-block;
+ margin: 0 0 0 5px;
+}
+#alert li img {
+ display: block;
+ height: 50px;
+ border: solid 1px #202020;
+ padding: 5px;
+ background: #0A0A0A;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.alert-bull {
+ display: block;
+ position: absolute;
+ z-index: 1200;
+ width: 200px;
+ padding: 6px 8px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.alert-bull .title {
+ display: block;
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+ border-bottom: solid 1px #4F4F4F;
+}
+.alert-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ bottom: -14px;
+ left: 24px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+#content {
+ position: absolute;
+ width: 8000px;
+ height: 100%;
+ top: 0;
+ left: 300px;
+ z-index: 200;
+}
+#content .component {
+ position: relative;
+ display: table-cell;
+ overflow: hidden;
+ width: 300px;
+ background: rgba(0, 0, 0, 0.92);
+}
+#content .component.size2 {
+ width: 600px;
+}
+#content .component.size3 {
+ width: 900px;
+}
+#content .component:nth-child(1) {
+ background: rgba(0, 0, 0, 0.6);
+}
+#content .component:nth-child(2) {
+ background: rgba(0, 0, 0, 0.75);
+}
+#content .component:nth-child(3) {
+ background: rgba(0, 0, 0, 0.85);
+}
+#content .component:nth-child(4) {
+ background: rgba(0, 0, 0, 0.9);
+}
+#content .component .head {
+ position: relative;
+ display: inline-block;
+ height: 120px;
+ width: 100%;
+ vertical-align: top;
+ color: white;
+ background: url('src/desktop/component/bHead.jpg') repeat-x center black;
+ border-bottom: solid 1px #202020;
+}
+#content .component .head h1 {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ font-size: 38px;
+ line-height: 50px;
+ height: 50px;
+ display: inline-block;
+ padding: 0 10px;
+ background: black;
+ overflow: hidden;
+}
+#content .component .fix-body {
+ position: relative;
+ overflow: auto;
+ color: white;
+ border-right: solid 1px #202020;
+}
+#content .component .fix-body .body {
+ position: relative;
+}
+.no-scrolling #content .component .fix-body {
+ overflow: hidden;
+}
+.no-scrolling #content .component .fix-body > a {
+ position: absolute;
+ width: 100%;
+ height: 40px;
+ left: 0;
+ opacity: 0;
+}
+.no-scrolling #content .component .fix-body.hover > a {
+ opacity: 1;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+.no-scrolling #content .component .fix-body .toTop {
+ top: 0;
+ background-image: url('src/desktop/component/top.png'), -webkit-gradient(linear, black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -moz-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -ms-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -o-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+}
+.no-scrolling #content .component .fix-body .toBottom {
+ bottom: 0;
+ background-image: url('src/desktop/component/bottom.png'), -webkit-gradient(linear, transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+}
+#content .component.invisible {
+ background: transparent;
+}
+#content .component.invisible .publicity {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: red;
+}
+.component .tool {
+ display: table;
+ width: 100%;
+ height: 44px;
+ margin: 0;
+ overflow: hidden;
+ background: black;
+ border-bottom: solid 1px #57c632;
+ color: #4F4F4F;
+}
+.component .tool > span {
+ display: table-cell;
+ width: 28px;
+ border: solid 6px transparent;
+ border-left: none;
+}
+.component .tool > span:first-child {
+ border: solid 5px transparent;
+ width: auto;
+ text-align: center;
+}
+.component .tool > span:first-child a {
+ width: auto;
+}
+.component .tool > span a {
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 0;
+ line-height: 30px;
+ width: 30px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+ text-align: center;
+}
+.component .tool > span a img {
+ width: 18px;
+ position: relative;
+ top: -4px;
+}
+.component .tool > span a.active {
+ background: #2c7915;
+ color: white;
+ border-color: #57c632;
+}
+.component .tool > span a.active.down {
+ box-shadow: 0 2px 0 0 #CCC;
+}
+.component .tool > span a.active.up {
+ box-shadow: 0 -2px 0 0 #CCC;
+}
+.component .tool > span a.active:hover,
+.component .tool > span a.active:focus {
+ color: #CCC;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
+}
+.component .tool > span a:hover,
+.component .tool > span a:focus,
+.component .tool > span a:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .tool.sort-button > span:first-child {
+ text-align: center;
+}
+.component h3 {
+ width: 100%;
+ margin: 0;
+ background: black;
+ text-align: center;
+ padding: 0 2px;
+ line-height: 44px;
+ font-weight: normal;
+ font-size: 14px;
+ color: #4F4F4F;
+ text-decoration: none;
+ border-bottom: solid 1px #57c632;
+}
+.component h4 {
+ margin: 10px 10px 0 10px;
+ font-weight: normal;
+ font-size: 18px;
+}
+.component .body p {
+ margin: 10px;
+ font-size: 13px;
+ text-align: justify;
+}
+.component .body p.info {
+ position: relative;
+ border-top: solid 1px #202020;
+ padding: 10px;
+ margin: 10px;
+ line-height: 140%;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component .body p.info a {
+ color: white;
+}
+.component .body p.info .requierement {
+ display: inline-block;
+ margin: 0 0 0 8px;
+ vertical-align: bottom;
+ height: 16px;
+}
+.component .body p.long-info {
+ padding: 10px;
+ line-height: 150%;
+ background: black;
+}
+.component .body p .alone-button {
+ display: block;
+ text-align: center;
+ color: white;
+ line-height: 40px;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #4F4F4F;
+ box-shadow: inset 0 0 2px black;
+ padding: 0 10px;
+ background: #24500a;
+}
+.component .body p .alone-button:hover,
+.component .body p .alone-button:focus {
+ background: #2c7915;
+}
+.component .border-bottom {
+ border-bottom: solid 3px #57c632;
+}
+.component .list-type-1 {
+ margin: 10px;
+ padding: 0;
+ list-style: none;
+}
+.component .list-type-1 li {
+ position: relative;
+ padding: 5px 10px;
+ text-align: right;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: rgba(0, 0, 0, 0.8);
+ color: #989898;
+}
+.component .list-type-1 li.strong {
+ border-top: double 3px #4F4F4F;
+ background: #111111;
+ color: white;
+}
+.component .list-type-1 li.empty {
+ background: none;
+ border: none;
+ height: 50px;
+}
+.component .list-type-1 li ul li {
+ height: auto;
+}
+.component .list-type-1 .label {
+ display: block;
+ font-size: 13px;
+}
+.component .list-type-1 .label .icon-color {
+ width: 15px;
+ padding: 1px;
+}
+.component .list-type-1 .value {
+ display: inline-block;
+ font-size: 22px;
+ line-height: 30px;
+ font-weight: bold;
+}
+.component .list-type-1 .value .icon,
+.component .list-type-1 .value .icon-color {
+ height: 18px;
+ margin-left: 8px;
+ position: relative;
+ top: -3px;
+}
+.component .list-type-1 .picto {
+ position: absolute;
+ top: 7px;
+ left: 10px;
+ height: 35px;
+ width: 35px;
+ line-height: 35px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+ font-size: 16px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+}
+.component .list-type-1 .picto.color1 {
+ background: #510816;
+}
+.component .list-type-1 .picto.color2 {
+ background: #0c0d44;
+}
+.component .list-type-1 .picto.color3 {
+ background: #b17a00;
+}
+.component .list-type-1 .picto.color4 {
+ background: #310948;
+}
+.component .list-type-1 .picto.color5 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color6 {
+ background: #004948;
+}
+.component .list-type-1 .picto.color7 {
+ background: #401b13;
+}
+.component .list-type-1 .picto.color8 {
+ background: #c3590b;
+}
+.component .list-type-1 .picto.color9 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color10 {
+ background: #4d0621;
+}
+.component .list-type-1 .picto.color11 {
+ background: #10684c;
+}
+.component .list-type-1 .picto.color12 {
+ background: #b17a00;
+}
+.component .list-type-1 .hide {
+ color: #4F4F4F;
+}
+.component .list-type-1 .buttons {
+ position: absolute;
+ top: 28px;
+ left: 5px;
+}
+.component .list-type-1 .buttons a {
+ display: inline-block;
+ margin: 0 4px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-style: 14px;
+ color: white;
+ border-radius: 3px;
+ background: #2c7915;
+}
+.component .list-type-1 .progress-bar {
+ text-align: left;
+ margin-top: 5px;
+}
+.component .sub-list-type-1 {
+ display: none;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.component .sub-list-type-1 li {
+ position: relative;
+ padding: 2px 0;
+ text-align: left;
+ border: none;
+ border-top: solid 1px #0A0A0A;
+}
+.component .sub-list-type-1 .label {
+ display: inline-block;
+ width: 60%;
+}
+.component .sub-list-type-1 .label .button {
+ position: relative;
+ left: -4px;
+ margin: 0 0 0 3px;
+}
+.component .sub-list-type-1 .value {
+ text-align: right;
+ line-height: 25px;
+ font-size: 18px;
+ width: 40%;
+}
+.component .sub-list-type-1 .value .button {
+ margin: 0 2px 0 6px;
+}
+.component .sub-list-type-1 .button {
+ display: inline-block;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: normal;
+ color: white;
+ border-radius: 3px;
+ background: #57c632;
+}
+.component .list-type-1 form {
+ z-index: 1;
+ position: absolute;
+ display: none;
+ bottom: -40px;
+ right: 3px;
+}
+.component .list-type-1 form p {
+ position: relative;
+ background: white;
+ border-radius: 3px;
+ padding: 0;
+ margin: 0;
+ width: 200px;
+ height: 35px;
+}
+.component .list-type-1 form p:before {
+ content: '';
+ position: absolute;
+ top: -12px;
+ right: 12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+}
+.component .list-type-1 form input {
+ border: none;
+ background: none;
+ line-height: 35px;
+ height: 35px;
+ padding: 0 10px;
+}
+.component .list-type-1 form input[type='text'] {
+ width: 140px;
+}
+.component .list-type-1 form input[type='submit'] {
+ width: 40px;
+}
+.component .sub-list-type-1 form {
+ right: -6px;
+}
+/* NUMBER BOX */
+.number-box {
+ position: relative;
+ margin: 10px;
+ padding: 5px 10px;
+ background: black;
+ color: white;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ border-left: solid 10px #2c7915;
+}
+.number-box.half {
+ display: inline-block;
+ width: 254px;
+ margin-right: 0;
+ margin-bottom: 0;
+}
+.number-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.number-box.text {
+ border-left: solid 1px #0A0A0A;
+}
+.number-box.text a {
+ text-decoration: none;
+ color: white;
+}
+.number-box .label {
+ display: block;
+}
+.number-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.number-box .value .icon-color {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+.number-box .progress-bar {
+ margin: 5px 0;
+}
+.number-box .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.number-box .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #2c7915;
+}
+/* PROGRESS BAR */
+.progress-bar {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 3px;
+ background: #4F4F4F;
+}
+.progress-bar .content {
+ position: relative;
+ display: inline-block;
+ height: 3px;
+ vertical-align: top;
+ overflow: hidden;
+ max-width: 100%;
+}
+.progress-bar .content:nth-child(n) {
+ background: #57c632;
+}
+.progress-bar .content:nth-child(2n) {
+ background: #24500a;
+}
+.progress-bar .content.color1 {
+ background: #6e161b;
+}
+.progress-bar .content.color2 {
+ background: #1f1471;
+}
+.progress-bar .content.color3 {
+ background: #dbb200;
+}
+.progress-bar .content.color4 {
+ background: #5a1072;
+}
+.progress-bar .content.color5 {
+ background: #2c7915;
+}
+.progress-bar .content.color6 {
+ background: #076b87;
+}
+.progress-bar .content.color7 {
+ background: #67331d;
+}
+.progress-bar .content.color8 {
+ background: #d87913;
+}
+.progress-bar .content.color9 {
+ background: #2c7915;
+}
+.progress-bar .content.color10 {
+ background: #760f36;
+}
+.progress-bar .content.color11 {
+ background: #219772;
+}
+.progress-bar .content.color12 {
+ background: #dbb200;
+}
+.progress-bar .step {
+ position: absolute;
+}
+.progress-bar .step .label {
+ position: absolute;
+ display: block;
+ width: 150px;
+ left: 0;
+ top: -28px;
+}
+.progress-bar .step .label.bottom {
+ top: auto;
+ bottom: -28px;
+}
+.progress-bar .step .label.right {
+ right: 0;
+ left: auto;
+ text-align: right;
+}
+.progress-bar .step:before {
+ content: '';
+ position: absolute;
+ width: 12px;
+ height: 12px;
+ background: #2c7915;
+ box-shadow: 0 0 0 3px #24500a;
+ border-radius: 100%;
+ top: -5px;
+ left: -5px;
+}
+/* BONUS */
+.bonus {
+ vertical-align: top;
+ display: inline-block;
+ font-size: 55%;
+ line-height: 100%;
+ padding: 3px;
+ margin: 2px 0 0 8px;
+ border-radius: 3px;
+ font-weight: normal;
+ background: #24500a;
+}
+/* HEAD */
+.component .head.skin-1 img {
+ position: absolute;
+ top: 22px;
+ left: 20px;
+ padding: 8px;
+ width: 60px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .head.skin-1 img:before {
+ content: '';
+ width: 100px;
+ height: 100px;
+}
+.component .head.skin-1 h2 {
+ position: absolute;
+ bottom: 66px;
+ left: 105px;
+ font-size: 22px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-1 em {
+ position: absolute;
+ top: 62px;
+ left: 105px;
+ font-size: 13px;
+ line-height: 16px;
+ font-style: normal;
+}
+.component .head.skin-2 h2 {
+ position: absolute;
+ display: inline-block;
+ top: 45px;
+ left: 10px;
+ font-size: 22px;
+ line-height: 30px;
+ margin: 0;
+ padding: 0 10px;
+ background: black;
+ font-weight: normal;
+}
+.component .head.skin-3 img {
+ position: absolute;
+ width: 50px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 27px;
+}
+.component .head.skin-3 img.left {
+ left: 40px;
+}
+.component .head.skin-3 img.right {
+ right: 40px;
+}
+.component .head.skin-4 img.main {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 37px;
+}
+.component .head.skin-4 h2 {
+ position: absolute;
+ top: 35px;
+ left: 60px;
+ font-size: 18px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-4 em {
+ position: absolute;
+ top: 65px;
+ left: 60px;
+ font-size: 13px;
+ line-height: 16px;
+}
+.component .head.skin-5 h2 {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ font-size: 16px;
+ font-weight: normal;
+ margin: 0;
+ padding: 0 20px;
+ background: black;
+}
+.component .head.skin-5 h2:before {
+ content: '';
+ position: absolute;
+ display: block;
+ top: 5px;
+ left: 0;
+ width: 8px;
+ height: 8px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .more-item,
+.component .more-button {
+ display: block;
+ margin: 10px 10px 5px;
+ line-height: 34px;
+ padding: 0 12px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+}
+.component .more-item:hover,
+.component .more-button:hover,
+.component .more-item:focus,
+.component .more-button:focus,
+.component .more-item:active,
+.component .more-button:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .nav-element {
+ position: relative;
+ display: block;
+ margin: 10px;
+ height: 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component .nav-element img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ height: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component .nav-element.active {
+ background: #2c7915;
+}
+.component .nav-element .active img {
+ background: black;
+}
+.component .nav-element strong {
+ position: absolute;
+ top: 5px;
+ left: 70px;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component .nav-element em {
+ position: absolute;
+ top: 30px;
+ left: 70px;
+ color: white;
+ font-weight: normal;
+ font-size: 12px;
+ font-style: normal;
+ color: #efefef;
+}
+.component hr {
+ border: none;
+ border-bottom: dashed 1px #202020;
+ margin: 0 10px;
+}
+.component .set-item {
+ margin: 10px;
+ border-bottom: solid 1px #202020;
+}
+.component .set-item a.item:hover,
+.component .set-item a.item:focus {
+ background-color: #0c0c0c;
+}
+.component .set-item .item {
+ position: relative;
+ display: block;
+ color: white;
+ height: 60px;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+}
+.component .set-item .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+}
+.component .set-item .item .left img {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left img.color1 {
+ background: #6e161b;
+}
+.component .set-item .item .left img.color2 {
+ background: #1f1471;
+}
+.component .set-item .item .left img.color3 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.color4 {
+ background: #5a1072;
+}
+.component .set-item .item .left img.color5 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color6 {
+ background: #076b87;
+}
+.component .set-item .item .left img.color7 {
+ background: #67331d;
+}
+.component .set-item .item .left img.color8 {
+ background: #d87913;
+}
+.component .set-item .item .left img.color9 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color10 {
+ background: #760f36;
+}
+.component .set-item .item .left img.color11 {
+ background: #219772;
+}
+.component .set-item .item .left img.color12 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.round-color0 {
+ box-shadow: 0 0 0 2px #CCC;
+}
+.component .set-item .item .left img.round-color1 {
+ box-shadow: 0 0 0 2px #b01e2d;
+}
+.component .set-item .item .left img.round-color2 {
+ box-shadow: 0 0 0 2px #2f23c0;
+}
+.component .set-item .item .left img.round-color3 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left img.round-color4 {
+ box-shadow: 0 0 0 2px #a935c7;
+}
+.component .set-item .item .left img.round-color5 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color6 {
+ box-shadow: 0 0 0 2px #05bed7;
+}
+.component .set-item .item .left img.round-color7 {
+ box-shadow: 0 0 0 2px #ac5832;
+}
+.component .set-item .item .left img.round-color8 {
+ box-shadow: 0 0 0 2px #f2b636;
+}
+.component .set-item .item .left img.round-color9 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color10 {
+ box-shadow: 0 0 0 2px #a92859;
+}
+.component .set-item .item .left img.round-color11 {
+ box-shadow: 0 0 0 2px #34b089;
+}
+.component .set-item .item .left img.round-color12 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left span {
+ display: block;
+ width: 30px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 15px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left span.round-color0 {
+ background: #CCC;
+}
+.component .set-item .item .left span.round-color1 {
+ background: #b01e2d;
+}
+.component .set-item .item .left span.round-color2 {
+ background: #2f23c0;
+}
+.component .set-item .item .left span.round-color3 {
+ background: #ffdb0f;
+}
+.component .set-item .item .left span.round-color4 {
+ background: #a935c7;
+}
+.component .set-item .item .left span.round-color5 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color6 {
+ background: #05bed7;
+}
+.component .set-item .item .left span.round-color7 {
+ background: #ac5832;
+}
+.component .set-item .item .left span.round-color8 {
+ background: #f2b636;
+}
+.component .set-item .item .left span.round-color9 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color10 {
+ background: #a92859;
+}
+.component .set-item .item .left span.round-color11 {
+ background: #34b089;
+}
+.component .set-item .item .left span.round-color12 {
+ background: #ffdb0f;
+}
+.component .set-item .item .center {
+ position: absolute;
+ top: 0;
+ left: 60px;
+ right: 30px;
+ bottom: 0;
+ padding: 9px 0;
+}
+.component .set-item .item .center strong {
+ display: block;
+ line-height: 22px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+}
+.component .set-item .item .center a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+}
+.component .set-item .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 29px;
+ border-left: solid 1px #202020;
+}
+.component .set-item .item .right a {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 29px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+}
+.component .set-item .item .right a:hover,
+.component .set-item .item .right a:focus,
+.component .set-item .item .right a.active {
+ background-color: #202020;
+}
+.component .set-item .item .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.component .set-item .item .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #2c7915;
+}
+.army-bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ width: 220px;
+ color: #CCC;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.army-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+ left: 18px;
+}
+.army-bull strong {
+ display: block;
+ padding-bottom: 5px;
+ margin-bottom: 5px;
+ border-bottom: solid 1px #4F4F4F;
+ font-weight: normal;
+}
+.army-bull .label {
+ display: inline-block;
+ width: 70px;
+}
+.army-bull .value {
+ display: inline-block;
+ width: 40px;
+}
+.component .build-item {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ width: 278px;
+}
+.component .build-item a {
+ color: white;
+}
+.component .build-item .name {
+ position: relative;
+ height: 40px;
+ padding: 5px 5px 5px 90px;
+}
+.component .build-item .name img {
+ z-index: 20;
+ position: absolute;
+ top: -10px;
+ left: 5px;
+ width: 60px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .build-item .name strong {
+ display: block;
+ font-size: 18px;
+}
+.component .build-item .level {
+ display: block;
+ position: absolute;
+ width: 22px;
+ line-height: 22px;
+ text-align: center;
+ font-size: 12px;
+ border-radius: 100%;
+ top: 38px;
+ left: 58px;
+ border: solid 1px white;
+ z-index: 22;
+ background: #2c7915;
+}
+.component .build-item .info {
+ display: none;
+ position: absolute;
+ width: 20px;
+ line-height: 20px;
+ text-align: center;
+ font-size: 16px;
+ text-decoration: none;
+ border-radius: 3px;
+ top: 5px;
+ right: 5px;
+ background: #2c7915;
+ color: white;
+}
+.component .build-item .name-commander {
+ margin: 10px 10px 0 10px;
+ height: 40px;
+ padding: 0 10px;
+ border: none;
+ background: white;
+ border-radius: 3px;
+ width: 240px;
+ text-align: center;
+ font-size: 16px;
+}
+.component .build-item .button {
+ display: block;
+ margin: 10px;
+ padding: 5px 10px;
+ width: 240px;
+ line-height: 20px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ background: #2c7915;
+ box-shadow: inset 0 0 2px black;
+ border: none;
+ cursor: pointer;
+ min-height: 36px;
+}
+.component .build-item .button:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #57c632;
+}
+.component .build-item .button.disable {
+ background: #202020;
+ cursor: default;
+}
+.component .build-item .button .icon-color {
+ width: 14px;
+}
+.component .build-item button.button {
+ width: 260px;
+}
+.component .build-item .ship-pack {
+ z-index: 10;
+ position: absolute;
+ bottom: 15px;
+ left: 15px;
+ width: 60px;
+ height: 40px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ background: white;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ border-radius: 3px;
+ box-shadow: inset 0 0 0 3px #CCC;
+}
+.component .build-item .ship-illu {
+ width: 260px;
+ margin: 5px 10px;
+ overflow: hidden;
+}
+.component .build-item .ship-illu img {
+ width: 100%;
+}
+.component .build-item.disabled {
+ opacity: .3;
+}
+.component .build-item.disabled .name img {
+ opacity: .50;
+}
+.component .build-item.disabled strong {
+ color: #4F4F4F;
+}
+.component .build-item.disabled .button.disable {
+ color: #696969;
+}
+.component .build-item.disabled .button.disable:hover {
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component .build-item.large {
+ width: 578px;
+}
+.component .build-item.large .info {
+ top: 75px;
+ right: 25px;
+}
+.component .build-item.large .button {
+ display: block;
+ top: -3px;
+ right: 0;
+ line-height: 18px;
+ width: 540px;
+ min-height: 36px;
+}
+.component .build-item.large .ship-illu {
+ width: 560px;
+ margin-top: 10px;
+}
+.component .build-item input {
+ display: block;
+ width: 243px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component .build-item select {
+ display: block;
+ width: 260px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component.panel-info .remove-info {
+ display: block;
+ position: absolute;
+ top: 2px;
+ right: 10px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ color: white;
+ border-radius: 3px;
+ background: #24500a;
+}
+.component.panel-info .table {
+ margin: 10px;
+}
+.component.panel-info .table table {
+ width: 100%;
+ text-align: right;
+ border-collapse: collapse;
+ background: black;
+}
+.component.panel-info .table td {
+ border: solid 1px #202020;
+ padding: 6px 8px;
+}
+.component.panel-info .table tr.small-grey {
+ background: #0A0A0A;
+}
+.component.panel-info .table tr.active td {
+ background: #0A0A0A;
+ border-bottom: solid 1px #4F4F4F;
+}
+.component.panel-info .table .icon-color {
+ width: 12px;
+}
+.component.panel-info .illu {
+ margin: 0 10px;
+ box-shadow: inset 0 0 5px black;
+}
+.component.panel-info .skill-box {
+ position: relative;
+ margin: 0 10px;
+ padding: 5px 10px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+}
+.component.panel-info .skill-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.component.panel-info .skill-box .label {
+ display: block;
+}
+.component.panel-info .skill-box .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.panel-info .skill-box .value .icon-color {
+ width: 18px;
+}
+.component.panel-info .skill-box .progress-bar {
+ margin: 6px 0 2px 0;
+}
+.splash-screen {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 10000;
+ opacity: 0;
+ background: rgba(0, 0, 0, 0.8);
+}
+.splash-screen .modal {
+ width: 500px;
+ height: 140px;
+ position: absolute;
+ top: 80px;
+ right: 3000px;
+ background: #0A0A0A;
+ padding: 25px 175px 25px 75px;
+ color: white;
+ border-radius: 140px;
+ border: solid 1px #202020;
+}
+.splash-screen .modal h1 {
+ font-size: 36px;
+ margin: 0;
+ padding: 0 0 10px 0;
+}
+.splash-screen .modal h2 {
+ font-size: 20px;
+ margin: 0;
+ padding: 0;
+}
+.splash-screen .modal img {
+ position: absolute;
+ top: -15px;
+ right: -50px;
+ width: 200px;
+ padding: 10px;
+ background: #202020;
+ border-radius: 100%;
+ border: solid 1px #4F4F4F;
+}
+.splash-screen .modal:before {
+ content: '';
+ position: absolute;
+ top: -80px;
+ right: 20px;
+ border-color: transparent transparent #4F4F4F transparent;
+ border-width: 40px;
+ border-style: solid;
+}
+.common-link {
+ color: white;
+}
+.component .top-right-button {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ padding: 0 10px;
+ line-height: 30px;
+ color: white;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #2c7915;
+ z-index: 1;
+}
+.component .top-right-button:hover,
+.component .top-right-button:focus {
+ background: #24500a;
+}
+.alert {
+ display: block;
+ margin: 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ text-decoration: none;
+ color: white;
+ background: #2c7915;
+ border-radius: 3px;
+ box-shadow: 0 0 2px black;
+}
+.common-link {
+ display: block;
+ margin: 10px;
+ color: white;
+ text-decoration: none;
+}
+.text-bloc a {
+ display: inline-block;
+ color: inherit;
+ opacity: .60;
+}
+.text-bloc a:hover,
+.text-bloc a:focus {
+ opacity: 1;
+}
+.queue {
+ margin: 10px;
+ color: white;
+}
+.queue .item {
+ position: relative;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ min-height: 60px;
+ display: block;
+}
+.queue .item.empty {
+ background: #0A0A0A;
+}
+.queue .item.empty strong {
+ font-weight: normal;
+}
+.queue .item.link {
+ min-height: 0;
+ padding: 10px;
+ color: #4F4F4F;
+ text-decoration: none;
+}
+.queue .item.link:hover,
+.queue .item.link:focus {
+ color: #CCC;
+}
+.queue .item a.button {
+ position: absolute;
+ display: block;
+ top: 2px;
+ right: 5px;
+ color: white;
+ text-decoration: none;
+}
+.queue .item a {
+ color: #CCC;
+}
+.queue .item .group-link {
+ position: absolute;
+ top: 9px;
+ right: 9px;
+}
+.queue .item .group-link a {
+ display: block;
+ width: 20px;
+ line-height: 20px;
+ margin: 0 0 5px 0;
+ border-radius: 3px;
+ color: white;
+ text-align: center;
+ text-decoration: none;
+ background: #2c7915;
+}
+.queue .item .group-link a:hover,
+.queue .item .group-link a:focus {
+ background: #57c632;
+}
+.queue .item .picto {
+ float: left;
+ width: 40px;
+ height: 40px;
+ margin: 5px;
+ padding: 5px;
+ background: black;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.queue .item strong {
+ display: block;
+ margin: 6px 0 2px 0;
+}
+.queue .item strong .level {
+ font-size: 11px;
+ color: #CCC;
+}
+.queue .item .big {
+ font-size: 24px;
+}
+.queue .item em {
+ display: block;
+ font-style: normal;
+ color: #AEAEAE;
+}
+.queue .item .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 5px;
+ height: 3px;
+ background: #4F4F4F;
+}
+.queue .item .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #57c632;
+}
+.choose-government {
+ display: block;
+ margin: 10px;
+ padding: 10px;
+ background: #0A0A0A;
+ border-radius: 3px;
+}
+.choose-government select {
+ display: block;
+ width: 100%;
+ padding: 8px;
+}
+.choose-government button {
+ display: block;
+ width: 100%;
+ margin: 10px 0 0 0;
+ padding: 0 10px;
+ line-height: 30px;
+ border: none;
+ color: white;
+ cursor: pointer;
+ background: #2c7915;
+}
+.choose-government button:hover,
+.choose-government button:focus {
+ background: #24500a;
+}
+.evolution {
+ background: black;
+ margin: 10px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+}
+.evolution .header {
+ padding: 10px;
+ border-bottom: solid 1px #202020;
+ color: #EFEFEF;
+}
+.evolution .diargam {
+ padding: 10px;
+ background: #0A0A0A;
+}
+.evolution .diargam .progress-bar {
+ background: #0A0A0A !important;
+ height: 20px;
+ padding-bottom: 1px;
+}
+.evolution .diargam .progress-bar .content {
+ height: 20px;
+ line-height: 20px;
+ font-size: 12px;
+ color: white;
+ padding-left: 5px;
+}
+.evolution .diargam .progress-bar:nth-child(odd) .content {
+ background: #2c7915 !important;
+}
+.centred-link {
+ display: block;
+ width: 300px;
+ text-align: center;
+ margin: 0 auto;
+ text-decoration: none;
+ padding: 6px 10px;
+ color: #EFEFEF;
+ background: #2c7915;
+ border: solid 1px #24500a;
+}
+.centred-link:hover,
+.centred-link:focus {
+ background: #24500a;
+ border-color: #2c7915;
+ color: white;
+}
+span.centred-link {
+ background: #202020;
+ border: solid 1px #0A0A0A;
+ color: #4F4F4F;
+}
+span.centred-link:hover,
+span.centred-link:focus {
+ background: #202020;
+ border-color: #0A0A0A;
+ color: #4F4F4F;
+}
+.component.profil .center-box {
+ margin: 20px 10px 0;
+ color: white;
+ text-align: center;
+}
+.component.profil .center-box .label {
+ display: block;
+}
+.component.profil .center-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.profil .profil-flag {
+ position: relative;
+ width: 222px;
+ height: 460px;
+ margin: 0 auto;
+}
+.component.profil .profil-flag img {
+ position: relative;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ padding: 10px;
+ border-radius: 100%;
+ margin: 20px auto;
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+ z-index: 1;
+}
+.component.profil .profil-flag.color-1 img {
+ box-shadow: 0 0 0 4px #6e161b, 0 0 20px black;
+}
+.component.profil .profil-flag.color-2 img {
+ box-shadow: 0 0 0 4px #1f1471, 0 0 20px black;
+}
+.component.profil .profil-flag.color-3 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag.color-4 img {
+ box-shadow: 0 0 0 4px #5a1072, 0 0 20px black;
+}
+.component.profil .profil-flag.color-5 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-6 img {
+ box-shadow: 0 0 0 4px #076b87, 0 0 20px black;
+}
+.component.profil .profil-flag.color-7 img {
+ box-shadow: 0 0 0 4px #67331d, 0 0 20px black;
+}
+.component.profil .profil-flag.color-8 img {
+ box-shadow: 0 0 0 4px #d87913, 0 0 20px black;
+}
+.component.profil .profil-flag.color-9 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-10 img {
+ box-shadow: 0 0 0 4px #760f36, 0 0 20px black;
+}
+.component.profil .profil-flag.color-11 img {
+ box-shadow: 0 0 0 4px #219772, 0 0 20px black;
+}
+.component.profil .profil-flag.color-12 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag:before {
+ display: block;
+ position: absolute;
+ content: '';
+ top: 218px;
+ left: 33px;
+ width: 154px;
+ height: 241px;
+ background: url('src/desktop/faction/flag/flag-9.png') no-repeat;
+}
+.component.profil .profil-flag.color-1:before {
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.profil .profil-flag.color-2:before {
+ background: url('src/desktop/faction/flag/flag-2.png') no-repeat;
+}
+.component.profil .profil-flag.color-3:before {
+ background: url('src/desktop/faction/flag/flag-3.png') no-repeat;
+}
+.component.profil .profil-flag.color-4:before {
+ background: url('src/desktop/faction/flag/flag-4.png') no-repeat;
+}
+.component.profil .profil-flag.color-5:before {
+ background: url('src/desktop/faction/flag/flag-5.png') no-repeat;
+}
+.component.profil .profil-flag.color-6:before {
+ background: url('src/desktop/faction/flag/flag-6.png') no-repeat;
+}
+.component.profil .profil-flag.color-7:before {
+ background: url('src/desktop/faction/flag/flag-7.png') no-repeat;
+}
+.component.profil .profil-flag.color-8:before {
+ background: url('src/desktop/faction/flag/flag-8.png') no-repeat;
+}
+.component.profil .profil-flag.color-9:before {
+ background: url('src/desktop/faction/flag/flag-9.png') no-repeat;
+}
+.component.profil .profil-flag.color-10:before {
+ background: url('src/desktop/faction/flag/flag-10.png') no-repeat;
+}
+.component.profil .profil-flag.color-11:before {
+ background: url('src/desktop/faction/flag/flag-11.png') no-repeat;
+}
+.component.profil .profil-flag.color-12:before {
+ background: url('src/desktop/faction/flag/flag-12.png') no-repeat;
+}
+.component.profil .profil-flag .level {
+ z-index: 2;
+ display: block;
+ position: absolute;
+ top: 184px;
+ right: 2px;
+ width: 36px;
+ height: 36px;
+ text-align: center;
+ line-height: 36px;
+ background: #0A0A0A;
+ border: 3px solid #2c7915;
+ border-radius: 100%;
+}
+.component.profil .profil-flag.color-1 .level {
+ border-color: #6e161b;
+}
+.component.profil .profil-flag.color-2 .level {
+ border-color: #1f1471;
+}
+.component.profil .profil-flag.color-3 .level {
+ border-color: #dbb200;
+}
+.component.profil .profil-flag.color-4 .level {
+ border-color: #5a1072;
+}
+.component.profil .profil-flag.color-5 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-6 .level {
+ border-color: #076b87;
+}
+.component.profil .profil-flag.color-7 .level {
+ border-color: #67331d;
+}
+.component.profil .profil-flag.color-8 .level {
+ border-color: #d87913;
+}
+.component.profil .profil-flag.color-9 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-10 .level {
+ border-color: #760f36;
+}
+.component.profil .profil-flag.color-11 .level {
+ border-color: #219772;
+}
+.component.profil .profil-flag.color-12 .level {
+ border-color: #dbb200;
+}
+.component.profil .faction-flag {
+ display: block;
+ content: '';
+ width: 154px;
+ height: 241px;
+ margin: 0 auto;
+ background: url('src/desktop/faction/flag/flag-9.png') no-repeat;
+}
+.component.search-player {
+ position: relative;
+ background: transparent !important;
+}
+.component.search-player .box {
+ position: absolute;
+ top: 60px;
+ left: 50px;
+ width: 440px;
+ color: white;
+}
+.component.search-player .top {
+ background: rgba(0, 0, 0, 0.4);
+ padding: 10px;
+ border-radius: 3px 3px 0 0;
+}
+.component.search-player .top label {
+ display: block;
+ font-size: 16px;
+}
+.component.search-player .top input {
+ display: block;
+ border: none;
+ height: 40px;
+ width: 400px;
+ padding: 0 10px;
+ margin: 10px 0 0 0;
+ font-size: 20px;
+ color: #202020;
+ border-radius: 3px;
+}
+.component.search-player .center {
+ background: rgba(0, 0, 0, 0.8);
+ padding: 10px 25px 10px 10px;
+ min-height: 140px;
+ border-radius: 0 0 3px 3px;
+}
+.component.search-player .center .avatar {
+ float: left;
+ position: relative;
+ left: -20px;
+ width: 120px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: #0A0A0A;
+}
+.component.search-player .center .right {
+ margin-left: 140px;
+}
+.component.search-player .center h1 {
+ margin: 10px 0 0 0;
+ padding: 0;
+}
+.component.search-player .center hr {
+ margin: 10px 0;
+ border-color: #4F4F4F;
+}
+.component.search-player .center p {
+ margin: 5px 0;
+ padding: 0;
+}
+.component.search-player .center p span {
+ display: inline-block;
+ background: red;
+ line-height: 28px;
+ padding: 0 10px;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ border-right: none;
+}
+.component.search-player .center p span:first-child {
+ border-radius: 3px 0 0 3px;
+}
+.component.search-player .center p span:last-child {
+ border-radius: 0 3px 3px 0;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+}
+.component.search-player.color1 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component.search-player.color2 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component.search-player.color3 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.search-player.color4 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component.search-player.color5 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color6 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component.search-player.color7 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component.search-player.color8 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component.search-player.color9 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color10 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.component.search-player.color11 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.component.search-player.color12 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.new-message p.input {
+ position: relative;
+ background: white;
+ padding: 10px;
+ border-radius: 3px;
+}
+.component.new-message p.input:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ height: 0;
+ top: -12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+ left: 20px;
+}
+.component.new-message label {
+ display: block;
+ font-size: 13px;
+}
+.component.new-message .input-text input {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.new-message .input-area textarea {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+ max-width: 100%;
+ min-width: 100%;
+ height: 200px;
+}
+.component.new-message button {
+ display: inline-block;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 15px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #57c632;
+}
+.component.new-message button:hover,
+.component.new-message button:focus {
+ background: #24500a;
+}
+.notif {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border-top: solid 1px #4F4F4F;
+ border-right: solid 1px #202020;
+ border-left: solid 1px #202020;
+}
+.notif h4 {
+ position: relative;
+ overflow: hidden;
+ margin: 0;
+ padding: 0 10px;
+ font-size: 14px;
+ line-height: 30px;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+ font-weight: normal;
+ cursor: pointer;
+ color: white;
+}
+.notif.unreaded h4:before {
+ position: absolute;
+ content: '';
+ width: 40px;
+ height: 40px;
+ background: white;
+ top: -5px;
+ right: -15px;
+ background: #57c632;
+ -webkit-transform: rotate(100deg);
+ -moz-transform: rotate(100deg);
+ -ms-transform: rotate(100deg);
+ -o-transform: rotate(100deg);
+ transform: rotate(100deg);
+}
+.notif .content {
+ display: none;
+ padding: 6px 8px;
+ line-height: 140%;
+ text-align: justify;
+ color: #efefef;
+}
+.notif .content p {
+ margin: 0;
+}
+.notif .content hr {
+ border: none;
+ background: none;
+ border-bottom: dashed 1px #202020;
+ margin: 5px 0;
+}
+.notif .content a {
+ color: white;
+}
+.notif .content .box-resource {
+ position: relative;
+ display: block;
+ margin: 5px 0;
+ padding: 5px 5px 5px 40px;
+}
+.notif .content .box-resource img {
+ position: absolute;
+ top: 6px;
+ left: 0;
+ border: solid 4px #4f4f4f;
+ border-radius: 100%;
+ border-color: #2c7915;
+}
+.notif .content .box-resource .label {
+ display: block;
+ font-size: 12px;
+}
+.notif .content .box-resource .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+.notif .footer {
+ display: none;
+ margin: 0;
+ padding: 0 10px;
+ line-height: 18px;
+ padding: 5px 5px;
+ border-top: solid 1px #202020;
+ font-style: italic;
+ text-align: right;
+ color: #CCC;
+}
+.notif .footer a {
+ color: #CCC;
+}
+.notif.open .content {
+ display: block;
+}
+.notif.open .footer {
+ display: block;
+}
+.component.rc .rc {
+ position: relative;
+ margin: 20px 10px 20px 30px;
+ border-left: solid 1px #CCC;
+ padding: 0 10px;
+ height: 380px;
+ color: #CCC;
+}
+.component.rc .rc.no-tax {
+ margin: 20px 10px 20px 30px;
+ border-left: dashed 1px #4F4F4F;
+ padding: 0 10px;
+ color: #CCC;
+}
+.component.rc .rc a,
+.component.rc .rc strong {
+ color: white;
+}
+.component.rc .rc .icon-color {
+ width: 20px;
+}
+.component.rc .rc .base {
+ position: relative;
+ padding: 15px 0 15px 40px;
+ height: 50px;
+}
+.component.rc .rc .base:last-child {
+ position: absolute;
+ bottom: 0px;
+}
+.component.rc .rc .place {
+ position: absolute;
+ top: 0px;
+ left: -50px;
+ width: 78px;
+ height: 78px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component.rc .rc .general {
+ list-style: none inset;
+ margin: 10px 0;
+ padding: 0;
+}
+.component.rc .rc .general li {
+ margin: 10px 0;
+ list-style-type: none;
+}
+.component.rc .rc .general li strong {
+ display: block;
+ font-size: 20px;
+ font-weight: bold;
+}
+.component .situation-content {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 500px;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component .situation-content .line-help {
+ position: absolute;
+ display: block;
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ text-align: center;
+ border-radius: 100%;
+ background: #24500a;
+}
+.component .situation-content .line-help.line-1 {
+ top: 55px;
+ left: 190px;
+}
+.component .situation-content .line-help.line-2 {
+ top: 145px;
+ left: 406px;
+}
+.component .situation-content .toolbar {
+ position: absolute;
+ top: 30px;
+ right: 30px;
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
+ border-radius: 3px;
+ background: #2c7915;
+ z-index: 1;
+}
+.component .situation-content .toolbar a,
+.component .situation-content .toolbar span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 15px;
+ border-right: solid 1px black;
+ text-decoration: none;
+ color: white;
+}
+.component .situation-content .toolbar a img,
+.component .situation-content .toolbar span img {
+ position: relative;
+ top: -2px;
+ vertical-align: middle;
+ height: 18px;
+ width: 18px;
+}
+.component .situation-content .toolbar a:hover,
+.component .situation-content .toolbar a:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar form {
+ display: inline-block;
+}
+.component .situation-content .toolbar input {
+ height: 32px;
+ border: none;
+ background: none;
+ color: white;
+ padding: 0 15px;
+ font-size: inherit;
+}
+.component .situation-content .toolbar input:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar input.button {
+ background: url('src/desktop/common/edit.png') no-repeat center;
+}
+.component .situation-content .toolbar input.button:focus {
+ background: url('src/desktop/common/edit.png') no-repeat center rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .info {
+ position: absolute;
+ display: block;
+ width: 200px;
+ font-size: 12px;
+ color: #efefef;
+ line-height: 18px;
+}
+.component .situation-content .info strong {
+ color: white;
+ font-size: 14px;
+}
+.component .situation-content .info a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4f4f4f;
+}
+.component .situation-content .info a:hover,
+.component .situation-content .info a:focus {
+ border-color: #CCC;
+}
+.component .situation-content .commander {
+ position: absolute;
+ display: block;
+ text-decoration: none;
+ z-index: 1;
+}
+.component .situation-content .commander.empty {
+ color: #CCC;
+}
+.component .situation-content .commander.position-1-1 {
+ top: 135px;
+ left: 127px;
+}
+.component .situation-content .commander.position-1-2 {
+ top: 272px;
+ left: 100px;
+}
+.component .situation-content .commander.position-1-3 {
+ top: 415px;
+ left: 127px;
+}
+.component .situation-content .commander.position-2-1 {
+ top: 215px;
+ left: 352px;
+}
+.component .situation-content .commander.position-2-2 {
+ top: 272px;
+ left: 345px;
+}
+.component .situation-content .commander.position-2-3 {
+ top: 330px;
+ left: 352px;
+}
+.component .situation-content .commander.position-3 {
+ top: 355px;
+ left: 577px;
+}
+.component .situation-content .commander img {
+ width: 40px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+.component .situation-content .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content .commander .info {
+ top: 8px;
+ left: 65px;
+ width: 160px;
+}
+.component .situation-content .commander .link {
+ display: none;
+ position: absolute;
+ top: 14px;
+ left: -16px;
+ width: 24px;
+ height: 24px;
+ font-size: 20px;
+ font-weight: bold;
+ text-decoration: none;
+ border-radius: 100%;
+ text-align: center;
+ z-index: 1;
+ border: solid 1px white;
+}
+.component .situation-content .commander .link.to-left {
+ background: url('src/desktop/mover/to-left.png') no-repeat center black;
+}
+.component .situation-content .commander .link.to-right {
+ background: url('src/desktop/mover/to-right.png') no-repeat center black;
+}
+.component .situation-content .commander:hover > .link {
+ display: block;
+}
+.component .situation-content .stellar {
+ position: absolute;
+ display: block;
+ top: 180px;
+ left: 560px;
+}
+.component .situation-content .stellar img {
+ width: 220px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .situation-content .stellar .info {
+ font-size: 12px;
+ border-left: solid 1px #202020;
+}
+.component .situation-content .stellar .info.top {
+ bottom: 215px;
+ left: 50px;
+ padding: 0 0 30px 10px;
+}
+.component .situation-content .stellar .info.top strong {
+ font-size: 20px;
+}
+.component .situation-content .stellar .info.bottom {
+ top: 225px;
+ left: 160px;
+ padding: 10px 0 0 10px;
+}
+.component .situation-content .stellar .info.middle {
+ top: 20px;
+ left: 182px;
+ padding: 10px 0 0 50px;
+ border: none;
+ border-top: solid 1px #202020;
+}
+.component .situation-content .attack-link {
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ text-align: center;
+}
+.component .situation-content .attack-link a {
+ display: inline-block;
+ line-height: 40px;
+ padding: 0 25px;
+ border-radius: 3px 3px 0 0;
+ background: #202020;
+ color: white;
+ text-decoration: none;
+ font-size: 16px;
+}
+.component .situation-content .attack-link a:hover,
+.component .situation-content .attack-link a:focus {
+ box-shadow: 0 0 5px 3px black;
+}
+.component .situation-content.color0 .line-help {
+ background: #202020;
+}
+.component .situation-content.color0 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #202020;
+}
+.component .situation-content.color0 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #202020;
+}
+.component .situation-content.color0 .attack-link a {
+ background: #202020;
+}
+.component .situation-content.color1 .line-help {
+ background: #510816;
+}
+.component .situation-content.color1 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component .situation-content.color1 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #6e161b;
+}
+.component .situation-content.color1 .attack-link a {
+ background: #6e161b;
+}
+.component .situation-content.color2 .line-help {
+ background: #0c0d44;
+}
+.component .situation-content.color2 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component .situation-content.color2 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #1f1471;
+}
+.component .situation-content.color2 .attack-link a {
+ background: #1f1471;
+}
+.component .situation-content.color3 .line-help {
+ background: #b17a00;
+}
+.component .situation-content.color3 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .situation-content.color3 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #dbb200;
+}
+.component .situation-content.color3 .attack-link a {
+ background: #dbb200;
+}
+.component .situation-content.color4 .line-help {
+ background: #310948;
+}
+.component .situation-content.color4 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component .situation-content.color4 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #5a1072;
+}
+.component .situation-content.color4 .attack-link a {
+ background: #5a1072;
+}
+.component .situation-content.color5 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color5 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color5 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color5 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-content.color6 .line-help {
+ background: #004948;
+}
+.component .situation-content.color6 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component .situation-content.color6 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #076b87;
+}
+.component .situation-content.color6 .attack-link a {
+ background: #076b87;
+}
+.component .situation-content.color7 .line-help {
+ background: #401b13;
+}
+.component .situation-content.color7 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component .situation-content.color7 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #67331d;
+}
+.component .situation-content.color7 .attack-link a {
+ background: #67331d;
+}
+.component .situation-content.color8 .line-help {
+ background: #c3590b;
+}
+.component .situation-content.color8 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component .situation-content.color8 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #d87913;
+}
+.component .situation-content.color8 .attack-link a {
+ background: #d87913;
+}
+.component .situation-content.color9 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color9 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color9 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color9 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-info {
+ display: table;
+ width: 100%;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: black;
+}
+.component .situation-info .item {
+ display: table-cell;
+ padding: 10px;
+ border-right: solid 1px #202020;
+}
+.component .situation-info .item .value {
+ font-size: 26px;
+ font-weight: bold;
+ display: block;
+}
+.component .build-item.base-type .desc {
+ margin: 10px 0 0 0;
+ padding: 15px;
+ font-size: 13px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+}
+.component .build-item.base-type .list-choice {
+ position: relative;
+ height: 140px;
+ background: url('src/desktop/base/type-base.png') no-repeat center;
+ margin: 0;
+ border-bottom: solid 1px #202020;
+}
+.component .build-item.base-type .list-choice button {
+ position: absolute;
+ padding: 0;
+ border: none;
+ background: transparent;
+ cursor: pointer;
+}
+.component .build-item.base-type .list-choice button.item-1 {
+ top: 35px;
+ left: 5px;
+}
+.component .build-item.base-type .list-choice button.item-2 {
+ top: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-3 {
+ bottom: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-4 {
+ top: 35px;
+ right: 5px;
+}
+.component .build-item.base-type .list-choice button img {
+ display: block;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.color1 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.color2 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.color3 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.color4 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.color5 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color6 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.color7 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.color8 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.color9 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color10 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.color11 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.color12 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .build-item.base-type .desc-choice {
+ display: none;
+}
+.component .build-item.base-type .desc-choice h4 {
+ border-bottom: solid 1px #202020;
+ padding: 0 0 5px 0;
+}
+.component .build-item.base-type .desc-choice p {
+ text-align: left;
+ color: #CCC !important;
+}
+.component .build-item.base-type .desc-choice p strong {
+ display: block;
+ color: white;
+}
+.component .build-item.base-type .desc-choice p strong.short {
+ display: inline-block;
+ width: 100px;
+}
+.component.list-fleet .set-fleet {
+ position: relative;
+ margin: 10px;
+ padding: 0 0 0 70px;
+ min-height: 80px;
+}
+.component.list-fleet .set-fleet img.place {
+ position: absolute;
+ top: -5px;
+ left: -20px;
+ width: 80px;
+ background: #0A0A0A;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet h2 {
+ padding: 10px 0;
+ margin: 0;
+}
+.component.list-fleet .set-fleet h2 a {
+ font-size: 13px;
+ color: white;
+ font-weight: normal;
+ text-decoration: none;
+}
+.component.list-fleet .set-fleet .item {
+ position: relative;
+ height: 60px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-bottom: none;
+ width: 777px;
+}
+.component.list-fleet .set-fleet .item:last-child {
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item a {
+ display: inline-block;
+ text-decoration: none;
+ color: #CCC;
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .left .top {
+ position: absolute;
+ left: 60px;
+ display: block;
+ width: 500px;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .left .status {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .right .top {
+ position: absolute;
+ right: 60px;
+ display: block;
+ width: 200px;
+ text-align: right;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .right .cover {
+ width: 50px;
+ margin: 5px;
+ padding: 0;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .center {
+ position: absolute;
+ top: 41px;
+ left: 70px;
+ right: 70px;
+}
+.component.list-fleet .set-fleet .item .center .ship {
+ position: absolute;
+ top: -10px;
+ left: -11px;
+ right: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship {
+ display: block;
+ width: 100%;
+ background: #4F4F4F;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ position: relative;
+ display: block;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship {
+ top: -11px;
+ right: -11px;
+ left: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar span {
+ position: absolute;
+ top: 4px;
+ right: 15px;
+ font-size: 10px;
+}
+.component.list-fleet .set-fleet .item.color1 .status {
+ background: #6e161b;
+}
+.component.list-fleet .set-fleet .item.color2 .status {
+ background: #1f1471;
+}
+.component.list-fleet .set-fleet .item.color3 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color4 .status {
+ background: #5a1072;
+}
+.component.list-fleet .set-fleet .item.color5 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color6 .status {
+ background: #076b87;
+}
+.component.list-fleet .set-fleet .item.color7 .status {
+ background: #67331d;
+}
+.component.list-fleet .set-fleet .item.color8 .status {
+ background: #d87913;
+}
+.component.list-fleet .set-fleet .item.color9 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color10 .status {
+ background: #760f36;
+}
+.component.list-fleet .set-fleet .item.color11 .status {
+ background: #219772;
+}
+.component.list-fleet .set-fleet .item.color12 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar {
+ background: #4F4F4F;
+}
+.component.list-fleet .set-fleet .item .show-commander {
+ position: absolute;
+ top: -1px;
+ right: -30px;
+ width: 28px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .show-commander:hover,
+.component.list-fleet .set-fleet .item .show-commander:focus,
+.component.list-fleet .set-fleet .item .show-commander.active {
+ background-color: #202020;
+}
+.component.table-fleet table {
+ margin: 10px;
+ width: 880px;
+ border-collapse: collapse;
+}
+.component.table-fleet table tr:nth-child(odd) {
+ background: black;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:nth-child(even) {
+ background: #0A0A0A;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:first-child {
+ background: transparent;
+}
+.component.table-fleet table th,
+.component.table-fleet table td {
+ height: 40px;
+ width: 40px;
+ text-align: center;
+}
+.component.table-fleet table td span.zero-value {
+ color: #4F4F4F;
+}
+.component.table-fleet table .base {
+ width: 100px;
+ text-align: left;
+ padding: 0 20px;
+}
+.component.table-fleet table .base a {
+ border: none;
+}
+.component.table-fleet table .base strong {
+ display: block;
+ font-size: 16px;
+}
+.component.table-fleet table .large {
+ width: auto;
+ text-align: left;
+ padding: 0 10px;
+}
+.component.table-fleet table .sep {
+ border-left: solid 1px #2c7915;
+}
+.component.table-fleet table a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4F4F4F;
+ display: inline-block;
+}
+.component.table-fleet table th {
+ position: relative;
+ height: 70px;
+}
+.component.table-fleet table th span {
+ position: absolute;
+ bottom: 32px;
+ left: -10px;
+ display: block;
+ text-align: left;
+ width: 60px;
+ -ms-transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.component.commander-fleet .fleet {
+ vertical-align: top;
+ display: block;
+ text-align: center;
+}
+.component.commander-fleet .list-ship {
+ vertical-align: top;
+ display: inline-block;
+ width: 148px;
+}
+.component.commander-fleet .list-ship:first-child {
+ border-right: dashed 1px #4F4F4F;
+}
+.component.commander-fleet .list-ship a {
+ display: block;
+ position: relative;
+ margin: 6px;
+ height: 40px;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ border-radius: 3px;
+}
+.component.commander-fleet .list-ship a.empty {
+ opacity: 0.4;
+}
+.component.commander-fleet .list-ship img {
+ position: absolute;
+ display: inline-block;
+ width: 40px;
+}
+.component.commander-fleet .list-ship .text {
+ position: absolute;
+ left: 45px;
+ display: inline-block;
+ width: 88px;
+ color: white;
+}
+.component.commander-fleet .list-ship .text .quantity {
+ display: block;
+ font-weight: bold;
+ font-size: 18px;
+}
+.component.commander-fleet .army {
+ border-collapse: collapse;
+ width: 560px;
+ margin: 20px;
+}
+.component.commander-fleet .army td {
+ width: 65px;
+ padding: 5px;
+ border-right: dashed 1px #4F4F4F;
+ vertical-align: center;
+}
+.component.commander-fleet .army td:first-child {
+ width: auto;
+ vertical-align: top;
+ text-align: right;
+ padding: 0 20px;
+ font-size: 12px;
+}
+.component.commander-fleet .army tr:first-child td {
+ text-align: center;
+ padding: 10px 5px;
+ font-size: 18px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block {
+ display: block;
+ width: 54px;
+ height: 54px;
+ margin: 0 0 5px 0;
+ padding: 5px;
+ vertical-align: top;
+ border-radius: 5px;
+ background: #0A0A0A;
+ text-align: right;
+ border: solid 1px #202020;
+ color: #4F4F4F;
+}
+.component.commander-fleet .army .block.empty {
+ background: black;
+ border: solid 1px #0A0A0A;
+}
+.component.commander-fleet .army .block strong {
+ display: block;
+ font-size: 15px;
+ height: 38px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block em {
+ display: block;
+ padding: 2px;
+ font-size: 11px;
+ background: black;
+ text-align: center;
+ border-radius: 3px;
+}
+.component.commander-fleet .army .block.squadron {
+ border: solid 1px #4F4F4F;
+ color: white;
+ cursor: pointer;
+ background: #2c7915;
+}
+.component.commander-fleet .army .block.squadron.full0 {
+ background: url('src/desktop/squadron/squadron0.png') no-repeat 4px 2px #2c7915;
+}
+.component.commander-fleet .army .block.squadron.full1 {
+ background: url('src/desktop/squadron/squadron1.png') no-repeat 4px 2px #2c7915;
+}
+.component.commander-fleet .army .block.squadron.full2 {
+ background: url('src/desktop/squadron/squadron2.png') no-repeat 4px 2px #2c7915;
+}
+.component.commander-fleet .army .block.squadron.full3 {
+ background: url('src/desktop/squadron/squadron3.png') no-repeat 4px 2px #2c7915;
+}
+.component.commander-fleet .army .block.squadron.active {
+ box-shadow: inset 0 0 6px black,
+ 0 0 2px 0 white;
+ border: dashed 1px white;
+}
+.component.report .commander {
+ position: relative;
+ display: block;
+ margin: 10px;
+ padding: 8px 0 8px 72px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component.report .commander img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component.report .commander strong {
+ display: block;
+ padding: 0 0 8px 0;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component.report .commander em {
+ display: block;
+ line-height: 20px;
+ color: white;
+ font-style: normal;
+ color: #efefef;
+}
+.component.report .commander em .bonus {
+ font-size: 90%;
+ margin: 2px 0 0 2px;
+ padding: 3px 6px;
+}
+.component.report .dammage {
+ margin: 10px;
+ background: black;
+}
+.component.report .dammage table {
+ width: 100%;
+ border-collapse: collapse;
+ border-left: solid 1px #202020;
+ border-right: solid 1px #202020;
+}
+.component.report .dammage td {
+ border-color: #202020;
+ border-width: 1px;
+ border-style: solid dashed;
+ padding: 4px;
+ vertical-align: center;
+ text-align: center;
+ color: #CCC;
+ width: 28px;
+ height: 22px;
+}
+.component.report .dammage td:first-child {
+ text-align: left;
+ padding: 4px 8px;
+ width: auto;
+}
+.component.report .dammage td span {
+ display: inline-block;
+ background: red;
+ line-height: 22px;
+ width: 22px;
+ border-radius: 3px;
+ color: white;
+ background: #24500a;
+}
+.component.topic .message {
+ position: relative;
+ padding: 0 0 0 80px;
+ margin: 10px;
+ min-height: 70px;
+}
+.component.topic .message .avatar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 56px;
+ padding: 6px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.topic .message .content {
+ position: relative;
+ background: black;
+ border: solid 1px #202020;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component.topic .message .content:before {
+ position: absolute;
+ content: '';
+ top: 25px;
+ left: -18px;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent #202020 transparent transparent;
+}
+.component.topic .message .content .text {
+ margin: 0;
+ padding: 10px 10px 12px 10px;
+ border-bottom: solid 1px #0A0A0A;
+ color: #efefef;
+}
+.component.topic .message .content .text a,
+.component.topic .message .content .text strong {
+ color: white;
+}
+.component.topic .message .content .text a.color1 {
+ color: #b01e2d;
+}
+.component.topic .message .content .text a.color2 {
+ color: #2f23c0;
+}
+.component.topic .message .content .text a.color3 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text a.color4 {
+ color: #a935c7;
+}
+.component.topic .message .content .text a.color5 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color6 {
+ color: #05bed7;
+}
+.component.topic .message .content .text a.color7 {
+ color: #ac5832;
+}
+.component.topic .message .content .text a.color8 {
+ color: #f2b636;
+}
+.component.topic .message .content .text a.color9 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color10 {
+ color: #a92859;
+}
+.component.topic .message .content .text a.color11 {
+ color: #34b089;
+}
+.component.topic .message .content .text a.color12 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text .icon-color {
+ width: 15px;
+}
+.component.topic .message .content .footer {
+ margin: 0;
+ padding: 6px 10px;
+ font-size: 12px;
+ color: #CCC;
+}
+.component.topic .message .content .footer a {
+ color: #CCC;
+}
+.component.topic .message.write .content:before {
+ left: -17px;
+ top: 11px;
+ border-color: transparent white transparent transparent;
+}
+.component.topic .message.write .content textarea {
+ border: none;
+ padding: 5px;
+ width: 487px;
+ height: 120px;
+ max-width: 487px;
+ min-width: 487px;
+ min-height: 50px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content input {
+ margin: 6px;
+ font-family: inherit;
+}
+.component.topic .message.write .content .title {
+ border: none;
+ margin: 0;
+ padding: 5px;
+ width: 487px;
+ height: 30px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content button {
+ margin: 6px;
+ font-family: inherit;
+ background: #2c7915;
+ border: none;
+ padding: 4px 8px;
+ color: white;
+ cursor: pointer;
+}
+.component.topic .message.write .content button:hover,
+.component.topic .message.write .content button:focus {
+ background: #24500a;
+}
+.component.topic .system-message {
+ position: relative;
+ padding: 0 0 0 90px;
+ margin: 10px;
+}
+.component.topic .system-message:before {
+ content: '';
+ position: absolute;
+ top: 10px;
+ left: 0;
+ height: 1px;
+ width: 70px;
+ background: #4F4F4F;
+}
+.conv-item {
+ position: relative;
+ display: block;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+ height: 59px;
+ padding: 5px 5px 5px 70px;
+ margin: 0 10px;
+ color: white;
+ text-decoration: none;
+ overflow: hidden;
+}
+.conv-item .cover {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+ padding: 5px;
+}
+.conv-item .cover .picture {
+ width: 52px;
+ height: 52px;
+ background: #202020;
+ border-radius: 100%;
+ padding: 4px;
+}
+.conv-item .cover .picture.color0 {
+ box-shadow: 0 0 0 2px #4F4F4F;
+}
+.conv-item .cover .picture.color1 {
+ box-shadow: 0 0 0 2px #6e161b;
+}
+.conv-item .cover .picture.color2 {
+ box-shadow: 0 0 0 2px #1f1471;
+}
+.conv-item .cover .picture.color3 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .picture.color4 {
+ box-shadow: 0 0 0 2px #5a1072;
+}
+.conv-item .cover .picture.color5 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color6 {
+ box-shadow: 0 0 0 2px #076b87;
+}
+.conv-item .cover .picture.color7 {
+ box-shadow: 0 0 0 2px #67331d;
+}
+.conv-item .cover .picture.color8 {
+ box-shadow: 0 0 0 2px #d87913;
+}
+.conv-item .cover .picture.color9 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color10 {
+ box-shadow: 0 0 0 2px #760f36;
+}
+.conv-item .cover .picture.color11 {
+ box-shadow: 0 0 0 2px #219772;
+}
+.conv-item .cover .picture.color12 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .number,
+.conv-item .cover .new-message {
+ position: absolute;
+ width: 22px;
+ height: 22px;
+ border-radius: 100%;
+ background: #0A0A0A;
+ bottom: 5px;
+ right: 5px;
+ border: solid 1px #4F4F4F;
+ text-align: center;
+ line-height: 22px;
+ font-size: 11px;
+}
+.conv-item .cover .new-message {
+ left: 5px;
+ top: 5px;
+}
+.conv-item .cover .new-message img {
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin: 2px;
+}
+.conv-item .data {
+ line-height: 20px;
+}
+.conv-item:last-child {
+ border: solid 1px #202020;
+}
+.conv-item:hover,
+.conv-item:focus {
+ background: #0C0C0C;
+}
+.component.player .player {
+ position: relative;
+ display: inline-block;
+ margin: 10px 0 0 10px;
+ width: 211px;
+ height: 58px;
+ padding: 5px 5px 5px 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+ text-decoration: none;
+}
+.component.player .player a {
+ color: #ccc;
+ text-decoration: none;
+ border-bottom: solid 1px #202020;
+}
+.component.player .player a:hover,
+.component.player .player a:focus {
+ border-color: #4f4f4f;
+}
+.component.player .player img.picto {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 50px;
+ padding: 4px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.player .player .icon,
+.component.player .player .icon-color {
+ height: 16px;
+ padding: 1px;
+}
+.component.player .player span,
+.component.player .player strong {
+ display: block;
+ line-height: 20px;
+}
+.component.player .player strong {
+ font-size: 18px;
+}
+.component.player .player .online,
+.component.player .player .inactive {
+ position: absolute;
+ width: 18px;
+ height: 18px;
+ background: white;
+ top: 5px;
+ right: 5px;
+ border-radius: 100%;
+ background: #4F4F4F;
+}
+.component.player .player .online {
+ background: #57c632;
+}
+.component.player .player.faction {
+ border-left: solid 1px #0A0A0A !important;
+ width: 202px;
+}
+.component.player .player.faction img {
+ top: 0;
+ left: 10px;
+ padding: 0;
+ border: none;
+ border-radius: 0;
+ background: transparent;
+}
+.component.player.rank .player {
+ border-left: solid 10px #4F4F4F;
+ width: 190px;
+}
+.component.player.rank .player.color1 {
+ border-left-color: #b01e2d;
+}
+.component.player.rank .player.color2 {
+ border-left-color: #2f23c0;
+}
+.component.player.rank .player.color3 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player.color4 {
+ border-left-color: #a935c7;
+}
+.component.player.rank .player.color5 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color6 {
+ border-left-color: #05bed7;
+}
+.component.player.rank .player.color7 {
+ border-left-color: #ac5832;
+}
+.component.player.rank .player.color8 {
+ border-left-color: #f2b636;
+}
+.component.player.rank .player.color9 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color10 {
+ border-left-color: #a92859;
+}
+.component.player.rank .player.color11 {
+ border-left-color: #34b089;
+}
+.component.player.rank .player.color12 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player .title,
+.component.player.rank .player .points {
+ color: #BBB;
+}
+.component.player.rank .player .position {
+ display: block;
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ line-height: 38px;
+ width: 38px;
+ border: solid 1px #202020;
+ text-align: center;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance {
+ display: block;
+ position: absolute;
+ top: 5px;
+ right: -4px;
+ line-height: 26px;
+ width: 26px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ text-align: center;
+ font-size: 11px;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance.lower {
+ bottom: 5px;
+ top: auto;
+}
+.component.player.rank .player.active .position {
+ background: white;
+ border: solid 1px white;
+ color: #202020;
+}
+.component.player.size2 .player {
+ width: 208px;
+}
+.component.player.size1 .player {
+ width: 202px;
+}
+.component.transaction .transaction {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 10px;
+}
+.component.transaction .transaction .right-link {
+ position: absolute;
+ top: 2px;
+ right: 5px;
+ display: block;
+ color: #FFF;
+ text-decoration: none;
+}
+.component.transaction .transaction .product {
+ position: relative;
+ height: 70px;
+ padding: 5px 10px 5px 55px;
+ cursor: pointer;
+}
+.component.transaction .transaction .product .picto {
+ position: absolute;
+ top: 5px;
+ left: -20px;
+ width: 60px;
+ height: 60px;
+ padding: 4px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+}
+.component.transaction .transaction .product .rate {
+ position: absolute;
+ bottom: 5px;
+ right: 8px;
+}
+.component.transaction .transaction .product .offer {
+ overflow: hidden;
+ height: 32px;
+}
+.component.transaction .transaction .product .for {
+ position: relative;
+ border-top: solid 1px #202020;
+ margin: 8px 0 6px 0;
+ color: #4F4F4F;
+}
+.component.transaction .transaction .product .for span {
+ display: block;
+ position: absolute;
+ top: -10px;
+ left: 10px;
+ background: #0A0A0A;
+ padding: 0 10px;
+ font-size: 12px;
+}
+.component.transaction .transaction .product .price {
+ font-size: 19px;
+ font-weight: bold;
+}
+.component.transaction .transaction .product .price .icon-color {
+ width: 14px;
+ position: relative;
+ top: -2px;
+ padding: 1px;
+}
+.component.transaction .transaction.resources .product .offer {
+ font-size: 28px;
+ font-weight: bold;
+ line-height: 30px;
+}
+.component.transaction .transaction.resources .product .offer .icon-color {
+ width: 20px;
+ position: relative;
+ top: -5px;
+}
+.component.transaction .transaction.commander .product .offer strong,
+.component.transaction .transaction.ship .product .offer strong {
+ display: block;
+ font-size: 14px;
+}
+.component.transaction .transaction.commander .product .offer em,
+.component.transaction .transaction.ship .product .offer em {
+ display: block;
+ font-size: 11px;
+}
+.component.transaction .transaction .hidden {
+ display: none;
+}
+.component.transaction .transaction .info {
+ position: relative;
+ border-top: solid 1px #202020;
+ height: 88px;
+ background: black;
+}
+.component.transaction .transaction .info p {
+ font-size: 11px;
+ margin: 5px 8px;
+}
+.component.transaction .transaction .info .seller {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+}
+.component.transaction .transaction .info .seller a {
+ font-weight: bold;
+ color: white;
+}
+.component.transaction .transaction .info .seller .color1 {
+ color: #b01e2d;
+}
+.component.transaction .transaction .info .seller .color2 {
+ color: #2f23c0;
+}
+.component.transaction .transaction .info .seller .color3 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .seller .color4 {
+ color: #a935c7;
+}
+.component.transaction .transaction .info .seller .color5 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color6 {
+ color: #05bed7;
+}
+.component.transaction .transaction .info .seller .color7 {
+ color: #ac5832;
+}
+.component.transaction .transaction .info .seller .color8 {
+ color: #f2b636;
+}
+.component.transaction .transaction .info .seller .color9 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color10 {
+ color: #a92859;
+}
+.component.transaction .transaction .info .seller .color11 {
+ color: #34b089;
+}
+.component.transaction .transaction .info .seller .color12 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .price-detail {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+ right: 0;
+}
+.component.transaction .transaction .info .price-detail p {
+ text-align: right;
+}
+.component.transaction .transaction .info .price-detail p .icon-color {
+ width: 10px;
+ padding: 1px;
+}
+.component.transaction .transaction .info .price-detail p span {
+ color: #4F4F4F;
+}
+.component.transaction .transaction .button {
+ border-top: solid 1px #202020;
+ padding: 5px;
+}
+.component.transaction .transaction .button a,
+.component.transaction .transaction .button span {
+ display: block;
+ padding: 5px 10px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ line-height: 20px;
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component.transaction .transaction .button a {
+ background: #2c7915;
+}
+.component.transaction .transaction .button a:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #57c632;
+}
+.component.transaction .transaction .button span {
+ background: #202020;
+ cursor: default;
+}
+.component.transaction .transaction .button .icon-color {
+ width: 14px;
+}
+.component.transaction .transaction .shipping {
+ position: relative;
+ background: black;
+ height: 30px;
+}
+.component.transaction .transaction .shipping .ships {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+}
+.component.transaction .transaction .shipping .ships .icon-color {
+ position: relative;
+ width: 16px;
+ margin-left: 5px;
+ top: -5px;
+}
+.component.transaction .transaction .shipping .time {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 12px;
+}
+.component.transaction .transaction .shipping .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 0 60px;
+ height: 3px;
+ top: 13px;
+ background: #4F4F4F;
+}
+.component.transaction .transaction .shipping .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #57c632;
+}
+.component .build-item.disable .button span {
+ color: #696969;
+}
+.component.transaction .new-transaction {
+ width: 279px;
+ position: absolute;
+ background: black;
+ z-index: 1;
+ padding: 10px;
+ border-bottom: solid 1px #57c632;
+}
+.component.transaction .new-transaction label {
+ position: relative;
+ display: block;
+ padding: 5px 0;
+}
+.component.transaction .new-transaction label input {
+ display: block;
+ padding: 5px 10px;
+ margin: 5px 0 0 0;
+ width: 259px;
+ border: none;
+}
+.component.transaction .new-transaction.resources label input {
+ font-size: 16px;
+ color: #202020;
+ font-weight: bold;
+}
+.component.transaction .new-transaction .indicator {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 15px;
+}
+.component.transaction .new-transaction .indicator span {
+ position: absolute;
+ display: inline-block;
+ padding: 1px 6px;
+ font-size: 12px;
+ color: white;
+ border-radius: 3px;
+ top: -5px;
+ background: #24500a;
+}
+.component.transaction .new-transaction .indicator span.min-price {
+ left: 5px;
+}
+.component.transaction .new-transaction .indicator span.max-price {
+ right: 5px;
+}
+.component.market-sell .body {
+ padding: 10px 0;
+}
+.component.market-sell .label-box {
+ position: relative;
+ padding: 0 10px;
+ margin: 10px 0;
+}
+.component.market-sell .label-box .label {
+ display: inline-block;
+ width: 100px;
+ line-height: 30px;
+}
+.component.market-sell .label-box .value {
+ display: inline-block;
+ width: 147px;
+ padding: 0 5px;
+ border: none;
+ line-height: 30px;
+ border-radius: 3px;
+ font-size: 16px;
+}
+.component.market-sell .label-box input.value {
+ height: 30px;
+ background: white;
+}
+.component.market-sell .label-box .icon-color {
+ position: absolute;
+ top: 4px;
+ right: 16px;
+ width: 18px;
+}
+.component.market-sell .queue {
+ margin: 0 10px;
+ cursor: pointer;
+}
+.component.market-sell .sell-form {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 0 10px 10px 10px;
+}
+.component.market-sell .sell-form input[type='submit'] {
+ display: block;
+ width: 100%;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 10px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #57c632;
+}
+.component.market-sell .sell-form input[type='submit']:hover {
+ background: #24500a;
+}
+.component.market-sell .sell-form input[disabled='disabled'] {
+ background: #202020 !important;
+}
+.wysiwyg {
+ display: block;
+ position: relative;
+}
+.wysiwyg .toolbar {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 5px;
+}
+.wysiwyg .toolbar button {
+ display: inline-block;
+ height: 26px;
+ line-height: 26px;
+ padding: 0 4px !important;
+ margin: 0 4px 0 0 !important;
+ background: #2c7915;
+ color: white;
+ border-radius: 3px;
+ overflow: hidden;
+ vertical-align: top;
+}
+.wysiwyg .modal {
+ position: absolute;
+ top: 40px;
+ left: 10px;
+ right: 10px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ box-shadow: 0 0 15px black;
+}
+.wysiwyg .modal .header {
+ position: relative;
+}
+.wysiwyg .modal .header h2 {
+ margin: 0;
+ padding: 0;
+ line-height: 36px;
+ padding: 0 10px;
+ font-size: 16px;
+ font-weight: normal;
+}
+.wysiwyg .modal .header .right {
+ position: absolute;
+ top: 5px;
+ right: 10px;
+ width: 300px;
+ text-align: right;
+}
+.wysiwyg .modal .header .right button {
+ display: inline-block;
+ width: 26px !important;
+ height: 26px !important;
+ line-height: 26px !important<;
+ font-size: 14px;
+ padding: 0 !important;
+ margin: 0 0 0 5px !important;
+}
+.wysiwyg .modal input {
+ width: 435px;
+ border: none;
+ height: 30px;
+ margin: 0 10px 10px 10px !important;
+ padding: 0 10px !important;
+}
+.wysiwyg textarea {
+ padding-top: 40px !important;
+}
+.input-area .wysiwyg .toolbar {
+ padding: 0;
+}
+.component.params .checkbox {
+ display: block;
+ position: relative;
+ padding: 10px 10px 10px 40px;
+ margin: 10px;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component.params .checkbox input {
+ position: absolute;
+ top: 8px;
+ left: 10px;
+}
+#map {
+ position: absolute;
+ z-index: 100;
+ background: url('src/desktop/map/common/map.jpg') repeat black;
+ padding: 0;
+ top: 0;
+ left: 0;
+}
+#map #sectors {
+ z-index: 300;
+}
+#map #spying {
+ z-index: 400;
+}
+#map #own-base {
+ z-index: 500;
+}
+#map #commercial-routes {
+ z-index: 600;
+}
+#map #fleet-movements {
+ z-index: 700;
+}
+#map #attacks {
+ z-index: 800;
+}
+#map #systems {
+ z-index: 900;
+}
+#map #map-info {
+ z-index: 910;
+}
+#map > div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+#map #sectors polygon {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 4 4;
+ opacity: 0.15;
+}
+#map #sectors .ally1 {
+ fill: #6e161b;
+}
+#map #sectors .ally2 {
+ fill: #1f1471;
+}
+#map #sectors .ally3 {
+ fill: #dbb200;
+}
+#map #sectors .ally4 {
+ fill: #5a1072;
+}
+#map #sectors .ally5 {
+ fill: #2c7915;
+}
+#map #sectors .ally6 {
+ fill: #076b87;
+}
+#map #sectors .ally7 {
+ fill: #67331d;
+}
+#map #sectors .ally8 {
+ fill: #d87913;
+}
+#map #sectors .ally9 {
+ fill: #2c7915;
+}
+#map #sectors .ally10 {
+ fill: #760f36;
+}
+#map #sectors .ally11 {
+ fill: #219772;
+}
+#map #sectors .ally12 {
+ fill: #dbb200;
+}
+#map #spying circle {
+ opacity: 0.08;
+ stroke: white;
+}
+#map #own-base circle {
+ opacity: 0.1;
+ fill: white;
+}
+#map #commercial-routes line {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 20 5 5 5 5 10;
+}
+#map #commercial-routes line.standBy {
+ stroke: rgba(255, 255, 255, 0.3);
+}
+#map #fleet-movements line {
+ stroke-width: 1px;
+}
+#map #fleet-movements line.back {
+ stroke-dasharray: 15 5;
+}
+#map #attacks line {
+ stroke-width: 1px;
+}
+#map #attacks line.color1 {
+ stroke: #b01e2d;
+}
+#map #attacks line.color2 {
+ stroke: #2f23c0;
+}
+#map #attacks line.color3 {
+ stroke: #ffdb0f;
+}
+#map #attacks line.color4 {
+ stroke: #a935c7;
+}
+#map #attacks line.color5 {
+ stroke: #57c632;
+}
+#map #attacks line.color6 {
+ stroke: #05bed7;
+}
+#map #attacks line.color7 {
+ stroke: #ac5832;
+}
+#map #attacks line.color8 {
+ stroke: #f2b636;
+}
+#map #attacks line.color9 {
+ stroke: #57c632;
+}
+#map #attacks line.color10 {
+ stroke: #a92859;
+}
+#map #attacks line.color11 {
+ stroke: #34b089;
+}
+#map #attacks line.color12 {
+ stroke: #ffdb0f;
+}
+#map #attacks circle.color1 {
+ fill: #b01e2d;
+}
+#map #attacks circle.color2 {
+ fill: #2f23c0;
+}
+#map #attacks circle.color3 {
+ fill: #ffdb0f;
+}
+#map #attacks circle.color4 {
+ fill: #a935c7;
+}
+#map #attacks circle.color5 {
+ fill: #57c632;
+}
+#map #attacks circle.color6 {
+ fill: #05bed7;
+}
+#map #attacks circle.color7 {
+ fill: #ac5832;
+}
+#map #attacks circle.color8 {
+ fill: #f2b636;
+}
+#map #attacks circle.color9 {
+ fill: #57c632;
+}
+#map #attacks circle.color10 {
+ fill: #a92859;
+}
+#map #attacks circle.color11 {
+ fill: #34b089;
+}
+#map #attacks circle.color12 {
+ fill: #ffdb0f;
+}
+#map #systems a {
+ display: block;
+ position: absolute;
+ border-radius: 100%;
+}
+#map #systems a.active {
+ background: black;
+ box-shadow: 0 0 0 1px black,
+ 0 0 0 3px white,
+ 0 0 10px 8px black;
+}
+#map #systems a img {
+ display: block;
+ width: 20px;
+ height: 20px;
+ border: none;
+ border-radius: 100%;
+ -moz-border-radius: 100%;
+ -webkit-border-radius: 100%;
+ -ms-border-radius: 100%;
+ -o-border-radius: 100%;
+}
+#map #systems a img.own {
+ background: white;
+}
+#map #systems .sector-number {
+ position: absolute;
+ display: block;
+ font-size: 22px;
+ line-height: 40px;
+ width: 40px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 0 5px #0A0A0A, 0 0 0 6px #4F4F4F;
+ background: #202020;
+ color: white;
+ font-weight: bold;
+ cursor: pointer;
+}
+#map #systems .sector-number.color1 {
+ background: #6e161b;
+}
+#map #systems .sector-number.color2 {
+ background: #1f1471;
+}
+#map #systems .sector-number.color3 {
+ background: #dbb200;
+}
+#map #systems .sector-number.color4 {
+ background: #5a1072;
+}
+#map #systems .sector-number.color5 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color6 {
+ background: #076b87;
+}
+#map #systems .sector-number.color7 {
+ background: #67331d;
+}
+#map #systems .sector-number.color8 {
+ background: #d87913;
+}
+#map #systems .sector-number.color9 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color10 {
+ background: #760f36;
+}
+#map #systems .sector-number.color11 {
+ background: #219772;
+}
+#map #systems .sector-number.color12 {
+ background: #dbb200;
+}
+#map #systems .sector-info {
+ display: none;
+ position: absolute;
+ color: white;
+ background: black;
+ background: rgba(0, 0, 0, 0.9);
+ padding: 8px 16px;
+ border-radius: 3px;
+}
+#map #systems .sector-info:before {
+ content: '';
+ position: absolute;
+ left: -20px;
+ top: 20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent black transparent transparent;
+ border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
+}
+#map #systems .sector-info h2 {
+ position: relative;
+ font-size: 40px;
+ font-weight: bold;
+ line-height: 40px;
+ text-shadow: 0 0 5px black;
+ margin: 0;
+ padding: 0;
+}
+#map #systems .sector-info p {
+ font-size: 13px;
+ margin: 6px 0 0 0;
+ padding: 0;
+ font-weight: bold;
+ font-variant: small-caps;
+}
+#map #systems .sector-info p a {
+ position: static;
+ display: inline-block;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ margin: 0 5px 0 0;
+}
+#map #systems .sector-info.color1 p a {
+ background: #6e161b;
+}
+#map #systems .sector-info.color2 p a {
+ background: #1f1471;
+}
+#map #systems .sector-info.color3 p a {
+ background: #dbb200;
+}
+#map #systems .sector-info.color4 p a {
+ background: #5a1072;
+}
+#map #systems .sector-info.color5 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color6 p a {
+ background: #076b87;
+}
+#map #systems .sector-info.color7 p a {
+ background: #67331d;
+}
+#map #systems .sector-info.color8 p a {
+ background: #d87913;
+}
+#map #systems .sector-info.color9 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color10 p a {
+ background: #760f36;
+}
+#map #systems .sector-info.color11 p a {
+ background: #219772;
+}
+#map #systems .sector-info.color12 p a {
+ background: #dbb200;
+}
+#map #map-info {
+ display: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ bottom: auto;
+ height: auto;
+ width: auto;
+ margin: 40px 60px 0 0;
+ color: white;
+ text-align: right;
+}
+#map #map-info h2 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 38px;
+ line-height: 60px;
+}
+#map #map-info h3 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 40px;
+}
+#map #map-info ul {
+ margin: 10px 0;
+ padding: 0;
+ list-style: none;
+}
+#map #map-info ul li {
+ position: relative;
+ margin: 0;
+ padding: 0 40px 0 0;
+ line-height: 20px;
+ height: 20px;
+ font-style: italic;
+ color: #CCC;
+ font-size: 13px;
+}
+#map #map-info ul li img {
+ position: absolute;
+ right: 10px;
+ top: 0px;
+}
+#map #spying circle {
+ fill: #2c7915;
+}
+#map #fleet-movements line {
+ stroke: #57c632;
+}
+#map #fleet-movements circle {
+ fill: #57c632;
+}
+#map-option {
+ z-index: 1000;
+ position: absolute;
+ display: inline-block;
+ height: 32px;
+ padding: 3px 0;
+ background: url('src/desktop/map/bOption.png') repeat-x;
+ top: 30px;
+ right: 20px;
+}
+#map-option:before {
+ content: '';
+ position: absolute;
+ display: block;
+ left: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bLeftOption.png');
+}
+#map-option:after {
+ content: '';
+ position: absolute;
+ display: block;
+ right: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bRightOption.png');
+}
+#map-option a {
+ position: relative;
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ margin: 1px 0 1px 1px;
+ background: #0A0A0A;
+}
+#map-option a.active {
+ background: #004948;
+}
+#map-option a img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 22px;
+}
+.color1 #map-option a.active {
+ background: #510816;
+}
+.color2 #map-option a.active {
+ background: #0c0d44;
+}
+.color3 #map-option a.active {
+ background: #b17a00;
+}
+.color4 #map-option a.active {
+ background: #310948;
+}
+.color5 #map-option a.active {
+ background: #24500a;
+}
+.color6 #map-option a.active {
+ background: #004948;
+}
+.color7 #map-option a.active {
+ background: #401b13;
+}
+.color8 #map-option a.active {
+ background: #c3590b;
+}
+.color9 #map-option a.active {
+ background: #24500a;
+}
+.color10 #map-option a.active {
+ background: #4d0621;
+}
+.color11 #map-option a.active {
+ background: #10684c;
+}
+.color12 #map-option a.active {
+ background: #b17a00;
+}
+#map-content {
+ z-index: 1000;
+ position: absolute;
+ top: 80px;
+ right: 20px;
+ display: block;
+}
+#map-content .mini-map {
+ position: relative;
+ width: 300px;
+ height: 300px;
+ overflow: hidden;
+ border: solid 1px #202020;
+ background: url('src/desktop/map/common/galaxy.jpg') no-repeat #0A0A0A;
+}
+#map-content .mini-map polygon {
+ stroke: white;
+ stroke-width: .5px;
+ opacity: 0.3;
+}
+#map-content .mini-map polygon:focus,
+#map-content .mini-map polygon:hover {
+ opacity: 0.1;
+ cursor: pointer;
+}
+#map-content .mini-map polygon.ally0 {
+ fill: #202020;
+}
+#map-content .mini-map polygon.ally1 {
+ fill: #6e161b;
+}
+#map-content .mini-map polygon.ally2 {
+ fill: #1f1471;
+}
+#map-content .mini-map polygon.ally3 {
+ fill: #dbb200;
+}
+#map-content .mini-map polygon.ally4 {
+ fill: #5a1072;
+}
+#map-content .mini-map polygon.ally5 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally6 {
+ fill: #076b87;
+}
+#map-content .mini-map polygon.ally7 {
+ fill: #67331d;
+}
+#map-content .mini-map polygon.ally8 {
+ fill: #d87913;
+}
+#map-content .mini-map polygon.ally9 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally10 {
+ fill: #760f36;
+}
+#map-content .mini-map polygon.ally11 {
+ fill: #219772;
+}
+#map-content .mini-map polygon.ally12 {
+ fill: #dbb200;
+}
+#map-content .mini-map .number {
+ position: absolute;
+ z-index: 600;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .sectors {
+ z-index: 500;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases {
+ z-index: 400;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases circle {
+ fill: rgba(255, 255, 255, 0.2);
+ stroke: white;
+}
+#map-content .mini-map .viewport {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: rgba(255, 255, 255, 0.1);
+ border: solid 1px white;
+ border-radius: 3px;
+}
+#map-content .mini-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 11px;
+}
+.map-movers {
+ display: none;
+ position: absolute;
+ z-index: 900;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+#coord-box {
+ z-index: 1000;
+ position: absolute;
+ bottom: 20px;
+ right: 20px;
+ width: 80px;
+ padding: 5px 10px;
+ background: rgba(0, 0, 0, 0.8);
+ color: white;
+ font-size: 20px;
+ text-align: center;
+}
+.tactical-map {
+ margin: 10px;
+ position: relative;
+ background: url('src/desktop/map/common/galaxy-large.jpg') repeat #0A0A0A;
+}
+.tactical-map polygon {
+ stroke: white;
+ stroke-width: .30px;
+ opacity: 0.15;
+}
+.tactical-map polygon.enabled {
+ position: relative;
+ stroke-width: 2px;
+ opacity: 0.80;
+ z-index: 1;
+}
+.tactical-map polygon.enabled.ally1 {
+ stroke: #510816;
+}
+.tactical-map polygon.enabled.ally2 {
+ stroke: #0c0d44;
+}
+.tactical-map polygon.enabled.ally3 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.enabled.ally4 {
+ stroke: #310948;
+}
+.tactical-map polygon.enabled.ally5 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally6 {
+ stroke: #004948;
+}
+.tactical-map polygon.enabled.ally7 {
+ stroke: #401b13;
+}
+.tactical-map polygon.enabled.ally8 {
+ stroke: #c3590b;
+}
+.tactical-map polygon.enabled.ally9 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally10 {
+ stroke: #4d0621;
+}
+.tactical-map polygon.enabled.ally11 {
+ stroke: #10684c;
+}
+.tactical-map polygon.enabled.ally12 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.ally0 {
+ fill: #202020;
+}
+.tactical-map polygon.ally1 {
+ fill: #6e161b;
+}
+.tactical-map polygon.ally2 {
+ fill: #1f1471;
+}
+.tactical-map polygon.ally3 {
+ fill: #dbb200;
+}
+.tactical-map polygon.ally4 {
+ fill: #5a1072;
+}
+.tactical-map polygon.ally5 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally6 {
+ fill: #076b87;
+}
+.tactical-map polygon.ally7 {
+ fill: #67331d;
+}
+.tactical-map polygon.ally8 {
+ fill: #d87913;
+}
+.tactical-map polygon.ally9 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally10 {
+ fill: #760f36;
+}
+.tactical-map polygon.ally11 {
+ fill: #219772;
+}
+.tactical-map polygon.ally12 {
+ fill: #dbb200;
+}
+.tactical-map .number {
+ position: absolute;
+ z-index: 800;
+ top: 0;
+ left: 0;
+}
+.tactical-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 12px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 1px white;
+}
+.tactical-map .number span.ally0 {
+ background: #0A0A0A;
+}
+.tactical-map .number span.ally1 {
+ background: #510816;
+}
+.tactical-map .number span.ally2 {
+ background: #0c0d44;
+}
+.tactical-map .number span.ally3 {
+ background: #b17a00;
+}
+.tactical-map .number span.ally4 {
+ background: #310948;
+}
+.tactical-map .number span.ally5 {
+ background: #24500a;
+}
+.tactical-map .number span.ally6 {
+ background: #004948;
+}
+.tactical-map .number span.ally7 {
+ background: #401b13;
+}
+.tactical-map .number span.ally8 {
+ background: #c3590b;
+}
+.tactical-map .number span.ally9 {
+ background: #24500a;
+}
+.tactical-map .number span.ally10 {
+ background: #4d0621;
+}
+.tactical-map .number span.ally11 {
+ background: #10684c;
+}
+.tactical-map .number span.ally12 {
+ background: #b17a00;
+}
+.tactical-map .number span.active {
+ background: white;
+ color: black;
+ box-shadow: 0 0 10px black;
+}
+.tactical-map.reactive polygon.enabled:hover,
+.tactical-map.reactive polygon.enabled.active {
+ cursor: pointer;
+}
+.tactical-map.reactive polygon.enabled:hover.ally1,
+.tactical-map.reactive polygon.enabled.active.ally1 {
+ fill: #510816;
+}
+.tactical-map.reactive polygon.enabled:hover.ally2,
+.tactical-map.reactive polygon.enabled.active.ally2 {
+ fill: #0c0d44;
+}
+.tactical-map.reactive polygon.enabled:hover.ally3,
+.tactical-map.reactive polygon.enabled.active.ally3 {
+ fill: #b17a00;
+}
+.tactical-map.reactive polygon.enabled:hover.ally4,
+.tactical-map.reactive polygon.enabled.active.ally4 {
+ fill: #310948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally5,
+.tactical-map.reactive polygon.enabled.active.ally5 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally6,
+.tactical-map.reactive polygon.enabled.active.ally6 {
+ fill: #004948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally7,
+.tactical-map.reactive polygon.enabled.active.ally7 {
+ fill: #401b13;
+}
+.tactical-map.reactive polygon.enabled:hover.ally8,
+.tactical-map.reactive polygon.enabled.active.ally8 {
+ fill: #c3590b;
+}
+.tactical-map.reactive polygon.enabled:hover.ally9,
+.tactical-map.reactive polygon.enabled.active.ally9 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally10,
+.tactical-map.reactive polygon.enabled.active.ally10 {
+ fill: #4d0621;
+}
+.tactical-map.reactive polygon.enabled:hover.ally11,
+.tactical-map.reactive polygon.enabled.active.ally11 {
+ fill: #10684c;
+}
+.tactical-map.reactive polygon.enabled:hover.ally12,
+.tactical-map.reactive polygon.enabled.active.ally12 {
+ fill: #b17a00;
+}
+#action-box {
+ display: block;
+ z-index: 1100;
+ position: absolute;
+ width: 100%;
+ height: 300px;
+ bottom: -300px;
+ left: 0;
+ border-top: solid 1px #0A0A0A;
+ background: black;
+ box-shadow: 0 0 15px black;
+}
+#action-box .header {
+ position: relative;
+ background: black;
+ border-bottom: solid 1px #202020;
+ height: 36px;
+ color: #EFEFEF;
+}
+#action-box .header ul {
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .header ul li {
+ display: inline-block;
+ line-height: 36px;
+ padding: 0 10px;
+ color: #CCC;
+ border-right: solid 1px #202020;
+}
+#action-box .header ul li a {
+ display: inline-block;
+ line-height: 24px;
+ margin: 3px 0;
+ padding: 0 6px;
+ text-decoration: none;
+ color: #CCC;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-right: none;
+ color: #8F8F8F;
+}
+#action-box .header ul li a:first-child {
+ border-radius: 3px 0 0 3px;
+}
+#action-box .header ul li a:last-child {
+ border-right: solid 1px #202020;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .header ul li a:hover,
+#action-box .header ul li a:focus {
+ background: #202020;
+ color: white;
+}
+#action-box .header ul li a.active {
+ color: white;
+ position: relative;
+ z-index: 1;
+ background: #24500a;
+}
+#action-box .header ul li img {
+ position: relative;
+ top: 5px;
+ width: 20px;
+ border-radius: 100%;
+}
+#action-box .header .button {
+ position: absolute;
+ top: 7px;
+ right: 10px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ background: #202020;
+ border-radius: 3px;
+ text-decoration: none;
+ text-transform: uppercase;
+ color: white;
+}
+#action-box .header .button:focus,
+#action-box .header .button:hover {
+ background: #4F4F4F;
+}
+#action-box .body {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ height: 263px;
+ background: url('src/desktop/map/common/bLine.jpg') repeat-x center #080808;
+}
+#action-box .actbox-movers {
+ position: absolute;
+ display: block;
+ width: 60px;
+ height: 263px;
+ z-index: 1103;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#action-box .actbox-movers:hover,
+#action-box .actbox-movers:focus {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+#action-box .actbox-movers:active {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+#action-box .actbox-movers#actboxToLeft {
+ background: url('src/desktop/mover/left.png') no-repeat center;
+}
+#action-box .actbox-movers#actboxToRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center;
+}
+#action-box .body .system {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 263px;
+ width: 3000px;
+}
+#action-box .body .system ul {
+ display: inline-block;
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .body .system ul li {
+ display: inline-block;
+}
+#action-box .body .system ul li.place a,
+#action-box .body .system ul li.action {
+ width: 100px;
+ height: 260px;
+ border-top: solid 3px white;
+ position: relative;
+}
+#action-box .body .system ul li.place.color1 a,
+#action-box .body .system ul li.action.color1 {
+ border-top-color: #6e161b;
+}
+#action-box .body .system ul li.place.color2 a,
+#action-box .body .system ul li.action.color2 {
+ border-top-color: #1f1471;
+}
+#action-box .body .system ul li.place.color3 a,
+#action-box .body .system ul li.action.color3 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.place.color4 a,
+#action-box .body .system ul li.action.color4 {
+ border-top-color: #5a1072;
+}
+#action-box .body .system ul li.place.color5 a,
+#action-box .body .system ul li.action.color5 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color6 a,
+#action-box .body .system ul li.action.color6 {
+ border-top-color: #076b87;
+}
+#action-box .body .system ul li.place.color7 a,
+#action-box .body .system ul li.action.color7 {
+ border-top-color: #67331d;
+}
+#action-box .body .system ul li.place.color8 a,
+#action-box .body .system ul li.action.color8 {
+ border-top-color: #d87913;
+}
+#action-box .body .system ul li.place.color9 a,
+#action-box .body .system ul li.action.color9 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color10 a,
+#action-box .body .system ul li.action.color10 {
+ border-top-color: #760f36;
+}
+#action-box .body .system ul li.place.color11 a,
+#action-box .body .system ul li.action.color11 {
+ border-top-color: #219772;
+}
+#action-box .body .system ul li.place.color12 a,
+#action-box .body .system ul li.action.color12 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.star {
+ width: 300px;
+ height: 263px;
+ border-left: solid 1px #0F0F0F;
+ background: url('src/desktop/map/systems/default.png') no-repeat center center;
+}
+#action-box .body .system ul li.place a {
+ display: block;
+ border-left: solid 1px #0F0F0F;
+ text-align: center;
+}
+#action-box .body .system ul li.place a strong {
+ position: absolute;
+ bottom: 8px;
+ left: 10px;
+ font-size: 18px;
+ font-weight: bold;
+ color: white;
+}
+#action-box .body .system ul li.place a .land {
+ position: absolute;
+ z-index: 1102;
+ top: 88px;
+ left: 10px;
+ width: 80px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.place.active a .land {
+ box-shadow: 0 0 0 1px #202020;
+ background: #080808;
+}
+#action-box .body .system ul li.place a .avatar {
+ position: absolute;
+ z-index: 1101;
+ top: 10px;
+ left: 20px;
+ padding: 7px;
+ border: solid 1px #0F0F0F;
+ background: black;
+ width: 47px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action {
+ width: 0px;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .content {
+ position: absolute;
+ top: 9px;
+ left: 12px;
+ height: 240px;
+ width: 545px;
+ background: #111111;
+ border: solid 1px #202020;
+ box-shadow: inset 0 0 5px black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .content:before {
+ content: '';
+ position: absolute;
+ top: 107px;
+ left: -24px;
+ border-width: 12px;
+ border-style: solid;
+ border-color: transparent #202020 transparent transparent;
+}
+#action-box .body .system ul li.action .content .column {
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ height: 240px;
+ border-right: solid 1px #202020;
+ color: white;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link {
+ position: absolute;
+ top: 6px;
+ right: 8px;
+ opacity: .5;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link:hover,
+#action-box .body .system ul li.action .content .column .last-spy-link:focus {
+ opacity: 1;
+}
+#action-box .body .system ul li.action .content .column.info {
+ width: 199px;
+}
+#action-box .body .system ul li.action .content .column.act {
+ width: 345px;
+ border-right: none;
+}
+#action-box .body .system ul li.action .content .column p {
+ margin: 2px 10px;
+}
+#action-box .body .system ul li.action .content .column a {
+ color: white;
+}
+#action-box .body .system ul li.action .content .column hr {
+ margin: 8px 10px;
+ border: none;
+ background: none;
+ border-bottom: solid 1px #202020;
+}
+#action-box .body .system ul li.action .content .column strong {
+ line-height: 30px;
+}
+#action-box .body .system ul li.action .content .column.info strong {
+ line-height: 28px;
+ font-size: 18px;
+}
+#action-box .body .system ul li.action .content .column .label {
+ display: inline-block;
+ width: 78px;
+ font-size: 12px;
+}
+#action-box .body .system ul li.action .content .column .value {
+ display: inline-block;
+ width: 100px;
+ text-align: left;
+}
+#action-box .body .system ul li.action .content .column .value .icon,
+#action-box .body .system ul li.action .content .column .value .icon-color {
+ width: 18px;
+ height: 18px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .content .column.act .top .grey {
+ opacity: .4;
+}
+#action-box .body .system ul li.action .content .column.act .top img {
+ width: 45px;
+ padding: 8px;
+ margin: 0 4px 2px 0;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action .content .column .top,
+#action-box .body .system ul li.action .content .column .bottom {
+ padding: 5px;
+}
+#action-box .body .system ul li.action .box {
+ display: none;
+ position: absolute;
+ left: 10px;
+ right: 10px;
+ bottom: 10px;
+ top: 80px;
+ background: black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .box:nth-child(1) {
+ display: block;
+}
+#action-box .body .system ul li.action .box:before {
+ content: '';
+ position: absolute;
+ top: -20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent transparent black transparent;
+}
+#action-box .body .system ul li.action .box:nth-child(1):before {
+ left: 15px;
+}
+#action-box .body .system ul li.action .box:nth-child(2):before {
+ left: 84px;
+}
+#action-box .body .system ul li.action .box:nth-child(3):before {
+ left: 152px;
+}
+#action-box .body .system ul li.action .box:nth-child(4):before {
+ left: 218px;
+}
+#action-box .body .system ul li.action .box:nth-child(5):before {
+ left: 284px;
+}
+#action-box .body .system ul li.action .box h2 {
+ margin: 0;
+ padding: 0 11px;
+ line-height: 35px;
+ font-size: 15px;
+}
+#action-box .body .system ul li.action .box .box-content {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 0 0 3px 3px;
+ padding: 8px 10px;
+ background: #080808;
+ border: solid 1px black;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item {
+ display: none;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button {
+ display: inline-block;
+ width: 100px;
+ text-decoration: none;
+ margin: 8px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .picto {
+ float: left;
+ width: 30px;
+ height: 30px;
+ margin: 0 5px 0 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button span {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form {
+ margin-top: 10px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form input {
+ width: 187px;
+ padding: 7px;
+ border: none;
+ background: white;
+ border-radius: 3px 0 0 3px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button {
+ width: 100px;
+ padding: 6px 6px;
+ border: none;
+ color: white;
+ background: #2c7915;
+ cursor: pointer;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button:hover,
+#action-box .body .system ul li.action .box .box-content .spy-form button:focus {
+ background: #24500a;
+}
+#action-box .body .system ul li.action .box .box-content .label-box {
+ display: inline-block;
+ width: 50%;
+ margin: 5px 0;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .key {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .val {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+#action-box .body .system ul li.action .box .box-content .rc {
+ margin: 5px 0 0 0;
+ padding: 10px 10px 0 50px;
+ border-top: solid 1px #202020;
+}
+#action-box .body .system ul li.action .box .box-content .rc .planet {
+ position: absolute;
+ top: -25px;
+ left: -25px;
+ width: 76px;
+ height: 76px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+#action-box .body .system ul li.action .box .box-content .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .button {
+ display: inline-block;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ line-height: 26px;
+ margin: 5px 0 0 0;
+ padding: 0 8px;
+ text-align: center;
+ text-decoration: none;
+}
+#action-box .body .system ul li.action .box .box-content a.button {
+ background: #2c7915;
+ border: #24500a;
+}
+#action-box .body .system ul li.action .box .box-content a.button:hover,
+#action-box .body .system ul li.action .box .box-content a.button:focus {
+ background: #24500a;
+}
+.component.admin table {
+ margin: 10px;
+ border-collapse: collapse;
+ width: 877px;
+}
+.component.admin table tr {
+ border-bottom: solid 1px #202020;
+}
+.component.admin table td {
+ padding: 5px 10px;
+ vertical-align: top;
+}
+.component.admin table .button {
+ display: inline-block;
+ padding: 0 5px;
+ line-height: 25px;
+ min-width: 15px;
+ text-align: center;
+ color: white;
+ border-radius: 3px;
+ background: #4F4F4F;
+ text-decoration: none;
+}
+.component.admin table td:nth-child(1) {
+ width: 50px;
+}
+.component.admin table td:nth-child(2) {
+ width: 100px;
+}
+.component.admin table td:nth-child(3) {
+ width: auto;
+}
+.component.admin table td:nth-child(4) {
+ width: 80px;
+}
+.on-off-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #2c7915;
+ border: solid 1px #24500a;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+.on-off-button:hover,
+.on-off-button:focus {
+ background: #24500a;
+ border-color: #2c7915;
+}
+.on-off-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+.inscription {
+ /* SUBNAV */
+ /* ALLY */
+}
+.inscription #nav .box.left span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 10px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 80px;
+ text-align: center;
+ color: #4f4f4f;
+ text-decoration: none;
+ font-variant: small-caps;
+}
+.inscription #nav .box.left span.active {
+ color: white;
+}
+.inscription #nav .box.right {
+ display: none;
+}
+.inscription #inscription-subnav {
+ position: fixed;
+ top: 45px;
+ left: 0;
+ width: 210px;
+ margin: 0 20px 0 60px;
+ z-index: 500;
+}
+.inscription #inscription-subnav .bind {
+ height: 15px;
+ background: url('src/desktop/inscriptionSubnav/bBind.png') no-repeat center;
+}
+.inscription #inscription-subnav .head {
+ position: relative;
+ height: 214px;
+ background: url('src/desktop/inscriptionSubnav/bHead.png') no-repeat center;
+}
+.inscription #inscription-subnav .head h2 {
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ top: 5px;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 24px;
+ width: 210px;
+ overflow: hidden;
+ text-align: center;
+ color: white;
+}
+.inscription #inscription-subnav .head img {
+ position: absolute;
+ top: 43px;
+ left: 28px;
+ width: 125px;
+ height: 125px;
+ background: #0A0A0A;
+}
+.inscription #inscription-subnav .head .level {
+ position: absolute;
+ display: block;
+ bottom: 15px;
+ left: 0;
+ width: 100%;
+ font-size: 20px;
+ line-height: 41px;
+ color: white;
+ text-align: center;
+ background: url('src/desktop/inscriptionSubnav/bLevel.png') no-repeat center;
+}
+.inscription #inscription-subnav .head .experience {
+ position: absolute;
+ display: inline-block;
+ top: 50px;
+ right: 32px;
+ width: 21px;
+ height: 112px;
+}
+.inscription #inscription-subnav .head .experience .value {
+ position: absolute;
+ display: block;
+ width: 100%;
+ bottom: 0;
+ border-radius: 3px;
+}
+.inscription #inscription-subnav .foot {
+ height: 290px;
+}
+.inscription #movers .toLeft {
+ left: 0 !important;
+}
+.inscription .component.inscription img.color1 {
+ background: #6e161b !important;
+}
+.inscription .component.inscription img.color2 {
+ background: #1f1471 !important;
+}
+.inscription .component.inscription img.color3 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription img.color4 {
+ background: #5a1072 !important;
+}
+.inscription .component.inscription img.color5 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color6 {
+ background: #076b87 !important;
+}
+.inscription .component.inscription img.color7 {
+ background: #67331d !important;
+}
+.inscription .component.inscription img.color8 {
+ background: #d87913 !important;
+}
+.inscription .component.inscription img.color9 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color10 {
+ background: #760f36 !important;
+}
+.inscription .component.inscription img.color11 {
+ background: #219772 !important;
+}
+.inscription .component.inscription img.color12 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription .chooseLink {
+ display: block;
+ margin: 10px;
+ padding: 10px 60px 10px 20px;
+ background: url('src/desktop/mover/right.png') no-repeat 235px center #CCC;
+ text-decoration: none;
+ color: white;
+ text-shadow: 0 0 2px black;
+ border: solid 1px #202020;
+ cursor: pointer;
+ -webkit-transition: all linear 200ms;
+ -moz-transition: all linear 200ms;
+ -ms-transition: all linear 200ms;
+ -o-transition: all linear 200ms;
+ transition: all linear 200ms;
+}
+.inscription .component.inscription .chooseLink:focus,
+.inscription .component.inscription .chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+.inscription .component.inscription button.chooseLink {
+ width: 277px;
+ text-align: left;
+}
+.inscription .component.inscription.color1 .chooseLink {
+ background-color: #6e161b;
+}
+.inscription .component.inscription.color2 .chooseLink {
+ background-color: #1f1471;
+}
+.inscription .component.inscription.color3 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color4 .chooseLink {
+ background-color: #5a1072;
+}
+.inscription .component.inscription.color5 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color6 .chooseLink {
+ background-color: #076b87;
+}
+.inscription .component.inscription.color7 .chooseLink {
+ background-color: #67331d;
+}
+.inscription .component.inscription.color8 .chooseLink {
+ background-color: #d87913;
+}
+.inscription .component.inscription.color9 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color10 .chooseLink {
+ background-color: #760f36;
+}
+.inscription .component.inscription.color11 .chooseLink {
+ background-color: #219772;
+}
+.inscription .component.inscription.color12 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color1 .chooseLink:hover,
+.inscription .component.inscription.color1 .chooseLink:focus {
+ background-color: #510816;
+}
+.inscription .component.inscription.color2 .chooseLink:hover,
+.inscription .component.inscription.color2 .chooseLink:focus {
+ background-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .chooseLink:hover,
+.inscription .component.inscription.color3 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription.color4 .chooseLink:hover,
+.inscription .component.inscription.color4 .chooseLink:focus {
+ background-color: #310948;
+}
+.inscription .component.inscription.color5 .chooseLink:hover,
+.inscription .component.inscription.color5 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color6 .chooseLink:hover,
+.inscription .component.inscription.color6 .chooseLink:focus {
+ background-color: #004948;
+}
+.inscription .component.inscription.color7 .chooseLink:hover,
+.inscription .component.inscription.color7 .chooseLink:focus {
+ background-color: #401b13;
+}
+.inscription .component.inscription.color8 .chooseLink:hover,
+.inscription .component.inscription.color8 .chooseLink:focus {
+ background-color: #c3590b;
+}
+.inscription .component.inscription.color9 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color10 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #4d0621;
+}
+.inscription .component.inscription.color11 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #10684c;
+}
+.inscription .component.inscription.color12 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription .chooseLink strong {
+ display: block;
+ font-size: 15px;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+}
+.inscription .component.inscription .chooseLink em {
+ font-style: normal;
+}
+.inscription .component.inscription span.chooseLink {
+ background: #202020 !important;
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+ cursor: auto;
+ padding: 10px;
+}
+.inscription .component.inscription span.chooseLink:focus,
+.inscription .component.inscription span.chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+}
+.inscription .component.inscription blockquote {
+ line-height: 200%;
+}
+.inscription .component.inscription #pseudo,
+.inscription .component.inscription #base {
+ position: relative;
+ width: 100%;
+ border: none;
+ padding: 12px 0;
+ margin: 0;
+ text-align: center;
+ font-size: 26px;
+ font-weight: bold;
+ background: white;
+ border-radius: 3px;
+}
+.inscription .component.inscription.color1 #pseudo {
+ color: #510816;
+}
+.inscription .component.inscription.color2 #pseudo {
+ color: #0c0d44;
+}
+.inscription .component.inscription.color3 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription.color4 #pseudo {
+ color: #310948;
+}
+.inscription .component.inscription.color5 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color6 #pseudo {
+ color: #004948;
+}
+.inscription .component.inscription.color7 #pseudo {
+ color: #401b13;
+}
+.inscription .component.inscription.color8 #pseudo {
+ color: #c3590b;
+}
+.inscription .component.inscription.color9 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color10 #pseudo {
+ color: #4d0621;
+}
+.inscription .component.inscription.color11 #pseudo {
+ color: #10684c;
+}
+.inscription .component.inscription.color12 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription .avatars {
+ padding: 5px;
+ text-align: center;
+}
+.inscription .component.inscription .avatar {
+ position: relative;
+ display: inline-block;
+ margin: 0 5px;
+ padding: 5px;
+ background: #202020;
+ border: solid 5px #0A0A0A;
+ border-radius: 100%;
+}
+.inscription .component.inscription .avatar input {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+.inscription .component.inscription .avatar img {
+ display: block;
+ width: 117px;
+ cursor: pointer;
+ border-radius: 100%;
+}
+.inscription .component.inscription.color1 .avatar:hover {
+ border-color: #510816;
+}
+.inscription .component.inscription.color2 .avatar:hover {
+ border-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color4 .avatar:hover {
+ border-color: #310948;
+}
+.inscription .component.inscription.color5 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color6 .avatar:hover {
+ border-color: #004948;
+}
+.inscription .component.inscription.color7 .avatar:hover {
+ border-color: #401b13;
+}
+.inscription .component.inscription.color8 .avatar:hover {
+ border-color: #c3590b;
+}
+.inscription .component.inscription.color9 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color10 .avatar:hover {
+ border-color: #4d0621;
+}
+.inscription .component.inscription.color11 .avatar:hover {
+ border-color: #10684c;
+}
+.inscription .component.inscription.color12 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color1 .avatar.active {
+ border-color: #b01e2d;
+}
+.inscription .component.inscription.color2 .avatar.active {
+ border-color: #2f23c0;
+}
+.inscription .component.inscription.color3 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription .component.inscription.color4 .avatar.active {
+ border-color: #a935c7;
+}
+.inscription .component.inscription.color5 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color6 .avatar.active {
+ border-color: #05bed7;
+}
+.inscription .component.inscription.color7 .avatar.active {
+ border-color: #ac5832;
+}
+.inscription .component.inscription.color8 .avatar.active {
+ border-color: #f2b636;
+}
+.inscription .component.inscription.color9 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color10 .avatar.active {
+ border-color: #a92859;
+}
+.inscription .component.inscription.color11 .avatar.active {
+ border-color: #34b089;
+}
+.inscription .component.inscription.color12 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription #alert {
+ bottom: -12px;
+ z-index: 10000;
+}
+.inscription .build-item {
+ min-height: 60px;
+}
+.inscription .build-item .name {
+ padding-top: 2px !important;
+}
+.inscription .build-item .name strong {
+ font-size: 16px !important;
+}
+.inscription .build-item .name em {
+ font-size: 12px !important;
+}
+.color0 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor0.png') no-repeat top left;
+}
+.color1 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor1.png') no-repeat top left;
+}
+.color2 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor2.png') no-repeat top left;
+}
+.color3 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor3.png') no-repeat top left;
+}
+.color4 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor4.png') no-repeat top left;
+}
+.color5 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor5.png') no-repeat top left;
+}
+.color6 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor6.png') no-repeat top left;
+}
+.color7 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor7.png') no-repeat top left;
+}
+.color8 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor8.png') no-repeat top left;
+}
+.color9 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor9.png') no-repeat top left;
+}
+.color10 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor10.png') no-repeat top left;
+}
+.color11 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor11.png') no-repeat top left;
+}
+.color12 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor12.png') no-repeat top left;
+}
+/* AUTOCOMPLETE MODULE */
+.ac_results {
+ width: 100%;
+ padding: 0px;
+ border: 1px solid #4F4F4F;
+ background-color: white;
+ overflow: hidden;
+ z-index: 99999;
+ box-shadow: 0 0 6px black;
+ border-radius: 3px;
+}
+.ac_results ul {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style-position: outside;
+ list-style: none;
+}
+.ac_results ul li {
+ padding: 4px 8px;
+ margin: 0px;
+ cursor: default;
+ display: block;
+ border-bottom: solid 1px #CCC;
+ overflow: hidden;
+}
+.ac_results ul li:last-child {
+ border: none;
+}
+.ac_results .img {
+ float: left;
+ width: 36px;
+ background: #202020;
+ border-radius: 3px;
+ margin: 0 8px 0 0;
+}
+.ac_results .value-1,
+.ac_results .value-2 {
+ display: block;
+ line-height: 18px;
+}
+.ac_results .value-1 {
+ font-weight: bold;
+}
+.ac_loading {
+ background: white url('src/desktop/module/indicator.gif') right center no-repeat;
+}
+.ac_over {
+ background: #efefef;
+}
+.ac_results .ac_over strong {
+ color: black;
+}
+.ac_results .ac_over img {
+ background: white;
+}
diff --git a/public/css/main.desktop.v3.css b/public/css/main.desktop.v3.css
index bee934bbd..2ff916de0 100644
--- a/public/css/main.desktop.v3.css
+++ b/public/css/main.desktop.v3.css
@@ -1 +1,6737 @@
-html{height:100%}body{margin:0;padding:0;font-family:Roboto,'Trebuchet MS',Arial,sans-serif;font-size:13px}.bull{display:none;position:absolute;z-index:1200;padding:4px 8px;max-width:280px;color:#fff;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px}.bull.top:before{bottom:-14px;border-color:#4F4F4F transparent transparent transparent}.bull.bottom:before{top:-14px;border-color:transparent transparent #4F4F4F transparent}.bull.left:before{right:9pt}.bull.right:before{left:9pt}body{width:100%;height:100%;overflow:hidden;background:#000}#nav,#tools{position:fixed;width:100%;height:26px;background:url(src/desktop/tools/bTools.png) repeat-x #000;box-shadow:0 0 10px #000;z-index:1000;border-color:#b01e2d}#nav{top:0;left:0;background:url(src/desktop/nav/bNav.png) repeat-x #000;border-bottom:solid 3px #000}#tools{bottom:0;left:0;background:url(src/desktop/tools/bTools.png) repeat-x #000;border-top:solid 3px #000}#container{position:absolute;top:29px;left:0;margin:0;padding:0;width:100%;background:#000;overflow:hidden;z-index:0;background:url(src/desktop/global/background.jpg) repeat-x #000}.icon,.icon-color{display:inline-block;vertical-align:bottom;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.icon-color{background:#b01e2d!important}#background-paralax{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat bottom left transparent;z-index:100;background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.profil{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.message{background-image:url(src/desktop/screen/message.jpg)}#background-paralax.fleet{background-image:url(src/desktop/screen/fleet.jpg)}#background-paralax.financial{background-image:url(src/desktop/screen/financial.jpg)}#background-paralax.technology{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.rank{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.params{background-image:url(src/desktop/screen/profil.jpg)}#background-paralax.bases{background-image:url(src/desktop/screen/base.jpg)}#movers a{position:absolute;width:60px;height:100%;z-index:400;background:red;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#movers a:focus,#movers a:hover{background-color:rgba(255,255,255,.08)}#movers a:active{background-color:rgba(255,255,255,.2)}#movers .toLeft{top:0;left:60px;background:url(src/desktop/mover/left.png) no-repeat center transparent}#movers .toRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center transparent}.component.financial table{border-collapse:collapse;width:100%}.component.financial td{vertical-align:top;width:50%}.component.uni .build-item{height:60px;margin:20px}.component.techno .build-item .name strong{font-size:1pc}.component.school .build-item .name strong{font-size:18px}.component.generator table{width:100%;border-collapse:collapse}.component.dock1 table{width:100%;border-collapse:collapse}.component.space .fix-body{background:url(src/desktop/base/situation.jpg) no-repeat top left #000}.component.memorial blockquote{font-size:22px;margin:30px 15px 0 30px;line-height:160%;font-weight:700;text-align:center}.component .info-building{margin:10px;padding:0;font-size:13px;border-top:solid 1px #4F4F4F}.component .info-building h4{margin:10px}.component .info-building p{font-size:13px}#nav .box a,#nav .box>span,#tools .box a,#tools .box>span{position:relative;display:inline-block;line-height:2pc;padding:0 25px;margin:5px 2px;font-size:14px;width:150px;color:#fff;text-decoration:none;font-variant:small-caps;background:url(src/desktop/button/bButtonMiddle.png) repeat-x}#nav .box a:before,#nav .box>span:before,#tools .box a:before,#tools .box>span:before{content:'';position:absolute;top:0;left:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonLeft.png) no-repeat}#nav .box a:after,#nav .box>span:after,#tools .box a:after,#tools .box>span:after{content:'';position:absolute;top:0;right:0;width:20px;height:2pc;background:url(src/desktop/button/bButtonRight.png) no-repeat}#nav .box a.current-base,#tools .box a.current-base{margin-left:56px}#nav .box a.current-base img,#tools .box a.current-base img{position:absolute;top:-1pc;left:-54px;background:#000;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:solid 2px #4F4F4F;width:60px}#nav .box a:focus:before,#nav .box a:hover:before,#tools .box a:focus:before,#tools .box a:hover:before{background:url(src/desktop/button/bButtonLeftHover.png) repeat}#nav .box a:focus:after,#nav .box a:hover:after,#tools .box a:focus:after,#tools .box a:hover:after{background:url(src/desktop/button/bButtonRightHover.png) repeat}#nav .box a.active,#tools .box a.active{background:url(src/desktop/button/bButtonMiddleActive.png) repeat}#nav .box a.active:before,#tools .box a.active:before{background:url(src/desktop/button/bButtonLeftActive.png) repeat}#nav .box a.active:after,#tools .box a.active:after{background:url(src/desktop/button/bButtonRightActive.png) repeat}#nav .box a.square,#tools .box a.square{position:relative;padding:0 5px;margin:5px 2px;height:2pc;width:30px;background:url(src/desktop/button/bLittleButton.png) no-repeat;vertical-align:top}#nav .box a.square:after,#nav .box a.square:before,#tools .box a.square:after,#tools .box a.square:before{display:none}#nav .box a.square:focus,#nav .box a.square:hover,#tools .box a.square:focus,#tools .box a.square:hover{background:url(src/desktop/button/bLittleButtonHover.png) no-repeat}#nav .box a.square.active,#tools .box a.square.active{background:url(src/desktop/button/bLittleButtonActive-c1.png) no-repeat}#nav .box a.square.active.flashy,#tools .box a.square.active.flashy{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 9pt #b01e2d}#nav .box a.square img,#tools .box a.square img{position:absolute;width:24px;top:3px;left:8px}#nav .box a.square span.number,#tools .box a.square span.number{position:absolute;top:-5px;right:-5px;width:18px;line-height:18px;text-align:center;font-size:11px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#510816}#nav .box{position:absolute;display:inline-block;height:46px;padding:0 3px;background:url(src/desktop/nav/bNavBox.png) repeat-x}#nav .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxLeft.png) no-repeat}#nav .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:46px;background:url(src/desktop/nav/bNavBoxRight.png) no-repeat}#nav .box.left{top:0;left:25px}#nav .box.left-2{top:0;left:420px}#nav .box.left-3{top:0;left:732px}#nav .box.right{top:0;right:25px}#nav .box a.square span.number{bottom:-5px;top:auto}#tools .box{position:absolute;display:inline-block;height:40px;padding:1px 3px 0 3px;background:url(src/desktop/tools/bToolBox.png) repeat-x;font-size:13px}#tools .box:before{content:'';position:absolute;top:0;left:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxRight.png) no-repeat}#tools .box:after{content:'';position:absolute;top:0;right:-15px;width:15px;height:40px;background:url(src/desktop/tools/bToolBoxLeft.png) no-repeat}#tools .box.left{bottom:0;right:340px}#tools .box.right{bottom:0;right:25px}#tools .box a.square img{top:4px}#tools .box a.resource-link,#tools .box span.resource-link{width:110px;font-size:1pc}#tools .box a.resource-link img.icon-color,#tools .box span.resource-link img.icon-color{position:relative;display:inline-block;width:18px;vertical-align:middle;margin-left:5px;top:-2px;padding:1px}#nav .overbox .overflow,#tools .overbox .overflow{max-height:25pc;overflow:auto;position:relative}#nav .overbox h2,#tools .overbox h2{color:#fff;padding:10px 15px;margin:0;font-size:14px;font-weight:400;border-bottom:solid 1px #202020}#nav .overbox .link-title,#tools .overbox .link-title{position:absolute;top:10px;right:10px;line-height:20px;font-size:11px;padding:0 5px;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-decoration:none;color:#fff}#nav .overbox a,#tools .overbox a{color:inherit}#nav .overbox a.more-link,#tools .overbox a.more-link{display:block;padding:8px;font-size:9pt;border-top:solid 1px #202020;text-align:center;text-decoration:none;color:#4F4F4F}#nav .overbox a.more-link:focus,#nav .overbox a.more-link:hover,#tools .overbox a.more-link:focus,#tools .overbox a.more-link:hover{color:#CCC}#nav .overbox p.info,#tools .overbox p.info{padding:5px 15px;font-size:9pt;text-align:center;color:#CCC}#nav .overbox .outside-button,#tools .overbox .outside-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#6e161b;border:solid 1px #510816;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}#nav .overbox .outside-button:focus,#nav .overbox .outside-button:hover,#tools .overbox .outside-button:focus,#tools .overbox .outside-button:hover{background:#510816;border-color:#6e161b}#nav .overbox .outside-button.disabled,#tools .overbox .outside-button.disabled{background:#202020;border-color:#4F4F4F}#nav .overbox input.outside-button,#tools .overbox input.outside-button{line-height:26px}#nav .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}#nav .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:transparent transparent #202020 transparent;top:-18px;right:30px}#nav .overbox#change-bases{top:50px;left:10px;width:205px;padding:0 0 8px 0}#nav .overbox#change-bases:before{left:30px;right:auto}#nav .overbox#change-bases a{display:block;padding:3px 15px;color:#CCC;text-decoration:none;font-size:9pt;border-bottom:solid 1px #101010}#nav .overbox#change-bases a:focus,#nav .overbox#change-bases a:hover{background:#101010}#nav .overbox#change-bases a.active{background:#202020}#nav .overbox#change-bases strong{display:block;color:#CCC;font-size:13px}#nav .overbox#disconnect-box{top:50px;right:10px;width:205px;padding:8px 0}#nav .overbox#disconnect-box hr{margin:8px 0;border:none;background:0 0;border-top:solid 1px #202020}#nav .overbox#disconnect-box a{display:block;padding:0 15px;line-height:25px;font-size:13px;color:#CCC;text-decoration:none}#nav .overbox#disconnect-box a:focus,#nav .overbox#disconnect-box a:hover{color:#fff;background:#202020}#nav .overbox#bug-tracker{width:250px;top:50px;right:98px;padding:0 0 8px 0}#nav .overbox#bug-tracker p{color:#CCC;font-size:9pt;margin:10px}#nav .overbox#bug-tracker .option{margin:3px 10px 10px 10px;display:block;width:330px;padding:5px}#nav .overbox#bug-tracker textarea{display:block;margin:0 10px 10px 10px;padding:5px;width:318px;height:200px;min-width:318px;max-width:318px;border:solid 1px #202020;font-family:'Trebuchet MS',sans-serif;font-size:13px}#nav .overbox#bug-tracker .button{display:block;margin:0 10px 2px 10px}#nav .overbox#roadmap{width:350px;top:50px;right:10px}#nav .overbox#roadmap .overflow{width:350px;padding:8px 0}#nav .overbox#roadmap p{color:#CCC;font-size:9pt;margin:0 10px 10px 10px}#nav .overbox#roadmap p em{display:block;font-size:11px;color:#4F4F4F}#nav .overbox#roadmap hr{margin:5px 0;border:none;border-top:solid 1px #202020}#nav .overbox#tutorial{width:350px;top:50px;right:143px;color:#fff}#nav .overbox#tutorial form{padding:0 0 10px 0;margin:0;border-top:solid 1px #202020}#nav .overbox#tutorial .overflow{padding:15px 15px 0 15px}#nav .overbox#tutorial .overflow h3{position:relative;margin:0;padding:0 0 0 36px}#nav .overbox#tutorial .overflow h3 .number{position:absolute;top:-4px;left:0;display:block;width:26px;line-height:26px;text-align:center;background:#510816;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;margin-right:10px}#nav .overbox#tutorial .overflow p{font-size:9pt;color:#CCC}#nav .overbox#new-notifications{top:50px;left:627px;width:300px}#tools .overbox{display:none;position:absolute;background:#0A0A0A;box-shadow:inset 0 0 2px #4F4F4F;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:300px;bottom:45px;right:15px}#tools .overbox:before{content:'';position:absolute;border-style:solid;border-width:9px;border-color:#202020 transparent transparent transparent;bottom:-18px;right:30px}#tools .overbox.left-pic:before{left:30px;right:auto}#tools .overbox#tools-calendar{left:25px;bottom:45px;right:auto}#tools .overbox#tools-refinery{right:401px;bottom:45px}#tools .overbox#tools-generator{right:237px;bottom:45px}#tools .overbox#tools-technosphere{right:193px;bottom:45px}#tools .overbox#tools-dock1{right:148px;bottom:45px}#tools .overbox#tools-dock2{right:105px;bottom:45px}#tools .overbox#tools-credit{right:140px;bottom:45px}#tools .overbox#tools-incoming-attack{right:230px;bottom:45px}#tools .overbox#tools-outgoing-attack{right:185px;bottom:45px}#subnav{position:fixed;top:29px;left:2px;bottom:29px;padding:40px 0;width:60px;background:url(src/desktop/subnav/middle.png) repeat-y;z-index:1000}#subnav hr{border:none;margin:20px 0}#subnav .overflow{position:relative}#subnav .move-side-bar{display:none;position:absolute;z-index:5000;left:5px;width:3pc;height:3pc;line-height:3pc;border:none;background-color:rgba(0,0,0,.75);background-position:center;background-repeat:no-repeat;border-radius:100%;cursor:pointer}#subnav .move-side-bar:focus,#subnav .move-side-bar:hover{box-shadow:0 0 3px #fff}#subnav .move-side-bar.top{bottom:auto;top:20px;background-image:url(src/desktop/component/top.png)}#subnav .move-side-bar.bottom{bottom:20px;top:auto;background-image:url(src/desktop/component/bottom.png)}#subnav .item{position:relative;display:block;height:50px;width:50px;margin:0 0 10px 0;padding:8px 5px;color:#fff;text-decoration:none;background:url(src/desktop/subnav/button.png) no-repeat}#subnav .item.active{background:url(src/desktop/subnav/button-active-c1.png) no-repeat}#subnav .item.striped{background:url(src/desktop/subnav/button-striped.png) no-repeat}#subnav .item:before{content:'';position:absolute;right:-6px;bottom:0;width:9pt;height:47px;background:url(src/desktop/subnav/til.png) no-repeat}#subnav .item:hover:before{background:url(src/desktop/subnav/til-hover.png) no-repeat}#subnav .item:hover>.content{display:block}#subnav .item .picto{display:block;height:30px;width:30px;padding:10px}#subnav .item .picto img{display:block;height:30px;width:30px}#subnav .item .picto .number{position:absolute;bottom:-5px;right:-18px;display:block;width:28px;height:28px;line-height:28px;text-align:center;font-size:9pt;background:url(src/desktop/subnav/number.png) no-repeat}#subnav .item .content{display:none;position:absolute;top:0;left:75px;width:230px}#subnav .item .content.skin-1 span{display:inline-block;margin:15px 0 15px 1pc;padding:0 15px;line-height:30px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-1 span:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content{display:inline-block;margin:0 0 0 1pc;padding:10px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}#subnav .item .content.skin-2 .sub-content:before{content:'';display:block;position:absolute;border-style:solid;border-width:8px;border-color:transparent #4F4F4F transparent transparent;left:0;top:22px}#subnav .item .content.skin-2 .sub-content hr{border:none;border-top:solid 1px #4F4F4F;margin:5px 0}#subnav .item .content.skin-2 .sub-content .ship{position:relative}#subnav .item .content.skin-2 .sub-content .ship img{width:2pc;height:2pc}#subnav .item .content.skin-2 .sub-content .ship img.zero{opacity:.5}#subnav .item .content.skin-2 .sub-content .ship .number{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;line-height:18px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;text-align:center;background:#b01e2d}#alert-content{display:none}#alert{position:absolute;bottom:18px;left:50px;padding:0;text-align:right;list-style:inset none}#alert li{position:relative;display:inline-block;margin:0 0 0 5px}#alert li img{display:block;height:50px;border:solid 1px #202020;padding:5px;background:#0A0A0A;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.alert-bull{display:block;position:absolute;z-index:1200;width:200px;padding:6px 8px;color:#fff;background:#202020;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.alert-bull .title{display:block;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:solid 1px #4F4F4F}.alert-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;bottom:-14px;left:24px;border-color:#4F4F4F transparent transparent transparent}#content{position:absolute;width:500pc;height:100%;top:0;left:300px;z-index:200}#content .component{position:relative;display:table-cell;overflow:hidden;width:300px;background:rgba(0,0,0,.92)}#content .component.size2{width:600px}#content .component.size3{width:900px}#content .component:nth-child(1){background:rgba(0,0,0,.6)}#content .component:nth-child(2){background:rgba(0,0,0,.75)}#content .component:nth-child(3){background:rgba(0,0,0,.85)}#content .component:nth-child(4){background:rgba(0,0,0,.9)}#content .component .head{position:relative;display:inline-block;height:90pt;width:100%;vertical-align:top;color:#fff;background:url(src/desktop/component/bHead.jpg) repeat-x center #000;border-bottom:solid 1px #202020}#content .component .head h1{position:absolute;top:10px;left:10px;font-size:38px;line-height:50px;height:50px;display:inline-block;padding:0 10px;background:#000;overflow:hidden}#content .component .fix-body{position:relative;overflow:auto;color:#fff;border-right:solid 1px #202020}#content .component .fix-body .body{position:relative}.no-scrolling #content .component .fix-body{overflow:hidden}.no-scrolling #content .component .fix-body>a{position:absolute;width:100%;height:40px;left:0;opacity:0}.no-scrolling #content .component .fix-body.hover>a{opacity:1;background-position:center;background-repeat:no-repeat}.no-scrolling #content .component .fix-body .toTop{top:0;background-image:url(src/desktop/component/top.png),-webkit-gradient(linear,#000,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-moz-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-ms-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),-o-linear-gradient(black,rgba(0,0,0,.8),transparent);background-image:url(src/desktop/component/top.png),linear-gradient(black,rgba(0,0,0,.8),transparent)}.no-scrolling #content .component .fix-body .toBottom{bottom:0;background-image:url(src/desktop/component/bottom.png),-webkit-gradient(linear,transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-moz-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-ms-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),-o-linear-gradient(transparent,rgba(0,0,0,.8),#000);background-image:url(src/desktop/component/bottom.png),linear-gradient(transparent,rgba(0,0,0,.8),#000)}#content .component.invisible{background:0 0}#content .component.invisible .publicity{position:absolute;bottom:0;left:0;right:0;background:red}.component .tool{display:table;width:100%;height:44px;margin:0;overflow:hidden;background:#000;border-bottom:solid 1px #b01e2d;color:#4F4F4F}.component .tool>span{display:table-cell;width:28px;border:solid 6px transparent;border-left:none}.component .tool>span:first-child{border:solid 5px transparent;width:auto;text-align:center}.component .tool>span:first-child a{width:auto}.component .tool>span a{position:relative;display:block;margin:0;padding:0;line-height:30px;width:30px;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px;text-align:center}.component .tool>span a img{width:18px;position:relative;top:-4px}.component .tool>span a.active{background:#6e161b;color:#fff;border-color:#b01e2d}.component .tool>span a.active.down{box-shadow:0 2px 0 0 #CCC}.component .tool>span a.active.up{box-shadow:0 -2px 0 0 #ccc}.component .tool>span a.active:focus,.component .tool>span a.active:hover{color:#CCC;box-shadow:inset 0 0 5px rgba(0,0,0,.5)}.component .tool>span a:active,.component .tool>span a:focus,.component .tool>span a:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .tool.sort-button>span:first-child{text-align:center}.component h3{width:100%;margin:0;background:#000;text-align:center;padding:0 2px;line-height:44px;font-weight:400;font-size:14px;color:#4F4F4F;text-decoration:none;border-bottom:solid 1px #b01e2d}.component h4{margin:10px 10px 0 10px;font-weight:400;font-size:18px}.component .body p{margin:10px;font-size:13px;text-align:justify}.component .body p.info{position:relative;border-top:solid 1px #202020;padding:10px;margin:10px;line-height:140%;background:rgba(0,0,0,.8)}.component .body p.info a{color:#fff}.component .body p.info .requierement{display:inline-block;margin:0 0 0 8px;vertical-align:bottom;height:1pc}.component .body p.long-info{padding:10px;line-height:150%;background:#000}.component .body p .alone-button{display:block;text-align:center;color:#fff;line-height:40px;border-radius:3px;text-decoration:none;background:#4F4F4F;box-shadow:inset 0 0 2px #000;padding:0 10px;background:#510816}.component .body p .alone-button:focus,.component .body p .alone-button:hover{background:#6e161b}.component .border-bottom{border-bottom:solid 3px #b01e2d}.component .list-type-1{margin:10px;padding:0;list-style:none}.component .list-type-1 li{position:relative;padding:5px 10px;text-align:right;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:rgba(0,0,0,.8);color:#989898}.component .list-type-1 li.strong{border-top:double 3px #4F4F4F;background:#111;color:#fff}.component .list-type-1 li.empty{background:0 0;border:none;height:50px}.component .list-type-1 li ul li{height:auto}.component .list-type-1 .label{display:block;font-size:13px}.component .list-type-1 .label .icon-color{width:15px;padding:1px}.component .list-type-1 .value{display:inline-block;font-size:22px;line-height:30px;font-weight:700}.component .list-type-1 .value .icon,.component .list-type-1 .value .icon-color{height:18px;margin-left:8px;position:relative;top:-3px}.component .list-type-1 .picto{position:absolute;top:7px;left:10px;height:35px;width:35px;line-height:35px;padding:5px;border-radius:100%;background:#202020;font-size:1pc;text-align:center;color:#fff;text-decoration:none}.component .list-type-1 .picto.color1{background:#510816}.component .list-type-1 .picto.color2{background:#0c0d44}.component .list-type-1 .picto.color3{background:#b17a00}.component .list-type-1 .picto.color4{background:#310948}.component .list-type-1 .picto.color5{background:#24500a}.component .list-type-1 .picto.color6{background:#004948}.component .list-type-1 .picto.color7{background:#401b13}.component .list-type-1 .picto.color8{background:#c3590b}.component .list-type-1 .picto.color9{background:#24500a}.component .list-type-1 .picto.color10{background:#4d0621}.component .list-type-1 .picto.color11{background:#10684c}.component .list-type-1 .picto.color12{background:#b17a00}.component .list-type-1 .hide{color:#4F4F4F}.component .list-type-1 .buttons{position:absolute;top:28px;left:5px}.component .list-type-1 .buttons a{display:inline-block;margin:0 4px;width:18px;line-height:18px;text-align:center;text-decoration:none;font-style:14px;color:#fff;border-radius:3px;background:#6e161b}.component .list-type-1 .progress-bar{text-align:left;margin-top:5px}.component .sub-list-type-1{display:none;margin:0;padding:0;list-style:none}.component .sub-list-type-1 li{position:relative;padding:2px 0;text-align:left;border:none;border-top:solid 1px #0A0A0A}.component .sub-list-type-1 .label{display:inline-block;width:60%}.component .sub-list-type-1 .label .button{position:relative;left:-4px;margin:0 0 0 3px}.component .sub-list-type-1 .value{text-align:right;line-height:25px;font-size:18px;width:40%}.component .sub-list-type-1 .value .button{margin:0 2px 0 6px}.component .sub-list-type-1 .button{display:inline-block;width:18px;line-height:18px;text-align:center;text-decoration:none;font-size:14px;font-weight:400;color:#fff;border-radius:3px;background:#b01e2d}.component .list-type-1 form{z-index:1;position:absolute;display:none;bottom:-40px;right:3px}.component .list-type-1 form p{position:relative;background:#fff;border-radius:3px;padding:0;margin:0;width:200px;height:35px}.component .list-type-1 form p:before{content:'';position:absolute;top:-9pt;right:9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent}.component .list-type-1 form input{border:none;background:0 0;line-height:35px;height:35px;padding:0 10px}.component .list-type-1 form input[type=text]{width:140px}.component .list-type-1 form input[type=submit]{width:40px}.component .sub-list-type-1 form{right:-6px}.number-box{position:relative;margin:10px;padding:5px 10px;background:#000;color:#fff;border:solid 1px #0A0A0A;border-top:solid 1px #202020;border-left:solid 10px #6e161b}.number-box.half{display:inline-block;width:254px;margin-right:0;margin-bottom:0}.number-box.grey{border-left:solid 10px #4F4F4F!important}.number-box.text{border-left:solid 1px #0A0A0A}.number-box.text a{text-decoration:none;color:#fff}.number-box .label{display:block}.number-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.number-box .value .icon-color{width:20px;height:20px;vertical-align:middle}.number-box .progress-bar{margin:5px 0}.number-box .group-link{position:absolute;top:5px;right:5px}.number-box .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#6e161b}.progress-bar{position:relative;display:block;width:100%;height:3px;background:#4F4F4F}.progress-bar .content{position:relative;display:inline-block;height:3px;vertical-align:top;overflow:hidden;max-width:100%}.progress-bar .content:nth-child(n){background:#b01e2d}.progress-bar .content:nth-child(2n){background:#510816}.progress-bar .content.color1{background:#6e161b}.progress-bar .content.color2{background:#1f1471}.progress-bar .content.color3{background:#dbb200}.progress-bar .content.color4{background:#5a1072}.progress-bar .content.color5{background:#2c7915}.progress-bar .content.color6{background:#076b87}.progress-bar .content.color7{background:#67331d}.progress-bar .content.color8{background:#d87913}.progress-bar .content.color9{background:#2c7915}.progress-bar .content.color10{background:#760f36}.progress-bar .content.color11{background:#219772}.progress-bar .content.color12{background:#dbb200}.progress-bar .step{position:absolute}.progress-bar .step .label{position:absolute;display:block;width:150px;left:0;top:-28px}.progress-bar .step .label.bottom{top:auto;bottom:-28px}.progress-bar .step .label.right{right:0;left:auto;text-align:right}.progress-bar .step:before{content:'';position:absolute;width:9pt;height:9pt;background:#6e161b;box-shadow:0 0 0 3px #510816;border-radius:100%;top:-5px;left:-5px}.bonus{vertical-align:top;display:inline-block;font-size:55%;line-height:100%;padding:3px;margin:2px 0 0 8px;border-radius:3px;font-weight:400;background:#510816}.component .head.skin-1 img{position:absolute;top:22px;left:20px;padding:8px;width:60px;border:solid 1px #202020;border-radius:100%;background:#000}.component .head.skin-1 img:before{content:'';width:75pt;height:75pt}.component .head.skin-1 h2{position:absolute;bottom:66px;left:105px;font-size:22px;line-height:22px;margin:0;padding:0}.component .head.skin-1 em{position:absolute;top:62px;left:105px;font-size:13px;line-height:1pc;font-style:normal}.component .head.skin-2 h2{position:absolute;display:inline-block;top:45px;left:10px;font-size:22px;line-height:30px;margin:0;padding:0 10px;background:#000;font-weight:400}.component .head.skin-3 img{position:absolute;width:50px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:27px}.component .head.skin-3 img.left{left:40px}.component .head.skin-3 img.right{right:40px}.component .head.skin-4 img.main{position:absolute;width:30px;height:30px;padding:8px;background:#000;border:solid 1px #202020;border-radius:100%;top:37px}.component .head.skin-4 h2{position:absolute;top:35px;left:60px;font-size:18px;line-height:22px;margin:0;padding:0}.component .head.skin-4 em{position:absolute;top:65px;left:60px;font-size:13px;line-height:1pc}.component .head.skin-5 h2{position:absolute;top:50px;left:10px;font-size:1pc;font-weight:400;margin:0;padding:0 20px;background:#000}.component .head.skin-5 h2:before{content:'';position:absolute;display:block;top:5px;left:0;width:8px;height:8px;border:solid 1px #202020;background:#000;border-radius:100%}.component .more-button,.component .more-item{display:block;margin:10px 10px 5px;line-height:34px;padding:0 9pt;background:#0A0A0A;color:#4F4F4F;text-decoration:none;border:solid 1px #202020;border-radius:3px}.component .more-button:active,.component .more-button:focus,.component .more-button:hover,.component .more-item:active,.component .more-item:focus,.component .more-item:hover{color:#CCC;box-shadow:inset 0 0 5px #000}.component .nav-element{position:relative;display:block;margin:10px;height:70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component .nav-element img{position:absolute;top:5px;left:5px;padding:8px;height:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component .nav-element.active{background:#6e161b}.component .nav-element .active img{background:#000}.component .nav-element strong{position:absolute;top:5px;left:70px;color:#fff;font-weight:700;font-size:17px}.component .nav-element em{position:absolute;top:30px;left:70px;color:#fff;font-weight:400;font-size:9pt;font-style:normal;color:#efefef}.component hr{border:none;border-bottom:dashed 1px #202020;margin:0 10px}.component .set-item{margin:10px;border-bottom:solid 1px #202020}.component .set-item a.item:focus,.component .set-item a.item:hover{background-color:#0c0c0c}.component .set-item .item{position:relative;display:block;color:#fff;height:60px;border:solid 1px #202020;border-bottom:none;background:#0A0A0A}.component .set-item .item .left{position:absolute;top:0;left:0;bottom:0;width:60px}.component .set-item .item .left img{width:30px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left img.color1{background:#6e161b}.component .set-item .item .left img.color2{background:#1f1471}.component .set-item .item .left img.color3{background:#dbb200}.component .set-item .item .left img.color4{background:#5a1072}.component .set-item .item .left img.color5{background:#2c7915}.component .set-item .item .left img.color6{background:#076b87}.component .set-item .item .left img.color7{background:#67331d}.component .set-item .item .left img.color8{background:#d87913}.component .set-item .item .left img.color9{background:#2c7915}.component .set-item .item .left img.color10{background:#760f36}.component .set-item .item .left img.color11{background:#219772}.component .set-item .item .left img.color12{background:#dbb200}.component .set-item .item .left img.round-color0{box-shadow:0 0 0 2px #CCC}.component .set-item .item .left img.round-color1{box-shadow:0 0 0 2px #b01e2d}.component .set-item .item .left img.round-color2{box-shadow:0 0 0 2px #2f23c0}.component .set-item .item .left img.round-color3{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left img.round-color4{box-shadow:0 0 0 2px #a935c7}.component .set-item .item .left img.round-color5{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color6{box-shadow:0 0 0 2px #05bed7}.component .set-item .item .left img.round-color7{box-shadow:0 0 0 2px #ac5832}.component .set-item .item .left img.round-color8{box-shadow:0 0 0 2px #f2b636}.component .set-item .item .left img.round-color9{box-shadow:0 0 0 2px #57c632}.component .set-item .item .left img.round-color10{box-shadow:0 0 0 2px #a92859}.component .set-item .item .left img.round-color11{box-shadow:0 0 0 2px #34b089}.component .set-item .item .left img.round-color12{box-shadow:0 0 0 2px #ffdb0f}.component .set-item .item .left span{display:block;width:30px;line-height:30px;text-align:center;font-size:15px;margin:10px;padding:5px;border-radius:100%;background:#202020}.component .set-item .item .left span.round-color0{background:#CCC}.component .set-item .item .left span.round-color1{background:#b01e2d}.component .set-item .item .left span.round-color2{background:#2f23c0}.component .set-item .item .left span.round-color3{background:#ffdb0f}.component .set-item .item .left span.round-color4{background:#a935c7}.component .set-item .item .left span.round-color5{background:#57c632}.component .set-item .item .left span.round-color6{background:#05bed7}.component .set-item .item .left span.round-color7{background:#ac5832}.component .set-item .item .left span.round-color8{background:#f2b636}.component .set-item .item .left span.round-color9{background:#57c632}.component .set-item .item .left span.round-color10{background:#a92859}.component .set-item .item .left span.round-color11{background:#34b089}.component .set-item .item .left span.round-color12{background:#ffdb0f}.component .set-item .item .center{position:absolute;top:0;left:60px;right:30px;bottom:0;padding:9px 0}.component .set-item .item .center strong{display:block;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component .set-item .item .center a{color:#fff;text-decoration:none;border-bottom:solid 1px rgba(255,255,255,.25)}.component .set-item .item .right{position:absolute;top:0;right:0;bottom:0;width:29px;border-left:solid 1px #202020}.component .set-item .item .right a{position:absolute;top:0;left:0;width:29px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a}.component .set-item .item .right a.active,.component .set-item .item .right a:focus,.component .set-item .item .right a:hover{background-color:#202020}.component .set-item .item .group-link{position:absolute;top:5px;right:5px}.component .set-item .item .group-link a{display:inline-block;line-height:18px;width:18px;text-align:center;color:#fff;text-decoration:none;border-radius:3px;margin-left:5px;background:#6e161b}.army-bull{display:none;position:absolute;z-index:1200;padding:4px 8px;width:220px;color:#CCC;background:#202020;border-radius:3px;border:solid 1px #4F4F4F;box-shadow:inset 0 0 3px #000}.army-bull:before{content:'';display:block;position:absolute;border-style:solid;border-width:7px;top:-14px;border-color:transparent transparent #4F4F4F transparent;left:18px}.army-bull strong{display:block;padding-bottom:5px;margin-bottom:5px;border-bottom:solid 1px #4F4F4F;font-weight:400}.army-bull .label{display:inline-block;width:70px}.army-bull .value{display:inline-block;width:40px}.component .build-item{position:relative;margin:10px;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;width:278px}.component .build-item a{color:#fff}.component .build-item .name{position:relative;height:40px;padding:5px 5px 5px 90px}.component .build-item .name img{z-index:20;position:absolute;top:-10px;left:5px;width:60px;padding:8px;border:solid 1px #202020;border-radius:100%;background:#000}.component .build-item .name strong{display:block;font-size:18px}.component .build-item .level{display:block;position:absolute;width:22px;line-height:22px;text-align:center;font-size:9pt;border-radius:100%;top:38px;left:58px;border:solid 1px #fff;z-index:22;background:#6e161b}.component .build-item .info{display:none;position:absolute;width:20px;line-height:20px;text-align:center;font-size:1pc;text-decoration:none;border-radius:3px;top:5px;right:5px;background:#6e161b;color:#fff}.component .build-item .name-commander{margin:10px 10px 0 10px;height:40px;padding:0 10px;border:none;background:#fff;border-radius:3px;width:15pc;text-align:center;font-size:1pc}.component .build-item .button{display:block;margin:10px;padding:5px 10px;width:15pc;line-height:20px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;background:#6e161b;box-shadow:inset 0 0 2px #000;border:none;cursor:pointer;min-height:36px}.component .build-item .button:hover{box-shadow:inset 0 0 6px #000;background:#b01e2d}.component .build-item .button.disable{background:#202020;cursor:default}.component .build-item .button .icon-color{width:14px}.component .build-item button.button{width:260px}.component .build-item .ship-pack{z-index:10;position:absolute;bottom:15px;left:15px;width:60px;height:40px;padding:0;margin:0;border:none;background:#fff;text-align:center;font-size:24px;font-weight:700;border-radius:3px;box-shadow:inset 0 0 0 3px #CCC}.component .build-item .ship-illu{width:260px;margin:5px 10px;overflow:hidden}.component .build-item .ship-illu img{width:100%}.component .build-item.disabled{opacity:.3}.component .build-item.disabled .name img{opacity:.5}.component .build-item.disabled strong{color:#4F4F4F}.component .build-item.disabled .button.disable{color:#696969}.component .build-item.disabled .button.disable:hover{background:#202020;box-shadow:inset 0 0 2px #000}.component .build-item.large{width:578px}.component .build-item.large .info{top:75px;right:25px}.component .build-item.large .button{display:block;top:-3px;right:0;line-height:18px;width:540px;min-height:36px}.component .build-item.large .ship-illu{width:35pc;margin-top:10px}.component .build-item input{display:block;width:243px;margin:10px;padding:8px;border:none}.component .build-item select{display:block;width:260px;margin:10px;padding:8px;border:none}.component.panel-info .remove-info{display:block;position:absolute;top:2px;right:10px;line-height:20px;width:20px;text-align:center;text-decoration:none;color:#fff;border-radius:3px;background:#510816}.component.panel-info .table{margin:10px}.component.panel-info .table table{width:100%;text-align:right;border-collapse:collapse;background:#000}.component.panel-info .table td{border:solid 1px #202020;padding:6px 8px}.component.panel-info .table tr.small-grey{background:#0A0A0A}.component.panel-info .table tr.active td{background:#0A0A0A;border-bottom:solid 1px #4F4F4F}.component.panel-info .table .icon-color{width:9pt}.component.panel-info .illu{margin:0 10px;box-shadow:inset 0 0 5px #000}.component.panel-info .skill-box{position:relative;margin:0 10px;padding:5px 10px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000}.component.panel-info .skill-box.grey{border-left:solid 10px #4F4F4F!important}.component.panel-info .skill-box .label{display:block}.component.panel-info .skill-box .value{display:block;font-size:18px;font-weight:700;margin:4px 0 0 0}.component.panel-info .skill-box .value .icon-color{width:18px}.component.panel-info .skill-box .progress-bar{margin:6px 0 2px 0}.splash-screen{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;background:rgba(0,0,0,.8)}.splash-screen .modal{width:500px;height:140px;position:absolute;top:5pc;right:3000px;background:#0A0A0A;padding:25px 175px 25px 75px;color:#fff;border-radius:140px;border:solid 1px #202020}.splash-screen .modal h1{font-size:36px;margin:0;padding:0 0 10px 0}.splash-screen .modal h2{font-size:20px;margin:0;padding:0}.splash-screen .modal img{position:absolute;top:-15px;right:-50px;width:200px;padding:10px;background:#202020;border-radius:100%;border:solid 1px #4F4F4F}.splash-screen .modal:before{content:'';position:absolute;top:-5pc;right:20px;border-color:transparent transparent #4F4F4F transparent;border-width:40px;border-style:solid}.common-link{color:#fff}.component .top-right-button{display:block;position:absolute;top:0;right:10px;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;text-decoration:none;background:#6e161b;z-index:1}.component .top-right-button:focus,.component .top-right-button:hover{background:#510816}.alert{display:block;margin:10px;line-height:30px;padding:0 10px;text-decoration:none;color:#fff;background:#6e161b;border-radius:3px;box-shadow:0 0 2px #000}.common-link{display:block;margin:10px;color:#fff;text-decoration:none}.text-bloc a{display:inline-block;color:inherit;opacity:.6}.text-bloc a:focus,.text-bloc a:hover{opacity:1}.queue{margin:10px;color:#fff}.queue .item{position:relative;background:#000;border:solid 1px #0A0A0A;border-top:solid 1px #202020;min-height:60px;display:block}.queue .item.empty{background:#0A0A0A}.queue .item.empty strong{font-weight:400}.queue .item.link{min-height:0;padding:10px;color:#4F4F4F;text-decoration:none}.queue .item.link:focus,.queue .item.link:hover{color:#CCC}.queue .item a.button{position:absolute;display:block;top:2px;right:5px;color:#fff;text-decoration:none}.queue .item a{color:#CCC}.queue .item .group-link{position:absolute;top:9px;right:9px}.queue .item .group-link a{display:block;width:20px;line-height:20px;margin:0 0 5px 0;border-radius:3px;color:#fff;text-align:center;text-decoration:none;background:#6e161b}.queue .item .group-link a:focus,.queue .item .group-link a:hover{background:#b01e2d}.queue .item .picto{float:left;width:40px;height:40px;margin:5px;padding:5px;background:#000;border-radius:100%;border:solid 1px #202020}.queue .item strong{display:block;margin:6px 0 2px 0}.queue .item strong .level{font-size:11px;color:#CCC}.queue .item .big{font-size:24px}.queue .item em{display:block;font-style:normal;color:#AEAEAE}.queue .item .progress-container{position:relative;display:block;clear:both;margin:5px;height:3px;background:#4F4F4F}.queue .item .progress-bar{position:absolute;display:block;height:100%;background:#b01e2d}.choose-government{display:block;margin:10px;padding:10px;background:#0A0A0A;border-radius:3px}.choose-government select{display:block;width:100%;padding:8px}.choose-government button{display:block;width:100%;margin:10px 0 0 0;padding:0 10px;line-height:30px;border:none;color:#fff;cursor:pointer;background:#6e161b}.choose-government button:focus,.choose-government button:hover{background:#510816}.evolution{background:#000;margin:10px;border-top:solid 1px #202020;border-bottom:solid 1px #202020}.evolution .header{padding:10px;border-bottom:solid 1px #202020;color:#EFEFEF}.evolution .diargam{padding:10px;background:#0A0A0A}.evolution .diargam .progress-bar{background:#0A0A0A!important;height:20px;padding-bottom:1px}.evolution .diargam .progress-bar .content{height:20px;line-height:20px;font-size:9pt;color:#fff;padding-left:5px}.evolution .diargam .progress-bar:nth-child(odd) .content{background:#6e161b!important}.centred-link{display:block;width:300px;text-align:center;margin:0 auto;text-decoration:none;padding:6px 10px;color:#EFEFEF;background:#6e161b;border:solid 1px #510816}.centred-link:focus,.centred-link:hover{background:#510816;border-color:#6e161b;color:#fff}span.centred-link{background:#202020;border:solid 1px #0A0A0A;color:#4F4F4F}span.centred-link:focus,span.centred-link:hover{background:#202020;border-color:#0A0A0A;color:#4F4F4F}.component.profil .center-box{margin:20px 10px 0;color:#fff;text-align:center}.component.profil .center-box .label{display:block}.component.profil .center-box .value{display:block;font-size:26px;font-weight:700;margin:4px 0 0 0}.component.profil .profil-flag{position:relative;width:222px;height:460px;margin:0 auto}.component.profil .profil-flag img{position:relative;background:#0A0A0A;border:solid 1px #202020;padding:10px;border-radius:100%;margin:20px auto;box-shadow:0 0 0 4px #6e161b,0 0 20px #000;z-index:1}.component.profil .profil-flag.color-1 img{box-shadow:0 0 0 4px #6e161b,0 0 20px #000}.component.profil .profil-flag.color-2 img{box-shadow:0 0 0 4px #1f1471,0 0 20px #000}.component.profil .profil-flag.color-3 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag.color-4 img{box-shadow:0 0 0 4px #5a1072,0 0 20px #000}.component.profil .profil-flag.color-5 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-6 img{box-shadow:0 0 0 4px #076b87,0 0 20px #000}.component.profil .profil-flag.color-7 img{box-shadow:0 0 0 4px #67331d,0 0 20px #000}.component.profil .profil-flag.color-8 img{box-shadow:0 0 0 4px #d87913,0 0 20px #000}.component.profil .profil-flag.color-9 img{box-shadow:0 0 0 4px #2c7915,0 0 20px #000}.component.profil .profil-flag.color-10 img{box-shadow:0 0 0 4px #760f36,0 0 20px #000}.component.profil .profil-flag.color-11 img{box-shadow:0 0 0 4px #219772,0 0 20px #000}.component.profil .profil-flag.color-12 img{box-shadow:0 0 0 4px #dbb200,0 0 20px #000}.component.profil .profil-flag:before{display:block;position:absolute;content:'';top:218px;left:33px;width:154px;height:241px;background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.profil .profil-flag.color-1:before{background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.profil .profil-flag.color-2:before{background:url(src/desktop/faction/flag/flag-2.png) no-repeat}.component.profil .profil-flag.color-3:before{background:url(src/desktop/faction/flag/flag-3.png) no-repeat}.component.profil .profil-flag.color-4:before{background:url(src/desktop/faction/flag/flag-4.png) no-repeat}.component.profil .profil-flag.color-5:before{background:url(src/desktop/faction/flag/flag-5.png) no-repeat}.component.profil .profil-flag.color-6:before{background:url(src/desktop/faction/flag/flag-6.png) no-repeat}.component.profil .profil-flag.color-7:before{background:url(src/desktop/faction/flag/flag-7.png) no-repeat}.component.profil .profil-flag.color-8:before{background:url(src/desktop/faction/flag/flag-8.png) no-repeat}.component.profil .profil-flag.color-9:before{background:url(src/desktop/faction/flag/flag-9.png) no-repeat}.component.profil .profil-flag.color-10:before{background:url(src/desktop/faction/flag/flag-10.png) no-repeat}.component.profil .profil-flag.color-11:before{background:url(src/desktop/faction/flag/flag-11.png) no-repeat}.component.profil .profil-flag.color-12:before{background:url(src/desktop/faction/flag/flag-12.png) no-repeat}.component.profil .profil-flag .level{z-index:2;display:block;position:absolute;top:184px;right:2px;width:36px;height:36px;text-align:center;line-height:36px;background:#0A0A0A;border:3px solid #6e161b;border-radius:100%}.component.profil .profil-flag.color-1 .level{border-color:#6e161b}.component.profil .profil-flag.color-2 .level{border-color:#1f1471}.component.profil .profil-flag.color-3 .level{border-color:#dbb200}.component.profil .profil-flag.color-4 .level{border-color:#5a1072}.component.profil .profil-flag.color-5 .level{border-color:#2c7915}.component.profil .profil-flag.color-6 .level{border-color:#076b87}.component.profil .profil-flag.color-7 .level{border-color:#67331d}.component.profil .profil-flag.color-8 .level{border-color:#d87913}.component.profil .profil-flag.color-9 .level{border-color:#2c7915}.component.profil .profil-flag.color-10 .level{border-color:#760f36}.component.profil .profil-flag.color-11 .level{border-color:#219772}.component.profil .profil-flag.color-12 .level{border-color:#dbb200}.component.profil .faction-flag{display:block;content:'';width:154px;height:241px;margin:0 auto;background:url(src/desktop/faction/flag/flag-1.png) no-repeat}.component.search-player{position:relative;background:0 0!important}.component.search-player .box{position:absolute;top:60px;left:50px;width:440px;color:#fff}.component.search-player .top{background:rgba(0,0,0,.4);padding:10px;border-radius:3px 3px 0 0}.component.search-player .top label{display:block;font-size:1pc}.component.search-player .top input{display:block;border:none;height:40px;width:25pc;padding:0 10px;margin:10px 0 0 0;font-size:20px;color:#202020;border-radius:3px}.component.search-player .center{background:rgba(0,0,0,.8);padding:10px 25px 10px 10px;min-height:140px;border-radius:0 0 3px 3px}.component.search-player .center .avatar{float:left;position:relative;left:-20px;width:90pt;padding:8px;border:solid 1px #202020;border-radius:100%;background:#0A0A0A}.component.search-player .center .right{margin-left:140px}.component.search-player .center h1{margin:10px 0 0 0;padding:0}.component.search-player .center hr{margin:10px 0;border-color:#4F4F4F}.component.search-player .center p{margin:5px 0;padding:0}.component.search-player .center p span{display:inline-block;background:red;line-height:28px;padding:0 10px;border:solid 1px rgba(255,255,255,.5);border-right:none}.component.search-player .center p span:first-child{border-radius:3px 0 0 3px}.component.search-player .center p span:last-child{border-radius:0 3px 3px 0;border:solid 1px rgba(255,255,255,.5)}.component.search-player.color1 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component.search-player.color2 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component.search-player.color3 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.search-player.color4 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component.search-player.color5 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color6 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component.search-player.color7 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component.search-player.color8 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component.search-player.color9 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component.search-player.color10 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.component.search-player.color11 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.component.search-player.color12 .center .avatar{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component.new-message p.input{position:relative;background:#fff;padding:10px;border-radius:3px}.component.new-message p.input:before{content:'';position:absolute;width:0;height:0;top:-9pt;border-style:solid;border-width:6px;border-color:transparent transparent #fff transparent;left:20px}.component.new-message label{display:block;font-size:13px}.component.new-message .input-text input{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px}.component.new-message .input-area textarea{display:block;width:100%;padding:0;margin:0;border-radius:0;border:none;font-family:inherit;font-size:13px;max-width:100%;min-width:100%;height:200px}.component.new-message button{display:inline-block;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 15px;color:#fff;cursor:pointer;overflow:hidden;background:#b01e2d}.component.new-message button:focus,.component.new-message button:hover{background:#510816}.notif{position:relative;margin:10px;background:#000;border-top:solid 1px #4F4F4F;border-right:solid 1px #202020;border-left:solid 1px #202020}.notif h4{position:relative;overflow:hidden;margin:0;padding:0 10px;font-size:14px;line-height:30px;border-bottom:solid 1px #202020;background:#0A0A0A;font-weight:400;cursor:pointer;color:#fff}.notif.unreaded h4:before{position:absolute;content:'';width:40px;height:40px;background:#fff;top:-5px;right:-15px;background:#b01e2d;-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}.notif .content{display:none;padding:6px 8px;line-height:140%;text-align:justify;color:#efefef}.notif .content p{margin:0}.notif .content hr{border:none;background:0 0;border-bottom:dashed 1px #202020;margin:5px 0}.notif .content a{color:#fff}.notif .content .box-resource{position:relative;display:block;margin:5px 0;padding:5px 5px 5px 40px}.notif .content .box-resource img{position:absolute;top:6px;left:0;border:solid 4px #4f4f4f;border-radius:100%;border-color:#6e161b}.notif .content .box-resource .label{display:block;font-size:9pt}.notif .content .box-resource .value{display:block;font-size:18px;font-weight:700}.notif .footer{display:none;margin:0;padding:0 10px;line-height:18px;padding:5px 5px;border-top:solid 1px #202020;font-style:italic;text-align:right;color:#CCC}.notif .footer a{color:#CCC}.notif.open .content{display:block}.notif.open .footer{display:block}.component.rc .rc{position:relative;margin:20px 10px 20px 30px;border-left:solid 1px #CCC;padding:0 10px;height:380px;color:#CCC}.component.rc .rc.no-tax{margin:20px 10px 20px 30px;border-left:dashed 1px #4F4F4F;padding:0 10px;color:#CCC}.component.rc .rc a,.component.rc .rc strong{color:#fff}.component.rc .rc .icon-color{width:20px}.component.rc .rc .base{position:relative;padding:15px 0 15px 40px;height:50px}.component.rc .rc .base:last-child{position:absolute;bottom:0}.component.rc .rc .place{position:absolute;top:0;left:-50px;width:78px;height:78px;border:solid 1px #202020;background:#000;border-radius:100%}.component.rc .rc .general{list-style:none inset;margin:10px 0;padding:0}.component.rc .rc .general li{margin:10px 0;list-style-type:none}.component.rc .rc .general li strong{display:block;font-size:20px;font-weight:700}.component .situation-content{position:relative;display:block;width:100%;height:500px;border-bottom:solid 1px #0A0A0A}.component .situation-content .line-help{position:absolute;display:block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:100%;background:#510816}.component .situation-content .line-help.line-1{top:55px;left:190px}.component .situation-content .line-help.line-2{top:145px;left:406px}.component .situation-content .toolbar{position:absolute;top:30px;right:30px;box-shadow:0 0 0 4px rgba(255,255,255,.1);border-radius:3px;background:#6e161b;z-index:1}.component .situation-content .toolbar a,.component .situation-content .toolbar span{display:inline-block;line-height:2pc;padding:0 15px;border-right:solid 1px #000;text-decoration:none;color:#fff}.component .situation-content .toolbar a img,.component .situation-content .toolbar span img{position:relative;top:-2px;vertical-align:middle;height:18px;width:18px}.component .situation-content .toolbar a:focus,.component .situation-content .toolbar a:hover{background:rgba(0,0,0,.25)}.component .situation-content .toolbar form{display:inline-block}.component .situation-content .toolbar input{height:2pc;border:none;background:0 0;color:#fff;padding:0 15px;font-size:inherit}.component .situation-content .toolbar input:focus{background:rgba(0,0,0,.25)}.component .situation-content .toolbar input.button{background:url(src/desktop/common/edit.png) no-repeat center}.component .situation-content .toolbar input.button:focus{background:url(src/desktop/common/edit.png) no-repeat center rgba(0,0,0,.25)}.component .situation-content .info{position:absolute;display:block;width:200px;font-size:9pt;color:#efefef;line-height:18px}.component .situation-content .info strong{color:#fff;font-size:14px}.component .situation-content .info a{color:#fff;text-decoration:none;border-bottom:solid 1px #4f4f4f}.component .situation-content .info a:focus,.component .situation-content .info a:hover{border-color:#CCC}.component .situation-content .commander{position:absolute;display:block;text-decoration:none;z-index:1}.component .situation-content .commander.empty{color:#CCC}.component .situation-content .commander.position-1-1{top:135px;left:127px}.component .situation-content .commander.position-1-2{top:17pc;left:75pt}.component .situation-content .commander.position-1-3{top:415px;left:127px}.component .situation-content .commander.position-2-1{top:215px;left:22pc}.component .situation-content .commander.position-2-2{top:17pc;left:345px}.component .situation-content .commander.position-2-3{top:330px;left:22pc}.component .situation-content .commander.position-3{top:355px;left:577px}.component .situation-content .commander img{width:40px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}.component .situation-content .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component .situation-content .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #6e161b}.component .situation-content .commander .info{top:8px;left:65px;width:10pc}.component .situation-content .commander .link{display:none;position:absolute;top:14px;left:-1pc;width:24px;height:24px;font-size:20px;font-weight:700;text-decoration:none;border-radius:100%;text-align:center;z-index:1;border:solid 1px #fff}.component .situation-content .commander .link.to-left{background:url(src/desktop/mover/to-left.png) no-repeat center #000}.component .situation-content .commander .link.to-right{background:url(src/desktop/mover/to-right.png) no-repeat center #000}.component .situation-content .commander:hover>.link{display:block}.component .situation-content .stellar{position:absolute;display:block;top:180px;left:35pc}.component .situation-content .stellar img{width:220px;padding:6px;border:solid 1px #202020;background:#000;border-radius:100%}.component .situation-content .stellar .info{font-size:9pt;border-left:solid 1px #202020}.component .situation-content .stellar .info.top{bottom:215px;left:50px;padding:0 0 30px 10px}.component .situation-content .stellar .info.top strong{font-size:20px}.component .situation-content .stellar .info.bottom{top:225px;left:10pc;padding:10px 0 0 10px}.component .situation-content .stellar .info.middle{top:20px;left:182px;padding:10px 0 0 50px;border:none;border-top:solid 1px #202020}.component .situation-content .attack-link{position:absolute;bottom:-1px;left:0;right:0;text-align:center}.component .situation-content .attack-link a{display:inline-block;line-height:40px;padding:0 25px;border-radius:3px 3px 0 0;background:#202020;color:#fff;text-decoration:none;font-size:1pc}.component .situation-content .attack-link a:focus,.component .situation-content .attack-link a:hover{box-shadow:0 0 5px 3px #000}.component .situation-content.color0 .line-help{background:#202020}.component .situation-content.color0 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #202020}.component .situation-content.color0 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #202020}.component .situation-content.color0 .attack-link a{background:#202020}.component .situation-content.color1 .line-help{background:#510816}.component .situation-content.color1 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.component .situation-content.color1 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #6e161b}.component .situation-content.color1 .attack-link a{background:#6e161b}.component .situation-content.color2 .line-help{background:#0c0d44}.component .situation-content.color2 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.component .situation-content.color2 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #1f1471}.component .situation-content.color2 .attack-link a{background:#1f1471}.component .situation-content.color3 .line-help{background:#b17a00}.component .situation-content.color3 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .situation-content.color3 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #dbb200}.component .situation-content.color3 .attack-link a{background:#dbb200}.component .situation-content.color4 .line-help{background:#310948}.component .situation-content.color4 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.component .situation-content.color4 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #5a1072}.component .situation-content.color4 .attack-link a{background:#5a1072}.component .situation-content.color5 .line-help{background:#24500a}.component .situation-content.color5 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color5 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color5 .attack-link a{background:#2c7915}.component .situation-content.color6 .line-help{background:#004948}.component .situation-content.color6 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.component .situation-content.color6 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #076b87}.component .situation-content.color6 .attack-link a{background:#076b87}.component .situation-content.color7 .line-help{background:#401b13}.component .situation-content.color7 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.component .situation-content.color7 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #67331d}.component .situation-content.color7 .attack-link a{background:#67331d}.component .situation-content.color8 .line-help{background:#c3590b}.component .situation-content.color8 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.component .situation-content.color8 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #d87913}.component .situation-content.color8 .attack-link a{background:#d87913}.component .situation-content.color9 .line-help{background:#24500a}.component .situation-content.color9 .commander.full img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.component .situation-content.color9 .commander.full img:hover{box-shadow:0 0 10px #fff,0 0 0 6px #2c7915}.component .situation-content.color9 .attack-link a{background:#2c7915}.component .situation-info{display:table;width:100%;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#000}.component .situation-info .item{display:table-cell;padding:10px;border-right:solid 1px #202020}.component .situation-info .item .value{font-size:26px;font-weight:700;display:block}.component .build-item.base-type .desc{margin:10px 0 0 0;padding:15px;font-size:13px;border-top:solid 1px #202020;border-bottom:solid 1px #202020;background:#0A0A0A}.component .build-item.base-type .list-choice{position:relative;height:140px;background:url(src/desktop/base/type-base.png) no-repeat center;margin:0;border-bottom:solid 1px #202020}.component .build-item.base-type .list-choice button{position:absolute;padding:0;border:none;background:0 0;cursor:pointer}.component .build-item.base-type .list-choice button.item-1{top:35px;left:5px}.component .build-item.base-type .list-choice button.item-2{top:5px;left:107px}.component .build-item.base-type .list-choice button.item-3{bottom:5px;left:107px}.component .build-item.base-type .list-choice button.item-4{top:35px;right:5px}.component .build-item.base-type .list-choice button img{display:block;padding:8px;width:40px;border:solid 1px #202020;border-radius:100%;background:#000}.color1 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #6e161b}.color2 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #1f1471}.color3 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.color4 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #5a1072}.color5 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color6 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #076b87}.color7 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #67331d}.color8 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #d87913}.color9 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #2c7915}.color10 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #760f36}.color11 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #219772}.color12 .component .build-item.base-type .list-choice button.done img{box-shadow:0 0 4px #fff,0 0 0 2px #dbb200}.component .build-item.base-type .desc-choice{display:none}.component .build-item.base-type .desc-choice h4{border-bottom:solid 1px #202020;padding:0 0 5px 0}.component .build-item.base-type .desc-choice p{text-align:left;color:#CCC!important}.component .build-item.base-type .desc-choice p strong{display:block;color:#fff}.component .build-item.base-type .desc-choice p strong.short{display:inline-block;width:75pt}.component.list-fleet .set-fleet{position:relative;margin:10px;padding:0 0 0 70px;min-height:5pc}.component.list-fleet .set-fleet img.place{position:absolute;top:-5px;left:-20px;width:5pc;background:#0A0A0A;border-radius:100%;border:solid 1px #202020}.component.list-fleet .set-fleet h2{padding:10px 0;margin:0}.component.list-fleet .set-fleet h2 a{font-size:13px;color:#fff;font-weight:400;text-decoration:none}.component.list-fleet .set-fleet .item{position:relative;height:60px;background:#0A0A0A;border:solid 1px #202020;border-bottom:none;width:777px}.component.list-fleet .set-fleet .item:last-child{border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item a{display:inline-block;text-decoration:none;color:#CCC;border-bottom:solid 1px #202020}.component.list-fleet .set-fleet .item .left{position:absolute;top:0;left:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .left .top{position:absolute;left:60px;display:block;width:500px;top:10px}.component.list-fleet .set-fleet .item .left .status{width:30px;margin:10px;padding:5px;border-radius:100%}.component.list-fleet .set-fleet .item .right{position:absolute;top:0;right:0;width:60px;height:60px;z-index:1}.component.list-fleet .set-fleet .item .right .top{position:absolute;right:60px;display:block;width:200px;text-align:right;top:10px}.component.list-fleet .set-fleet .item .right .cover{width:50px;margin:5px;padding:0;border-radius:100%}.component.list-fleet .set-fleet .item .center{position:absolute;top:41px;left:70px;right:70px}.component.list-fleet .set-fleet .item .center .ship{position:absolute;top:-10px;left:-11px;right:auto}.component.list-fleet .set-fleet .item .center .progress-ship{display:block;width:100%;background:#4F4F4F;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar{position:relative;display:block;height:3px}.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship{top:-11px;right:-11px;left:auto}.component.list-fleet .set-fleet .item .center .progress-ship .bar span{position:absolute;top:4px;right:15px;font-size:10px}.component.list-fleet .set-fleet .item.color1 .status{background:#6e161b}.component.list-fleet .set-fleet .item.color2 .status{background:#1f1471}.component.list-fleet .set-fleet .item.color3 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color4 .status{background:#5a1072}.component.list-fleet .set-fleet .item.color5 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color6 .status{background:#076b87}.component.list-fleet .set-fleet .item.color7 .status{background:#67331d}.component.list-fleet .set-fleet .item.color8 .status{background:#d87913}.component.list-fleet .set-fleet .item.color9 .status{background:#2c7915}.component.list-fleet .set-fleet .item.color10 .status{background:#760f36}.component.list-fleet .set-fleet .item.color11 .status{background:#219772}.component.list-fleet .set-fleet .item.color12 .status{background:#dbb200}.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar{background:#ffdb0f}.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship{background:#b01e2d}.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship{background:#2f23c0}.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship{background:#a935c7}.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship{background:#05bed7}.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship{background:#ac5832}.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship{background:#f2b636}.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship{background:#57c632}.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship{background:#a92859}.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship{background:#34b089}.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship{background:#ffdb0f}.component.list-fleet .set-fleet .item .center .progress-ship .bar{background:#b01e2d}.component.list-fleet .set-fleet .item .center.reversed .progress-ship{background:#b01e2d}.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar{background:#4F4F4F}.component.list-fleet .set-fleet .item .show-commander{position:absolute;top:-1px;right:-30px;width:28px;height:60px;background:url(src/desktop/mover/small-right.png) no-repeat center #0a0a0a;border:solid 1px #202020}.component.list-fleet .set-fleet .item .show-commander.active,.component.list-fleet .set-fleet .item .show-commander:focus,.component.list-fleet .set-fleet .item .show-commander:hover{background-color:#202020}.component.table-fleet table{margin:10px;width:55pc;border-collapse:collapse}.component.table-fleet table tr:nth-child(odd){background:#000;border-bottom:solid 1px #202020}.component.table-fleet table tr:nth-child(even){background:#0A0A0A;border-bottom:solid 1px #202020}.component.table-fleet table tr:first-child{background:0 0}.component.table-fleet table td,.component.table-fleet table th{height:40px;width:40px;text-align:center}.component.table-fleet table td span.zero-value{color:#4F4F4F}.component.table-fleet table .base{width:75pt;text-align:left;padding:0 20px}.component.table-fleet table .base a{border:none}.component.table-fleet table .base strong{display:block;font-size:1pc}.component.table-fleet table .large{width:auto;text-align:left;padding:0 10px}.component.table-fleet table .sep{border-left:solid 1px #6e161b}.component.table-fleet table a{color:#fff;text-decoration:none;border-bottom:solid 1px #4F4F4F;display:inline-block}.component.table-fleet table th{position:relative;height:70px}.component.table-fleet table th span{position:absolute;bottom:2pc;left:-10px;display:block;text-align:left;width:60px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.component.commander-fleet .fleet{vertical-align:top;display:block;text-align:center}.component.commander-fleet .list-ship{vertical-align:top;display:inline-block;width:148px}.component.commander-fleet .list-ship:first-child{border-right:dashed 1px #4F4F4F}.component.commander-fleet .list-ship a{display:block;position:relative;margin:6px;height:40px;background:#202020;border:solid 1px #4F4F4F;border-radius:3px}.component.commander-fleet .list-ship a.empty{opacity:.4}.component.commander-fleet .list-ship img{position:absolute;display:inline-block;width:40px}.component.commander-fleet .list-ship .text{position:absolute;left:45px;display:inline-block;width:88px;color:#fff}.component.commander-fleet .list-ship .text .quantity{display:block;font-weight:700;font-size:18px}.component.commander-fleet .army{border-collapse:collapse;width:35pc;margin:20px}.component.commander-fleet .army td{width:65px;padding:5px;border-right:dashed 1px #4F4F4F;vertical-align:center}.component.commander-fleet .army td:first-child{width:auto;vertical-align:top;text-align:right;padding:0 20px;font-size:9pt}.component.commander-fleet .army tr:first-child td{text-align:center;padding:10px 5px;font-size:18px;font-weight:700}.component.commander-fleet .army .block{display:block;width:54px;height:54px;margin:0 0 5px 0;padding:5px;vertical-align:top;border-radius:5px;background:#0A0A0A;text-align:right;border:solid 1px #202020;color:#4F4F4F}.component.commander-fleet .army .block.empty{background:#000;border:solid 1px #0A0A0A}.component.commander-fleet .army .block strong{display:block;font-size:15px;height:38px;font-weight:700}.component.commander-fleet .army .block em{display:block;padding:2px;font-size:11px;background:#000;text-align:center;border-radius:3px}.component.commander-fleet .army .block.squadron{border:solid 1px #4F4F4F;color:#fff;cursor:pointer;background:#6e161b}.component.commander-fleet .army .block.squadron.full0{background:url(src/desktop/squadron/squadron0.png) no-repeat 4px 2px #6e161b}.component.commander-fleet .army .block.squadron.full1{background:url(src/desktop/squadron/squadron1.png) no-repeat 4px 2px #6e161b}.component.commander-fleet .army .block.squadron.full2{background:url(src/desktop/squadron/squadron2.png) no-repeat 4px 2px #6e161b}.component.commander-fleet .army .block.squadron.full3{background:url(src/desktop/squadron/squadron3.png) no-repeat 4px 2px #6e161b}.component.commander-fleet .army .block.squadron.active{box-shadow:inset 0 0 6px #000,0 0 2px 0 #fff;border:dashed 1px #fff}.component.report .commander{position:relative;display:block;margin:10px;padding:8px 0 8px 72px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff}.component.report .commander img{position:absolute;top:5px;left:5px;padding:8px;width:40px;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}.component.report .commander strong{display:block;padding:0 0 8px 0;color:#fff;font-weight:700;font-size:17px}.component.report .commander em{display:block;line-height:20px;color:#fff;font-style:normal;color:#efefef}.component.report .commander em .bonus{font-size:90%;margin:2px 0 0 2px;padding:3px 6px}.component.report .dammage{margin:10px;background:#000}.component.report .dammage table{width:100%;border-collapse:collapse;border-left:solid 1px #202020;border-right:solid 1px #202020}.component.report .dammage td{border-color:#202020;border-width:1px;border-style:solid dashed;padding:4px;vertical-align:center;text-align:center;color:#CCC;width:28px;height:22px}.component.report .dammage td:first-child{text-align:left;padding:4px 8px;width:auto}.component.report .dammage td span{display:inline-block;background:red;line-height:22px;width:22px;border-radius:3px;color:#fff;background:#510816}.component.topic .message{position:relative;padding:0 0 0 5pc;margin:10px;min-height:70px}.component.topic .message .avatar{position:absolute;top:0;left:0;width:56px;padding:6px;border:solid 1px #202020;border-radius:100%;background:#000}.component.topic .message .content{position:relative;background:#000;border:solid 1px #202020;border-bottom:solid 1px #0A0A0A}.component.topic .message .content:before{position:absolute;content:'';top:25px;left:-18px;border-style:solid;border-width:9px;border-color:transparent #202020 transparent transparent}.component.topic .message .content .text{margin:0;padding:10px 10px 9pt 10px;border-bottom:solid 1px #0A0A0A;color:#efefef}.component.topic .message .content .text a,.component.topic .message .content .text strong{color:#fff}.component.topic .message .content .text a.color1{color:#b01e2d}.component.topic .message .content .text a.color2{color:#2f23c0}.component.topic .message .content .text a.color3{color:#ffdb0f}.component.topic .message .content .text a.color4{color:#a935c7}.component.topic .message .content .text a.color5{color:#57c632}.component.topic .message .content .text a.color6{color:#05bed7}.component.topic .message .content .text a.color7{color:#ac5832}.component.topic .message .content .text a.color8{color:#f2b636}.component.topic .message .content .text a.color9{color:#57c632}.component.topic .message .content .text a.color10{color:#a92859}.component.topic .message .content .text a.color11{color:#34b089}.component.topic .message .content .text a.color12{color:#ffdb0f}.component.topic .message .content .text .icon-color{width:15px}.component.topic .message .content .footer{margin:0;padding:6px 10px;font-size:9pt;color:#CCC}.component.topic .message .content .footer a{color:#CCC}.component.topic .message.write .content:before{left:-17px;top:11px;border-color:transparent #fff transparent transparent}.component.topic .message.write .content textarea{border:none;padding:5px;width:487px;height:90pt;max-width:487px;min-width:487px;min-height:50px;font-family:inherit;font-size:13px}.component.topic .message.write .content input{margin:6px;font-family:inherit}.component.topic .message.write .content .title{border:none;margin:0;padding:5px;width:487px;height:30px;font-family:inherit;font-size:13px}.component.topic .message.write .content button{margin:6px;font-family:inherit;background:#6e161b;border:none;padding:4px 8px;color:#fff;cursor:pointer}.component.topic .message.write .content button:focus,.component.topic .message.write .content button:hover{background:#510816}.component.topic .system-message{position:relative;padding:0 0 0 90px;margin:10px}.component.topic .system-message:before{content:'';position:absolute;top:10px;left:0;height:1px;width:70px;background:#4F4F4F}.conv-item{position:relative;display:block;border:solid 1px #202020;border-bottom:none;background:#0A0A0A;height:59px;padding:5px 5px 5px 70px;margin:0 10px;color:#fff;text-decoration:none;overflow:hidden}.conv-item .cover{position:absolute;display:block;top:0;left:0;bottom:0;width:60px;padding:5px}.conv-item .cover .picture{width:52px;height:52px;background:#202020;border-radius:100%;padding:4px}.conv-item .cover .picture.color0{box-shadow:0 0 0 2px #4F4F4F}.conv-item .cover .picture.color1{box-shadow:0 0 0 2px #6e161b}.conv-item .cover .picture.color2{box-shadow:0 0 0 2px #1f1471}.conv-item .cover .picture.color3{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .picture.color4{box-shadow:0 0 0 2px #5a1072}.conv-item .cover .picture.color5{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color6{box-shadow:0 0 0 2px #076b87}.conv-item .cover .picture.color7{box-shadow:0 0 0 2px #67331d}.conv-item .cover .picture.color8{box-shadow:0 0 0 2px #d87913}.conv-item .cover .picture.color9{box-shadow:0 0 0 2px #2c7915}.conv-item .cover .picture.color10{box-shadow:0 0 0 2px #760f36}.conv-item .cover .picture.color11{box-shadow:0 0 0 2px #219772}.conv-item .cover .picture.color12{box-shadow:0 0 0 2px #dbb200}.conv-item .cover .new-message,.conv-item .cover .number{position:absolute;width:22px;height:22px;border-radius:100%;background:#0A0A0A;bottom:5px;right:5px;border:solid 1px #4F4F4F;text-align:center;line-height:22px;font-size:11px}.conv-item .cover .new-message{left:5px;top:5px}.conv-item .cover .new-message img{display:block;width:18px;height:18px;margin:2px}.conv-item .data{line-height:20px}.conv-item:last-child{border:solid 1px #202020}.conv-item:focus,.conv-item:hover{background:#0C0C0C}.component.player .player{position:relative;display:inline-block;margin:10px 0 0 10px;width:211px;height:58px;padding:5px 5px 5px 70px;border:solid 1px #0A0A0A;border-top:solid 1px #202020;background:#000;color:#fff;text-decoration:none}.component.player .player a{color:#ccc;text-decoration:none;border-bottom:solid 1px #202020}.component.player .player a:focus,.component.player .player a:hover{border-color:#4f4f4f}.component.player .player img.picto{position:absolute;top:5px;left:5px;width:50px;padding:4px;border:solid 1px #202020;border-radius:100%;background:#000}.component.player .player .icon,.component.player .player .icon-color{height:1pc;padding:1px}.component.player .player span,.component.player .player strong{display:block;line-height:20px}.component.player .player strong{font-size:18px}.component.player .player .inactive,.component.player .player .online{position:absolute;width:18px;height:18px;background:#fff;top:5px;right:5px;border-radius:100%;background:#4F4F4F}.component.player .player .online{background:#b01e2d}.component.player .player.faction{border-left:solid 1px #0A0A0A!important;width:202px}.component.player .player.faction img{top:0;left:10px;padding:0;border:none;border-radius:0;background:0 0}.component.player.rank .player{border-left:solid 10px #4F4F4F;width:190px}.component.player.rank .player.color1{border-left-color:#b01e2d}.component.player.rank .player.color2{border-left-color:#2f23c0}.component.player.rank .player.color3{border-left-color:#ffdb0f}.component.player.rank .player.color4{border-left-color:#a935c7}.component.player.rank .player.color5{border-left-color:#57c632}.component.player.rank .player.color6{border-left-color:#05bed7}.component.player.rank .player.color7{border-left-color:#ac5832}.component.player.rank .player.color8{border-left-color:#f2b636}.component.player.rank .player.color9{border-left-color:#57c632}.component.player.rank .player.color10{border-left-color:#a92859}.component.player.rank .player.color11{border-left-color:#34b089}.component.player.rank .player.color12{border-left-color:#ffdb0f}.component.player.rank .player .points,.component.player.rank .player .title{color:#BBB}.component.player.rank .player .position{display:block;position:absolute;top:14px;right:14px;line-height:38px;width:38px;border:solid 1px #202020;text-align:center;border-radius:100%}.component.player.rank .player .variance{display:block;position:absolute;top:5px;right:-4px;line-height:26px;width:26px;border:solid 1px #202020;background:#0A0A0A;text-align:center;font-size:11px;border-radius:100%}.component.player.rank .player .variance.lower{bottom:5px;top:auto}.component.player.rank .player.active .position{background:#fff;border:solid 1px #fff;color:#202020}.component.player.size2 .player{width:13pc}.component.player.size1 .player{width:202px}.component.transaction .transaction{background:#0A0A0A;border:solid 1px #202020;margin:10px}.component.transaction .transaction .right-link{position:absolute;top:2px;right:5px;display:block;color:#FFF;text-decoration:none}.component.transaction .transaction .product{position:relative;height:70px;padding:5px 10px 5px 55px;cursor:pointer}.component.transaction .transaction .product .picto{position:absolute;top:5px;left:-20px;width:60px;height:60px;padding:4px;background:#000;border:solid 1px #202020;border-radius:100%}.component.transaction .transaction .product .rate{position:absolute;bottom:5px;right:8px}.component.transaction .transaction .product .offer{overflow:hidden;height:2pc}.component.transaction .transaction .product .for{position:relative;border-top:solid 1px #202020;margin:8px 0 6px 0;color:#4F4F4F}.component.transaction .transaction .product .for span{display:block;position:absolute;top:-10px;left:10px;background:#0A0A0A;padding:0 10px;font-size:9pt}.component.transaction .transaction .product .price{font-size:19px;font-weight:700}.component.transaction .transaction .product .price .icon-color{width:14px;position:relative;top:-2px;padding:1px}.component.transaction .transaction.resources .product .offer{font-size:28px;font-weight:700;line-height:30px}.component.transaction .transaction.resources .product .offer .icon-color{width:20px;position:relative;top:-5px}.component.transaction .transaction.commander .product .offer strong,.component.transaction .transaction.ship .product .offer strong{display:block;font-size:14px}.component.transaction .transaction.commander .product .offer em,.component.transaction .transaction.ship .product .offer em{display:block;font-size:11px}.component.transaction .transaction .hidden{display:none}.component.transaction .transaction .info{position:relative;border-top:solid 1px #202020;height:88px;background:#000}.component.transaction .transaction .info p{font-size:11px;margin:5px 8px}.component.transaction .transaction .info .seller{position:absolute;top:0;width:50%;bottom:0}.component.transaction .transaction .info .seller a{font-weight:700;color:#fff}.component.transaction .transaction .info .seller .color1{color:#b01e2d}.component.transaction .transaction .info .seller .color2{color:#2f23c0}.component.transaction .transaction .info .seller .color3{color:#ffdb0f}.component.transaction .transaction .info .seller .color4{color:#a935c7}.component.transaction .transaction .info .seller .color5{color:#57c632}.component.transaction .transaction .info .seller .color6{color:#05bed7}.component.transaction .transaction .info .seller .color7{color:#ac5832}.component.transaction .transaction .info .seller .color8{color:#f2b636}.component.transaction .transaction .info .seller .color9{color:#57c632}.component.transaction .transaction .info .seller .color10{color:#a92859}.component.transaction .transaction .info .seller .color11{color:#34b089}.component.transaction .transaction .info .seller .color12{color:#ffdb0f}.component.transaction .transaction .info .price-detail{position:absolute;top:0;width:50%;bottom:0;right:0}.component.transaction .transaction .info .price-detail p{text-align:right}.component.transaction .transaction .info .price-detail p .icon-color{width:10px;padding:1px}.component.transaction .transaction .info .price-detail p span{color:#4F4F4F}.component.transaction .transaction .button{border-top:solid 1px #202020;padding:5px}.component.transaction .transaction .button a,.component.transaction .transaction .button span{display:block;padding:5px 10px;text-align:right;color:#fff;text-decoration:none;border-radius:3px;line-height:20px;background:#202020;box-shadow:inset 0 0 2px #000}.component.transaction .transaction .button a{background:#6e161b}.component.transaction .transaction .button a:hover{box-shadow:inset 0 0 6px #000;background:#b01e2d}.component.transaction .transaction .button span{background:#202020;cursor:default}.component.transaction .transaction .button .icon-color{width:14px}.component.transaction .transaction .shipping{position:relative;background:#000;height:30px}.component.transaction .transaction .shipping .ships{position:absolute;top:0;left:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center}.component.transaction .transaction .shipping .ships .icon-color{position:relative;width:1pc;margin-left:5px;top:-5px}.component.transaction .transaction .shipping .time{position:absolute;top:0;right:0;bottom:0;width:50px;padding:0 5px;line-height:30px;text-align:center;font-size:9pt}.component.transaction .transaction .shipping .progress-container{position:relative;display:block;clear:both;margin:0 60px;height:3px;top:13px;background:#4F4F4F}.component.transaction .transaction .shipping .progress-bar{position:absolute;display:block;height:100%;background:#b01e2d}.component .build-item.disable .button span{color:#696969}.component.transaction .new-transaction{width:279px;position:absolute;background:#000;z-index:1;padding:10px;border-bottom:solid 1px #b01e2d}.component.transaction .new-transaction label{position:relative;display:block;padding:5px 0}.component.transaction .new-transaction label input{display:block;padding:5px 10px;margin:5px 0 0 0;width:259px;border:none}.component.transaction .new-transaction.resources label input{font-size:1pc;color:#202020;font-weight:700}.component.transaction .new-transaction .indicator{position:relative;display:block;width:100%;height:15px}.component.transaction .new-transaction .indicator span{position:absolute;display:inline-block;padding:1px 6px;font-size:9pt;color:#fff;border-radius:3px;top:-5px;background:#510816}.component.transaction .new-transaction .indicator span.min-price{left:5px}.component.transaction .new-transaction .indicator span.max-price{right:5px}.component.market-sell .body{padding:10px 0}.component.market-sell .label-box{position:relative;padding:0 10px;margin:10px 0}.component.market-sell .label-box .label{display:inline-block;width:75pt;line-height:30px}.component.market-sell .label-box .value{display:inline-block;width:147px;padding:0 5px;border:none;line-height:30px;border-radius:3px;font-size:1pc}.component.market-sell .label-box input.value{height:30px;background:#fff}.component.market-sell .label-box .icon-color{position:absolute;top:4px;right:1pc;width:18px}.component.market-sell .queue{margin:0 10px;cursor:pointer}.component.market-sell .sell-form{background:#0A0A0A;border:solid 1px #202020;margin:0 10px 10px 10px}.component.market-sell .sell-form input[type=submit]{display:block;width:100%;margin:0 0 0 auto;border:solid 1px #0A0A0A;padding:6px 10px;color:#fff;cursor:pointer;overflow:hidden;background:#b01e2d}.component.market-sell .sell-form input[type=submit]:hover{background:#510816}.component.market-sell .sell-form input[disabled=disabled]{background:#202020!important}.wysiwyg{display:block;position:relative}.wysiwyg .toolbar{display:block;position:absolute;top:0;left:0;right:0;padding:5px}.wysiwyg .toolbar button{display:inline-block;height:26px;line-height:26px;padding:0 4px!important;margin:0 4px 0 0!important;background:#6e161b;color:#fff;border-radius:3px;overflow:hidden;vertical-align:top}.wysiwyg .modal{position:absolute;top:40px;left:10px;right:10px;background:#0A0A0A;border:solid 1px #202020;box-shadow:0 0 15px #000}.wysiwyg .modal .header{position:relative}.wysiwyg .modal .header h2{margin:0;padding:0;line-height:36px;padding:0 10px;font-size:1pc;font-weight:400}.wysiwyg .modal .header .right{position:absolute;top:5px;right:10px;width:300px;text-align:right}.wysiwyg .modal .header .right button{display:inline-block;width:26px!important;height:26px!important;line-height:26px !important<;font-size:14px;padding:0!important;margin:0 0 0 5px!important}.wysiwyg .modal input{width:435px;border:none;height:30px;margin:0 10px 10px 10px!important;padding:0 10px!important}.wysiwyg textarea{padding-top:40px!important}.input-area .wysiwyg .toolbar{padding:0}.component.params .checkbox{display:block;position:relative;padding:10px 10px 10px 40px;margin:10px;background:rgba(0,0,0,.8)}.component.params .checkbox input{position:absolute;top:8px;left:10px}#map{position:absolute;z-index:100;background:url(src/desktop/map/common/map.jpg) repeat #000;padding:0;top:0;left:0}#map #sectors{z-index:300}#map #spying{z-index:400}#map #own-base{z-index:500}#map #commercial-routes{z-index:600}#map #fleet-movements{z-index:700}#map #attacks{z-index:800}#map #systems{z-index:900}#map #map-info{z-index:910}#map>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#map #sectors polygon{stroke:#fff;stroke-width:1px;stroke-dasharray:4 4;opacity:.15}#map #sectors .ally1{fill:#6e161b}#map #sectors .ally2{fill:#1f1471}#map #sectors .ally3{fill:#dbb200}#map #sectors .ally4{fill:#5a1072}#map #sectors .ally5{fill:#2c7915}#map #sectors .ally6{fill:#076b87}#map #sectors .ally7{fill:#67331d}#map #sectors .ally8{fill:#d87913}#map #sectors .ally9{fill:#2c7915}#map #sectors .ally10{fill:#760f36}#map #sectors .ally11{fill:#219772}#map #sectors .ally12{fill:#dbb200}#map #spying circle{opacity:.08;stroke:#fff}#map #own-base circle{opacity:.1;fill:#fff}#map #commercial-routes line{stroke:#fff;stroke-width:1px;stroke-dasharray:20 5 5 5 5 10}#map #commercial-routes line.standBy{stroke:rgba(255,255,255,.3)}#map #fleet-movements line{stroke-width:1px}#map #fleet-movements line.back{stroke-dasharray:15 5}#map #attacks line{stroke-width:1px}#map #attacks line.color1{stroke:#b01e2d}#map #attacks line.color2{stroke:#2f23c0}#map #attacks line.color3{stroke:#ffdb0f}#map #attacks line.color4{stroke:#a935c7}#map #attacks line.color5{stroke:#57c632}#map #attacks line.color6{stroke:#05bed7}#map #attacks line.color7{stroke:#ac5832}#map #attacks line.color8{stroke:#f2b636}#map #attacks line.color9{stroke:#57c632}#map #attacks line.color10{stroke:#a92859}#map #attacks line.color11{stroke:#34b089}#map #attacks line.color12{stroke:#ffdb0f}#map #attacks circle.color1{fill:#b01e2d}#map #attacks circle.color2{fill:#2f23c0}#map #attacks circle.color3{fill:#ffdb0f}#map #attacks circle.color4{fill:#a935c7}#map #attacks circle.color5{fill:#57c632}#map #attacks circle.color6{fill:#05bed7}#map #attacks circle.color7{fill:#ac5832}#map #attacks circle.color8{fill:#f2b636}#map #attacks circle.color9{fill:#57c632}#map #attacks circle.color10{fill:#a92859}#map #attacks circle.color11{fill:#34b089}#map #attacks circle.color12{fill:#ffdb0f}#map #systems a{display:block;position:absolute;border-radius:100%}#map #systems a.active{background:#000;box-shadow:0 0 0 1px #000,0 0 0 3px #fff,0 0 10px 8px #000}#map #systems a img{display:block;width:20px;height:20px;border:none;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}#map #systems a img.own{background:#fff}#map #systems .sector-number{position:absolute;display:block;font-size:22px;line-height:40px;width:40px;text-align:center;border-radius:100%;box-shadow:0 0 0 5px #0A0A0A,0 0 0 6px #4F4F4F;background:#202020;color:#fff;font-weight:700;cursor:pointer}#map #systems .sector-number.color1{background:#6e161b}#map #systems .sector-number.color2{background:#1f1471}#map #systems .sector-number.color3{background:#dbb200}#map #systems .sector-number.color4{background:#5a1072}#map #systems .sector-number.color5{background:#2c7915}#map #systems .sector-number.color6{background:#076b87}#map #systems .sector-number.color7{background:#67331d}#map #systems .sector-number.color8{background:#d87913}#map #systems .sector-number.color9{background:#2c7915}#map #systems .sector-number.color10{background:#760f36}#map #systems .sector-number.color11{background:#219772}#map #systems .sector-number.color12{background:#dbb200}#map #systems .sector-info{display:none;position:absolute;color:#fff;background:#000;background:rgba(0,0,0,.9);padding:8px 1pc;border-radius:3px}#map #systems .sector-info:before{content:'';position:absolute;left:-20px;top:20px;border-style:solid;border-width:10px;border-color:transparent #000 transparent transparent;border-color:transparent rgba(0,0,0,.9) transparent transparent}#map #systems .sector-info h2{position:relative;font-size:40px;font-weight:700;line-height:40px;text-shadow:0 0 5px #000;margin:0;padding:0}#map #systems .sector-info p{font-size:13px;margin:6px 0 0 0;padding:0;font-weight:700;font-variant:small-caps}#map #systems .sector-info p a{position:static;display:inline-block;color:#fff;background:#202020;border-radius:3px;line-height:20px;width:20px;text-align:center;text-decoration:none;border:solid 1px rgba(255,255,255,.5);margin:0 5px 0 0}#map #systems .sector-info.color1 p a{background:#6e161b}#map #systems .sector-info.color2 p a{background:#1f1471}#map #systems .sector-info.color3 p a{background:#dbb200}#map #systems .sector-info.color4 p a{background:#5a1072}#map #systems .sector-info.color5 p a{background:#2c7915}#map #systems .sector-info.color6 p a{background:#076b87}#map #systems .sector-info.color7 p a{background:#67331d}#map #systems .sector-info.color8 p a{background:#d87913}#map #systems .sector-info.color9 p a{background:#2c7915}#map #systems .sector-info.color10 p a{background:#760f36}#map #systems .sector-info.color11 p a{background:#219772}#map #systems .sector-info.color12 p a{background:#dbb200}#map #map-info{display:none;position:absolute;top:0;right:0;left:auto;bottom:auto;height:auto;width:auto;margin:40px 60px 0 0;color:#fff;text-align:right}#map #map-info h2{margin:0;padding:0 20px;font-size:38px;line-height:60px}#map #map-info h3{margin:0;padding:0 20px;font-size:1pc;font-weight:400;line-height:40px}#map #map-info ul{margin:10px 0;padding:0;list-style:none}#map #map-info ul li{position:relative;margin:0;padding:0 40px 0 0;line-height:20px;height:20px;font-style:italic;color:#CCC;font-size:13px}#map #map-info ul li img{position:absolute;right:10px;top:0}#map #spying circle{fill:#6e161b}#map #fleet-movements line{stroke:#b01e2d}#map #fleet-movements circle{fill:#b01e2d}#map-option{z-index:1000;position:absolute;display:inline-block;height:2pc;padding:3px 0;background:url(src/desktop/map/bOption.png) repeat-x;top:30px;right:20px}#map-option:before{content:'';position:absolute;display:block;left:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bLeftOption.png)}#map-option:after{content:'';position:absolute;display:block;right:-10px;top:0;height:38px;width:10px;background:url(src/desktop/map/bRightOption.png)}#map-option a{position:relative;display:inline-block;height:30px;width:30px;margin:1px 0 1px 1px;background:#0A0A0A}#map-option a.active{background:#004948}#map-option a img{position:absolute;top:5px;left:5px;width:22px}.color1 #map-option a.active{background:#510816}.color2 #map-option a.active{background:#0c0d44}.color3 #map-option a.active{background:#b17a00}.color4 #map-option a.active{background:#310948}.color5 #map-option a.active{background:#24500a}.color6 #map-option a.active{background:#004948}.color7 #map-option a.active{background:#401b13}.color8 #map-option a.active{background:#c3590b}.color9 #map-option a.active{background:#24500a}.color10 #map-option a.active{background:#4d0621}.color11 #map-option a.active{background:#10684c}.color12 #map-option a.active{background:#b17a00}#map-content{z-index:1000;position:absolute;top:5pc;right:20px;display:block}#map-content .mini-map{position:relative;width:300px;height:300px;overflow:hidden;border:solid 1px #202020;background:url(src/desktop/map/common/galaxy.jpg) no-repeat #0a0a0a}#map-content .mini-map polygon{stroke:#fff;stroke-width:.5px;opacity:.3}#map-content .mini-map polygon:focus,#map-content .mini-map polygon:hover{opacity:.1;cursor:pointer}#map-content .mini-map polygon.ally0{fill:#202020}#map-content .mini-map polygon.ally1{fill:#6e161b}#map-content .mini-map polygon.ally2{fill:#1f1471}#map-content .mini-map polygon.ally3{fill:#dbb200}#map-content .mini-map polygon.ally4{fill:#5a1072}#map-content .mini-map polygon.ally5{fill:#2c7915}#map-content .mini-map polygon.ally6{fill:#076b87}#map-content .mini-map polygon.ally7{fill:#67331d}#map-content .mini-map polygon.ally8{fill:#d87913}#map-content .mini-map polygon.ally9{fill:#2c7915}#map-content .mini-map polygon.ally10{fill:#760f36}#map-content .mini-map polygon.ally11{fill:#219772}#map-content .mini-map polygon.ally12{fill:#dbb200}#map-content .mini-map .number{position:absolute;z-index:600;top:0;left:0}#map-content .mini-map .sectors{z-index:500;position:absolute;top:0;left:0}#map-content .mini-map .bases{z-index:400;position:absolute;top:0;left:0}#map-content .mini-map .bases circle{fill:rgba(255,255,255,.2);stroke:#fff}#map-content .mini-map .viewport{position:absolute;top:0;left:0;background:rgba(255,255,255,.1);border:solid 1px #fff;border-radius:3px}#map-content .mini-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:11px}.map-movers{display:none;position:absolute;z-index:900;background-repeat:no-repeat;background-position:center}#coord-box{z-index:1000;position:absolute;bottom:20px;right:20px;width:5pc;padding:5px 10px;background:rgba(0,0,0,.8);color:#fff;font-size:20px;text-align:center}.tactical-map{margin:10px;position:relative;background:url(src/desktop/map/common/galaxy-large.jpg) repeat #0a0a0a}.tactical-map polygon{stroke:#fff;stroke-width:.3px;opacity:.15}.tactical-map polygon.enabled{position:relative;stroke-width:2px;opacity:.8;z-index:1}.tactical-map polygon.enabled.ally1{stroke:#510816}.tactical-map polygon.enabled.ally2{stroke:#0c0d44}.tactical-map polygon.enabled.ally3{stroke:#b17a00}.tactical-map polygon.enabled.ally4{stroke:#310948}.tactical-map polygon.enabled.ally5{stroke:#24500a}.tactical-map polygon.enabled.ally6{stroke:#004948}.tactical-map polygon.enabled.ally7{stroke:#401b13}.tactical-map polygon.enabled.ally8{stroke:#c3590b}.tactical-map polygon.enabled.ally9{stroke:#24500a}.tactical-map polygon.enabled.ally10{stroke:#4d0621}.tactical-map polygon.enabled.ally11{stroke:#10684c}.tactical-map polygon.enabled.ally12{stroke:#b17a00}.tactical-map polygon.ally0{fill:#202020}.tactical-map polygon.ally1{fill:#6e161b}.tactical-map polygon.ally2{fill:#1f1471}.tactical-map polygon.ally3{fill:#dbb200}.tactical-map polygon.ally4{fill:#5a1072}.tactical-map polygon.ally5{fill:#2c7915}.tactical-map polygon.ally6{fill:#076b87}.tactical-map polygon.ally7{fill:#67331d}.tactical-map polygon.ally8{fill:#d87913}.tactical-map polygon.ally9{fill:#2c7915}.tactical-map polygon.ally10{fill:#760f36}.tactical-map polygon.ally11{fill:#219772}.tactical-map polygon.ally12{fill:#dbb200}.tactical-map .number{position:absolute;z-index:800;top:0;left:0}.tactical-map .number span{position:absolute;color:rgba(255,255,255,.8);font-size:9pt;line-height:22px;width:22px;text-align:center;border-radius:100%;box-shadow:0 0 1px #fff}.tactical-map .number span.ally0{background:#0A0A0A}.tactical-map .number span.ally1{background:#510816}.tactical-map .number span.ally2{background:#0c0d44}.tactical-map .number span.ally3{background:#b17a00}.tactical-map .number span.ally4{background:#310948}.tactical-map .number span.ally5{background:#24500a}.tactical-map .number span.ally6{background:#004948}.tactical-map .number span.ally7{background:#401b13}.tactical-map .number span.ally8{background:#c3590b}.tactical-map .number span.ally9{background:#24500a}.tactical-map .number span.ally10{background:#4d0621}.tactical-map .number span.ally11{background:#10684c}.tactical-map .number span.ally12{background:#b17a00}.tactical-map .number span.active{background:#fff;color:#000;box-shadow:0 0 10px #000}.tactical-map.reactive polygon.enabled.active,.tactical-map.reactive polygon.enabled:hover{cursor:pointer}.tactical-map.reactive polygon.enabled.active.ally1,.tactical-map.reactive polygon.enabled:hover.ally1{fill:#510816}.tactical-map.reactive polygon.enabled.active.ally2,.tactical-map.reactive polygon.enabled:hover.ally2{fill:#0c0d44}.tactical-map.reactive polygon.enabled.active.ally3,.tactical-map.reactive polygon.enabled:hover.ally3{fill:#b17a00}.tactical-map.reactive polygon.enabled.active.ally4,.tactical-map.reactive polygon.enabled:hover.ally4{fill:#310948}.tactical-map.reactive polygon.enabled.active.ally5,.tactical-map.reactive polygon.enabled:hover.ally5{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally6,.tactical-map.reactive polygon.enabled:hover.ally6{fill:#004948}.tactical-map.reactive polygon.enabled.active.ally7,.tactical-map.reactive polygon.enabled:hover.ally7{fill:#401b13}.tactical-map.reactive polygon.enabled.active.ally8,.tactical-map.reactive polygon.enabled:hover.ally8{fill:#c3590b}.tactical-map.reactive polygon.enabled.active.ally9,.tactical-map.reactive polygon.enabled:hover.ally9{fill:#24500a}.tactical-map.reactive polygon.enabled.active.ally10,.tactical-map.reactive polygon.enabled:hover.ally10{fill:#4d0621}.tactical-map.reactive polygon.enabled.active.ally11,.tactical-map.reactive polygon.enabled:hover.ally11{fill:#10684c}.tactical-map.reactive polygon.enabled.active.ally12,.tactical-map.reactive polygon.enabled:hover.ally12{fill:#b17a00}#action-box{display:block;z-index:1100;position:absolute;width:100%;height:300px;bottom:-300px;left:0;border-top:solid 1px #0A0A0A;background:#000;box-shadow:0 0 15px #000}#action-box .header{position:relative;background:#000;border-bottom:solid 1px #202020;height:36px;color:#EFEFEF}#action-box .header ul{list-style:none inset;margin:0;padding:0}#action-box .header ul li{display:inline-block;line-height:36px;padding:0 10px;color:#CCC;border-right:solid 1px #202020}#action-box .header ul li a{display:inline-block;line-height:24px;margin:3px 0;padding:0 6px;text-decoration:none;color:#CCC;background:#0A0A0A;border:solid 1px #202020;border-right:none;color:#8F8F8F}#action-box .header ul li a:first-child{border-radius:3px 0 0 3px}#action-box .header ul li a:last-child{border-right:solid 1px #202020;border-radius:0 3px 3px 0}#action-box .header ul li a:focus,#action-box .header ul li a:hover{background:#202020;color:#fff}#action-box .header ul li a.active{color:#fff;position:relative;z-index:1;background:#510816}#action-box .header ul li img{position:relative;top:5px;width:20px;border-radius:100%}#action-box .header .button{position:absolute;top:7px;right:10px;line-height:22px;width:22px;text-align:center;background:#202020;border-radius:3px;text-decoration:none;text-transform:uppercase;color:#fff}#action-box .header .button:focus,#action-box .header .button:hover{background:#4F4F4F}#action-box .body{position:relative;overflow:hidden;width:100%;height:263px;background:url(src/desktop/map/common/bLine.jpg) repeat-x center #080808}#action-box .actbox-movers{position:absolute;display:block;width:60px;height:263px;z-index:1103;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s}#action-box .actbox-movers:focus,#action-box .actbox-movers:hover{background-color:rgba(255,255,255,.05)}#action-box .actbox-movers:active{background-color:rgba(255,255,255,.15)}#action-box .actbox-movers#actboxToLeft{background:url(src/desktop/mover/left.png) no-repeat center}#action-box .actbox-movers#actboxToRight{top:0;right:0;background:url(src/desktop/mover/right.png) no-repeat center}#action-box .body .system{position:absolute;top:0;left:0;height:263px;width:3000px}#action-box .body .system ul{display:inline-block;list-style:none inset;margin:0;padding:0}#action-box .body .system ul li{display:inline-block}#action-box .body .system ul li.action,#action-box .body .system ul li.place a{width:75pt;height:260px;border-top:solid 3px #fff;position:relative}#action-box .body .system ul li.action.color1,#action-box .body .system ul li.place.color1 a{border-top-color:#6e161b}#action-box .body .system ul li.action.color2,#action-box .body .system ul li.place.color2 a{border-top-color:#1f1471}#action-box .body .system ul li.action.color3,#action-box .body .system ul li.place.color3 a{border-top-color:#dbb200}#action-box .body .system ul li.action.color4,#action-box .body .system ul li.place.color4 a{border-top-color:#5a1072}#action-box .body .system ul li.action.color5,#action-box .body .system ul li.place.color5 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color6,#action-box .body .system ul li.place.color6 a{border-top-color:#076b87}#action-box .body .system ul li.action.color7,#action-box .body .system ul li.place.color7 a{border-top-color:#67331d}#action-box .body .system ul li.action.color8,#action-box .body .system ul li.place.color8 a{border-top-color:#d87913}#action-box .body .system ul li.action.color9,#action-box .body .system ul li.place.color9 a{border-top-color:#2c7915}#action-box .body .system ul li.action.color10,#action-box .body .system ul li.place.color10 a{border-top-color:#760f36}#action-box .body .system ul li.action.color11,#action-box .body .system ul li.place.color11 a{border-top-color:#219772}#action-box .body .system ul li.action.color12,#action-box .body .system ul li.place.color12 a{border-top-color:#dbb200}#action-box .body .system ul li.star{width:300px;height:263px;border-left:solid 1px #0F0F0F;background:url(src/desktop/map/systems/default.png) no-repeat center center}#action-box .body .system ul li.place a{display:block;border-left:solid 1px #0F0F0F;text-align:center}#action-box .body .system ul li.place a strong{position:absolute;bottom:8px;left:10px;font-size:18px;font-weight:700;color:#fff}#action-box .body .system ul li.place a .land{position:absolute;z-index:1102;top:88px;left:10px;width:5pc;border-radius:100%}#action-box .body .system ul li.place.active a .land{box-shadow:0 0 0 1px #202020;background:#080808}#action-box .body .system ul li.place a .avatar{position:absolute;z-index:1101;top:10px;left:20px;padding:7px;border:solid 1px #0F0F0F;background:#000;width:47px;border-radius:100%}#action-box .body .system ul li.action{width:0;overflow:hidden}#action-box .body .system ul li.action .content{position:absolute;top:9px;left:9pt;height:15pc;width:545px;background:#111;border:solid 1px #202020;box-shadow:inset 0 0 5px #000;border-radius:3px}#action-box .body .system ul li.action .content:before{content:'';position:absolute;top:107px;left:-24px;border-width:9pt;border-style:solid;border-color:transparent #202020 transparent transparent}#action-box .body .system ul li.action .content .column{position:relative;display:inline-block;vertical-align:top;height:15pc;border-right:solid 1px #202020;color:#fff}#action-box .body .system ul li.action .content .column .last-spy-link{position:absolute;top:6px;right:8px;opacity:.5;-webkit-transition:all linear 250ms;-moz-transition:all linear 250ms;-ms-transition:all linear 250ms;-o-transition:all linear 250ms;transition:all linear 250ms}#action-box .body .system ul li.action .content .column .last-spy-link:focus,#action-box .body .system ul li.action .content .column .last-spy-link:hover{opacity:1}#action-box .body .system ul li.action .content .column.info{width:199px}#action-box .body .system ul li.action .content .column.act{width:345px;border-right:none}#action-box .body .system ul li.action .content .column p{margin:2px 10px}#action-box .body .system ul li.action .content .column a{color:#fff}#action-box .body .system ul li.action .content .column hr{margin:8px 10px;border:none;background:0 0;border-bottom:solid 1px #202020}#action-box .body .system ul li.action .content .column strong{line-height:30px}#action-box .body .system ul li.action .content .column.info strong{line-height:28px;font-size:18px}#action-box .body .system ul li.action .content .column .label{display:inline-block;width:78px;font-size:9pt}#action-box .body .system ul li.action .content .column .value{display:inline-block;width:75pt;text-align:left}#action-box .body .system ul li.action .content .column .value .icon,#action-box .body .system ul li.action .content .column .value .icon-color{width:18px;height:18px;padding:1px}#action-box .body .system ul li.action .content .column.act .top .grey{opacity:.4}#action-box .body .system ul li.action .content .column.act .top img{width:45px;padding:8px;margin:0 4px 2px 0;border:solid 1px #202020;background:#0A0A0A;border-radius:100%}#action-box .body .system ul li.action .content .column .bottom,#action-box .body .system ul li.action .content .column .top{padding:5px}#action-box .body .system ul li.action .box{display:none;position:absolute;left:10px;right:10px;bottom:10px;top:5pc;background:#000;border-radius:3px}#action-box .body .system ul li.action .box:nth-child(1){display:block}#action-box .body .system ul li.action .box:before{content:'';position:absolute;top:-20px;border-style:solid;border-width:10px;border-color:transparent transparent #000 transparent}#action-box .body .system ul li.action .box:nth-child(1):before{left:15px}#action-box .body .system ul li.action .box:nth-child(2):before{left:84px}#action-box .body .system ul li.action .box:nth-child(3):before{left:152px}#action-box .body .system ul li.action .box:nth-child(4):before{left:218px}#action-box .body .system ul li.action .box:nth-child(5):before{left:284px}#action-box .body .system ul li.action .box h2{margin:0;padding:0 11px;line-height:35px;font-size:15px}#action-box .body .system ul li.action .box .box-content{position:absolute;top:35px;left:0;right:0;bottom:0;border-radius:0 0 3px 3px;padding:8px 10px;background:#080808;border:solid 1px #000;overflow:hidden}#action-box .body .system ul li.action .box .box-content .commander-tile .item{display:none}#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander{display:block}#action-box .body .system ul li.action .box .box-content .spy-button{display:inline-block;width:75pt;text-decoration:none;margin:8px 0}#action-box .body .system ul li.action .box .box-content .spy-button .picto{float:left;width:30px;height:30px;margin:0 5px 0 0}#action-box .body .system ul li.action .box .box-content .spy-button span{display:block}#action-box .body .system ul li.action .box .box-content .spy-button .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .spy-form{margin-top:10px}#action-box .body .system ul li.action .box .box-content .spy-form input{width:187px;padding:7px;border:none;background:#fff;border-radius:3px 0 0 3px}#action-box .body .system ul li.action .box .box-content .spy-form button{width:75pt;padding:6px 6px;border:none;color:#fff;background:#6e161b;cursor:pointer;border-radius:0 3px 3px 0}#action-box .body .system ul li.action .box .box-content .spy-form button:focus,#action-box .body .system ul li.action .box .box-content .spy-form button:hover{background:#510816}#action-box .body .system ul li.action .box .box-content .label-box{display:inline-block;width:50%;margin:5px 0}#action-box .body .system ul li.action .box .box-content .label-box .key{display:block}#action-box .body .system ul li.action .box .box-content .label-box .val{display:block;font-size:18px;font-weight:700}#action-box .body .system ul li.action .box .box-content .rc{margin:5px 0 0 0;padding:10px 10px 0 50px;border-top:solid 1px #202020}#action-box .body .system ul li.action .box .box-content .rc .planet{position:absolute;top:-25px;left:-25px;width:76px;height:76px;border:solid 1px #202020;border-radius:100%;background:#000}#action-box .body .system ul li.action .box .box-content .icon-color{width:14px;height:14px;padding:1px}#action-box .body .system ul li.action .box .box-content .button{display:inline-block;background:#202020;border:solid 1px #4F4F4F;line-height:26px;margin:5px 0 0 0;padding:0 8px;text-align:center;text-decoration:none}#action-box .body .system ul li.action .box .box-content a.button{background:#6e161b;border:#510816}#action-box .body .system ul li.action .box .box-content a.button:focus,#action-box .body .system ul li.action .box .box-content a.button:hover{background:#510816}.component.admin table{margin:10px;border-collapse:collapse;width:877px}.component.admin table tr{border-bottom:solid 1px #202020}.component.admin table td{padding:5px 10px;vertical-align:top}.component.admin table .button{display:inline-block;padding:0 5px;line-height:25px;min-width:15px;text-align:center;color:#fff;border-radius:3px;background:#4F4F4F;text-decoration:none}.component.admin table td:nth-child(1){width:50px}.component.admin table td:nth-child(2){width:75pt}.component.admin table td:nth-child(3){width:auto}.component.admin table td:nth-child(4){width:5pc}.on-off-button{display:block;width:auto;margin:10px 10px 0 10px;line-height:30px;padding:0 10px;background:#6e161b;border:solid 1px #510816;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer}.on-off-button:focus,.on-off-button:hover{background:#510816;border-color:#6e161b}.on-off-button.disabled{background:#202020;border-color:#4F4F4F}.inscription #nav .box.left span{display:inline-block;line-height:2pc;padding:0 10px;margin:5px 2px;font-size:14px;width:5pc;text-align:center;color:#4f4f4f;text-decoration:none;font-variant:small-caps}.inscription #nav .box.left span.active{color:#fff}.inscription #nav .box.right{display:none}.inscription #inscription-subnav{position:fixed;top:45px;left:0;width:210px;margin:0 20px 0 60px;z-index:500}.inscription #inscription-subnav .bind{height:15px;background:url(src/desktop/inscriptionSubnav/bBind.png) no-repeat center}.inscription #inscription-subnav .head{position:relative;height:214px;background:url(src/desktop/inscriptionSubnav/bHead.png) no-repeat center}.inscription #inscription-subnav .head h2{position:absolute;margin:0;padding:0;top:5px;font-weight:700;font-size:1pc;line-height:24px;width:210px;overflow:hidden;text-align:center;color:#fff}.inscription #inscription-subnav .head img{position:absolute;top:43px;left:28px;width:125px;height:125px;background:#0A0A0A}.inscription #inscription-subnav .head .level{position:absolute;display:block;bottom:15px;left:0;width:100%;font-size:20px;line-height:41px;color:#fff;text-align:center;background:url(src/desktop/inscriptionSubnav/bLevel.png) no-repeat center}.inscription #inscription-subnav .head .experience{position:absolute;display:inline-block;top:50px;right:2pc;width:21px;height:7pc}.inscription #inscription-subnav .head .experience .value{position:absolute;display:block;width:100%;bottom:0;border-radius:3px}.inscription #inscription-subnav .foot{height:290px}.inscription #movers .toLeft{left:0!important}.inscription .component.inscription img.color1{background:#6e161b!important}.inscription .component.inscription img.color2{background:#1f1471!important}.inscription .component.inscription img.color3{background:#dbb200!important}.inscription .component.inscription img.color4{background:#5a1072!important}.inscription .component.inscription img.color5{background:#2c7915!important}.inscription .component.inscription img.color6{background:#076b87!important}.inscription .component.inscription img.color7{background:#67331d!important}.inscription .component.inscription img.color8{background:#d87913!important}.inscription .component.inscription img.color9{background:#2c7915!important}.inscription .component.inscription img.color10{background:#760f36!important}.inscription .component.inscription img.color11{background:#219772!important}.inscription .component.inscription img.color12{background:#dbb200!important}.inscription .component.inscription .chooseLink{display:block;margin:10px;padding:10px 60px 10px 20px;background:url(src/desktop/mover/right.png) no-repeat 235px center #ccc;text-decoration:none;color:#fff;text-shadow:0 0 2px #000;border:solid 1px #202020;cursor:pointer;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s}.inscription .component.inscription .chooseLink:focus,.inscription .component.inscription .chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.inscription .component.inscription button.chooseLink{width:277px;text-align:left}.inscription .component.inscription.color1 .chooseLink{background-color:#6e161b}.inscription .component.inscription.color2 .chooseLink{background-color:#1f1471}.inscription .component.inscription.color3 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color4 .chooseLink{background-color:#5a1072}.inscription .component.inscription.color5 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color6 .chooseLink{background-color:#076b87}.inscription .component.inscription.color7 .chooseLink{background-color:#67331d}.inscription .component.inscription.color8 .chooseLink{background-color:#d87913}.inscription .component.inscription.color9 .chooseLink{background-color:#2c7915}.inscription .component.inscription.color10 .chooseLink{background-color:#760f36}.inscription .component.inscription.color11 .chooseLink{background-color:#219772}.inscription .component.inscription.color12 .chooseLink{background-color:#dbb200}.inscription .component.inscription.color1 .chooseLink:focus,.inscription .component.inscription.color1 .chooseLink:hover{background-color:#510816}.inscription .component.inscription.color2 .chooseLink:focus,.inscription .component.inscription.color2 .chooseLink:hover{background-color:#0c0d44}.inscription .component.inscription.color3 .chooseLink:focus,.inscription .component.inscription.color3 .chooseLink:hover{background-color:#b17a00}.inscription .component.inscription.color4 .chooseLink:focus,.inscription .component.inscription.color4 .chooseLink:hover{background-color:#310948}.inscription .component.inscription.color5 .chooseLink:focus,.inscription .component.inscription.color5 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color6 .chooseLink:focus,.inscription .component.inscription.color6 .chooseLink:hover{background-color:#004948}.inscription .component.inscription.color7 .chooseLink:focus,.inscription .component.inscription.color7 .chooseLink:hover{background-color:#401b13}.inscription .component.inscription.color8 .chooseLink:focus,.inscription .component.inscription.color8 .chooseLink:hover{background-color:#c3590b}.inscription .component.inscription.color9 .chooseLink:focus,.inscription .component.inscription.color9 .chooseLink:hover{background-color:#24500a}.inscription .component.inscription.color10 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#4d0621}.inscription .component.inscription.color11 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#10684c}.inscription .component.inscription.color12 .chooseLink:hover,.inscription .component.inscription.color9 .chooseLink:focus{background-color:#b17a00}.inscription .component.inscription .chooseLink strong{display:block;font-size:15px;border-bottom:solid 1px rgba(255,255,255,.25);padding:0 0 5px 0;margin:0 0 5px 0}.inscription .component.inscription .chooseLink em{font-style:normal}.inscription .component.inscription span.chooseLink{background:#202020!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25);cursor:auto;padding:10px}.inscription .component.inscription span.chooseLink:focus,.inscription .component.inscription span.chooseLink:hover{box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}.inscription .component.inscription blockquote{line-height:200%}.inscription .component.inscription #base,.inscription .component.inscription #pseudo{position:relative;width:100%;border:none;padding:9pt 0;margin:0;text-align:center;font-size:26px;font-weight:700;background:#fff;border-radius:3px}.inscription .component.inscription.color1 #pseudo{color:#510816}.inscription .component.inscription.color2 #pseudo{color:#0c0d44}.inscription .component.inscription.color3 #pseudo{color:#b17a00}.inscription .component.inscription.color4 #pseudo{color:#310948}.inscription .component.inscription.color5 #pseudo{color:#24500a}.inscription .component.inscription.color6 #pseudo{color:#004948}.inscription .component.inscription.color7 #pseudo{color:#401b13}.inscription .component.inscription.color8 #pseudo{color:#c3590b}.inscription .component.inscription.color9 #pseudo{color:#24500a}.inscription .component.inscription.color10 #pseudo{color:#4d0621}.inscription .component.inscription.color11 #pseudo{color:#10684c}.inscription .component.inscription.color12 #pseudo{color:#b17a00}.inscription .component.inscription .avatars{padding:5px;text-align:center}.inscription .component.inscription .avatar{position:relative;display:inline-block;margin:0 5px;padding:5px;background:#202020;border:solid 5px #0A0A0A;border-radius:100%}.inscription .component.inscription .avatar input{position:absolute;top:10px;left:10px}.inscription .component.inscription .avatar img{display:block;width:117px;cursor:pointer;border-radius:100%}.inscription .component.inscription.color1 .avatar:hover{border-color:#510816}.inscription .component.inscription.color2 .avatar:hover{border-color:#0c0d44}.inscription .component.inscription.color3 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color4 .avatar:hover{border-color:#310948}.inscription .component.inscription.color5 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color6 .avatar:hover{border-color:#004948}.inscription .component.inscription.color7 .avatar:hover{border-color:#401b13}.inscription .component.inscription.color8 .avatar:hover{border-color:#c3590b}.inscription .component.inscription.color9 .avatar:hover{border-color:#24500a}.inscription .component.inscription.color10 .avatar:hover{border-color:#4d0621}.inscription .component.inscription.color11 .avatar:hover{border-color:#10684c}.inscription .component.inscription.color12 .avatar:hover{border-color:#b17a00}.inscription .component.inscription.color1 .avatar.active{border-color:#b01e2d}.inscription .component.inscription.color2 .avatar.active{border-color:#2f23c0}.inscription .component.inscription.color3 .avatar.active{border-color:#ffdb0f}.inscription .component.inscription.color4 .avatar.active{border-color:#a935c7}.inscription .component.inscription.color5 .avatar.active{border-color:#57c632}.inscription .component.inscription.color6 .avatar.active{border-color:#05bed7}.inscription .component.inscription.color7 .avatar.active{border-color:#ac5832}.inscription .component.inscription.color8 .avatar.active{border-color:#f2b636}.inscription .component.inscription.color9 .avatar.active{border-color:#57c632}.inscription .component.inscription.color10 .avatar.active{border-color:#a92859}.inscription .component.inscription.color11 .avatar.active{border-color:#34b089}.inscription .component.inscription.color12 .avatar.active{border-color:#ffdb0f}.inscription #alert{bottom:-9pt;z-index:10000}.inscription .build-item{min-height:60px}.inscription .build-item .name{padding-top:2px!important}.inscription .build-item .name strong{font-size:1pc!important}.inscription .build-item .name em{font-size:9pt!important}.color0 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor0.png) no-repeat top left}.color1 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor1.png) no-repeat top left}.color2 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor2.png) no-repeat top left}.color3 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor3.png) no-repeat top left}.color4 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor4.png) no-repeat top left}.color5 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor5.png) no-repeat top left}.color6 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor6.png) no-repeat top left}.color7 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor7.png) no-repeat top left}.color8 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor8.png) no-repeat top left}.color9 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor9.png) no-repeat top left}.color10 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor10.png) no-repeat top left}.color11 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor11.png) no-repeat top left}.color12 #inscription-subnav .foot{background:url(src/desktop/inscriptionSubnav/bFootColor12.png) no-repeat top left}.ac_results{width:100%;padding:0;border:1px solid #4F4F4F;background-color:#fff;overflow:hidden;z-index:99999;box-shadow:0 0 6px #000;border-radius:3px}.ac_results ul{width:100%;padding:0;margin:0;list-style-position:outside;list-style:none}.ac_results ul li{padding:4px 8px;margin:0;cursor:default;display:block;border-bottom:solid 1px #CCC;overflow:hidden}.ac_results ul li:last-child{border:none}.ac_results .img{float:left;width:36px;background:#202020;border-radius:3px;margin:0 8px 0 0}.ac_results .value-1,.ac_results .value-2{display:block;line-height:18px}.ac_results .value-1{font-weight:700}.ac_loading{background:#fff url(src/desktop/module/indicator.gif) right center no-repeat}.ac_over{background:#efefef}.ac_results .ac_over strong{color:#000}.ac_results .ac_over img{background:#fff}
\ No newline at end of file
+html {
+ height: 100%;
+}
+body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Roboto', 'Trebuchet MS', 'Arial', sans-serif;
+ font-size: 13px;
+}
+.bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ max-width: 280px;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+}
+.bull.top:before {
+ bottom: -14px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+.bull.bottom:before {
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+}
+.bull.left:before {
+ right: 12px;
+}
+.bull.right:before {
+ left: 12px;
+}
+body {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: black;
+}
+#nav,
+#tools {
+ position: fixed;
+ width: 100%;
+ height: 26px;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ box-shadow: 0 0 10px black;
+ z-index: 1000;
+ border-color: #b01e2d;
+}
+#nav {
+ top: 0;
+ left: 0;
+ background: url('src/desktop/nav/bNav.png') repeat-x black;
+ border-bottom: solid 3px black;
+}
+#tools {
+ bottom: 0;
+ left: 0;
+ background: url('src/desktop/tools/bTools.png') repeat-x black;
+ border-top: solid 3px black;
+}
+#container {
+ position: absolute;
+ top: 29px;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ background: black;
+ overflow: hidden;
+ z-index: 0;
+ background: url('src/desktop/global/background.jpg') repeat-x black;
+}
+.icon,
+.icon-color {
+ display: inline-block;
+ vertical-align: bottom;
+ padding: 2px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.icon-color {
+ background: #b01e2d !important;
+}
+#background-paralax {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: no-repeat bottom left transparent;
+ z-index: 100;
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.profil {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.message {
+ background-image: url('src/desktop/screen/message.jpg');
+}
+#background-paralax.fleet {
+ background-image: url('src/desktop/screen/fleet.jpg');
+}
+#background-paralax.financial {
+ background-image: url('src/desktop/screen/financial.jpg');
+}
+#background-paralax.technology {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.rank {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.params {
+ background-image: url('src/desktop/screen/profil.jpg');
+}
+#background-paralax.bases {
+ background-image: url('src/desktop/screen/base.jpg');
+}
+#movers a {
+ position: absolute;
+ width: 60px;
+ height: 100%;
+ z-index: 400;
+ background: red;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#movers a:hover,
+#movers a:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+#movers a:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+#movers .toLeft {
+ top: 0;
+ left: 60px;
+ background: url('src/desktop/mover/left.png') no-repeat center transparent;
+}
+#movers .toRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center transparent;
+}
+/* finance */
+.component.financial table {
+ border-collapse: collapse;
+ width: 100%;
+}
+.component.financial td {
+ vertical-align: top;
+ width: 50%;
+}
+/* uni */
+.component.uni .build-item {
+ height: 60px;
+ margin: 20px;
+}
+/* techno */
+.component.techno .build-item .name strong {
+ font-size: 16px;
+}
+/* school */
+.component.school .build-item .name strong {
+ font-size: 18px;
+}
+/* generator */
+.component.generator table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* dock1 */
+.component.dock1 table {
+ width: 100%;
+ border-collapse: collapse;
+}
+/* situation */
+.component.space .fix-body {
+ background: url('src/desktop/base/situation.jpg') no-repeat top left black;
+}
+/* memorial */
+.component.memorial blockquote {
+ font-size: 22px;
+ margin: 30px 15px 0 30px;
+ line-height: 160%;
+ font-weight: bold;
+ text-align: center;
+}
+.component .info-building {
+ margin: 10px;
+ padding: 0;
+ font-size: 13px;
+ border-top: solid 1px #4F4F4F;
+}
+.component .info-building h4 {
+ margin: 10px;
+}
+.component .info-building p {
+ font-size: 13px;
+}
+#tools .box a,
+#nav .box a,
+#tools .box > span,
+#nav .box > span {
+ position: relative;
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 25px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 150px;
+ color: white;
+ text-decoration: none;
+ font-variant: small-caps;
+ background: url('src/desktop/button/bButtonMiddle.png') repeat-x;
+}
+#tools .box a:before,
+#nav .box a:before,
+#tools .box > span:before,
+#nav .box > span:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonLeft.png') no-repeat;
+}
+#tools .box a:after,
+#nav .box a:after,
+#tools .box > span:after,
+#nav .box > span:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 32px;
+ background: url('src/desktop/button/bButtonRight.png') no-repeat;
+}
+#tools .box a.current-base,
+#nav .box a.current-base {
+ margin-left: 56px;
+}
+#tools .box a.current-base img,
+#nav .box a.current-base img {
+ position: absolute;
+ top: -16px;
+ left: -54px;
+ background: black;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ border: solid 2px #4F4F4F;
+ width: 60px;
+}
+#tools .box a:hover:before,
+#nav .box a:hover:before,
+#tools .box a:focus:before,
+#nav .box a:focus:before {
+ background: url('src/desktop/button/bButtonLeftHover.png') repeat;
+}
+#tools .box a:hover:after,
+#nav .box a:hover:after,
+#tools .box a:focus:after,
+#nav .box a:focus:after {
+ background: url('src/desktop/button/bButtonRightHover.png') repeat;
+}
+#tools .box a.active,
+#nav .box a.active {
+ background: url('src/desktop/button/bButtonMiddleActive.png') repeat;
+}
+#tools .box a.active:before,
+#nav .box a.active:before {
+ background: url('src/desktop/button/bButtonLeftActive.png') repeat;
+}
+#tools .box a.active:after,
+#nav .box a.active:after {
+ background: url('src/desktop/button/bButtonRightActive.png') repeat;
+}
+#tools .box a.square,
+#nav .box a.square {
+ position: relative;
+ padding: 0 5px;
+ margin: 5px 2px;
+ height: 32px;
+ width: 30px;
+ background: url('src/desktop/button/bLittleButton.png') no-repeat;
+ vertical-align: top;
+}
+#tools .box a.square:before,
+#nav .box a.square:before,
+#tools .box a.square:after,
+#nav .box a.square:after {
+ display: none;
+}
+#tools .box a.square:hover,
+#nav .box a.square:hover,
+#tools .box a.square:focus,
+#nav .box a.square:focus {
+ background: url('src/desktop/button/bLittleButtonHover.png') no-repeat;
+}
+#tools .box a.square.active,
+#nav .box a.square.active {
+ background: url('src/desktop/button/bLittleButtonActive-c1.png') no-repeat;
+}
+#tools .box a.square.active.flashy,
+#nav .box a.square.active.flashy {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: inset 0 0 12px #b01e2d;
+}
+#tools .box a.square img,
+#nav .box a.square img {
+ position: absolute;
+ width: 24px;
+ top: 3px;
+ left: 8px;
+}
+#tools .box a.square span.number,
+#nav .box a.square span.number {
+ position: absolute;
+ top: -5px;
+ right: -5px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ font-size: 11px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ background: #510816;
+}
+#nav .box {
+ position: absolute;
+ display: inline-block;
+ height: 46px;
+ padding: 0 3px;
+ background: url('src/desktop/nav/bNavBox.png') repeat-x;
+}
+#nav .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxLeft.png') no-repeat;
+}
+#nav .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 46px;
+ background: url('src/desktop/nav/bNavBoxRight.png') no-repeat;
+}
+#nav .box.left {
+ top: 0;
+ left: 25px;
+}
+#nav .box.left-2 {
+ top: 0;
+ left: 420px;
+}
+#nav .box.left-3 {
+ top: 0;
+ left: 732px;
+}
+#nav .box.right {
+ top: 0;
+ right: 25px;
+}
+#nav .box a.square span.number {
+ bottom: -5px;
+ top: auto;
+}
+#tools .box {
+ position: absolute;
+ display: inline-block;
+ height: 40px;
+ padding: 1px 3px 0 3px;
+ background: url('src/desktop/tools/bToolBox.png') repeat-x;
+ font-size: 13px;
+}
+#tools .box:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxRight.png') no-repeat;
+}
+#tools .box:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -15px;
+ width: 15px;
+ height: 40px;
+ background: url('src/desktop/tools/bToolBoxLeft.png') no-repeat;
+}
+#tools .box.left {
+ bottom: 0;
+ right: 340px;
+}
+#tools .box.right {
+ bottom: 0;
+ right: 25px;
+}
+#tools .box a.square img {
+ top: 4px;
+}
+#tools .box a.resource-link,
+#tools .box span.resource-link {
+ width: 110px;
+ font-size: 16px;
+}
+#tools .box a.resource-link img.icon-color,
+#tools .box span.resource-link img.icon-color {
+ position: relative;
+ display: inline-block;
+ width: 18px;
+ vertical-align: middle;
+ margin-left: 5px;
+ top: -2px;
+ padding: 1px;
+}
+#nav .overbox .overflow,
+#tools .overbox .overflow {
+ max-height: 400px;
+ overflow: auto;
+ position: relative;
+}
+#nav .overbox h2,
+#tools .overbox h2 {
+ color: white;
+ padding: 10px 15px;
+ margin: 0;
+ font-size: 14px;
+ font-weight: normal;
+ border-bottom: solid 1px #202020;
+}
+#nav .overbox .link-title,
+#tools .overbox .link-title {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ line-height: 20px;
+ font-size: 11px;
+ padding: 0 5px;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ text-decoration: none;
+ color: white;
+}
+#nav .overbox a,
+#tools .overbox a {
+ color: inherit;
+}
+#nav .overbox a.more-link,
+#tools .overbox a.more-link {
+ display: block;
+ padding: 8px;
+ font-size: 12px;
+ border-top: solid 1px #202020;
+ text-align: center;
+ text-decoration: none;
+ color: #4F4F4F;
+}
+#nav .overbox a.more-link:focus,
+#tools .overbox a.more-link:focus,
+#nav .overbox a.more-link:hover,
+#tools .overbox a.more-link:hover {
+ color: #CCC;
+}
+#nav .overbox p.info,
+#tools .overbox p.info {
+ padding: 5px 15px;
+ font-size: 12px;
+ text-align: center;
+ color: #CCC;
+}
+#nav .overbox .outside-button,
+#tools .overbox .outside-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #6e161b;
+ border: solid 1px #510816;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+#nav .overbox .outside-button:hover,
+#tools .overbox .outside-button:hover,
+#nav .overbox .outside-button:focus,
+#tools .overbox .outside-button:focus {
+ background: #510816;
+ border-color: #6e161b;
+}
+#nav .overbox .outside-button.disabled,
+#tools .overbox .outside-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+#nav .overbox input.outside-button,
+#tools .overbox input.outside-button {
+ line-height: 26px;
+}
+#nav .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+}
+#nav .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent transparent #202020 transparent;
+ top: -18px;
+ right: 30px;
+}
+#nav .overbox#change-bases {
+ top: 50px;
+ left: 10px;
+ width: 205px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#change-bases:before {
+ left: 30px;
+ right: auto;
+}
+#nav .overbox#change-bases a {
+ display: block;
+ padding: 3px 15px;
+ color: #CCC;
+ text-decoration: none;
+ font-size: 12px;
+ border-bottom: solid 1px #101010;
+}
+#nav .overbox#change-bases a:focus,
+#nav .overbox#change-bases a:hover {
+ background: #101010;
+}
+#nav .overbox#change-bases a.active {
+ background: #202020;
+}
+#nav .overbox#change-bases strong {
+ display: block;
+ color: #CCC;
+ font-size: 13px;
+}
+#nav .overbox#disconnect-box {
+ top: 50px;
+ right: 10px;
+ width: 205px;
+ padding: 8px 0;
+}
+#nav .overbox#disconnect-box hr {
+ margin: 8px 0;
+ border: none;
+ background: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#disconnect-box a {
+ display: block;
+ padding: 0 15px;
+ line-height: 25px;
+ font-size: 13px;
+ color: #CCC;
+ text-decoration: none;
+}
+#nav .overbox#disconnect-box a:hover,
+#nav .overbox#disconnect-box a:focus {
+ color: white;
+ background: #202020;
+}
+#nav .overbox#bug-tracker {
+ width: 250px;
+ top: 50px;
+ right: 98px;
+ padding: 0 0 8px 0;
+}
+#nav .overbox#bug-tracker p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 10px;
+}
+#nav .overbox#bug-tracker .option {
+ margin: 3px 10px 10px 10px;
+ display: block;
+ width: 330px;
+ padding: 5px;
+}
+#nav .overbox#bug-tracker textarea {
+ display: block;
+ margin: 0 10px 10px 10px;
+ padding: 5px;
+ width: 318px;
+ height: 200px;
+ min-width: 318px;
+ max-width: 318px;
+ border: solid 1px #202020;
+ font-family: 'Trebuchet MS', sans-serif;
+ font-size: 13px;
+}
+#nav .overbox#bug-tracker .button {
+ display: block;
+ margin: 0 10px 2px 10px;
+}
+#nav .overbox#roadmap {
+ width: 350px;
+ top: 50px;
+ right: 10px;
+}
+#nav .overbox#roadmap .overflow {
+ width: 350px;
+ padding: 8px 0;
+}
+#nav .overbox#roadmap p {
+ color: #CCC;
+ font-size: 12px;
+ margin: 0 10px 10px 10px;
+}
+#nav .overbox#roadmap p em {
+ display: block;
+ font-size: 11px;
+ color: #4F4F4F;
+}
+#nav .overbox#roadmap hr {
+ margin: 5px 0;
+ border: none;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial {
+ width: 350px;
+ top: 50px;
+ right: 143px;
+ color: white;
+}
+#nav .overbox#tutorial form {
+ padding: 0 0 10px 0;
+ margin: 0;
+ border-top: solid 1px #202020;
+}
+#nav .overbox#tutorial .overflow {
+ padding: 15px 15px 0 15px;
+}
+#nav .overbox#tutorial .overflow h3 {
+ position: relative;
+ margin: 0;
+ padding: 0 0 0 36px;
+}
+#nav .overbox#tutorial .overflow h3 .number {
+ position: absolute;
+ top: -4px;
+ left: 0;
+ display: block;
+ width: 26px;
+ line-height: 26px;
+ text-align: center;
+ background: #510816;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ margin-right: 10px;
+}
+#nav .overbox#tutorial .overflow p {
+ font-size: 12px;
+ color: #CCC;
+}
+#nav .overbox#new-notifications {
+ top: 50px;
+ left: 627px;
+ width: 300px;
+}
+#tools .overbox {
+ display: none;
+ position: absolute;
+ background: #0A0A0A;
+ box-shadow: inset 0 0 2px #4F4F4F;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ width: 300px;
+ bottom: 45px;
+ right: 15px;
+}
+#tools .overbox:before {
+ content: '';
+ position: absolute;
+ border-style: solid;
+ border-width: 9px;
+ border-color: #202020 transparent transparent transparent;
+ bottom: -18px;
+ right: 30px;
+}
+#tools .overbox.left-pic:before {
+ left: 30px;
+ right: auto;
+}
+#tools .overbox#tools-calendar {
+ left: 25px;
+ bottom: 45px;
+ right: auto;
+}
+#tools .overbox#tools-refinery {
+ right: 401px;
+ bottom: 45px;
+}
+#tools .overbox#tools-generator {
+ right: 237px;
+ bottom: 45px;
+}
+#tools .overbox#tools-technosphere {
+ right: 193px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock1 {
+ right: 148px;
+ bottom: 45px;
+}
+#tools .overbox#tools-dock2 {
+ right: 105px;
+ bottom: 45px;
+}
+#tools .overbox#tools-credit {
+ right: 140px;
+ bottom: 45px;
+}
+#tools .overbox#tools-incoming-attack {
+ right: 230px;
+ bottom: 45px;
+}
+#tools .overbox#tools-outgoing-attack {
+ right: 185px;
+ bottom: 45px;
+}
+#subnav {
+ position: fixed;
+ top: 29px;
+ left: 2px;
+ bottom: 29px;
+ padding: 40px 0;
+ width: 60px;
+ background: url('src/desktop/subnav/middle.png') repeat-y;
+ z-index: 1000;
+}
+#subnav hr {
+ border: none;
+ margin: 20px 0;
+}
+#subnav .overflow {
+ position: relative;
+}
+#subnav .move-side-bar {
+ display: none;
+ position: absolute;
+ z-index: 5000;
+ left: 5px;
+ width: 48px;
+ height: 48px;
+ line-height: 48px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.75);
+ background-position: center;
+ background-repeat: no-repeat;
+ border-radius: 100%;
+ cursor: pointer;
+}
+#subnav .move-side-bar:hover,
+#subnav .move-side-bar:focus {
+ box-shadow: 0 0 3px white;
+}
+#subnav .move-side-bar.top {
+ bottom: auto;
+ top: 20px;
+ background-image: url('src/desktop/component/top.png');
+}
+#subnav .move-side-bar.bottom {
+ bottom: 20px;
+ top: auto;
+ background-image: url('src/desktop/component/bottom.png');
+}
+#subnav .item {
+ position: relative;
+ display: block;
+ height: 50px;
+ width: 50px;
+ margin: 0 0 10px 0;
+ padding: 8px 5px;
+ color: white;
+ text-decoration: none;
+ background: url('src/desktop/subnav/button.png') no-repeat;
+}
+#subnav .item.active {
+ background: url('src/desktop/subnav/button-active-c1.png') no-repeat;
+}
+#subnav .item.striped {
+ background: url('src/desktop/subnav/button-striped.png') no-repeat;
+}
+#subnav .item:before {
+ content: '';
+ position: absolute;
+ right: -6px;
+ bottom: 0;
+ width: 12px;
+ height: 47px;
+ background: url('src/desktop/subnav/til.png') no-repeat;
+}
+#subnav .item:hover:before {
+ background: url('src/desktop/subnav/til-hover.png') no-repeat;
+}
+#subnav .item:hover > .content {
+ display: block;
+}
+#subnav .item .picto {
+ display: block;
+ height: 30px;
+ width: 30px;
+ padding: 10px;
+}
+#subnav .item .picto img {
+ display: block;
+ height: 30px;
+ width: 30px;
+}
+#subnav .item .picto .number {
+ position: absolute;
+ bottom: -5px;
+ right: -18px;
+ display: block;
+ width: 28px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ font-size: 12px;
+ background: url('src/desktop/subnav/number.png') no-repeat;
+}
+#subnav .item .content {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 75px;
+ width: 230px;
+}
+#subnav .item .content.skin-1 span {
+ display: inline-block;
+ margin: 15px 0 15px 16px;
+ padding: 0 15px;
+ line-height: 30px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-1 span:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content {
+ display: inline-block;
+ margin: 0 0 0 16px;
+ padding: 10px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+#subnav .item .content.skin-2 .sub-content:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 8px;
+ border-color: transparent #4F4F4F transparent transparent;
+ left: 0;
+ top: 22px;
+}
+#subnav .item .content.skin-2 .sub-content hr {
+ border: none;
+ border-top: solid 1px #4F4F4F;
+ margin: 5px 0;
+}
+#subnav .item .content.skin-2 .sub-content .ship {
+ position: relative;
+}
+#subnav .item .content.skin-2 .sub-content .ship img {
+ width: 32px;
+ height: 32px;
+}
+#subnav .item .content.skin-2 .sub-content .ship img.zero {
+ opacity: .5;
+}
+#subnav .item .content.skin-2 .sub-content .ship .number {
+ position: absolute;
+ bottom: -2px;
+ right: -2px;
+ width: 18px;
+ height: 18px;
+ line-height: 18px;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+ text-align: center;
+ background: #b01e2d;
+}
+#alert-content {
+ display: none;
+}
+#alert {
+ position: absolute;
+ bottom: 18px;
+ left: 50px;
+ padding: 0;
+ text-align: right;
+ list-style: inset none;
+}
+#alert li {
+ position: relative;
+ display: inline-block;
+ margin: 0 0 0 5px;
+}
+#alert li img {
+ display: block;
+ height: 50px;
+ border: solid 1px #202020;
+ padding: 5px;
+ background: #0A0A0A;
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ -o-border-radius: 100%;
+ border-radius: 100%;
+}
+.alert-bull {
+ display: block;
+ position: absolute;
+ z-index: 1200;
+ width: 200px;
+ padding: 6px 8px;
+ color: white;
+ background: #202020;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.alert-bull .title {
+ display: block;
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+ border-bottom: solid 1px #4F4F4F;
+}
+.alert-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ bottom: -14px;
+ left: 24px;
+ border-color: #4F4F4F transparent transparent transparent;
+}
+#content {
+ position: absolute;
+ width: 8000px;
+ height: 100%;
+ top: 0;
+ left: 300px;
+ z-index: 200;
+}
+#content .component {
+ position: relative;
+ display: table-cell;
+ overflow: hidden;
+ width: 300px;
+ background: rgba(0, 0, 0, 0.92);
+}
+#content .component.size2 {
+ width: 600px;
+}
+#content .component.size3 {
+ width: 900px;
+}
+#content .component:nth-child(1) {
+ background: rgba(0, 0, 0, 0.6);
+}
+#content .component:nth-child(2) {
+ background: rgba(0, 0, 0, 0.75);
+}
+#content .component:nth-child(3) {
+ background: rgba(0, 0, 0, 0.85);
+}
+#content .component:nth-child(4) {
+ background: rgba(0, 0, 0, 0.9);
+}
+#content .component .head {
+ position: relative;
+ display: inline-block;
+ height: 120px;
+ width: 100%;
+ vertical-align: top;
+ color: white;
+ background: url('src/desktop/component/bHead.jpg') repeat-x center black;
+ border-bottom: solid 1px #202020;
+}
+#content .component .head h1 {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ font-size: 38px;
+ line-height: 50px;
+ height: 50px;
+ display: inline-block;
+ padding: 0 10px;
+ background: black;
+ overflow: hidden;
+}
+#content .component .fix-body {
+ position: relative;
+ overflow: auto;
+ color: white;
+ border-right: solid 1px #202020;
+}
+#content .component .fix-body .body {
+ position: relative;
+}
+.no-scrolling #content .component .fix-body {
+ overflow: hidden;
+}
+.no-scrolling #content .component .fix-body > a {
+ position: absolute;
+ width: 100%;
+ height: 40px;
+ left: 0;
+ opacity: 0;
+}
+.no-scrolling #content .component .fix-body.hover > a {
+ opacity: 1;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+.no-scrolling #content .component .fix-body .toTop {
+ top: 0;
+ background-image: url('src/desktop/component/top.png'), -webkit-gradient(linear, black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -moz-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -ms-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), -o-linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+ background-image: url('src/desktop/component/top.png'), linear-gradient(black, rgba(0, 0, 0, 0.8), transparent);
+}
+.no-scrolling #content .component .fix-body .toBottom {
+ bottom: 0;
+ background-image: url('src/desktop/component/bottom.png'), -webkit-gradient(linear, transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+ background-image: url('src/desktop/component/bottom.png'), linear-gradient(transparent, rgba(0, 0, 0, 0.8), black);
+}
+#content .component.invisible {
+ background: transparent;
+}
+#content .component.invisible .publicity {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: red;
+}
+.component .tool {
+ display: table;
+ width: 100%;
+ height: 44px;
+ margin: 0;
+ overflow: hidden;
+ background: black;
+ border-bottom: solid 1px #b01e2d;
+ color: #4F4F4F;
+}
+.component .tool > span {
+ display: table-cell;
+ width: 28px;
+ border: solid 6px transparent;
+ border-left: none;
+}
+.component .tool > span:first-child {
+ border: solid 5px transparent;
+ width: auto;
+ text-align: center;
+}
+.component .tool > span:first-child a {
+ width: auto;
+}
+.component .tool > span a {
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 0;
+ line-height: 30px;
+ width: 30px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+ text-align: center;
+}
+.component .tool > span a img {
+ width: 18px;
+ position: relative;
+ top: -4px;
+}
+.component .tool > span a.active {
+ background: #6e161b;
+ color: white;
+ border-color: #b01e2d;
+}
+.component .tool > span a.active.down {
+ box-shadow: 0 2px 0 0 #CCC;
+}
+.component .tool > span a.active.up {
+ box-shadow: 0 -2px 0 0 #CCC;
+}
+.component .tool > span a.active:hover,
+.component .tool > span a.active:focus {
+ color: #CCC;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
+}
+.component .tool > span a:hover,
+.component .tool > span a:focus,
+.component .tool > span a:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .tool.sort-button > span:first-child {
+ text-align: center;
+}
+.component h3 {
+ width: 100%;
+ margin: 0;
+ background: black;
+ text-align: center;
+ padding: 0 2px;
+ line-height: 44px;
+ font-weight: normal;
+ font-size: 14px;
+ color: #4F4F4F;
+ text-decoration: none;
+ border-bottom: solid 1px #b01e2d;
+}
+.component h4 {
+ margin: 10px 10px 0 10px;
+ font-weight: normal;
+ font-size: 18px;
+}
+.component .body p {
+ margin: 10px;
+ font-size: 13px;
+ text-align: justify;
+}
+.component .body p.info {
+ position: relative;
+ border-top: solid 1px #202020;
+ padding: 10px;
+ margin: 10px;
+ line-height: 140%;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component .body p.info a {
+ color: white;
+}
+.component .body p.info .requierement {
+ display: inline-block;
+ margin: 0 0 0 8px;
+ vertical-align: bottom;
+ height: 16px;
+}
+.component .body p.long-info {
+ padding: 10px;
+ line-height: 150%;
+ background: black;
+}
+.component .body p .alone-button {
+ display: block;
+ text-align: center;
+ color: white;
+ line-height: 40px;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #4F4F4F;
+ box-shadow: inset 0 0 2px black;
+ padding: 0 10px;
+ background: #510816;
+}
+.component .body p .alone-button:hover,
+.component .body p .alone-button:focus {
+ background: #6e161b;
+}
+.component .border-bottom {
+ border-bottom: solid 3px #b01e2d;
+}
+.component .list-type-1 {
+ margin: 10px;
+ padding: 0;
+ list-style: none;
+}
+.component .list-type-1 li {
+ position: relative;
+ padding: 5px 10px;
+ text-align: right;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: rgba(0, 0, 0, 0.8);
+ color: #989898;
+}
+.component .list-type-1 li.strong {
+ border-top: double 3px #4F4F4F;
+ background: #111111;
+ color: white;
+}
+.component .list-type-1 li.empty {
+ background: none;
+ border: none;
+ height: 50px;
+}
+.component .list-type-1 li ul li {
+ height: auto;
+}
+.component .list-type-1 .label {
+ display: block;
+ font-size: 13px;
+}
+.component .list-type-1 .label .icon-color {
+ width: 15px;
+ padding: 1px;
+}
+.component .list-type-1 .value {
+ display: inline-block;
+ font-size: 22px;
+ line-height: 30px;
+ font-weight: bold;
+}
+.component .list-type-1 .value .icon,
+.component .list-type-1 .value .icon-color {
+ height: 18px;
+ margin-left: 8px;
+ position: relative;
+ top: -3px;
+}
+.component .list-type-1 .picto {
+ position: absolute;
+ top: 7px;
+ left: 10px;
+ height: 35px;
+ width: 35px;
+ line-height: 35px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+ font-size: 16px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+}
+.component .list-type-1 .picto.color1 {
+ background: #510816;
+}
+.component .list-type-1 .picto.color2 {
+ background: #0c0d44;
+}
+.component .list-type-1 .picto.color3 {
+ background: #b17a00;
+}
+.component .list-type-1 .picto.color4 {
+ background: #310948;
+}
+.component .list-type-1 .picto.color5 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color6 {
+ background: #004948;
+}
+.component .list-type-1 .picto.color7 {
+ background: #401b13;
+}
+.component .list-type-1 .picto.color8 {
+ background: #c3590b;
+}
+.component .list-type-1 .picto.color9 {
+ background: #24500a;
+}
+.component .list-type-1 .picto.color10 {
+ background: #4d0621;
+}
+.component .list-type-1 .picto.color11 {
+ background: #10684c;
+}
+.component .list-type-1 .picto.color12 {
+ background: #b17a00;
+}
+.component .list-type-1 .hide {
+ color: #4F4F4F;
+}
+.component .list-type-1 .buttons {
+ position: absolute;
+ top: 28px;
+ left: 5px;
+}
+.component .list-type-1 .buttons a {
+ display: inline-block;
+ margin: 0 4px;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-style: 14px;
+ color: white;
+ border-radius: 3px;
+ background: #6e161b;
+}
+.component .list-type-1 .progress-bar {
+ text-align: left;
+ margin-top: 5px;
+}
+.component .sub-list-type-1 {
+ display: none;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.component .sub-list-type-1 li {
+ position: relative;
+ padding: 2px 0;
+ text-align: left;
+ border: none;
+ border-top: solid 1px #0A0A0A;
+}
+.component .sub-list-type-1 .label {
+ display: inline-block;
+ width: 60%;
+}
+.component .sub-list-type-1 .label .button {
+ position: relative;
+ left: -4px;
+ margin: 0 0 0 3px;
+}
+.component .sub-list-type-1 .value {
+ text-align: right;
+ line-height: 25px;
+ font-size: 18px;
+ width: 40%;
+}
+.component .sub-list-type-1 .value .button {
+ margin: 0 2px 0 6px;
+}
+.component .sub-list-type-1 .button {
+ display: inline-block;
+ width: 18px;
+ line-height: 18px;
+ text-align: center;
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: normal;
+ color: white;
+ border-radius: 3px;
+ background: #b01e2d;
+}
+.component .list-type-1 form {
+ z-index: 1;
+ position: absolute;
+ display: none;
+ bottom: -40px;
+ right: 3px;
+}
+.component .list-type-1 form p {
+ position: relative;
+ background: white;
+ border-radius: 3px;
+ padding: 0;
+ margin: 0;
+ width: 200px;
+ height: 35px;
+}
+.component .list-type-1 form p:before {
+ content: '';
+ position: absolute;
+ top: -12px;
+ right: 12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+}
+.component .list-type-1 form input {
+ border: none;
+ background: none;
+ line-height: 35px;
+ height: 35px;
+ padding: 0 10px;
+}
+.component .list-type-1 form input[type='text'] {
+ width: 140px;
+}
+.component .list-type-1 form input[type='submit'] {
+ width: 40px;
+}
+.component .sub-list-type-1 form {
+ right: -6px;
+}
+/* NUMBER BOX */
+.number-box {
+ position: relative;
+ margin: 10px;
+ padding: 5px 10px;
+ background: black;
+ color: white;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ border-left: solid 10px #6e161b;
+}
+.number-box.half {
+ display: inline-block;
+ width: 254px;
+ margin-right: 0;
+ margin-bottom: 0;
+}
+.number-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.number-box.text {
+ border-left: solid 1px #0A0A0A;
+}
+.number-box.text a {
+ text-decoration: none;
+ color: white;
+}
+.number-box .label {
+ display: block;
+}
+.number-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.number-box .value .icon-color {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+.number-box .progress-bar {
+ margin: 5px 0;
+}
+.number-box .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.number-box .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #6e161b;
+}
+/* PROGRESS BAR */
+.progress-bar {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 3px;
+ background: #4F4F4F;
+}
+.progress-bar .content {
+ position: relative;
+ display: inline-block;
+ height: 3px;
+ vertical-align: top;
+ overflow: hidden;
+ max-width: 100%;
+}
+.progress-bar .content:nth-child(n) {
+ background: #b01e2d;
+}
+.progress-bar .content:nth-child(2n) {
+ background: #510816;
+}
+.progress-bar .content.color1 {
+ background: #6e161b;
+}
+.progress-bar .content.color2 {
+ background: #1f1471;
+}
+.progress-bar .content.color3 {
+ background: #dbb200;
+}
+.progress-bar .content.color4 {
+ background: #5a1072;
+}
+.progress-bar .content.color5 {
+ background: #2c7915;
+}
+.progress-bar .content.color6 {
+ background: #076b87;
+}
+.progress-bar .content.color7 {
+ background: #67331d;
+}
+.progress-bar .content.color8 {
+ background: #d87913;
+}
+.progress-bar .content.color9 {
+ background: #2c7915;
+}
+.progress-bar .content.color10 {
+ background: #760f36;
+}
+.progress-bar .content.color11 {
+ background: #219772;
+}
+.progress-bar .content.color12 {
+ background: #dbb200;
+}
+.progress-bar .step {
+ position: absolute;
+}
+.progress-bar .step .label {
+ position: absolute;
+ display: block;
+ width: 150px;
+ left: 0;
+ top: -28px;
+}
+.progress-bar .step .label.bottom {
+ top: auto;
+ bottom: -28px;
+}
+.progress-bar .step .label.right {
+ right: 0;
+ left: auto;
+ text-align: right;
+}
+.progress-bar .step:before {
+ content: '';
+ position: absolute;
+ width: 12px;
+ height: 12px;
+ background: #6e161b;
+ box-shadow: 0 0 0 3px #510816;
+ border-radius: 100%;
+ top: -5px;
+ left: -5px;
+}
+/* BONUS */
+.bonus {
+ vertical-align: top;
+ display: inline-block;
+ font-size: 55%;
+ line-height: 100%;
+ padding: 3px;
+ margin: 2px 0 0 8px;
+ border-radius: 3px;
+ font-weight: normal;
+ background: #510816;
+}
+/* HEAD */
+.component .head.skin-1 img {
+ position: absolute;
+ top: 22px;
+ left: 20px;
+ padding: 8px;
+ width: 60px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .head.skin-1 img:before {
+ content: '';
+ width: 100px;
+ height: 100px;
+}
+.component .head.skin-1 h2 {
+ position: absolute;
+ bottom: 66px;
+ left: 105px;
+ font-size: 22px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-1 em {
+ position: absolute;
+ top: 62px;
+ left: 105px;
+ font-size: 13px;
+ line-height: 16px;
+ font-style: normal;
+}
+.component .head.skin-2 h2 {
+ position: absolute;
+ display: inline-block;
+ top: 45px;
+ left: 10px;
+ font-size: 22px;
+ line-height: 30px;
+ margin: 0;
+ padding: 0 10px;
+ background: black;
+ font-weight: normal;
+}
+.component .head.skin-3 img {
+ position: absolute;
+ width: 50px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 27px;
+}
+.component .head.skin-3 img.left {
+ left: 40px;
+}
+.component .head.skin-3 img.right {
+ right: 40px;
+}
+.component .head.skin-4 img.main {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ padding: 8px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ top: 37px;
+}
+.component .head.skin-4 h2 {
+ position: absolute;
+ top: 35px;
+ left: 60px;
+ font-size: 18px;
+ line-height: 22px;
+ margin: 0;
+ padding: 0;
+}
+.component .head.skin-4 em {
+ position: absolute;
+ top: 65px;
+ left: 60px;
+ font-size: 13px;
+ line-height: 16px;
+}
+.component .head.skin-5 h2 {
+ position: absolute;
+ top: 50px;
+ left: 10px;
+ font-size: 16px;
+ font-weight: normal;
+ margin: 0;
+ padding: 0 20px;
+ background: black;
+}
+.component .head.skin-5 h2:before {
+ content: '';
+ position: absolute;
+ display: block;
+ top: 5px;
+ left: 0;
+ width: 8px;
+ height: 8px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .more-item,
+.component .more-button {
+ display: block;
+ margin: 10px 10px 5px;
+ line-height: 34px;
+ padding: 0 12px;
+ background: #0A0A0A;
+ color: #4F4F4F;
+ text-decoration: none;
+ border: solid 1px #202020;
+ border-radius: 3px;
+}
+.component .more-item:hover,
+.component .more-button:hover,
+.component .more-item:focus,
+.component .more-button:focus,
+.component .more-item:active,
+.component .more-button:active {
+ color: #CCC;
+ box-shadow: inset 0 0 5px black;
+}
+.component .nav-element {
+ position: relative;
+ display: block;
+ margin: 10px;
+ height: 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component .nav-element img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ height: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component .nav-element.active {
+ background: #6e161b;
+}
+.component .nav-element .active img {
+ background: black;
+}
+.component .nav-element strong {
+ position: absolute;
+ top: 5px;
+ left: 70px;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component .nav-element em {
+ position: absolute;
+ top: 30px;
+ left: 70px;
+ color: white;
+ font-weight: normal;
+ font-size: 12px;
+ font-style: normal;
+ color: #efefef;
+}
+.component hr {
+ border: none;
+ border-bottom: dashed 1px #202020;
+ margin: 0 10px;
+}
+.component .set-item {
+ margin: 10px;
+ border-bottom: solid 1px #202020;
+}
+.component .set-item a.item:hover,
+.component .set-item a.item:focus {
+ background-color: #0c0c0c;
+}
+.component .set-item .item {
+ position: relative;
+ display: block;
+ color: white;
+ height: 60px;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+}
+.component .set-item .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+}
+.component .set-item .item .left img {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left img.color1 {
+ background: #6e161b;
+}
+.component .set-item .item .left img.color2 {
+ background: #1f1471;
+}
+.component .set-item .item .left img.color3 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.color4 {
+ background: #5a1072;
+}
+.component .set-item .item .left img.color5 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color6 {
+ background: #076b87;
+}
+.component .set-item .item .left img.color7 {
+ background: #67331d;
+}
+.component .set-item .item .left img.color8 {
+ background: #d87913;
+}
+.component .set-item .item .left img.color9 {
+ background: #2c7915;
+}
+.component .set-item .item .left img.color10 {
+ background: #760f36;
+}
+.component .set-item .item .left img.color11 {
+ background: #219772;
+}
+.component .set-item .item .left img.color12 {
+ background: #dbb200;
+}
+.component .set-item .item .left img.round-color0 {
+ box-shadow: 0 0 0 2px #CCC;
+}
+.component .set-item .item .left img.round-color1 {
+ box-shadow: 0 0 0 2px #b01e2d;
+}
+.component .set-item .item .left img.round-color2 {
+ box-shadow: 0 0 0 2px #2f23c0;
+}
+.component .set-item .item .left img.round-color3 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left img.round-color4 {
+ box-shadow: 0 0 0 2px #a935c7;
+}
+.component .set-item .item .left img.round-color5 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color6 {
+ box-shadow: 0 0 0 2px #05bed7;
+}
+.component .set-item .item .left img.round-color7 {
+ box-shadow: 0 0 0 2px #ac5832;
+}
+.component .set-item .item .left img.round-color8 {
+ box-shadow: 0 0 0 2px #f2b636;
+}
+.component .set-item .item .left img.round-color9 {
+ box-shadow: 0 0 0 2px #57c632;
+}
+.component .set-item .item .left img.round-color10 {
+ box-shadow: 0 0 0 2px #a92859;
+}
+.component .set-item .item .left img.round-color11 {
+ box-shadow: 0 0 0 2px #34b089;
+}
+.component .set-item .item .left img.round-color12 {
+ box-shadow: 0 0 0 2px #ffdb0f;
+}
+.component .set-item .item .left span {
+ display: block;
+ width: 30px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 15px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+ background: #202020;
+}
+.component .set-item .item .left span.round-color0 {
+ background: #CCC;
+}
+.component .set-item .item .left span.round-color1 {
+ background: #b01e2d;
+}
+.component .set-item .item .left span.round-color2 {
+ background: #2f23c0;
+}
+.component .set-item .item .left span.round-color3 {
+ background: #ffdb0f;
+}
+.component .set-item .item .left span.round-color4 {
+ background: #a935c7;
+}
+.component .set-item .item .left span.round-color5 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color6 {
+ background: #05bed7;
+}
+.component .set-item .item .left span.round-color7 {
+ background: #ac5832;
+}
+.component .set-item .item .left span.round-color8 {
+ background: #f2b636;
+}
+.component .set-item .item .left span.round-color9 {
+ background: #57c632;
+}
+.component .set-item .item .left span.round-color10 {
+ background: #a92859;
+}
+.component .set-item .item .left span.round-color11 {
+ background: #34b089;
+}
+.component .set-item .item .left span.round-color12 {
+ background: #ffdb0f;
+}
+.component .set-item .item .center {
+ position: absolute;
+ top: 0;
+ left: 60px;
+ right: 30px;
+ bottom: 0;
+ padding: 9px 0;
+}
+.component .set-item .item .center strong {
+ display: block;
+ line-height: 22px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+}
+.component .set-item .item .center a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+}
+.component .set-item .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 29px;
+ border-left: solid 1px #202020;
+}
+.component .set-item .item .right a {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 29px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+}
+.component .set-item .item .right a:hover,
+.component .set-item .item .right a:focus,
+.component .set-item .item .right a.active {
+ background-color: #202020;
+}
+.component .set-item .item .group-link {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+.component .set-item .item .group-link a {
+ display: inline-block;
+ line-height: 18px;
+ width: 18px;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ margin-left: 5px;
+ background: #6e161b;
+}
+.army-bull {
+ display: none;
+ position: absolute;
+ z-index: 1200;
+ padding: 4px 8px;
+ width: 220px;
+ color: #CCC;
+ background: #202020;
+ border-radius: 3px;
+ border: solid 1px #4F4F4F;
+ box-shadow: inset 0 0 3px black;
+}
+.army-bull:before {
+ content: '';
+ display: block;
+ position: absolute;
+ border-style: solid;
+ border-width: 7px;
+ top: -14px;
+ border-color: transparent transparent #4F4F4F transparent;
+ left: 18px;
+}
+.army-bull strong {
+ display: block;
+ padding-bottom: 5px;
+ margin-bottom: 5px;
+ border-bottom: solid 1px #4F4F4F;
+ font-weight: normal;
+}
+.army-bull .label {
+ display: inline-block;
+ width: 70px;
+}
+.army-bull .value {
+ display: inline-block;
+ width: 40px;
+}
+.component .build-item {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ width: 278px;
+}
+.component .build-item a {
+ color: white;
+}
+.component .build-item .name {
+ position: relative;
+ height: 40px;
+ padding: 5px 5px 5px 90px;
+}
+.component .build-item .name img {
+ z-index: 20;
+ position: absolute;
+ top: -10px;
+ left: 5px;
+ width: 60px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component .build-item .name strong {
+ display: block;
+ font-size: 18px;
+}
+.component .build-item .level {
+ display: block;
+ position: absolute;
+ width: 22px;
+ line-height: 22px;
+ text-align: center;
+ font-size: 12px;
+ border-radius: 100%;
+ top: 38px;
+ left: 58px;
+ border: solid 1px white;
+ z-index: 22;
+ background: #6e161b;
+}
+.component .build-item .info {
+ display: none;
+ position: absolute;
+ width: 20px;
+ line-height: 20px;
+ text-align: center;
+ font-size: 16px;
+ text-decoration: none;
+ border-radius: 3px;
+ top: 5px;
+ right: 5px;
+ background: #6e161b;
+ color: white;
+}
+.component .build-item .name-commander {
+ margin: 10px 10px 0 10px;
+ height: 40px;
+ padding: 0 10px;
+ border: none;
+ background: white;
+ border-radius: 3px;
+ width: 240px;
+ text-align: center;
+ font-size: 16px;
+}
+.component .build-item .button {
+ display: block;
+ margin: 10px;
+ padding: 5px 10px;
+ width: 240px;
+ line-height: 20px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ background: #6e161b;
+ box-shadow: inset 0 0 2px black;
+ border: none;
+ cursor: pointer;
+ min-height: 36px;
+}
+.component .build-item .button:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #b01e2d;
+}
+.component .build-item .button.disable {
+ background: #202020;
+ cursor: default;
+}
+.component .build-item .button .icon-color {
+ width: 14px;
+}
+.component .build-item button.button {
+ width: 260px;
+}
+.component .build-item .ship-pack {
+ z-index: 10;
+ position: absolute;
+ bottom: 15px;
+ left: 15px;
+ width: 60px;
+ height: 40px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ background: white;
+ text-align: center;
+ font-size: 24px;
+ font-weight: bold;
+ border-radius: 3px;
+ box-shadow: inset 0 0 0 3px #CCC;
+}
+.component .build-item .ship-illu {
+ width: 260px;
+ margin: 5px 10px;
+ overflow: hidden;
+}
+.component .build-item .ship-illu img {
+ width: 100%;
+}
+.component .build-item.disabled {
+ opacity: .3;
+}
+.component .build-item.disabled .name img {
+ opacity: .50;
+}
+.component .build-item.disabled strong {
+ color: #4F4F4F;
+}
+.component .build-item.disabled .button.disable {
+ color: #696969;
+}
+.component .build-item.disabled .button.disable:hover {
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component .build-item.large {
+ width: 578px;
+}
+.component .build-item.large .info {
+ top: 75px;
+ right: 25px;
+}
+.component .build-item.large .button {
+ display: block;
+ top: -3px;
+ right: 0;
+ line-height: 18px;
+ width: 540px;
+ min-height: 36px;
+}
+.component .build-item.large .ship-illu {
+ width: 560px;
+ margin-top: 10px;
+}
+.component .build-item input {
+ display: block;
+ width: 243px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component .build-item select {
+ display: block;
+ width: 260px;
+ margin: 10px;
+ padding: 8px;
+ border: none;
+}
+.component.panel-info .remove-info {
+ display: block;
+ position: absolute;
+ top: 2px;
+ right: 10px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ color: white;
+ border-radius: 3px;
+ background: #510816;
+}
+.component.panel-info .table {
+ margin: 10px;
+}
+.component.panel-info .table table {
+ width: 100%;
+ text-align: right;
+ border-collapse: collapse;
+ background: black;
+}
+.component.panel-info .table td {
+ border: solid 1px #202020;
+ padding: 6px 8px;
+}
+.component.panel-info .table tr.small-grey {
+ background: #0A0A0A;
+}
+.component.panel-info .table tr.active td {
+ background: #0A0A0A;
+ border-bottom: solid 1px #4F4F4F;
+}
+.component.panel-info .table .icon-color {
+ width: 12px;
+}
+.component.panel-info .illu {
+ margin: 0 10px;
+ box-shadow: inset 0 0 5px black;
+}
+.component.panel-info .skill-box {
+ position: relative;
+ margin: 0 10px;
+ padding: 5px 10px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+}
+.component.panel-info .skill-box.grey {
+ border-left: solid 10px #4F4F4F !important;
+}
+.component.panel-info .skill-box .label {
+ display: block;
+}
+.component.panel-info .skill-box .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.panel-info .skill-box .value .icon-color {
+ width: 18px;
+}
+.component.panel-info .skill-box .progress-bar {
+ margin: 6px 0 2px 0;
+}
+.splash-screen {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 10000;
+ opacity: 0;
+ background: rgba(0, 0, 0, 0.8);
+}
+.splash-screen .modal {
+ width: 500px;
+ height: 140px;
+ position: absolute;
+ top: 80px;
+ right: 3000px;
+ background: #0A0A0A;
+ padding: 25px 175px 25px 75px;
+ color: white;
+ border-radius: 140px;
+ border: solid 1px #202020;
+}
+.splash-screen .modal h1 {
+ font-size: 36px;
+ margin: 0;
+ padding: 0 0 10px 0;
+}
+.splash-screen .modal h2 {
+ font-size: 20px;
+ margin: 0;
+ padding: 0;
+}
+.splash-screen .modal img {
+ position: absolute;
+ top: -15px;
+ right: -50px;
+ width: 200px;
+ padding: 10px;
+ background: #202020;
+ border-radius: 100%;
+ border: solid 1px #4F4F4F;
+}
+.splash-screen .modal:before {
+ content: '';
+ position: absolute;
+ top: -80px;
+ right: 20px;
+ border-color: transparent transparent #4F4F4F transparent;
+ border-width: 40px;
+ border-style: solid;
+}
+.common-link {
+ color: white;
+}
+.component .top-right-button {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 10px;
+ padding: 0 10px;
+ line-height: 30px;
+ color: white;
+ border-radius: 3px;
+ text-decoration: none;
+ background: #6e161b;
+ z-index: 1;
+}
+.component .top-right-button:hover,
+.component .top-right-button:focus {
+ background: #510816;
+}
+.alert {
+ display: block;
+ margin: 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ text-decoration: none;
+ color: white;
+ background: #6e161b;
+ border-radius: 3px;
+ box-shadow: 0 0 2px black;
+}
+.common-link {
+ display: block;
+ margin: 10px;
+ color: white;
+ text-decoration: none;
+}
+.text-bloc a {
+ display: inline-block;
+ color: inherit;
+ opacity: .60;
+}
+.text-bloc a:hover,
+.text-bloc a:focus {
+ opacity: 1;
+}
+.queue {
+ margin: 10px;
+ color: white;
+}
+.queue .item {
+ position: relative;
+ background: black;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ min-height: 60px;
+ display: block;
+}
+.queue .item.empty {
+ background: #0A0A0A;
+}
+.queue .item.empty strong {
+ font-weight: normal;
+}
+.queue .item.link {
+ min-height: 0;
+ padding: 10px;
+ color: #4F4F4F;
+ text-decoration: none;
+}
+.queue .item.link:hover,
+.queue .item.link:focus {
+ color: #CCC;
+}
+.queue .item a.button {
+ position: absolute;
+ display: block;
+ top: 2px;
+ right: 5px;
+ color: white;
+ text-decoration: none;
+}
+.queue .item a {
+ color: #CCC;
+}
+.queue .item .group-link {
+ position: absolute;
+ top: 9px;
+ right: 9px;
+}
+.queue .item .group-link a {
+ display: block;
+ width: 20px;
+ line-height: 20px;
+ margin: 0 0 5px 0;
+ border-radius: 3px;
+ color: white;
+ text-align: center;
+ text-decoration: none;
+ background: #6e161b;
+}
+.queue .item .group-link a:hover,
+.queue .item .group-link a:focus {
+ background: #b01e2d;
+}
+.queue .item .picto {
+ float: left;
+ width: 40px;
+ height: 40px;
+ margin: 5px;
+ padding: 5px;
+ background: black;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.queue .item strong {
+ display: block;
+ margin: 6px 0 2px 0;
+}
+.queue .item strong .level {
+ font-size: 11px;
+ color: #CCC;
+}
+.queue .item .big {
+ font-size: 24px;
+}
+.queue .item em {
+ display: block;
+ font-style: normal;
+ color: #AEAEAE;
+}
+.queue .item .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 5px;
+ height: 3px;
+ background: #4F4F4F;
+}
+.queue .item .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #b01e2d;
+}
+.choose-government {
+ display: block;
+ margin: 10px;
+ padding: 10px;
+ background: #0A0A0A;
+ border-radius: 3px;
+}
+.choose-government select {
+ display: block;
+ width: 100%;
+ padding: 8px;
+}
+.choose-government button {
+ display: block;
+ width: 100%;
+ margin: 10px 0 0 0;
+ padding: 0 10px;
+ line-height: 30px;
+ border: none;
+ color: white;
+ cursor: pointer;
+ background: #6e161b;
+}
+.choose-government button:hover,
+.choose-government button:focus {
+ background: #510816;
+}
+.evolution {
+ background: black;
+ margin: 10px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+}
+.evolution .header {
+ padding: 10px;
+ border-bottom: solid 1px #202020;
+ color: #EFEFEF;
+}
+.evolution .diargam {
+ padding: 10px;
+ background: #0A0A0A;
+}
+.evolution .diargam .progress-bar {
+ background: #0A0A0A !important;
+ height: 20px;
+ padding-bottom: 1px;
+}
+.evolution .diargam .progress-bar .content {
+ height: 20px;
+ line-height: 20px;
+ font-size: 12px;
+ color: white;
+ padding-left: 5px;
+}
+.evolution .diargam .progress-bar:nth-child(odd) .content {
+ background: #6e161b !important;
+}
+.centred-link {
+ display: block;
+ width: 300px;
+ text-align: center;
+ margin: 0 auto;
+ text-decoration: none;
+ padding: 6px 10px;
+ color: #EFEFEF;
+ background: #6e161b;
+ border: solid 1px #510816;
+}
+.centred-link:hover,
+.centred-link:focus {
+ background: #510816;
+ border-color: #6e161b;
+ color: white;
+}
+span.centred-link {
+ background: #202020;
+ border: solid 1px #0A0A0A;
+ color: #4F4F4F;
+}
+span.centred-link:hover,
+span.centred-link:focus {
+ background: #202020;
+ border-color: #0A0A0A;
+ color: #4F4F4F;
+}
+.component.profil .center-box {
+ margin: 20px 10px 0;
+ color: white;
+ text-align: center;
+}
+.component.profil .center-box .label {
+ display: block;
+}
+.component.profil .center-box .value {
+ display: block;
+ font-size: 26px;
+ font-weight: bold;
+ margin: 4px 0 0 0;
+}
+.component.profil .profil-flag {
+ position: relative;
+ width: 222px;
+ height: 460px;
+ margin: 0 auto;
+}
+.component.profil .profil-flag img {
+ position: relative;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ padding: 10px;
+ border-radius: 100%;
+ margin: 20px auto;
+ box-shadow: 0 0 0 4px #6e161b, 0 0 20px black;
+ z-index: 1;
+}
+.component.profil .profil-flag.color-1 img {
+ box-shadow: 0 0 0 4px #6e161b, 0 0 20px black;
+}
+.component.profil .profil-flag.color-2 img {
+ box-shadow: 0 0 0 4px #1f1471, 0 0 20px black;
+}
+.component.profil .profil-flag.color-3 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag.color-4 img {
+ box-shadow: 0 0 0 4px #5a1072, 0 0 20px black;
+}
+.component.profil .profil-flag.color-5 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-6 img {
+ box-shadow: 0 0 0 4px #076b87, 0 0 20px black;
+}
+.component.profil .profil-flag.color-7 img {
+ box-shadow: 0 0 0 4px #67331d, 0 0 20px black;
+}
+.component.profil .profil-flag.color-8 img {
+ box-shadow: 0 0 0 4px #d87913, 0 0 20px black;
+}
+.component.profil .profil-flag.color-9 img {
+ box-shadow: 0 0 0 4px #2c7915, 0 0 20px black;
+}
+.component.profil .profil-flag.color-10 img {
+ box-shadow: 0 0 0 4px #760f36, 0 0 20px black;
+}
+.component.profil .profil-flag.color-11 img {
+ box-shadow: 0 0 0 4px #219772, 0 0 20px black;
+}
+.component.profil .profil-flag.color-12 img {
+ box-shadow: 0 0 0 4px #dbb200, 0 0 20px black;
+}
+.component.profil .profil-flag:before {
+ display: block;
+ position: absolute;
+ content: '';
+ top: 218px;
+ left: 33px;
+ width: 154px;
+ height: 241px;
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.profil .profil-flag.color-1:before {
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.profil .profil-flag.color-2:before {
+ background: url('src/desktop/faction/flag/flag-2.png') no-repeat;
+}
+.component.profil .profil-flag.color-3:before {
+ background: url('src/desktop/faction/flag/flag-3.png') no-repeat;
+}
+.component.profil .profil-flag.color-4:before {
+ background: url('src/desktop/faction/flag/flag-4.png') no-repeat;
+}
+.component.profil .profil-flag.color-5:before {
+ background: url('src/desktop/faction/flag/flag-5.png') no-repeat;
+}
+.component.profil .profil-flag.color-6:before {
+ background: url('src/desktop/faction/flag/flag-6.png') no-repeat;
+}
+.component.profil .profil-flag.color-7:before {
+ background: url('src/desktop/faction/flag/flag-7.png') no-repeat;
+}
+.component.profil .profil-flag.color-8:before {
+ background: url('src/desktop/faction/flag/flag-8.png') no-repeat;
+}
+.component.profil .profil-flag.color-9:before {
+ background: url('src/desktop/faction/flag/flag-9.png') no-repeat;
+}
+.component.profil .profil-flag.color-10:before {
+ background: url('src/desktop/faction/flag/flag-10.png') no-repeat;
+}
+.component.profil .profil-flag.color-11:before {
+ background: url('src/desktop/faction/flag/flag-11.png') no-repeat;
+}
+.component.profil .profil-flag.color-12:before {
+ background: url('src/desktop/faction/flag/flag-12.png') no-repeat;
+}
+.component.profil .profil-flag .level {
+ z-index: 2;
+ display: block;
+ position: absolute;
+ top: 184px;
+ right: 2px;
+ width: 36px;
+ height: 36px;
+ text-align: center;
+ line-height: 36px;
+ background: #0A0A0A;
+ border: 3px solid #6e161b;
+ border-radius: 100%;
+}
+.component.profil .profil-flag.color-1 .level {
+ border-color: #6e161b;
+}
+.component.profil .profil-flag.color-2 .level {
+ border-color: #1f1471;
+}
+.component.profil .profil-flag.color-3 .level {
+ border-color: #dbb200;
+}
+.component.profil .profil-flag.color-4 .level {
+ border-color: #5a1072;
+}
+.component.profil .profil-flag.color-5 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-6 .level {
+ border-color: #076b87;
+}
+.component.profil .profil-flag.color-7 .level {
+ border-color: #67331d;
+}
+.component.profil .profil-flag.color-8 .level {
+ border-color: #d87913;
+}
+.component.profil .profil-flag.color-9 .level {
+ border-color: #2c7915;
+}
+.component.profil .profil-flag.color-10 .level {
+ border-color: #760f36;
+}
+.component.profil .profil-flag.color-11 .level {
+ border-color: #219772;
+}
+.component.profil .profil-flag.color-12 .level {
+ border-color: #dbb200;
+}
+.component.profil .faction-flag {
+ display: block;
+ content: '';
+ width: 154px;
+ height: 241px;
+ margin: 0 auto;
+ background: url('src/desktop/faction/flag/flag-1.png') no-repeat;
+}
+.component.search-player {
+ position: relative;
+ background: transparent !important;
+}
+.component.search-player .box {
+ position: absolute;
+ top: 60px;
+ left: 50px;
+ width: 440px;
+ color: white;
+}
+.component.search-player .top {
+ background: rgba(0, 0, 0, 0.4);
+ padding: 10px;
+ border-radius: 3px 3px 0 0;
+}
+.component.search-player .top label {
+ display: block;
+ font-size: 16px;
+}
+.component.search-player .top input {
+ display: block;
+ border: none;
+ height: 40px;
+ width: 400px;
+ padding: 0 10px;
+ margin: 10px 0 0 0;
+ font-size: 20px;
+ color: #202020;
+ border-radius: 3px;
+}
+.component.search-player .center {
+ background: rgba(0, 0, 0, 0.8);
+ padding: 10px 25px 10px 10px;
+ min-height: 140px;
+ border-radius: 0 0 3px 3px;
+}
+.component.search-player .center .avatar {
+ float: left;
+ position: relative;
+ left: -20px;
+ width: 120px;
+ padding: 8px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: #0A0A0A;
+}
+.component.search-player .center .right {
+ margin-left: 140px;
+}
+.component.search-player .center h1 {
+ margin: 10px 0 0 0;
+ padding: 0;
+}
+.component.search-player .center hr {
+ margin: 10px 0;
+ border-color: #4F4F4F;
+}
+.component.search-player .center p {
+ margin: 5px 0;
+ padding: 0;
+}
+.component.search-player .center p span {
+ display: inline-block;
+ background: red;
+ line-height: 28px;
+ padding: 0 10px;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ border-right: none;
+}
+.component.search-player .center p span:first-child {
+ border-radius: 3px 0 0 3px;
+}
+.component.search-player .center p span:last-child {
+ border-radius: 0 3px 3px 0;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+}
+.component.search-player.color1 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component.search-player.color2 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component.search-player.color3 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.search-player.color4 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component.search-player.color5 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color6 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component.search-player.color7 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component.search-player.color8 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component.search-player.color9 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component.search-player.color10 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.component.search-player.color11 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.component.search-player.color12 .center .avatar {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component.new-message p.input {
+ position: relative;
+ background: white;
+ padding: 10px;
+ border-radius: 3px;
+}
+.component.new-message p.input:before {
+ content: '';
+ position: absolute;
+ width: 0;
+ height: 0;
+ top: -12px;
+ border-style: solid;
+ border-width: 6px;
+ border-color: transparent transparent white transparent;
+ left: 20px;
+}
+.component.new-message label {
+ display: block;
+ font-size: 13px;
+}
+.component.new-message .input-text input {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.new-message .input-area textarea {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ font-family: inherit;
+ font-size: 13px;
+ max-width: 100%;
+ min-width: 100%;
+ height: 200px;
+}
+.component.new-message button {
+ display: inline-block;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 15px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #b01e2d;
+}
+.component.new-message button:hover,
+.component.new-message button:focus {
+ background: #510816;
+}
+.notif {
+ position: relative;
+ margin: 10px;
+ background: black;
+ border-top: solid 1px #4F4F4F;
+ border-right: solid 1px #202020;
+ border-left: solid 1px #202020;
+}
+.notif h4 {
+ position: relative;
+ overflow: hidden;
+ margin: 0;
+ padding: 0 10px;
+ font-size: 14px;
+ line-height: 30px;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+ font-weight: normal;
+ cursor: pointer;
+ color: white;
+}
+.notif.unreaded h4:before {
+ position: absolute;
+ content: '';
+ width: 40px;
+ height: 40px;
+ background: white;
+ top: -5px;
+ right: -15px;
+ background: #b01e2d;
+ -webkit-transform: rotate(100deg);
+ -moz-transform: rotate(100deg);
+ -ms-transform: rotate(100deg);
+ -o-transform: rotate(100deg);
+ transform: rotate(100deg);
+}
+.notif .content {
+ display: none;
+ padding: 6px 8px;
+ line-height: 140%;
+ text-align: justify;
+ color: #efefef;
+}
+.notif .content p {
+ margin: 0;
+}
+.notif .content hr {
+ border: none;
+ background: none;
+ border-bottom: dashed 1px #202020;
+ margin: 5px 0;
+}
+.notif .content a {
+ color: white;
+}
+.notif .content .box-resource {
+ position: relative;
+ display: block;
+ margin: 5px 0;
+ padding: 5px 5px 5px 40px;
+}
+.notif .content .box-resource img {
+ position: absolute;
+ top: 6px;
+ left: 0;
+ border: solid 4px #4f4f4f;
+ border-radius: 100%;
+ border-color: #6e161b;
+}
+.notif .content .box-resource .label {
+ display: block;
+ font-size: 12px;
+}
+.notif .content .box-resource .value {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+.notif .footer {
+ display: none;
+ margin: 0;
+ padding: 0 10px;
+ line-height: 18px;
+ padding: 5px 5px;
+ border-top: solid 1px #202020;
+ font-style: italic;
+ text-align: right;
+ color: #CCC;
+}
+.notif .footer a {
+ color: #CCC;
+}
+.notif.open .content {
+ display: block;
+}
+.notif.open .footer {
+ display: block;
+}
+.component.rc .rc {
+ position: relative;
+ margin: 20px 10px 20px 30px;
+ border-left: solid 1px #CCC;
+ padding: 0 10px;
+ height: 380px;
+ color: #CCC;
+}
+.component.rc .rc.no-tax {
+ margin: 20px 10px 20px 30px;
+ border-left: dashed 1px #4F4F4F;
+ padding: 0 10px;
+ color: #CCC;
+}
+.component.rc .rc a,
+.component.rc .rc strong {
+ color: white;
+}
+.component.rc .rc .icon-color {
+ width: 20px;
+}
+.component.rc .rc .base {
+ position: relative;
+ padding: 15px 0 15px 40px;
+ height: 50px;
+}
+.component.rc .rc .base:last-child {
+ position: absolute;
+ bottom: 0px;
+}
+.component.rc .rc .place {
+ position: absolute;
+ top: 0px;
+ left: -50px;
+ width: 78px;
+ height: 78px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component.rc .rc .general {
+ list-style: none inset;
+ margin: 10px 0;
+ padding: 0;
+}
+.component.rc .rc .general li {
+ margin: 10px 0;
+ list-style-type: none;
+}
+.component.rc .rc .general li strong {
+ display: block;
+ font-size: 20px;
+ font-weight: bold;
+}
+.component .situation-content {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 500px;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component .situation-content .line-help {
+ position: absolute;
+ display: block;
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ text-align: center;
+ border-radius: 100%;
+ background: #510816;
+}
+.component .situation-content .line-help.line-1 {
+ top: 55px;
+ left: 190px;
+}
+.component .situation-content .line-help.line-2 {
+ top: 145px;
+ left: 406px;
+}
+.component .situation-content .toolbar {
+ position: absolute;
+ top: 30px;
+ right: 30px;
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
+ border-radius: 3px;
+ background: #6e161b;
+ z-index: 1;
+}
+.component .situation-content .toolbar a,
+.component .situation-content .toolbar span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 15px;
+ border-right: solid 1px black;
+ text-decoration: none;
+ color: white;
+}
+.component .situation-content .toolbar a img,
+.component .situation-content .toolbar span img {
+ position: relative;
+ top: -2px;
+ vertical-align: middle;
+ height: 18px;
+ width: 18px;
+}
+.component .situation-content .toolbar a:hover,
+.component .situation-content .toolbar a:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar form {
+ display: inline-block;
+}
+.component .situation-content .toolbar input {
+ height: 32px;
+ border: none;
+ background: none;
+ color: white;
+ padding: 0 15px;
+ font-size: inherit;
+}
+.component .situation-content .toolbar input:focus {
+ background: rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .toolbar input.button {
+ background: url('src/desktop/common/edit.png') no-repeat center;
+}
+.component .situation-content .toolbar input.button:focus {
+ background: url('src/desktop/common/edit.png') no-repeat center rgba(0, 0, 0, 0.25);
+}
+.component .situation-content .info {
+ position: absolute;
+ display: block;
+ width: 200px;
+ font-size: 12px;
+ color: #efefef;
+ line-height: 18px;
+}
+.component .situation-content .info strong {
+ color: white;
+ font-size: 14px;
+}
+.component .situation-content .info a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4f4f4f;
+}
+.component .situation-content .info a:hover,
+.component .situation-content .info a:focus {
+ border-color: #CCC;
+}
+.component .situation-content .commander {
+ position: absolute;
+ display: block;
+ text-decoration: none;
+ z-index: 1;
+}
+.component .situation-content .commander.empty {
+ color: #CCC;
+}
+.component .situation-content .commander.position-1-1 {
+ top: 135px;
+ left: 127px;
+}
+.component .situation-content .commander.position-1-2 {
+ top: 272px;
+ left: 100px;
+}
+.component .situation-content .commander.position-1-3 {
+ top: 415px;
+ left: 127px;
+}
+.component .situation-content .commander.position-2-1 {
+ top: 215px;
+ left: 352px;
+}
+.component .situation-content .commander.position-2-2 {
+ top: 272px;
+ left: 345px;
+}
+.component .situation-content .commander.position-2-3 {
+ top: 330px;
+ left: 352px;
+}
+.component .situation-content .commander.position-3 {
+ top: 355px;
+ left: 577px;
+}
+.component .situation-content .commander img {
+ width: 40px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+.component .situation-content .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component .situation-content .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #6e161b;
+}
+.component .situation-content .commander .info {
+ top: 8px;
+ left: 65px;
+ width: 160px;
+}
+.component .situation-content .commander .link {
+ display: none;
+ position: absolute;
+ top: 14px;
+ left: -16px;
+ width: 24px;
+ height: 24px;
+ font-size: 20px;
+ font-weight: bold;
+ text-decoration: none;
+ border-radius: 100%;
+ text-align: center;
+ z-index: 1;
+ border: solid 1px white;
+}
+.component .situation-content .commander .link.to-left {
+ background: url('src/desktop/mover/to-left.png') no-repeat center black;
+}
+.component .situation-content .commander .link.to-right {
+ background: url('src/desktop/mover/to-right.png') no-repeat center black;
+}
+.component .situation-content .commander:hover > .link {
+ display: block;
+}
+.component .situation-content .stellar {
+ position: absolute;
+ display: block;
+ top: 180px;
+ left: 560px;
+}
+.component .situation-content .stellar img {
+ width: 220px;
+ padding: 6px;
+ border: solid 1px #202020;
+ background: black;
+ border-radius: 100%;
+}
+.component .situation-content .stellar .info {
+ font-size: 12px;
+ border-left: solid 1px #202020;
+}
+.component .situation-content .stellar .info.top {
+ bottom: 215px;
+ left: 50px;
+ padding: 0 0 30px 10px;
+}
+.component .situation-content .stellar .info.top strong {
+ font-size: 20px;
+}
+.component .situation-content .stellar .info.bottom {
+ top: 225px;
+ left: 160px;
+ padding: 10px 0 0 10px;
+}
+.component .situation-content .stellar .info.middle {
+ top: 20px;
+ left: 182px;
+ padding: 10px 0 0 50px;
+ border: none;
+ border-top: solid 1px #202020;
+}
+.component .situation-content .attack-link {
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ text-align: center;
+}
+.component .situation-content .attack-link a {
+ display: inline-block;
+ line-height: 40px;
+ padding: 0 25px;
+ border-radius: 3px 3px 0 0;
+ background: #202020;
+ color: white;
+ text-decoration: none;
+ font-size: 16px;
+}
+.component .situation-content .attack-link a:hover,
+.component .situation-content .attack-link a:focus {
+ box-shadow: 0 0 5px 3px black;
+}
+.component .situation-content.color0 .line-help {
+ background: #202020;
+}
+.component .situation-content.color0 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #202020;
+}
+.component .situation-content.color0 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #202020;
+}
+.component .situation-content.color0 .attack-link a {
+ background: #202020;
+}
+.component .situation-content.color1 .line-help {
+ background: #510816;
+}
+.component .situation-content.color1 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.component .situation-content.color1 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #6e161b;
+}
+.component .situation-content.color1 .attack-link a {
+ background: #6e161b;
+}
+.component .situation-content.color2 .line-help {
+ background: #0c0d44;
+}
+.component .situation-content.color2 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.component .situation-content.color2 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #1f1471;
+}
+.component .situation-content.color2 .attack-link a {
+ background: #1f1471;
+}
+.component .situation-content.color3 .line-help {
+ background: #b17a00;
+}
+.component .situation-content.color3 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .situation-content.color3 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #dbb200;
+}
+.component .situation-content.color3 .attack-link a {
+ background: #dbb200;
+}
+.component .situation-content.color4 .line-help {
+ background: #310948;
+}
+.component .situation-content.color4 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.component .situation-content.color4 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #5a1072;
+}
+.component .situation-content.color4 .attack-link a {
+ background: #5a1072;
+}
+.component .situation-content.color5 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color5 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color5 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color5 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-content.color6 .line-help {
+ background: #004948;
+}
+.component .situation-content.color6 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.component .situation-content.color6 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #076b87;
+}
+.component .situation-content.color6 .attack-link a {
+ background: #076b87;
+}
+.component .situation-content.color7 .line-help {
+ background: #401b13;
+}
+.component .situation-content.color7 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.component .situation-content.color7 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #67331d;
+}
+.component .situation-content.color7 .attack-link a {
+ background: #67331d;
+}
+.component .situation-content.color8 .line-help {
+ background: #c3590b;
+}
+.component .situation-content.color8 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.component .situation-content.color8 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #d87913;
+}
+.component .situation-content.color8 .attack-link a {
+ background: #d87913;
+}
+.component .situation-content.color9 .line-help {
+ background: #24500a;
+}
+.component .situation-content.color9 .commander.full img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.component .situation-content.color9 .commander.full img:hover {
+ box-shadow: 0 0 10px white, 0 0 0 6px #2c7915;
+}
+.component .situation-content.color9 .attack-link a {
+ background: #2c7915;
+}
+.component .situation-info {
+ display: table;
+ width: 100%;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: black;
+}
+.component .situation-info .item {
+ display: table-cell;
+ padding: 10px;
+ border-right: solid 1px #202020;
+}
+.component .situation-info .item .value {
+ font-size: 26px;
+ font-weight: bold;
+ display: block;
+}
+.component .build-item.base-type .desc {
+ margin: 10px 0 0 0;
+ padding: 15px;
+ font-size: 13px;
+ border-top: solid 1px #202020;
+ border-bottom: solid 1px #202020;
+ background: #0A0A0A;
+}
+.component .build-item.base-type .list-choice {
+ position: relative;
+ height: 140px;
+ background: url('src/desktop/base/type-base.png') no-repeat center;
+ margin: 0;
+ border-bottom: solid 1px #202020;
+}
+.component .build-item.base-type .list-choice button {
+ position: absolute;
+ padding: 0;
+ border: none;
+ background: transparent;
+ cursor: pointer;
+}
+.component .build-item.base-type .list-choice button.item-1 {
+ top: 35px;
+ left: 5px;
+}
+.component .build-item.base-type .list-choice button.item-2 {
+ top: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-3 {
+ bottom: 5px;
+ left: 107px;
+}
+.component .build-item.base-type .list-choice button.item-4 {
+ top: 35px;
+ right: 5px;
+}
+.component .build-item.base-type .list-choice button img {
+ display: block;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.color1 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #6e161b;
+}
+.color2 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #1f1471;
+}
+.color3 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.color4 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #5a1072;
+}
+.color5 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color6 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #076b87;
+}
+.color7 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #67331d;
+}
+.color8 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #d87913;
+}
+.color9 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #2c7915;
+}
+.color10 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #760f36;
+}
+.color11 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #219772;
+}
+.color12 .component .build-item.base-type .list-choice button.done img {
+ box-shadow: 0 0 4px white, 0 0 0 2px #dbb200;
+}
+.component .build-item.base-type .desc-choice {
+ display: none;
+}
+.component .build-item.base-type .desc-choice h4 {
+ border-bottom: solid 1px #202020;
+ padding: 0 0 5px 0;
+}
+.component .build-item.base-type .desc-choice p {
+ text-align: left;
+ color: #CCC !important;
+}
+.component .build-item.base-type .desc-choice p strong {
+ display: block;
+ color: white;
+}
+.component .build-item.base-type .desc-choice p strong.short {
+ display: inline-block;
+ width: 100px;
+}
+.component.list-fleet .set-fleet {
+ position: relative;
+ margin: 10px;
+ padding: 0 0 0 70px;
+ min-height: 80px;
+}
+.component.list-fleet .set-fleet img.place {
+ position: absolute;
+ top: -5px;
+ left: -20px;
+ width: 80px;
+ background: #0A0A0A;
+ border-radius: 100%;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet h2 {
+ padding: 10px 0;
+ margin: 0;
+}
+.component.list-fleet .set-fleet h2 a {
+ font-size: 13px;
+ color: white;
+ font-weight: normal;
+ text-decoration: none;
+}
+.component.list-fleet .set-fleet .item {
+ position: relative;
+ height: 60px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-bottom: none;
+ width: 777px;
+}
+.component.list-fleet .set-fleet .item:last-child {
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item a {
+ display: inline-block;
+ text-decoration: none;
+ color: #CCC;
+ border-bottom: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .left .top {
+ position: absolute;
+ left: 60px;
+ display: block;
+ width: 500px;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .left .status {
+ width: 30px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 60px;
+ height: 60px;
+ z-index: 1;
+}
+.component.list-fleet .set-fleet .item .right .top {
+ position: absolute;
+ right: 60px;
+ display: block;
+ width: 200px;
+ text-align: right;
+ top: 10px;
+}
+.component.list-fleet .set-fleet .item .right .cover {
+ width: 50px;
+ margin: 5px;
+ padding: 0;
+ border-radius: 100%;
+}
+.component.list-fleet .set-fleet .item .center {
+ position: absolute;
+ top: 41px;
+ left: 70px;
+ right: 70px;
+}
+.component.list-fleet .set-fleet .item .center .ship {
+ position: absolute;
+ top: -10px;
+ left: -11px;
+ right: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship {
+ display: block;
+ width: 100%;
+ background: #4F4F4F;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ position: relative;
+ display: block;
+ height: 3px;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar .ship {
+ top: -11px;
+ right: -11px;
+ left: auto;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar span {
+ position: absolute;
+ top: 4px;
+ right: 15px;
+ font-size: 10px;
+}
+.component.list-fleet .set-fleet .item.color1 .status {
+ background: #6e161b;
+}
+.component.list-fleet .set-fleet .item.color2 .status {
+ background: #1f1471;
+}
+.component.list-fleet .set-fleet .item.color3 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color4 .status {
+ background: #5a1072;
+}
+.component.list-fleet .set-fleet .item.color5 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color6 .status {
+ background: #076b87;
+}
+.component.list-fleet .set-fleet .item.color7 .status {
+ background: #67331d;
+}
+.component.list-fleet .set-fleet .item.color8 .status {
+ background: #d87913;
+}
+.component.list-fleet .set-fleet .item.color9 .status {
+ background: #2c7915;
+}
+.component.list-fleet .set-fleet .item.color10 .status {
+ background: #760f36;
+}
+.component.list-fleet .set-fleet .item.color11 .status {
+ background: #219772;
+}
+.component.list-fleet .set-fleet .item.color12 .status {
+ background: #dbb200;
+}
+.component.list-fleet .set-fleet .item.color1 .center .progress-ship .bar {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center .progress-ship .bar {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center .progress-ship .bar {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center .progress-ship .bar {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center .progress-ship .bar {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center .progress-ship .bar {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center .progress-ship .bar {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center .progress-ship .bar {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center .progress-ship .bar {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center .progress-ship .bar {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color1 .center.reversed .progress-ship {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item.color2 .center.reversed .progress-ship {
+ background: #2f23c0;
+}
+.component.list-fleet .set-fleet .item.color3 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item.color4 .center.reversed .progress-ship {
+ background: #a935c7;
+}
+.component.list-fleet .set-fleet .item.color5 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color6 .center.reversed .progress-ship {
+ background: #05bed7;
+}
+.component.list-fleet .set-fleet .item.color7 .center.reversed .progress-ship {
+ background: #ac5832;
+}
+.component.list-fleet .set-fleet .item.color8 .center.reversed .progress-ship {
+ background: #f2b636;
+}
+.component.list-fleet .set-fleet .item.color9 .center.reversed .progress-ship {
+ background: #57c632;
+}
+.component.list-fleet .set-fleet .item.color10 .center.reversed .progress-ship {
+ background: #a92859;
+}
+.component.list-fleet .set-fleet .item.color11 .center.reversed .progress-ship {
+ background: #34b089;
+}
+.component.list-fleet .set-fleet .item.color12 .center.reversed .progress-ship {
+ background: #ffdb0f;
+}
+.component.list-fleet .set-fleet .item .center .progress-ship .bar {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship {
+ background: #b01e2d;
+}
+.component.list-fleet .set-fleet .item .center.reversed .progress-ship .bar {
+ background: #4F4F4F;
+}
+.component.list-fleet .set-fleet .item .show-commander {
+ position: absolute;
+ top: -1px;
+ right: -30px;
+ width: 28px;
+ height: 60px;
+ background: url('src/desktop/mover/small-right.png') no-repeat center #0A0A0A;
+ border: solid 1px #202020;
+}
+.component.list-fleet .set-fleet .item .show-commander:hover,
+.component.list-fleet .set-fleet .item .show-commander:focus,
+.component.list-fleet .set-fleet .item .show-commander.active {
+ background-color: #202020;
+}
+.component.table-fleet table {
+ margin: 10px;
+ width: 880px;
+ border-collapse: collapse;
+}
+.component.table-fleet table tr:nth-child(odd) {
+ background: black;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:nth-child(even) {
+ background: #0A0A0A;
+ border-bottom: solid 1px #202020;
+}
+.component.table-fleet table tr:first-child {
+ background: transparent;
+}
+.component.table-fleet table th,
+.component.table-fleet table td {
+ height: 40px;
+ width: 40px;
+ text-align: center;
+}
+.component.table-fleet table td span.zero-value {
+ color: #4F4F4F;
+}
+.component.table-fleet table .base {
+ width: 100px;
+ text-align: left;
+ padding: 0 20px;
+}
+.component.table-fleet table .base a {
+ border: none;
+}
+.component.table-fleet table .base strong {
+ display: block;
+ font-size: 16px;
+}
+.component.table-fleet table .large {
+ width: auto;
+ text-align: left;
+ padding: 0 10px;
+}
+.component.table-fleet table .sep {
+ border-left: solid 1px #6e161b;
+}
+.component.table-fleet table a {
+ color: white;
+ text-decoration: none;
+ border-bottom: solid 1px #4F4F4F;
+ display: inline-block;
+}
+.component.table-fleet table th {
+ position: relative;
+ height: 70px;
+}
+.component.table-fleet table th span {
+ position: absolute;
+ bottom: 32px;
+ left: -10px;
+ display: block;
+ text-align: left;
+ width: 60px;
+ -ms-transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.component.commander-fleet .fleet {
+ vertical-align: top;
+ display: block;
+ text-align: center;
+}
+.component.commander-fleet .list-ship {
+ vertical-align: top;
+ display: inline-block;
+ width: 148px;
+}
+.component.commander-fleet .list-ship:first-child {
+ border-right: dashed 1px #4F4F4F;
+}
+.component.commander-fleet .list-ship a {
+ display: block;
+ position: relative;
+ margin: 6px;
+ height: 40px;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ border-radius: 3px;
+}
+.component.commander-fleet .list-ship a.empty {
+ opacity: 0.4;
+}
+.component.commander-fleet .list-ship img {
+ position: absolute;
+ display: inline-block;
+ width: 40px;
+}
+.component.commander-fleet .list-ship .text {
+ position: absolute;
+ left: 45px;
+ display: inline-block;
+ width: 88px;
+ color: white;
+}
+.component.commander-fleet .list-ship .text .quantity {
+ display: block;
+ font-weight: bold;
+ font-size: 18px;
+}
+.component.commander-fleet .army {
+ border-collapse: collapse;
+ width: 560px;
+ margin: 20px;
+}
+.component.commander-fleet .army td {
+ width: 65px;
+ padding: 5px;
+ border-right: dashed 1px #4F4F4F;
+ vertical-align: center;
+}
+.component.commander-fleet .army td:first-child {
+ width: auto;
+ vertical-align: top;
+ text-align: right;
+ padding: 0 20px;
+ font-size: 12px;
+}
+.component.commander-fleet .army tr:first-child td {
+ text-align: center;
+ padding: 10px 5px;
+ font-size: 18px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block {
+ display: block;
+ width: 54px;
+ height: 54px;
+ margin: 0 0 5px 0;
+ padding: 5px;
+ vertical-align: top;
+ border-radius: 5px;
+ background: #0A0A0A;
+ text-align: right;
+ border: solid 1px #202020;
+ color: #4F4F4F;
+}
+.component.commander-fleet .army .block.empty {
+ background: black;
+ border: solid 1px #0A0A0A;
+}
+.component.commander-fleet .army .block strong {
+ display: block;
+ font-size: 15px;
+ height: 38px;
+ font-weight: bold;
+}
+.component.commander-fleet .army .block em {
+ display: block;
+ padding: 2px;
+ font-size: 11px;
+ background: black;
+ text-align: center;
+ border-radius: 3px;
+}
+.component.commander-fleet .army .block.squadron {
+ border: solid 1px #4F4F4F;
+ color: white;
+ cursor: pointer;
+ background: #6e161b;
+}
+.component.commander-fleet .army .block.squadron.full0 {
+ background: url('src/desktop/squadron/squadron0.png') no-repeat 4px 2px #6e161b;
+}
+.component.commander-fleet .army .block.squadron.full1 {
+ background: url('src/desktop/squadron/squadron1.png') no-repeat 4px 2px #6e161b;
+}
+.component.commander-fleet .army .block.squadron.full2 {
+ background: url('src/desktop/squadron/squadron2.png') no-repeat 4px 2px #6e161b;
+}
+.component.commander-fleet .army .block.squadron.full3 {
+ background: url('src/desktop/squadron/squadron3.png') no-repeat 4px 2px #6e161b;
+}
+.component.commander-fleet .army .block.squadron.active {
+ box-shadow: inset 0 0 6px black,
+ 0 0 2px 0 white;
+ border: dashed 1px white;
+}
+.component.report .commander {
+ position: relative;
+ display: block;
+ margin: 10px;
+ padding: 8px 0 8px 72px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+}
+.component.report .commander img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ padding: 8px;
+ width: 40px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+.component.report .commander strong {
+ display: block;
+ padding: 0 0 8px 0;
+ color: white;
+ font-weight: bold;
+ font-size: 17px;
+}
+.component.report .commander em {
+ display: block;
+ line-height: 20px;
+ color: white;
+ font-style: normal;
+ color: #efefef;
+}
+.component.report .commander em .bonus {
+ font-size: 90%;
+ margin: 2px 0 0 2px;
+ padding: 3px 6px;
+}
+.component.report .dammage {
+ margin: 10px;
+ background: black;
+}
+.component.report .dammage table {
+ width: 100%;
+ border-collapse: collapse;
+ border-left: solid 1px #202020;
+ border-right: solid 1px #202020;
+}
+.component.report .dammage td {
+ border-color: #202020;
+ border-width: 1px;
+ border-style: solid dashed;
+ padding: 4px;
+ vertical-align: center;
+ text-align: center;
+ color: #CCC;
+ width: 28px;
+ height: 22px;
+}
+.component.report .dammage td:first-child {
+ text-align: left;
+ padding: 4px 8px;
+ width: auto;
+}
+.component.report .dammage td span {
+ display: inline-block;
+ background: red;
+ line-height: 22px;
+ width: 22px;
+ border-radius: 3px;
+ color: white;
+ background: #510816;
+}
+.component.topic .message {
+ position: relative;
+ padding: 0 0 0 80px;
+ margin: 10px;
+ min-height: 70px;
+}
+.component.topic .message .avatar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 56px;
+ padding: 6px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.topic .message .content {
+ position: relative;
+ background: black;
+ border: solid 1px #202020;
+ border-bottom: solid 1px #0A0A0A;
+}
+.component.topic .message .content:before {
+ position: absolute;
+ content: '';
+ top: 25px;
+ left: -18px;
+ border-style: solid;
+ border-width: 9px;
+ border-color: transparent #202020 transparent transparent;
+}
+.component.topic .message .content .text {
+ margin: 0;
+ padding: 10px 10px 12px 10px;
+ border-bottom: solid 1px #0A0A0A;
+ color: #efefef;
+}
+.component.topic .message .content .text a,
+.component.topic .message .content .text strong {
+ color: white;
+}
+.component.topic .message .content .text a.color1 {
+ color: #b01e2d;
+}
+.component.topic .message .content .text a.color2 {
+ color: #2f23c0;
+}
+.component.topic .message .content .text a.color3 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text a.color4 {
+ color: #a935c7;
+}
+.component.topic .message .content .text a.color5 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color6 {
+ color: #05bed7;
+}
+.component.topic .message .content .text a.color7 {
+ color: #ac5832;
+}
+.component.topic .message .content .text a.color8 {
+ color: #f2b636;
+}
+.component.topic .message .content .text a.color9 {
+ color: #57c632;
+}
+.component.topic .message .content .text a.color10 {
+ color: #a92859;
+}
+.component.topic .message .content .text a.color11 {
+ color: #34b089;
+}
+.component.topic .message .content .text a.color12 {
+ color: #ffdb0f;
+}
+.component.topic .message .content .text .icon-color {
+ width: 15px;
+}
+.component.topic .message .content .footer {
+ margin: 0;
+ padding: 6px 10px;
+ font-size: 12px;
+ color: #CCC;
+}
+.component.topic .message .content .footer a {
+ color: #CCC;
+}
+.component.topic .message.write .content:before {
+ left: -17px;
+ top: 11px;
+ border-color: transparent white transparent transparent;
+}
+.component.topic .message.write .content textarea {
+ border: none;
+ padding: 5px;
+ width: 487px;
+ height: 120px;
+ max-width: 487px;
+ min-width: 487px;
+ min-height: 50px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content input {
+ margin: 6px;
+ font-family: inherit;
+}
+.component.topic .message.write .content .title {
+ border: none;
+ margin: 0;
+ padding: 5px;
+ width: 487px;
+ height: 30px;
+ font-family: inherit;
+ font-size: 13px;
+}
+.component.topic .message.write .content button {
+ margin: 6px;
+ font-family: inherit;
+ background: #6e161b;
+ border: none;
+ padding: 4px 8px;
+ color: white;
+ cursor: pointer;
+}
+.component.topic .message.write .content button:hover,
+.component.topic .message.write .content button:focus {
+ background: #510816;
+}
+.component.topic .system-message {
+ position: relative;
+ padding: 0 0 0 90px;
+ margin: 10px;
+}
+.component.topic .system-message:before {
+ content: '';
+ position: absolute;
+ top: 10px;
+ left: 0;
+ height: 1px;
+ width: 70px;
+ background: #4F4F4F;
+}
+.conv-item {
+ position: relative;
+ display: block;
+ border: solid 1px #202020;
+ border-bottom: none;
+ background: #0A0A0A;
+ height: 59px;
+ padding: 5px 5px 5px 70px;
+ margin: 0 10px;
+ color: white;
+ text-decoration: none;
+ overflow: hidden;
+}
+.conv-item .cover {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 60px;
+ padding: 5px;
+}
+.conv-item .cover .picture {
+ width: 52px;
+ height: 52px;
+ background: #202020;
+ border-radius: 100%;
+ padding: 4px;
+}
+.conv-item .cover .picture.color0 {
+ box-shadow: 0 0 0 2px #4F4F4F;
+}
+.conv-item .cover .picture.color1 {
+ box-shadow: 0 0 0 2px #6e161b;
+}
+.conv-item .cover .picture.color2 {
+ box-shadow: 0 0 0 2px #1f1471;
+}
+.conv-item .cover .picture.color3 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .picture.color4 {
+ box-shadow: 0 0 0 2px #5a1072;
+}
+.conv-item .cover .picture.color5 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color6 {
+ box-shadow: 0 0 0 2px #076b87;
+}
+.conv-item .cover .picture.color7 {
+ box-shadow: 0 0 0 2px #67331d;
+}
+.conv-item .cover .picture.color8 {
+ box-shadow: 0 0 0 2px #d87913;
+}
+.conv-item .cover .picture.color9 {
+ box-shadow: 0 0 0 2px #2c7915;
+}
+.conv-item .cover .picture.color10 {
+ box-shadow: 0 0 0 2px #760f36;
+}
+.conv-item .cover .picture.color11 {
+ box-shadow: 0 0 0 2px #219772;
+}
+.conv-item .cover .picture.color12 {
+ box-shadow: 0 0 0 2px #dbb200;
+}
+.conv-item .cover .number,
+.conv-item .cover .new-message {
+ position: absolute;
+ width: 22px;
+ height: 22px;
+ border-radius: 100%;
+ background: #0A0A0A;
+ bottom: 5px;
+ right: 5px;
+ border: solid 1px #4F4F4F;
+ text-align: center;
+ line-height: 22px;
+ font-size: 11px;
+}
+.conv-item .cover .new-message {
+ left: 5px;
+ top: 5px;
+}
+.conv-item .cover .new-message img {
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin: 2px;
+}
+.conv-item .data {
+ line-height: 20px;
+}
+.conv-item:last-child {
+ border: solid 1px #202020;
+}
+.conv-item:hover,
+.conv-item:focus {
+ background: #0C0C0C;
+}
+.component.player .player {
+ position: relative;
+ display: inline-block;
+ margin: 10px 0 0 10px;
+ width: 211px;
+ height: 58px;
+ padding: 5px 5px 5px 70px;
+ border: solid 1px #0A0A0A;
+ border-top: solid 1px #202020;
+ background: black;
+ color: white;
+ text-decoration: none;
+}
+.component.player .player a {
+ color: #ccc;
+ text-decoration: none;
+ border-bottom: solid 1px #202020;
+}
+.component.player .player a:hover,
+.component.player .player a:focus {
+ border-color: #4f4f4f;
+}
+.component.player .player img.picto {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 50px;
+ padding: 4px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+.component.player .player .icon,
+.component.player .player .icon-color {
+ height: 16px;
+ padding: 1px;
+}
+.component.player .player span,
+.component.player .player strong {
+ display: block;
+ line-height: 20px;
+}
+.component.player .player strong {
+ font-size: 18px;
+}
+.component.player .player .online,
+.component.player .player .inactive {
+ position: absolute;
+ width: 18px;
+ height: 18px;
+ background: white;
+ top: 5px;
+ right: 5px;
+ border-radius: 100%;
+ background: #4F4F4F;
+}
+.component.player .player .online {
+ background: #b01e2d;
+}
+.component.player .player.faction {
+ border-left: solid 1px #0A0A0A !important;
+ width: 202px;
+}
+.component.player .player.faction img {
+ top: 0;
+ left: 10px;
+ padding: 0;
+ border: none;
+ border-radius: 0;
+ background: transparent;
+}
+.component.player.rank .player {
+ border-left: solid 10px #4F4F4F;
+ width: 190px;
+}
+.component.player.rank .player.color1 {
+ border-left-color: #b01e2d;
+}
+.component.player.rank .player.color2 {
+ border-left-color: #2f23c0;
+}
+.component.player.rank .player.color3 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player.color4 {
+ border-left-color: #a935c7;
+}
+.component.player.rank .player.color5 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color6 {
+ border-left-color: #05bed7;
+}
+.component.player.rank .player.color7 {
+ border-left-color: #ac5832;
+}
+.component.player.rank .player.color8 {
+ border-left-color: #f2b636;
+}
+.component.player.rank .player.color9 {
+ border-left-color: #57c632;
+}
+.component.player.rank .player.color10 {
+ border-left-color: #a92859;
+}
+.component.player.rank .player.color11 {
+ border-left-color: #34b089;
+}
+.component.player.rank .player.color12 {
+ border-left-color: #ffdb0f;
+}
+.component.player.rank .player .title,
+.component.player.rank .player .points {
+ color: #BBB;
+}
+.component.player.rank .player .position {
+ display: block;
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ line-height: 38px;
+ width: 38px;
+ border: solid 1px #202020;
+ text-align: center;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance {
+ display: block;
+ position: absolute;
+ top: 5px;
+ right: -4px;
+ line-height: 26px;
+ width: 26px;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ text-align: center;
+ font-size: 11px;
+ border-radius: 100%;
+}
+.component.player.rank .player .variance.lower {
+ bottom: 5px;
+ top: auto;
+}
+.component.player.rank .player.active .position {
+ background: white;
+ border: solid 1px white;
+ color: #202020;
+}
+.component.player.size2 .player {
+ width: 208px;
+}
+.component.player.size1 .player {
+ width: 202px;
+}
+.component.transaction .transaction {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 10px;
+}
+.component.transaction .transaction .right-link {
+ position: absolute;
+ top: 2px;
+ right: 5px;
+ display: block;
+ color: #FFF;
+ text-decoration: none;
+}
+.component.transaction .transaction .product {
+ position: relative;
+ height: 70px;
+ padding: 5px 10px 5px 55px;
+ cursor: pointer;
+}
+.component.transaction .transaction .product .picto {
+ position: absolute;
+ top: 5px;
+ left: -20px;
+ width: 60px;
+ height: 60px;
+ padding: 4px;
+ background: black;
+ border: solid 1px #202020;
+ border-radius: 100%;
+}
+.component.transaction .transaction .product .rate {
+ position: absolute;
+ bottom: 5px;
+ right: 8px;
+}
+.component.transaction .transaction .product .offer {
+ overflow: hidden;
+ height: 32px;
+}
+.component.transaction .transaction .product .for {
+ position: relative;
+ border-top: solid 1px #202020;
+ margin: 8px 0 6px 0;
+ color: #4F4F4F;
+}
+.component.transaction .transaction .product .for span {
+ display: block;
+ position: absolute;
+ top: -10px;
+ left: 10px;
+ background: #0A0A0A;
+ padding: 0 10px;
+ font-size: 12px;
+}
+.component.transaction .transaction .product .price {
+ font-size: 19px;
+ font-weight: bold;
+}
+.component.transaction .transaction .product .price .icon-color {
+ width: 14px;
+ position: relative;
+ top: -2px;
+ padding: 1px;
+}
+.component.transaction .transaction.resources .product .offer {
+ font-size: 28px;
+ font-weight: bold;
+ line-height: 30px;
+}
+.component.transaction .transaction.resources .product .offer .icon-color {
+ width: 20px;
+ position: relative;
+ top: -5px;
+}
+.component.transaction .transaction.commander .product .offer strong,
+.component.transaction .transaction.ship .product .offer strong {
+ display: block;
+ font-size: 14px;
+}
+.component.transaction .transaction.commander .product .offer em,
+.component.transaction .transaction.ship .product .offer em {
+ display: block;
+ font-size: 11px;
+}
+.component.transaction .transaction .hidden {
+ display: none;
+}
+.component.transaction .transaction .info {
+ position: relative;
+ border-top: solid 1px #202020;
+ height: 88px;
+ background: black;
+}
+.component.transaction .transaction .info p {
+ font-size: 11px;
+ margin: 5px 8px;
+}
+.component.transaction .transaction .info .seller {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+}
+.component.transaction .transaction .info .seller a {
+ font-weight: bold;
+ color: white;
+}
+.component.transaction .transaction .info .seller .color1 {
+ color: #b01e2d;
+}
+.component.transaction .transaction .info .seller .color2 {
+ color: #2f23c0;
+}
+.component.transaction .transaction .info .seller .color3 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .seller .color4 {
+ color: #a935c7;
+}
+.component.transaction .transaction .info .seller .color5 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color6 {
+ color: #05bed7;
+}
+.component.transaction .transaction .info .seller .color7 {
+ color: #ac5832;
+}
+.component.transaction .transaction .info .seller .color8 {
+ color: #f2b636;
+}
+.component.transaction .transaction .info .seller .color9 {
+ color: #57c632;
+}
+.component.transaction .transaction .info .seller .color10 {
+ color: #a92859;
+}
+.component.transaction .transaction .info .seller .color11 {
+ color: #34b089;
+}
+.component.transaction .transaction .info .seller .color12 {
+ color: #ffdb0f;
+}
+.component.transaction .transaction .info .price-detail {
+ position: absolute;
+ top: 0;
+ width: 50%;
+ bottom: 0;
+ right: 0;
+}
+.component.transaction .transaction .info .price-detail p {
+ text-align: right;
+}
+.component.transaction .transaction .info .price-detail p .icon-color {
+ width: 10px;
+ padding: 1px;
+}
+.component.transaction .transaction .info .price-detail p span {
+ color: #4F4F4F;
+}
+.component.transaction .transaction .button {
+ border-top: solid 1px #202020;
+ padding: 5px;
+}
+.component.transaction .transaction .button a,
+.component.transaction .transaction .button span {
+ display: block;
+ padding: 5px 10px;
+ text-align: right;
+ color: white;
+ text-decoration: none;
+ border-radius: 3px;
+ line-height: 20px;
+ background: #202020;
+ box-shadow: inset 0 0 2px black;
+}
+.component.transaction .transaction .button a {
+ background: #6e161b;
+}
+.component.transaction .transaction .button a:hover {
+ box-shadow: inset 0 0 6px black;
+ background: #b01e2d;
+}
+.component.transaction .transaction .button span {
+ background: #202020;
+ cursor: default;
+}
+.component.transaction .transaction .button .icon-color {
+ width: 14px;
+}
+.component.transaction .transaction .shipping {
+ position: relative;
+ background: black;
+ height: 30px;
+}
+.component.transaction .transaction .shipping .ships {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+}
+.component.transaction .transaction .shipping .ships .icon-color {
+ position: relative;
+ width: 16px;
+ margin-left: 5px;
+ top: -5px;
+}
+.component.transaction .transaction .shipping .time {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 50px;
+ padding: 0 5px;
+ line-height: 30px;
+ text-align: center;
+ font-size: 12px;
+}
+.component.transaction .transaction .shipping .progress-container {
+ position: relative;
+ display: block;
+ clear: both;
+ margin: 0 60px;
+ height: 3px;
+ top: 13px;
+ background: #4F4F4F;
+}
+.component.transaction .transaction .shipping .progress-bar {
+ position: absolute;
+ display: block;
+ height: 100%;
+ background: #b01e2d;
+}
+.component .build-item.disable .button span {
+ color: #696969;
+}
+.component.transaction .new-transaction {
+ width: 279px;
+ position: absolute;
+ background: black;
+ z-index: 1;
+ padding: 10px;
+ border-bottom: solid 1px #b01e2d;
+}
+.component.transaction .new-transaction label {
+ position: relative;
+ display: block;
+ padding: 5px 0;
+}
+.component.transaction .new-transaction label input {
+ display: block;
+ padding: 5px 10px;
+ margin: 5px 0 0 0;
+ width: 259px;
+ border: none;
+}
+.component.transaction .new-transaction.resources label input {
+ font-size: 16px;
+ color: #202020;
+ font-weight: bold;
+}
+.component.transaction .new-transaction .indicator {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 15px;
+}
+.component.transaction .new-transaction .indicator span {
+ position: absolute;
+ display: inline-block;
+ padding: 1px 6px;
+ font-size: 12px;
+ color: white;
+ border-radius: 3px;
+ top: -5px;
+ background: #510816;
+}
+.component.transaction .new-transaction .indicator span.min-price {
+ left: 5px;
+}
+.component.transaction .new-transaction .indicator span.max-price {
+ right: 5px;
+}
+.component.market-sell .body {
+ padding: 10px 0;
+}
+.component.market-sell .label-box {
+ position: relative;
+ padding: 0 10px;
+ margin: 10px 0;
+}
+.component.market-sell .label-box .label {
+ display: inline-block;
+ width: 100px;
+ line-height: 30px;
+}
+.component.market-sell .label-box .value {
+ display: inline-block;
+ width: 147px;
+ padding: 0 5px;
+ border: none;
+ line-height: 30px;
+ border-radius: 3px;
+ font-size: 16px;
+}
+.component.market-sell .label-box input.value {
+ height: 30px;
+ background: white;
+}
+.component.market-sell .label-box .icon-color {
+ position: absolute;
+ top: 4px;
+ right: 16px;
+ width: 18px;
+}
+.component.market-sell .queue {
+ margin: 0 10px;
+ cursor: pointer;
+}
+.component.market-sell .sell-form {
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ margin: 0 10px 10px 10px;
+}
+.component.market-sell .sell-form input[type='submit'] {
+ display: block;
+ width: 100%;
+ margin: 0 0 0 auto;
+ border: solid 1px #0A0A0A;
+ padding: 6px 10px;
+ color: white;
+ cursor: pointer;
+ overflow: hidden;
+ background: #b01e2d;
+}
+.component.market-sell .sell-form input[type='submit']:hover {
+ background: #510816;
+}
+.component.market-sell .sell-form input[disabled='disabled'] {
+ background: #202020 !important;
+}
+.wysiwyg {
+ display: block;
+ position: relative;
+}
+.wysiwyg .toolbar {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 5px;
+}
+.wysiwyg .toolbar button {
+ display: inline-block;
+ height: 26px;
+ line-height: 26px;
+ padding: 0 4px !important;
+ margin: 0 4px 0 0 !important;
+ background: #6e161b;
+ color: white;
+ border-radius: 3px;
+ overflow: hidden;
+ vertical-align: top;
+}
+.wysiwyg .modal {
+ position: absolute;
+ top: 40px;
+ left: 10px;
+ right: 10px;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ box-shadow: 0 0 15px black;
+}
+.wysiwyg .modal .header {
+ position: relative;
+}
+.wysiwyg .modal .header h2 {
+ margin: 0;
+ padding: 0;
+ line-height: 36px;
+ padding: 0 10px;
+ font-size: 16px;
+ font-weight: normal;
+}
+.wysiwyg .modal .header .right {
+ position: absolute;
+ top: 5px;
+ right: 10px;
+ width: 300px;
+ text-align: right;
+}
+.wysiwyg .modal .header .right button {
+ display: inline-block;
+ width: 26px !important;
+ height: 26px !important;
+ line-height: 26px !important<;
+ font-size: 14px;
+ padding: 0 !important;
+ margin: 0 0 0 5px !important;
+}
+.wysiwyg .modal input {
+ width: 435px;
+ border: none;
+ height: 30px;
+ margin: 0 10px 10px 10px !important;
+ padding: 0 10px !important;
+}
+.wysiwyg textarea {
+ padding-top: 40px !important;
+}
+.input-area .wysiwyg .toolbar {
+ padding: 0;
+}
+.component.params .checkbox {
+ display: block;
+ position: relative;
+ padding: 10px 10px 10px 40px;
+ margin: 10px;
+ background: rgba(0, 0, 0, 0.8);
+}
+.component.params .checkbox input {
+ position: absolute;
+ top: 8px;
+ left: 10px;
+}
+#map {
+ position: absolute;
+ z-index: 100;
+ background: url('src/desktop/map/common/map.jpg') repeat black;
+ padding: 0;
+ top: 0;
+ left: 0;
+}
+#map #sectors {
+ z-index: 300;
+}
+#map #spying {
+ z-index: 400;
+}
+#map #own-base {
+ z-index: 500;
+}
+#map #commercial-routes {
+ z-index: 600;
+}
+#map #fleet-movements {
+ z-index: 700;
+}
+#map #attacks {
+ z-index: 800;
+}
+#map #systems {
+ z-index: 900;
+}
+#map #map-info {
+ z-index: 910;
+}
+#map > div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+#map #sectors polygon {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 4 4;
+ opacity: 0.15;
+}
+#map #sectors .ally1 {
+ fill: #6e161b;
+}
+#map #sectors .ally2 {
+ fill: #1f1471;
+}
+#map #sectors .ally3 {
+ fill: #dbb200;
+}
+#map #sectors .ally4 {
+ fill: #5a1072;
+}
+#map #sectors .ally5 {
+ fill: #2c7915;
+}
+#map #sectors .ally6 {
+ fill: #076b87;
+}
+#map #sectors .ally7 {
+ fill: #67331d;
+}
+#map #sectors .ally8 {
+ fill: #d87913;
+}
+#map #sectors .ally9 {
+ fill: #2c7915;
+}
+#map #sectors .ally10 {
+ fill: #760f36;
+}
+#map #sectors .ally11 {
+ fill: #219772;
+}
+#map #sectors .ally12 {
+ fill: #dbb200;
+}
+#map #spying circle {
+ opacity: 0.08;
+ stroke: white;
+}
+#map #own-base circle {
+ opacity: 0.1;
+ fill: white;
+}
+#map #commercial-routes line {
+ stroke: white;
+ stroke-width: 1px;
+ stroke-dasharray: 20 5 5 5 5 10;
+}
+#map #commercial-routes line.standBy {
+ stroke: rgba(255, 255, 255, 0.3);
+}
+#map #fleet-movements line {
+ stroke-width: 1px;
+}
+#map #fleet-movements line.back {
+ stroke-dasharray: 15 5;
+}
+#map #attacks line {
+ stroke-width: 1px;
+}
+#map #attacks line.color1 {
+ stroke: #b01e2d;
+}
+#map #attacks line.color2 {
+ stroke: #2f23c0;
+}
+#map #attacks line.color3 {
+ stroke: #ffdb0f;
+}
+#map #attacks line.color4 {
+ stroke: #a935c7;
+}
+#map #attacks line.color5 {
+ stroke: #57c632;
+}
+#map #attacks line.color6 {
+ stroke: #05bed7;
+}
+#map #attacks line.color7 {
+ stroke: #ac5832;
+}
+#map #attacks line.color8 {
+ stroke: #f2b636;
+}
+#map #attacks line.color9 {
+ stroke: #57c632;
+}
+#map #attacks line.color10 {
+ stroke: #a92859;
+}
+#map #attacks line.color11 {
+ stroke: #34b089;
+}
+#map #attacks line.color12 {
+ stroke: #ffdb0f;
+}
+#map #attacks circle.color1 {
+ fill: #b01e2d;
+}
+#map #attacks circle.color2 {
+ fill: #2f23c0;
+}
+#map #attacks circle.color3 {
+ fill: #ffdb0f;
+}
+#map #attacks circle.color4 {
+ fill: #a935c7;
+}
+#map #attacks circle.color5 {
+ fill: #57c632;
+}
+#map #attacks circle.color6 {
+ fill: #05bed7;
+}
+#map #attacks circle.color7 {
+ fill: #ac5832;
+}
+#map #attacks circle.color8 {
+ fill: #f2b636;
+}
+#map #attacks circle.color9 {
+ fill: #57c632;
+}
+#map #attacks circle.color10 {
+ fill: #a92859;
+}
+#map #attacks circle.color11 {
+ fill: #34b089;
+}
+#map #attacks circle.color12 {
+ fill: #ffdb0f;
+}
+#map #systems a {
+ display: block;
+ position: absolute;
+ border-radius: 100%;
+}
+#map #systems a.active {
+ background: black;
+ box-shadow: 0 0 0 1px black,
+ 0 0 0 3px white,
+ 0 0 10px 8px black;
+}
+#map #systems a img {
+ display: block;
+ width: 20px;
+ height: 20px;
+ border: none;
+ border-radius: 100%;
+ -moz-border-radius: 100%;
+ -webkit-border-radius: 100%;
+ -ms-border-radius: 100%;
+ -o-border-radius: 100%;
+}
+#map #systems a img.own {
+ background: white;
+}
+#map #systems .sector-number {
+ position: absolute;
+ display: block;
+ font-size: 22px;
+ line-height: 40px;
+ width: 40px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 0 5px #0A0A0A, 0 0 0 6px #4F4F4F;
+ background: #202020;
+ color: white;
+ font-weight: bold;
+ cursor: pointer;
+}
+#map #systems .sector-number.color1 {
+ background: #6e161b;
+}
+#map #systems .sector-number.color2 {
+ background: #1f1471;
+}
+#map #systems .sector-number.color3 {
+ background: #dbb200;
+}
+#map #systems .sector-number.color4 {
+ background: #5a1072;
+}
+#map #systems .sector-number.color5 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color6 {
+ background: #076b87;
+}
+#map #systems .sector-number.color7 {
+ background: #67331d;
+}
+#map #systems .sector-number.color8 {
+ background: #d87913;
+}
+#map #systems .sector-number.color9 {
+ background: #2c7915;
+}
+#map #systems .sector-number.color10 {
+ background: #760f36;
+}
+#map #systems .sector-number.color11 {
+ background: #219772;
+}
+#map #systems .sector-number.color12 {
+ background: #dbb200;
+}
+#map #systems .sector-info {
+ display: none;
+ position: absolute;
+ color: white;
+ background: black;
+ background: rgba(0, 0, 0, 0.9);
+ padding: 8px 16px;
+ border-radius: 3px;
+}
+#map #systems .sector-info:before {
+ content: '';
+ position: absolute;
+ left: -20px;
+ top: 20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent black transparent transparent;
+ border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
+}
+#map #systems .sector-info h2 {
+ position: relative;
+ font-size: 40px;
+ font-weight: bold;
+ line-height: 40px;
+ text-shadow: 0 0 5px black;
+ margin: 0;
+ padding: 0;
+}
+#map #systems .sector-info p {
+ font-size: 13px;
+ margin: 6px 0 0 0;
+ padding: 0;
+ font-weight: bold;
+ font-variant: small-caps;
+}
+#map #systems .sector-info p a {
+ position: static;
+ display: inline-block;
+ color: white;
+ background: #202020;
+ border-radius: 3px;
+ line-height: 20px;
+ width: 20px;
+ text-align: center;
+ text-decoration: none;
+ border: solid 1px rgba(255, 255, 255, 0.5);
+ margin: 0 5px 0 0;
+}
+#map #systems .sector-info.color1 p a {
+ background: #6e161b;
+}
+#map #systems .sector-info.color2 p a {
+ background: #1f1471;
+}
+#map #systems .sector-info.color3 p a {
+ background: #dbb200;
+}
+#map #systems .sector-info.color4 p a {
+ background: #5a1072;
+}
+#map #systems .sector-info.color5 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color6 p a {
+ background: #076b87;
+}
+#map #systems .sector-info.color7 p a {
+ background: #67331d;
+}
+#map #systems .sector-info.color8 p a {
+ background: #d87913;
+}
+#map #systems .sector-info.color9 p a {
+ background: #2c7915;
+}
+#map #systems .sector-info.color10 p a {
+ background: #760f36;
+}
+#map #systems .sector-info.color11 p a {
+ background: #219772;
+}
+#map #systems .sector-info.color12 p a {
+ background: #dbb200;
+}
+#map #map-info {
+ display: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ bottom: auto;
+ height: auto;
+ width: auto;
+ margin: 40px 60px 0 0;
+ color: white;
+ text-align: right;
+}
+#map #map-info h2 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 38px;
+ line-height: 60px;
+}
+#map #map-info h3 {
+ margin: 0;
+ padding: 0 20px;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 40px;
+}
+#map #map-info ul {
+ margin: 10px 0;
+ padding: 0;
+ list-style: none;
+}
+#map #map-info ul li {
+ position: relative;
+ margin: 0;
+ padding: 0 40px 0 0;
+ line-height: 20px;
+ height: 20px;
+ font-style: italic;
+ color: #CCC;
+ font-size: 13px;
+}
+#map #map-info ul li img {
+ position: absolute;
+ right: 10px;
+ top: 0px;
+}
+#map #spying circle {
+ fill: #6e161b;
+}
+#map #fleet-movements line {
+ stroke: #b01e2d;
+}
+#map #fleet-movements circle {
+ fill: #b01e2d;
+}
+#map-option {
+ z-index: 1000;
+ position: absolute;
+ display: inline-block;
+ height: 32px;
+ padding: 3px 0;
+ background: url('src/desktop/map/bOption.png') repeat-x;
+ top: 30px;
+ right: 20px;
+}
+#map-option:before {
+ content: '';
+ position: absolute;
+ display: block;
+ left: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bLeftOption.png');
+}
+#map-option:after {
+ content: '';
+ position: absolute;
+ display: block;
+ right: -10px;
+ top: 0;
+ height: 38px;
+ width: 10px;
+ background: url('src/desktop/map/bRightOption.png');
+}
+#map-option a {
+ position: relative;
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ margin: 1px 0 1px 1px;
+ background: #0A0A0A;
+}
+#map-option a.active {
+ background: #004948;
+}
+#map-option a img {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 22px;
+}
+.color1 #map-option a.active {
+ background: #510816;
+}
+.color2 #map-option a.active {
+ background: #0c0d44;
+}
+.color3 #map-option a.active {
+ background: #b17a00;
+}
+.color4 #map-option a.active {
+ background: #310948;
+}
+.color5 #map-option a.active {
+ background: #24500a;
+}
+.color6 #map-option a.active {
+ background: #004948;
+}
+.color7 #map-option a.active {
+ background: #401b13;
+}
+.color8 #map-option a.active {
+ background: #c3590b;
+}
+.color9 #map-option a.active {
+ background: #24500a;
+}
+.color10 #map-option a.active {
+ background: #4d0621;
+}
+.color11 #map-option a.active {
+ background: #10684c;
+}
+.color12 #map-option a.active {
+ background: #b17a00;
+}
+#map-content {
+ z-index: 1000;
+ position: absolute;
+ top: 80px;
+ right: 20px;
+ display: block;
+}
+#map-content .mini-map {
+ position: relative;
+ width: 300px;
+ height: 300px;
+ overflow: hidden;
+ border: solid 1px #202020;
+ background: url('src/desktop/map/common/galaxy.jpg') no-repeat #0A0A0A;
+}
+#map-content .mini-map polygon {
+ stroke: white;
+ stroke-width: .5px;
+ opacity: 0.3;
+}
+#map-content .mini-map polygon:focus,
+#map-content .mini-map polygon:hover {
+ opacity: 0.1;
+ cursor: pointer;
+}
+#map-content .mini-map polygon.ally0 {
+ fill: #202020;
+}
+#map-content .mini-map polygon.ally1 {
+ fill: #6e161b;
+}
+#map-content .mini-map polygon.ally2 {
+ fill: #1f1471;
+}
+#map-content .mini-map polygon.ally3 {
+ fill: #dbb200;
+}
+#map-content .mini-map polygon.ally4 {
+ fill: #5a1072;
+}
+#map-content .mini-map polygon.ally5 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally6 {
+ fill: #076b87;
+}
+#map-content .mini-map polygon.ally7 {
+ fill: #67331d;
+}
+#map-content .mini-map polygon.ally8 {
+ fill: #d87913;
+}
+#map-content .mini-map polygon.ally9 {
+ fill: #2c7915;
+}
+#map-content .mini-map polygon.ally10 {
+ fill: #760f36;
+}
+#map-content .mini-map polygon.ally11 {
+ fill: #219772;
+}
+#map-content .mini-map polygon.ally12 {
+ fill: #dbb200;
+}
+#map-content .mini-map .number {
+ position: absolute;
+ z-index: 600;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .sectors {
+ z-index: 500;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases {
+ z-index: 400;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+#map-content .mini-map .bases circle {
+ fill: rgba(255, 255, 255, 0.2);
+ stroke: white;
+}
+#map-content .mini-map .viewport {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: rgba(255, 255, 255, 0.1);
+ border: solid 1px white;
+ border-radius: 3px;
+}
+#map-content .mini-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 11px;
+}
+.map-movers {
+ display: none;
+ position: absolute;
+ z-index: 900;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+#coord-box {
+ z-index: 1000;
+ position: absolute;
+ bottom: 20px;
+ right: 20px;
+ width: 80px;
+ padding: 5px 10px;
+ background: rgba(0, 0, 0, 0.8);
+ color: white;
+ font-size: 20px;
+ text-align: center;
+}
+.tactical-map {
+ margin: 10px;
+ position: relative;
+ background: url('src/desktop/map/common/galaxy-large.jpg') repeat #0A0A0A;
+}
+.tactical-map polygon {
+ stroke: white;
+ stroke-width: .30px;
+ opacity: 0.15;
+}
+.tactical-map polygon.enabled {
+ position: relative;
+ stroke-width: 2px;
+ opacity: 0.80;
+ z-index: 1;
+}
+.tactical-map polygon.enabled.ally1 {
+ stroke: #510816;
+}
+.tactical-map polygon.enabled.ally2 {
+ stroke: #0c0d44;
+}
+.tactical-map polygon.enabled.ally3 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.enabled.ally4 {
+ stroke: #310948;
+}
+.tactical-map polygon.enabled.ally5 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally6 {
+ stroke: #004948;
+}
+.tactical-map polygon.enabled.ally7 {
+ stroke: #401b13;
+}
+.tactical-map polygon.enabled.ally8 {
+ stroke: #c3590b;
+}
+.tactical-map polygon.enabled.ally9 {
+ stroke: #24500a;
+}
+.tactical-map polygon.enabled.ally10 {
+ stroke: #4d0621;
+}
+.tactical-map polygon.enabled.ally11 {
+ stroke: #10684c;
+}
+.tactical-map polygon.enabled.ally12 {
+ stroke: #b17a00;
+}
+.tactical-map polygon.ally0 {
+ fill: #202020;
+}
+.tactical-map polygon.ally1 {
+ fill: #6e161b;
+}
+.tactical-map polygon.ally2 {
+ fill: #1f1471;
+}
+.tactical-map polygon.ally3 {
+ fill: #dbb200;
+}
+.tactical-map polygon.ally4 {
+ fill: #5a1072;
+}
+.tactical-map polygon.ally5 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally6 {
+ fill: #076b87;
+}
+.tactical-map polygon.ally7 {
+ fill: #67331d;
+}
+.tactical-map polygon.ally8 {
+ fill: #d87913;
+}
+.tactical-map polygon.ally9 {
+ fill: #2c7915;
+}
+.tactical-map polygon.ally10 {
+ fill: #760f36;
+}
+.tactical-map polygon.ally11 {
+ fill: #219772;
+}
+.tactical-map polygon.ally12 {
+ fill: #dbb200;
+}
+.tactical-map .number {
+ position: absolute;
+ z-index: 800;
+ top: 0;
+ left: 0;
+}
+.tactical-map .number span {
+ position: absolute;
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 12px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ border-radius: 100%;
+ box-shadow: 0 0 1px white;
+}
+.tactical-map .number span.ally0 {
+ background: #0A0A0A;
+}
+.tactical-map .number span.ally1 {
+ background: #510816;
+}
+.tactical-map .number span.ally2 {
+ background: #0c0d44;
+}
+.tactical-map .number span.ally3 {
+ background: #b17a00;
+}
+.tactical-map .number span.ally4 {
+ background: #310948;
+}
+.tactical-map .number span.ally5 {
+ background: #24500a;
+}
+.tactical-map .number span.ally6 {
+ background: #004948;
+}
+.tactical-map .number span.ally7 {
+ background: #401b13;
+}
+.tactical-map .number span.ally8 {
+ background: #c3590b;
+}
+.tactical-map .number span.ally9 {
+ background: #24500a;
+}
+.tactical-map .number span.ally10 {
+ background: #4d0621;
+}
+.tactical-map .number span.ally11 {
+ background: #10684c;
+}
+.tactical-map .number span.ally12 {
+ background: #b17a00;
+}
+.tactical-map .number span.active {
+ background: white;
+ color: black;
+ box-shadow: 0 0 10px black;
+}
+.tactical-map.reactive polygon.enabled:hover,
+.tactical-map.reactive polygon.enabled.active {
+ cursor: pointer;
+}
+.tactical-map.reactive polygon.enabled:hover.ally1,
+.tactical-map.reactive polygon.enabled.active.ally1 {
+ fill: #510816;
+}
+.tactical-map.reactive polygon.enabled:hover.ally2,
+.tactical-map.reactive polygon.enabled.active.ally2 {
+ fill: #0c0d44;
+}
+.tactical-map.reactive polygon.enabled:hover.ally3,
+.tactical-map.reactive polygon.enabled.active.ally3 {
+ fill: #b17a00;
+}
+.tactical-map.reactive polygon.enabled:hover.ally4,
+.tactical-map.reactive polygon.enabled.active.ally4 {
+ fill: #310948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally5,
+.tactical-map.reactive polygon.enabled.active.ally5 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally6,
+.tactical-map.reactive polygon.enabled.active.ally6 {
+ fill: #004948;
+}
+.tactical-map.reactive polygon.enabled:hover.ally7,
+.tactical-map.reactive polygon.enabled.active.ally7 {
+ fill: #401b13;
+}
+.tactical-map.reactive polygon.enabled:hover.ally8,
+.tactical-map.reactive polygon.enabled.active.ally8 {
+ fill: #c3590b;
+}
+.tactical-map.reactive polygon.enabled:hover.ally9,
+.tactical-map.reactive polygon.enabled.active.ally9 {
+ fill: #24500a;
+}
+.tactical-map.reactive polygon.enabled:hover.ally10,
+.tactical-map.reactive polygon.enabled.active.ally10 {
+ fill: #4d0621;
+}
+.tactical-map.reactive polygon.enabled:hover.ally11,
+.tactical-map.reactive polygon.enabled.active.ally11 {
+ fill: #10684c;
+}
+.tactical-map.reactive polygon.enabled:hover.ally12,
+.tactical-map.reactive polygon.enabled.active.ally12 {
+ fill: #b17a00;
+}
+#action-box {
+ display: block;
+ z-index: 1100;
+ position: absolute;
+ width: 100%;
+ height: 300px;
+ bottom: -300px;
+ left: 0;
+ border-top: solid 1px #0A0A0A;
+ background: black;
+ box-shadow: 0 0 15px black;
+}
+#action-box .header {
+ position: relative;
+ background: black;
+ border-bottom: solid 1px #202020;
+ height: 36px;
+ color: #EFEFEF;
+}
+#action-box .header ul {
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .header ul li {
+ display: inline-block;
+ line-height: 36px;
+ padding: 0 10px;
+ color: #CCC;
+ border-right: solid 1px #202020;
+}
+#action-box .header ul li a {
+ display: inline-block;
+ line-height: 24px;
+ margin: 3px 0;
+ padding: 0 6px;
+ text-decoration: none;
+ color: #CCC;
+ background: #0A0A0A;
+ border: solid 1px #202020;
+ border-right: none;
+ color: #8F8F8F;
+}
+#action-box .header ul li a:first-child {
+ border-radius: 3px 0 0 3px;
+}
+#action-box .header ul li a:last-child {
+ border-right: solid 1px #202020;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .header ul li a:hover,
+#action-box .header ul li a:focus {
+ background: #202020;
+ color: white;
+}
+#action-box .header ul li a.active {
+ color: white;
+ position: relative;
+ z-index: 1;
+ background: #510816;
+}
+#action-box .header ul li img {
+ position: relative;
+ top: 5px;
+ width: 20px;
+ border-radius: 100%;
+}
+#action-box .header .button {
+ position: absolute;
+ top: 7px;
+ right: 10px;
+ line-height: 22px;
+ width: 22px;
+ text-align: center;
+ background: #202020;
+ border-radius: 3px;
+ text-decoration: none;
+ text-transform: uppercase;
+ color: white;
+}
+#action-box .header .button:focus,
+#action-box .header .button:hover {
+ background: #4F4F4F;
+}
+#action-box .body {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ height: 263px;
+ background: url('src/desktop/map/common/bLine.jpg') repeat-x center #080808;
+}
+#action-box .actbox-movers {
+ position: absolute;
+ display: block;
+ width: 60px;
+ height: 263px;
+ z-index: 1103;
+ -webkit-transition: all linear 100ms;
+ -moz-transition: all linear 100ms;
+ -ms-transition: all linear 100ms;
+ -o-transition: all linear 100ms;
+ transition: all linear 100ms;
+}
+#action-box .actbox-movers:hover,
+#action-box .actbox-movers:focus {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+#action-box .actbox-movers:active {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+#action-box .actbox-movers#actboxToLeft {
+ background: url('src/desktop/mover/left.png') no-repeat center;
+}
+#action-box .actbox-movers#actboxToRight {
+ top: 0;
+ right: 0;
+ background: url('src/desktop/mover/right.png') no-repeat center;
+}
+#action-box .body .system {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 263px;
+ width: 3000px;
+}
+#action-box .body .system ul {
+ display: inline-block;
+ list-style: none inset;
+ margin: 0;
+ padding: 0;
+}
+#action-box .body .system ul li {
+ display: inline-block;
+}
+#action-box .body .system ul li.place a,
+#action-box .body .system ul li.action {
+ width: 100px;
+ height: 260px;
+ border-top: solid 3px white;
+ position: relative;
+}
+#action-box .body .system ul li.place.color1 a,
+#action-box .body .system ul li.action.color1 {
+ border-top-color: #6e161b;
+}
+#action-box .body .system ul li.place.color2 a,
+#action-box .body .system ul li.action.color2 {
+ border-top-color: #1f1471;
+}
+#action-box .body .system ul li.place.color3 a,
+#action-box .body .system ul li.action.color3 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.place.color4 a,
+#action-box .body .system ul li.action.color4 {
+ border-top-color: #5a1072;
+}
+#action-box .body .system ul li.place.color5 a,
+#action-box .body .system ul li.action.color5 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color6 a,
+#action-box .body .system ul li.action.color6 {
+ border-top-color: #076b87;
+}
+#action-box .body .system ul li.place.color7 a,
+#action-box .body .system ul li.action.color7 {
+ border-top-color: #67331d;
+}
+#action-box .body .system ul li.place.color8 a,
+#action-box .body .system ul li.action.color8 {
+ border-top-color: #d87913;
+}
+#action-box .body .system ul li.place.color9 a,
+#action-box .body .system ul li.action.color9 {
+ border-top-color: #2c7915;
+}
+#action-box .body .system ul li.place.color10 a,
+#action-box .body .system ul li.action.color10 {
+ border-top-color: #760f36;
+}
+#action-box .body .system ul li.place.color11 a,
+#action-box .body .system ul li.action.color11 {
+ border-top-color: #219772;
+}
+#action-box .body .system ul li.place.color12 a,
+#action-box .body .system ul li.action.color12 {
+ border-top-color: #dbb200;
+}
+#action-box .body .system ul li.star {
+ width: 300px;
+ height: 263px;
+ border-left: solid 1px #0F0F0F;
+ background: url('src/desktop/map/systems/default.png') no-repeat center center;
+}
+#action-box .body .system ul li.place a {
+ display: block;
+ border-left: solid 1px #0F0F0F;
+ text-align: center;
+}
+#action-box .body .system ul li.place a strong {
+ position: absolute;
+ bottom: 8px;
+ left: 10px;
+ font-size: 18px;
+ font-weight: bold;
+ color: white;
+}
+#action-box .body .system ul li.place a .land {
+ position: absolute;
+ z-index: 1102;
+ top: 88px;
+ left: 10px;
+ width: 80px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.place.active a .land {
+ box-shadow: 0 0 0 1px #202020;
+ background: #080808;
+}
+#action-box .body .system ul li.place a .avatar {
+ position: absolute;
+ z-index: 1101;
+ top: 10px;
+ left: 20px;
+ padding: 7px;
+ border: solid 1px #0F0F0F;
+ background: black;
+ width: 47px;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action {
+ width: 0px;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .content {
+ position: absolute;
+ top: 9px;
+ left: 12px;
+ height: 240px;
+ width: 545px;
+ background: #111111;
+ border: solid 1px #202020;
+ box-shadow: inset 0 0 5px black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .content:before {
+ content: '';
+ position: absolute;
+ top: 107px;
+ left: -24px;
+ border-width: 12px;
+ border-style: solid;
+ border-color: transparent #202020 transparent transparent;
+}
+#action-box .body .system ul li.action .content .column {
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ height: 240px;
+ border-right: solid 1px #202020;
+ color: white;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link {
+ position: absolute;
+ top: 6px;
+ right: 8px;
+ opacity: .5;
+ -webkit-transition: all linear 250ms;
+ -moz-transition: all linear 250ms;
+ -ms-transition: all linear 250ms;
+ -o-transition: all linear 250ms;
+ transition: all linear 250ms;
+}
+#action-box .body .system ul li.action .content .column .last-spy-link:hover,
+#action-box .body .system ul li.action .content .column .last-spy-link:focus {
+ opacity: 1;
+}
+#action-box .body .system ul li.action .content .column.info {
+ width: 199px;
+}
+#action-box .body .system ul li.action .content .column.act {
+ width: 345px;
+ border-right: none;
+}
+#action-box .body .system ul li.action .content .column p {
+ margin: 2px 10px;
+}
+#action-box .body .system ul li.action .content .column a {
+ color: white;
+}
+#action-box .body .system ul li.action .content .column hr {
+ margin: 8px 10px;
+ border: none;
+ background: none;
+ border-bottom: solid 1px #202020;
+}
+#action-box .body .system ul li.action .content .column strong {
+ line-height: 30px;
+}
+#action-box .body .system ul li.action .content .column.info strong {
+ line-height: 28px;
+ font-size: 18px;
+}
+#action-box .body .system ul li.action .content .column .label {
+ display: inline-block;
+ width: 78px;
+ font-size: 12px;
+}
+#action-box .body .system ul li.action .content .column .value {
+ display: inline-block;
+ width: 100px;
+ text-align: left;
+}
+#action-box .body .system ul li.action .content .column .value .icon,
+#action-box .body .system ul li.action .content .column .value .icon-color {
+ width: 18px;
+ height: 18px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .content .column.act .top .grey {
+ opacity: .4;
+}
+#action-box .body .system ul li.action .content .column.act .top img {
+ width: 45px;
+ padding: 8px;
+ margin: 0 4px 2px 0;
+ border: solid 1px #202020;
+ background: #0A0A0A;
+ border-radius: 100%;
+}
+#action-box .body .system ul li.action .content .column .top,
+#action-box .body .system ul li.action .content .column .bottom {
+ padding: 5px;
+}
+#action-box .body .system ul li.action .box {
+ display: none;
+ position: absolute;
+ left: 10px;
+ right: 10px;
+ bottom: 10px;
+ top: 80px;
+ background: black;
+ border-radius: 3px;
+}
+#action-box .body .system ul li.action .box:nth-child(1) {
+ display: block;
+}
+#action-box .body .system ul li.action .box:before {
+ content: '';
+ position: absolute;
+ top: -20px;
+ border-style: solid;
+ border-width: 10px;
+ border-color: transparent transparent black transparent;
+}
+#action-box .body .system ul li.action .box:nth-child(1):before {
+ left: 15px;
+}
+#action-box .body .system ul li.action .box:nth-child(2):before {
+ left: 84px;
+}
+#action-box .body .system ul li.action .box:nth-child(3):before {
+ left: 152px;
+}
+#action-box .body .system ul li.action .box:nth-child(4):before {
+ left: 218px;
+}
+#action-box .body .system ul li.action .box:nth-child(5):before {
+ left: 284px;
+}
+#action-box .body .system ul li.action .box h2 {
+ margin: 0;
+ padding: 0 11px;
+ line-height: 35px;
+ font-size: 15px;
+}
+#action-box .body .system ul li.action .box .box-content {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 0 0 3px 3px;
+ padding: 8px 10px;
+ background: #080808;
+ border: solid 1px black;
+ overflow: hidden;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item {
+ display: none;
+}
+#action-box .body .system ul li.action .box .box-content .commander-tile .item.no-commander {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button {
+ display: inline-block;
+ width: 100px;
+ text-decoration: none;
+ margin: 8px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .picto {
+ float: left;
+ width: 30px;
+ height: 30px;
+ margin: 0 5px 0 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button span {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .spy-button .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form {
+ margin-top: 10px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form input {
+ width: 187px;
+ padding: 7px;
+ border: none;
+ background: white;
+ border-radius: 3px 0 0 3px;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button {
+ width: 100px;
+ padding: 6px 6px;
+ border: none;
+ color: white;
+ background: #6e161b;
+ cursor: pointer;
+ border-radius: 0 3px 3px 0;
+}
+#action-box .body .system ul li.action .box .box-content .spy-form button:hover,
+#action-box .body .system ul li.action .box .box-content .spy-form button:focus {
+ background: #510816;
+}
+#action-box .body .system ul li.action .box .box-content .label-box {
+ display: inline-block;
+ width: 50%;
+ margin: 5px 0;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .key {
+ display: block;
+}
+#action-box .body .system ul li.action .box .box-content .label-box .val {
+ display: block;
+ font-size: 18px;
+ font-weight: bold;
+}
+#action-box .body .system ul li.action .box .box-content .rc {
+ margin: 5px 0 0 0;
+ padding: 10px 10px 0 50px;
+ border-top: solid 1px #202020;
+}
+#action-box .body .system ul li.action .box .box-content .rc .planet {
+ position: absolute;
+ top: -25px;
+ left: -25px;
+ width: 76px;
+ height: 76px;
+ border: solid 1px #202020;
+ border-radius: 100%;
+ background: black;
+}
+#action-box .body .system ul li.action .box .box-content .icon-color {
+ width: 14px;
+ height: 14px;
+ padding: 1px;
+}
+#action-box .body .system ul li.action .box .box-content .button {
+ display: inline-block;
+ background: #202020;
+ border: solid 1px #4F4F4F;
+ line-height: 26px;
+ margin: 5px 0 0 0;
+ padding: 0 8px;
+ text-align: center;
+ text-decoration: none;
+}
+#action-box .body .system ul li.action .box .box-content a.button {
+ background: #6e161b;
+ border: #510816;
+}
+#action-box .body .system ul li.action .box .box-content a.button:hover,
+#action-box .body .system ul li.action .box .box-content a.button:focus {
+ background: #510816;
+}
+.component.admin table {
+ margin: 10px;
+ border-collapse: collapse;
+ width: 877px;
+}
+.component.admin table tr {
+ border-bottom: solid 1px #202020;
+}
+.component.admin table td {
+ padding: 5px 10px;
+ vertical-align: top;
+}
+.component.admin table .button {
+ display: inline-block;
+ padding: 0 5px;
+ line-height: 25px;
+ min-width: 15px;
+ text-align: center;
+ color: white;
+ border-radius: 3px;
+ background: #4F4F4F;
+ text-decoration: none;
+}
+.component.admin table td:nth-child(1) {
+ width: 50px;
+}
+.component.admin table td:nth-child(2) {
+ width: 100px;
+}
+.component.admin table td:nth-child(3) {
+ width: auto;
+}
+.component.admin table td:nth-child(4) {
+ width: 80px;
+}
+.on-off-button {
+ display: block;
+ width: auto;
+ margin: 10px 10px 0 10px;
+ line-height: 30px;
+ padding: 0 10px;
+ background: #6e161b;
+ border: solid 1px #510816;
+ border-radius: 3px;
+ color: white;
+ text-decoration: none;
+ cursor: pointer;
+}
+.on-off-button:hover,
+.on-off-button:focus {
+ background: #510816;
+ border-color: #6e161b;
+}
+.on-off-button.disabled {
+ background: #202020;
+ border-color: #4F4F4F;
+}
+.inscription {
+ /* SUBNAV */
+ /* ALLY */
+}
+.inscription #nav .box.left span {
+ display: inline-block;
+ line-height: 32px;
+ padding: 0 10px;
+ margin: 5px 2px;
+ font-size: 14px;
+ width: 80px;
+ text-align: center;
+ color: #4f4f4f;
+ text-decoration: none;
+ font-variant: small-caps;
+}
+.inscription #nav .box.left span.active {
+ color: white;
+}
+.inscription #nav .box.right {
+ display: none;
+}
+.inscription #inscription-subnav {
+ position: fixed;
+ top: 45px;
+ left: 0;
+ width: 210px;
+ margin: 0 20px 0 60px;
+ z-index: 500;
+}
+.inscription #inscription-subnav .bind {
+ height: 15px;
+ background: url('src/desktop/inscriptionSubnav/bBind.png') no-repeat center;
+}
+.inscription #inscription-subnav .head {
+ position: relative;
+ height: 214px;
+ background: url('src/desktop/inscriptionSubnav/bHead.png') no-repeat center;
+}
+.inscription #inscription-subnav .head h2 {
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ top: 5px;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 24px;
+ width: 210px;
+ overflow: hidden;
+ text-align: center;
+ color: white;
+}
+.inscription #inscription-subnav .head img {
+ position: absolute;
+ top: 43px;
+ left: 28px;
+ width: 125px;
+ height: 125px;
+ background: #0A0A0A;
+}
+.inscription #inscription-subnav .head .level {
+ position: absolute;
+ display: block;
+ bottom: 15px;
+ left: 0;
+ width: 100%;
+ font-size: 20px;
+ line-height: 41px;
+ color: white;
+ text-align: center;
+ background: url('src/desktop/inscriptionSubnav/bLevel.png') no-repeat center;
+}
+.inscription #inscription-subnav .head .experience {
+ position: absolute;
+ display: inline-block;
+ top: 50px;
+ right: 32px;
+ width: 21px;
+ height: 112px;
+}
+.inscription #inscription-subnav .head .experience .value {
+ position: absolute;
+ display: block;
+ width: 100%;
+ bottom: 0;
+ border-radius: 3px;
+}
+.inscription #inscription-subnav .foot {
+ height: 290px;
+}
+.inscription #movers .toLeft {
+ left: 0 !important;
+}
+.inscription .component.inscription img.color1 {
+ background: #6e161b !important;
+}
+.inscription .component.inscription img.color2 {
+ background: #1f1471 !important;
+}
+.inscription .component.inscription img.color3 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription img.color4 {
+ background: #5a1072 !important;
+}
+.inscription .component.inscription img.color5 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color6 {
+ background: #076b87 !important;
+}
+.inscription .component.inscription img.color7 {
+ background: #67331d !important;
+}
+.inscription .component.inscription img.color8 {
+ background: #d87913 !important;
+}
+.inscription .component.inscription img.color9 {
+ background: #2c7915 !important;
+}
+.inscription .component.inscription img.color10 {
+ background: #760f36 !important;
+}
+.inscription .component.inscription img.color11 {
+ background: #219772 !important;
+}
+.inscription .component.inscription img.color12 {
+ background: #dbb200 !important;
+}
+.inscription .component.inscription .chooseLink {
+ display: block;
+ margin: 10px;
+ padding: 10px 60px 10px 20px;
+ background: url('src/desktop/mover/right.png') no-repeat 235px center #CCC;
+ text-decoration: none;
+ color: white;
+ text-shadow: 0 0 2px black;
+ border: solid 1px #202020;
+ cursor: pointer;
+ -webkit-transition: all linear 200ms;
+ -moz-transition: all linear 200ms;
+ -ms-transition: all linear 200ms;
+ -o-transition: all linear 200ms;
+ transition: all linear 200ms;
+}
+.inscription .component.inscription .chooseLink:focus,
+.inscription .component.inscription .chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+}
+.inscription .component.inscription button.chooseLink {
+ width: 277px;
+ text-align: left;
+}
+.inscription .component.inscription.color1 .chooseLink {
+ background-color: #6e161b;
+}
+.inscription .component.inscription.color2 .chooseLink {
+ background-color: #1f1471;
+}
+.inscription .component.inscription.color3 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color4 .chooseLink {
+ background-color: #5a1072;
+}
+.inscription .component.inscription.color5 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color6 .chooseLink {
+ background-color: #076b87;
+}
+.inscription .component.inscription.color7 .chooseLink {
+ background-color: #67331d;
+}
+.inscription .component.inscription.color8 .chooseLink {
+ background-color: #d87913;
+}
+.inscription .component.inscription.color9 .chooseLink {
+ background-color: #2c7915;
+}
+.inscription .component.inscription.color10 .chooseLink {
+ background-color: #760f36;
+}
+.inscription .component.inscription.color11 .chooseLink {
+ background-color: #219772;
+}
+.inscription .component.inscription.color12 .chooseLink {
+ background-color: #dbb200;
+}
+.inscription .component.inscription.color1 .chooseLink:hover,
+.inscription .component.inscription.color1 .chooseLink:focus {
+ background-color: #510816;
+}
+.inscription .component.inscription.color2 .chooseLink:hover,
+.inscription .component.inscription.color2 .chooseLink:focus {
+ background-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .chooseLink:hover,
+.inscription .component.inscription.color3 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription.color4 .chooseLink:hover,
+.inscription .component.inscription.color4 .chooseLink:focus {
+ background-color: #310948;
+}
+.inscription .component.inscription.color5 .chooseLink:hover,
+.inscription .component.inscription.color5 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color6 .chooseLink:hover,
+.inscription .component.inscription.color6 .chooseLink:focus {
+ background-color: #004948;
+}
+.inscription .component.inscription.color7 .chooseLink:hover,
+.inscription .component.inscription.color7 .chooseLink:focus {
+ background-color: #401b13;
+}
+.inscription .component.inscription.color8 .chooseLink:hover,
+.inscription .component.inscription.color8 .chooseLink:focus {
+ background-color: #c3590b;
+}
+.inscription .component.inscription.color9 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #24500a;
+}
+.inscription .component.inscription.color10 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #4d0621;
+}
+.inscription .component.inscription.color11 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #10684c;
+}
+.inscription .component.inscription.color12 .chooseLink:hover,
+.inscription .component.inscription.color9 .chooseLink:focus {
+ background-color: #b17a00;
+}
+.inscription .component.inscription .chooseLink strong {
+ display: block;
+ font-size: 15px;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.25);
+ padding: 0 0 5px 0;
+ margin: 0 0 5px 0;
+}
+.inscription .component.inscription .chooseLink em {
+ font-style: normal;
+}
+.inscription .component.inscription span.chooseLink {
+ background: #202020 !important;
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+ cursor: auto;
+ padding: 10px;
+}
+.inscription .component.inscription span.chooseLink:focus,
+.inscription .component.inscription span.chooseLink:hover {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
+}
+.inscription .component.inscription blockquote {
+ line-height: 200%;
+}
+.inscription .component.inscription #pseudo,
+.inscription .component.inscription #base {
+ position: relative;
+ width: 100%;
+ border: none;
+ padding: 12px 0;
+ margin: 0;
+ text-align: center;
+ font-size: 26px;
+ font-weight: bold;
+ background: white;
+ border-radius: 3px;
+}
+.inscription .component.inscription.color1 #pseudo {
+ color: #510816;
+}
+.inscription .component.inscription.color2 #pseudo {
+ color: #0c0d44;
+}
+.inscription .component.inscription.color3 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription.color4 #pseudo {
+ color: #310948;
+}
+.inscription .component.inscription.color5 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color6 #pseudo {
+ color: #004948;
+}
+.inscription .component.inscription.color7 #pseudo {
+ color: #401b13;
+}
+.inscription .component.inscription.color8 #pseudo {
+ color: #c3590b;
+}
+.inscription .component.inscription.color9 #pseudo {
+ color: #24500a;
+}
+.inscription .component.inscription.color10 #pseudo {
+ color: #4d0621;
+}
+.inscription .component.inscription.color11 #pseudo {
+ color: #10684c;
+}
+.inscription .component.inscription.color12 #pseudo {
+ color: #b17a00;
+}
+.inscription .component.inscription .avatars {
+ padding: 5px;
+ text-align: center;
+}
+.inscription .component.inscription .avatar {
+ position: relative;
+ display: inline-block;
+ margin: 0 5px;
+ padding: 5px;
+ background: #202020;
+ border: solid 5px #0A0A0A;
+ border-radius: 100%;
+}
+.inscription .component.inscription .avatar input {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+.inscription .component.inscription .avatar img {
+ display: block;
+ width: 117px;
+ cursor: pointer;
+ border-radius: 100%;
+}
+.inscription .component.inscription.color1 .avatar:hover {
+ border-color: #510816;
+}
+.inscription .component.inscription.color2 .avatar:hover {
+ border-color: #0c0d44;
+}
+.inscription .component.inscription.color3 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color4 .avatar:hover {
+ border-color: #310948;
+}
+.inscription .component.inscription.color5 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color6 .avatar:hover {
+ border-color: #004948;
+}
+.inscription .component.inscription.color7 .avatar:hover {
+ border-color: #401b13;
+}
+.inscription .component.inscription.color8 .avatar:hover {
+ border-color: #c3590b;
+}
+.inscription .component.inscription.color9 .avatar:hover {
+ border-color: #24500a;
+}
+.inscription .component.inscription.color10 .avatar:hover {
+ border-color: #4d0621;
+}
+.inscription .component.inscription.color11 .avatar:hover {
+ border-color: #10684c;
+}
+.inscription .component.inscription.color12 .avatar:hover {
+ border-color: #b17a00;
+}
+.inscription .component.inscription.color1 .avatar.active {
+ border-color: #b01e2d;
+}
+.inscription .component.inscription.color2 .avatar.active {
+ border-color: #2f23c0;
+}
+.inscription .component.inscription.color3 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription .component.inscription.color4 .avatar.active {
+ border-color: #a935c7;
+}
+.inscription .component.inscription.color5 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color6 .avatar.active {
+ border-color: #05bed7;
+}
+.inscription .component.inscription.color7 .avatar.active {
+ border-color: #ac5832;
+}
+.inscription .component.inscription.color8 .avatar.active {
+ border-color: #f2b636;
+}
+.inscription .component.inscription.color9 .avatar.active {
+ border-color: #57c632;
+}
+.inscription .component.inscription.color10 .avatar.active {
+ border-color: #a92859;
+}
+.inscription .component.inscription.color11 .avatar.active {
+ border-color: #34b089;
+}
+.inscription .component.inscription.color12 .avatar.active {
+ border-color: #ffdb0f;
+}
+.inscription #alert {
+ bottom: -12px;
+ z-index: 10000;
+}
+.inscription .build-item {
+ min-height: 60px;
+}
+.inscription .build-item .name {
+ padding-top: 2px !important;
+}
+.inscription .build-item .name strong {
+ font-size: 16px !important;
+}
+.inscription .build-item .name em {
+ font-size: 12px !important;
+}
+.color0 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor0.png') no-repeat top left;
+}
+.color1 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor1.png') no-repeat top left;
+}
+.color2 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor2.png') no-repeat top left;
+}
+.color3 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor3.png') no-repeat top left;
+}
+.color4 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor4.png') no-repeat top left;
+}
+.color5 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor5.png') no-repeat top left;
+}
+.color6 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor6.png') no-repeat top left;
+}
+.color7 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor7.png') no-repeat top left;
+}
+.color8 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor8.png') no-repeat top left;
+}
+.color9 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor9.png') no-repeat top left;
+}
+.color10 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor10.png') no-repeat top left;
+}
+.color11 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor11.png') no-repeat top left;
+}
+.color12 #inscription-subnav .foot {
+ background: url('src/desktop/inscriptionSubnav/bFootColor12.png') no-repeat top left;
+}
+/* AUTOCOMPLETE MODULE */
+.ac_results {
+ width: 100%;
+ padding: 0px;
+ border: 1px solid #4F4F4F;
+ background-color: white;
+ overflow: hidden;
+ z-index: 99999;
+ box-shadow: 0 0 6px black;
+ border-radius: 3px;
+}
+.ac_results ul {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style-position: outside;
+ list-style: none;
+}
+.ac_results ul li {
+ padding: 4px 8px;
+ margin: 0px;
+ cursor: default;
+ display: block;
+ border-bottom: solid 1px #CCC;
+ overflow: hidden;
+}
+.ac_results ul li:last-child {
+ border: none;
+}
+.ac_results .img {
+ float: left;
+ width: 36px;
+ background: #202020;
+ border-radius: 3px;
+ margin: 0 8px 0 0;
+}
+.ac_results .value-1,
+.ac_results .value-2 {
+ display: block;
+ line-height: 18px;
+}
+.ac_results .value-1 {
+ font-weight: bold;
+}
+.ac_loading {
+ background: white url('src/desktop/module/indicator.gif') right center no-repeat;
+}
+.ac_over {
+ background: #efefef;
+}
+.ac_results .ac_over strong {
+ color: black;
+}
+.ac_results .ac_over img {
+ background: white;
+}
diff --git a/system/Classes/Container/Alert.php b/system/Classes/Container/Alert.php
new file mode 100644
index 000000000..ece68ee12
--- /dev/null
+++ b/system/Classes/Container/Alert.php
@@ -0,0 +1,70 @@
+alerts[] = array($message, $type);
+ return $this->size() - 1;
+ }
+
+ public function clear() {
+ $this->alerts = array();
+ }
+
+ /**
+ * @return int
+ */
+ public function size() {
+ return count($this->alerts);
+ }
+
+ /**
+ * @param int $position
+ * @return array|boolean
+ */
+ public function get($position) {
+ if (isset($this->alerts[$position])) {
+ return $this->alerts[$position];
+ }
+ return false;
+ }
+
+ /**
+ * @param string $tag
+ * @param string $type
+ * @return string
+ */
+ public function getAlerts($tag, $type = ALERT_DEFAULT) {
+ $format = '';
+ foreach ($this->alerts as $k) {
+ if ($type != ALERT_DEFAULT AND $type = $k[1]) {
+ $format .= '<' . $tag . ' class="alert_' . $k[1] . '">' . $k[0] . '';
+ }
+ }
+ return $format;
+ }
+
+ /**
+ * @param string $path
+ * @param boolean $date
+ * @param array $supp
+ */
+ public function logAlerts($path, $date = TRUE, $supp = array()) {
+ # TODO
+ }
+
+ public function readUrl() {
+ if (isset($_GET['say'])) {
+ $this->alerts[] = array($_GET['say'], ALERT_URL_INFO);
+ }
+ }
+}
\ No newline at end of file
diff --git a/system/Classes/Container/ArrayList.php b/system/Classes/Container/ArrayList.php
new file mode 100644
index 000000000..2293d7a30
--- /dev/null
+++ b/system/Classes/Container/ArrayList.php
@@ -0,0 +1,66 @@
+elements);
+ }
+
+ /**
+ * @param string $key
+ * @return mixed
+ */
+ public function get($key) {
+ if (isset($this->elements[$key])) {
+ return $this->elements[$key];
+ }
+ return null;
+ }
+
+ /**
+ * @param string $key
+ * @return boolean
+ */
+ public function exist($key) {
+ return isset($this->elements[$key]);
+ }
+
+ /**
+ * @param string $key
+ * @param mixed $value
+ * @return boolean
+ */
+ public function equal($key, $value) {
+ return (($this->exist($key) && $this->get($key) == $value));
+ }
+
+ /**
+ * @param string $key
+ * @param mixed $value
+ */
+ public function add($key, $value) {
+ $this->elements[$key] = $value;
+ }
+
+ /**
+ * @param string $key
+ * @return boolean
+ */
+ public function remove($key) {
+ if (isset($this->elements[$key])) {
+ unset($this->elements[$key]);
+ }
+ return false;
+ }
+
+ public function clear() {
+ $this->elements = array();
+ }
+}
\ No newline at end of file
diff --git a/system/Classes/Container/Cookie.php b/system/Classes/Container/Cookie.php
new file mode 100644
index 000000000..8ce23c2bd
--- /dev/null
+++ b/system/Classes/Container/Cookie.php
@@ -0,0 +1,51 @@
+name = APP_NAME . '_' . SERVER_SESS;
+ $this->init();
+ }
+
+ /**
+ * @param string $key
+ * @param mixed $value
+ */
+ public function add($key, $value) {
+ $this->elements[$key] = $value;
+ $this->rewrite();
+ }
+
+ /**
+ * @param string $key
+ * @return boolean
+ */
+ public function remove($key) {
+ if (!isset($this->elements[$key])) {
+ return false;
+ }
+ unset($this->elements[$key]);
+ $this->rewrite();
+ }
+
+ public function clear() {
+ $this->elements = array();
+ $this->rewrite();
+ }
+
+ public function rewrite() {
+ setcookie($this->name, serialize($this->elements), time() + 3000000, '/');
+ }
+
+ public function init() {
+ if (isset($_COOKIE[$this->name])) {
+ $this->elements = unserialize($_COOKIE[$this->name]);
+ }
+ }
+}
\ No newline at end of file
diff --git a/system/Classes/Container/EventList.php b/system/Classes/Container/EventList.php
new file mode 100644
index 000000000..d3c363488
--- /dev/null
+++ b/system/Classes/Container/EventList.php
@@ -0,0 +1,106 @@
+events);
+ }
+
+ /**
+ * @param int $index
+ * @return ArrayList
+ */
+ public function get($index = 0) {
+ if (isset($this->events[$index])) {
+ return $this->events[$index];
+ }
+ return null;
+ }
+
+ /**
+ * @param string $date
+ * @return \Asylamba\Classes\Container\StackList
+ */
+ public function getPastEvents($date) {
+ $past = new StackList();
+ foreach($this->events AS $e) {
+ if ($e->get('date') <= $date) {
+ $past->append($e);
+ }
+ }
+ return $past;
+ }
+
+ /**
+ * @param string $date
+ */
+ public function clearPastEvents($date) {
+ $size = $this->size() - 1;
+ for ($i = $size; $i >= 0; $i--) {
+ if ($this->events[$i]->get('date') <= $date) {
+ $this->remove($i);
+ $i--;
+ }
+ }
+ }
+
+ /**
+ * @param string $date
+ * @param string $eventType
+ * @param string $eventId
+ * @param string $eventInfo
+ */
+ public function add($date, $eventType, $eventId, $eventInfo = NULL) {
+ $event = new ArrayList();
+ $event->add('date', $date);
+ $event->add('eventType', $eventType);
+ $event->add('eventId', $eventId);
+ $event->add('eventInfo', $eventInfo);
+
+ $index = 0;
+ $found = FALSE;
+ foreach($this->events AS $e) {
+ if ($e->get('date') > $date) {
+ $found = TRUE;
+ break;
+ }
+ $index++;
+ }
+ if ($found) {
+ $begin = array_slice($this->events, 0, $index);
+ $begin[] = $event;
+ $end = array_slice($this->events, $index);
+ $this->events = array_merge($begin, $end);
+ } else {
+ $this->events[] = $event;
+ }
+ }
+
+ /**
+ * @param int $index
+ * @return boolean
+ */
+ public function remove($index) {
+ if ($index < 0) {
+ $index = count($this->events) + $index;
+ }
+ if (!isset($this->events[$index])) {
+ return false;
+ }
+ $begin = array_slice($this->events, 0, $index);
+ $end = array_slice($this->events, $index+1);
+ $this->events = array_merge($begin, $end);
+ }
+
+ public function clear() {
+ $this->events = array();
+ }
+}
\ No newline at end of file
diff --git a/system/Classes/Container/History.php b/system/Classes/Container/History.php
new file mode 100644
index 000000000..0a9e8dd6e
--- /dev/null
+++ b/system/Classes/Container/History.php
@@ -0,0 +1,41 @@
+events, $path);
+ if (count($this->events) > self::MAX_SIZE) {
+ $this->events = array_slice($this->events, 0, self::MAX_SIZE);
+ }
+ }
+
+ /**
+ * @return string
+ */
+ public function getCurrentPath() {
+ return $this->events[0];
+ }
+
+ /**
+ * @param int $larger
+ * @return string
+ */
+ public function getPastPath($larger = 0) {
+ if (isset($this->events[$larger])) {
+ return $this->events[$larger];
+ }
+ }
+
+ public function clear() {
+ $this->events = array();
+ }
+}
\ No newline at end of file
diff --git a/system/Classes/Container/Params.php b/system/Classes/Container/Params.php
new file mode 100644
index 000000000..f93abbea5
--- /dev/null
+++ b/system/Classes/Container/Params.php
@@ -0,0 +1,57 @@
+ TRUE,
+ self::SHOW_MAP_MINIMAP => TRUE,
+ self::SHOW_MAP_RC => FALSE,
+ self::SHOW_MAP_ANTISPY => TRUE,
+ self::SHOW_MAP_FLEETOUT => TRUE,
+ self::SHOW_MAP_FLEETIN => TRUE,
+ self::SHOW_ATTACK_REPORT=> TRUE,
+ self::SHOW_REBEL_REPORT => TRUE,
+ self::REDIRECT_CHAT => FALSE,
+ ];
+
+ /**
+ * @param string $params
+ * @return boolean
+ */
+ public static function check($params) {
+ return CTR::$cookie->exist('p' . $params)
+ ? (bool)CTR::$cookie->get('p' . $params)
+ : self::$params[$params];
+ }
+
+ /**
+ * @param string $params
+ * @param mixed $value
+ */
+ public static function update($params, $value) {
+ if (in_array($params, self::$params)) {
+ CTR::$cookie->add('p' . $params, $value);
+ }
+ }
+
+ /**
+ * @return array
+ */
+ public static function getParams() {
+ return self::$params;
+ }
+}
diff --git a/system/Classes/Container/Session.php b/system/Classes/Container/Session.php
new file mode 100644
index 000000000..53cfd91fa
--- /dev/null
+++ b/system/Classes/Container/Session.php
@@ -0,0 +1,111 @@
+elements = NULL;
+ }
+
+ public function clear() {
+ $this->remove('playerInfo', new ArrayList());
+ $this->remove('playerBase', new ArrayList());
+ $this->remove('playerEvent', new ArrayList());
+ }
+
+ ##
+
+ public function initPlayerInfo() {
+ $this->add('playerInfo', new ArrayList());
+ }
+
+ public function initPlayerBase() {
+ $a = new ArrayList();
+ $a->add('ob', new StackList());
+ $a->add('ms', new StackList());
+
+ $this->add('playerBase', $a);
+ }
+
+ public function initPlayerEvent() {
+ $this->add('playerEvent', new EventList());
+ }
+
+ public function initLastUpdate() {
+ $l = new ArrayList();
+ $l->add('game', Utils::now());
+ $l->add('event', Utils::now());
+
+ $this->add('lastUpdate', $l);
+ }
+
+ public function initPlayerBonus() {
+ $this->add('playerBonus', new StackList());
+ }
+
+ ##
+ /**
+ * @param string $key
+ * @param int $id
+ * @param string $name
+ * @param string $sector
+ * @param string $system
+ * @param string $img
+ * @param string $type
+ * @return boolean
+ */
+ public function addBase($key, $id, $name, $sector, $system, $img, $type) {
+ if ($this->exist('playerBase')) {
+ if ($key != 'ob' && $key != 'ms') {
+ return false;
+ }
+ $a = new ArrayList();
+
+ $a->add('id', $id);
+ $a->add('name', $name);
+ $a->add('sector', $sector);
+ $a->add('system', $system);
+ $a->add('img', $img);
+ $a->add('type', $type);
+
+ $this->get('playerBase')->get($key)->append($a);
+ }
+ }
+
+ /**
+ * @param string $key
+ * @param int $id
+ */
+ public function removeBase($key, $id) {
+ if ($this->exist('playerBase')) {
+ $size = $this->get('playerBase')->get($key)->size();
+ for ($i = 0; $i < $size; $i++) {
+ if ($this->get('playerBase')->get($key)->get($i)->get('id') == $id) {
+ $this->get('playerBase')->get($key)->remove($i);
+ }
+ }
+ }
+ }
+
+ /**
+ * @param int $id
+ * @return boolean
+ */
+ public function baseExist($id) {
+ $obSize = $this->get('playerBase')->get('ob')->size();
+ for ($i = 0; $i < $obSize; $i++) {
+ if ($id == $this->get('playerBase')->get('ob')->get($i)->get('id')) {
+ return TRUE;
+ }
+ }
+ $msSize = $this->get('playerBase')->get('ms')->size();
+ for ($i = 0; $i < $msSize; $i++) {
+ if ($id == $this->get('playerBase')->get('ms')->get($i)->get('id')) {
+ return TRUE;
+ }
+ }
+ return FALSE;
+ }
+}
\ No newline at end of file
diff --git a/system/Classes/Container/StackList.php b/system/Classes/Container/StackList.php
new file mode 100644
index 000000000..6a833de49
--- /dev/null
+++ b/system/Classes/Container/StackList.php
@@ -0,0 +1,103 @@
+elements);
+ }
+
+ /**
+ * @param int $index
+ * @return mixed
+ */
+ public function get($index = 0) {
+ if (isset($this->elements[$index])) {
+ return $this->elements[$index];
+ }
+ return NULL;
+ }
+
+ /**
+ * @param int $index
+ * @return boolean
+ */
+ public function exist($index) {
+ return (isset($this->elements[$index]));
+ }
+
+ /**
+ * @param string $key
+ * @param mixed $value
+ */
+ public function add($key, $value) {
+ $this->elements[$key] = $value;
+ }
+
+ /**
+ * @param string $key
+ * @param mixed $value
+ */
+ public function increase($key, $value) {
+ $this->elements[$key] =
+ (isset($this->elements[$key]))
+ ? $this->elements[$key] + $value
+ : $value
+ ;
+ }
+
+ /**
+ * @param string $key
+ * @param mixed $value
+ */
+ public function insert($key, $value) {
+ if (count($this->elements) < $key) {
+ $this->elements[$key] = $value;
+ } else {
+ // décalage des tous les index qui suivent
+ $begin = array_slice($this->elements, 0, $key);
+ $begin[] = $value;
+ $end = array_slice($this->elements, $key);
+ $this->elements = array_merge($begin, $end);
+ }
+ }
+
+ /**
+ * @param mixed $element
+ */
+ public function append($value) {
+ $this->elements[] = $value;
+ }
+
+ /**
+ * @param mixed $value
+ */
+ public function prepend($value) {
+ array_unshift($this->elements, $value);
+ }
+
+ /**
+ * @param int $index
+ */
+ public function remove($index) {
+ if ($index < 0) {
+ $index = count($this->elements) + $index;
+ }
+ if (!isset($this->elements[$index])) {
+ return false;
+ }
+ $begin = array_slice($this->elements, 0, $index);
+ $end = array_slice($this->elements, $index+1);
+ $this->elements = array_merge($begin, $end);
+ }
+
+ public function clear() {
+ $this->elements = array();
+ }
+}
diff --git a/system/classes/db/DataBase.class.php b/system/Classes/Database/Database.php
old mode 100755
new mode 100644
similarity index 77%
rename from system/classes/db/DataBase.class.php
rename to system/Classes/Database/Database.php
index e06aa3d06..fd8936368
--- a/system/classes/db/DataBase.class.php
+++ b/system/Classes/Database/Database.php
@@ -1,10 +1,13 @@
PDOInstance = new PDO(
- 'mysql:dbname=' . DEFAULT_SQL_DTB . ';host=' . DEFAULT_SQL_HOST . ';charset=utf8',
- DEFAULT_SQL_USER,
- DEFAULT_SQL_PASS,
+ $this->PDOInstance = new \PDO(
+ 'mysql:dbname=' . DEFAULT_SQL_DTB . ';host=' . DEFAULT_SQL_HOST . ';charset=utf8',
+ DEFAULT_SQL_USER,
+ DEFAULT_SQL_PASS,
$pdoOptions
);
- } catch (PDOException $e) {
+ } catch (\PDOException $e) {
echo 'Erreur de connection à la base de donnée : ' . $e->getMessage();
exit();
}
@@ -31,12 +34,12 @@ private function __construct() {
public static function getInstance() {
if (is_null(self::$instance)) {
- self::$instance = new DataBase();
+ self::$instance = new Database();
self::$nbrOfInstance++;
}
return self::$instance;
}
-
+
public function query($query) {
self::$nbrOfQuery++;
return $this->PDOInstance->query($query);
@@ -54,4 +57,4 @@ public function lastInsertId() {
public function quote($query) {
return $this->PDOInstance->quote($query);
}
-}
\ No newline at end of file
+}
diff --git a/system/classes/db/DataBaseAdmin.class.php b/system/Classes/Database/DatabaseAdmin.php
old mode 100755
new mode 100644
similarity index 81%
rename from system/classes/db/DataBaseAdmin.class.php
rename to system/Classes/Database/DatabaseAdmin.php
index 613f16564..76210d511
--- a/system/classes/db/DataBaseAdmin.class.php
+++ b/system/Classes/Database/DatabaseAdmin.php
@@ -1,10 +1,13 @@
PDOInstance = new PDO(
- 'mysql:dbname=' . ADMIN_SQL_DTB . ';host=' . ADMIN_SQL_HOST . ';charset=utf8',
- ADMIN_SQL_USER,
- ADMIN_SQL_PASS,
+ $this->PDOInstance = new \PDO(
+ 'mysql:dbname=' . ADMIN_SQL_DTB . ';host=' . ADMIN_SQL_HOST . ';charset=utf8',
+ ADMIN_SQL_USER,
+ ADMIN_SQL_PASS,
$pdoOptions
);
- } catch (PDOException $e) {
+ } catch (\PDOException $e) {
echo 'Erreur de connection à la base de donnée : ' . $e->getMessage();
exit();
}
@@ -37,7 +40,7 @@ public static function getInstance() {
return self::$instance;
}
-
+
public function query($query) {
self::$nbrOfQuery++;
return $this->PDOInstance->query($query);
@@ -55,4 +58,4 @@ public function lastInsertId() {
public function quote($query) {
return $this->PDOInstance->quote($query);
}
-}
\ No newline at end of file
+}
diff --git a/system/classes/lib/Benchmark.class.php b/system/Classes/Library/Benchmark.php
old mode 100755
new mode 100644
similarity index 87%
rename from system/classes/lib/Benchmark.class.php
rename to system/Classes/Library/Benchmark.php
index f77070c8e..18f59ff2f
--- a/system/classes/lib/Benchmark.class.php
+++ b/system/Classes/Library/Benchmark.php
@@ -9,6 +9,8 @@
* @version 0.1
**/
+namespace Asylamba\Classes\Library;
+
class Benchmark {
protected $bTime = 0;
protected $eTime = 0;
@@ -48,7 +50,7 @@ public function start() {
$this->bTime = $this->getMicrotime();
$this->running = TRUE;
} else {
- throw new Exception('Benchmark object is currently running', 1);
+ throw new \Exception('Benchmark object is currently running', 1);
}
}
@@ -58,7 +60,7 @@ public function end() {
$this->rTime = $this->eTime - $this->bTime;
$this->running = FALSE;
} else {
- throw new Exception('Benchmark object is not running', 1);
+ throw new \Exception('Benchmark object is not running', 1);
}
}
@@ -83,12 +85,12 @@ protected function formatTime($mode, $precision) {
break;
case 'h' : $formatTime = $this->rTime / 360;
break;
- default : throw new Exception('Unknow return time format', 1);
+ default : throw new \Exception('Unknow return time format', 1);
break;
}
if ($precision < -10 OR $precision > 10) {
- throw new Exception('Out of range time precision', 1);
+ throw new \Exception('Out of range time precision', 1);
}
$formatTime = round($formatTime, $precision);
@@ -100,4 +102,3 @@ public static function getMicrotime() {
return ((float)$usec + (float)$sec);
}
}
-?>
\ No newline at end of file
diff --git a/system/classes/lib/Benchtime.class.php b/system/Classes/Library/Benchtime.php
old mode 100755
new mode 100644
similarity index 93%
rename from system/classes/lib/Benchtime.class.php
rename to system/Classes/Library/Benchtime.php
index 73b3c4ec9..ea793d689
--- a/system/classes/lib/Benchtime.class.php
+++ b/system/Classes/Library/Benchtime.php
@@ -8,6 +8,8 @@
# @author Gil Clavien
# @version 0.2
+namespace Asylamba\Classes\Library;
+
class Benchtime {
# time storage
protected $name;
@@ -64,16 +66,16 @@ public function getResult($mode = FALSE) {
} elseif ($mode == self::PHP) {
$ret = $interval;
}
-
+
return $ret;
}
protected function transform() {
$interval = array();
- for ($i = 1; $i < count($this->time); $i++) {
+ for ($i = 1; $i < count($this->time); $i++) {
$interval[] = array(
- 'name' => $this->time[$i]['name'],
+ 'name' => $this->time[$i]['name'],
'time' => $this->time[$i]['time'] - $this->time[$i - 1]['time']
);
}
@@ -86,4 +88,4 @@ protected function getMicrotime() {
return ((float)$usec + (float)$sec);
}
}
-?>
\ No newline at end of file
+?>
diff --git a/system/classes/lib/Bug.class.php b/system/Classes/Library/Bug.php
old mode 100755
new mode 100644
similarity index 94%
rename from system/classes/lib/Bug.class.php
rename to system/Classes/Library/Bug.php
index b4de1b398..5b2a776b7
--- a/system/classes/lib/Bug.class.php
+++ b/system/Classes/Library/Bug.php
@@ -1,7 +1,10 @@
';
}
}
-
+
// DONNE LE TEMPS ACTUEL EN MICROSECONDE
-
+
private static $benchTime = 0;
-
+
public static function benchTime() {
list($usec, $sec) = explode(' ', microtime());
$ret = ((float)$usec + (float)$sec);
-
+
if (self::$benchTime == 0) {
self::$benchTime = $ret;
} else {
self::$benchTime = $ret - self::$benchTime;
}
}
-
+
public static function benchReturn($mode = '') {
$ret = self::$benchTime;
self::$benchTime = 0;
-
+
if ($mode == 'ms') {
return floor($ret * 1000) . 'ms';
} elseif ($mode == 'se') {
@@ -43,4 +46,4 @@ public static function benchReturn($mode = '') {
public static function writeLog($target, $content) {
file_put_contents($target, $content . "\n\r", FILE_APPEND);
}
-}
\ No newline at end of file
+}
diff --git a/system/classes/lib/Chronos.class.php b/system/Classes/Library/Chronos.php
old mode 100755
new mode 100644
similarity index 97%
rename from system/classes/lib/Chronos.class.php
rename to system/Classes/Library/Chronos.php
index 88216c26e..ea7e00140
--- a/system/classes/lib/Chronos.class.php
+++ b/system/Classes/Library/Chronos.php
@@ -1,4 +1,7 @@
la date est collée à la relève précédente
*/
public static function transform($date, $reference = FALSE, $collapse = FALSE) {
- $date = new DateTime($date);
+ $date = new \DateTime($date);
$releve = self::getRel($date->format('Y-m-d H:i:s'));
$segment = floor($releve / Chronos::CO_SEG);
@@ -109,4 +112,4 @@ public static function secondToFormat($seconds, $format = 'large') {
return trim($return, ', ');
}
-}
\ No newline at end of file
+}
diff --git a/system/classes/lib/DataAnalysis.class.php b/system/Classes/Library/DataAnalysis.php
similarity index 83%
rename from system/classes/lib/DataAnalysis.class.php
rename to system/Classes/Library/DataAnalysis.php
index 1e822ad2b..9c0205c6c 100644
--- a/system/classes/lib/DataAnalysis.class.php
+++ b/system/Classes/Library/DataAnalysis.php
@@ -1,4 +1,7 @@
nombre qui définit ou non le pluriel
* arg : $return *
* : str => retourne la chaine (ou s si non spécifié) si number est supérieur à 1
- * arg :
+ * arg :
*/
public static function addPlural($number, $return = '', $expression = '') {
if ($number > 1) {
@@ -122,11 +127,11 @@ public static function paddingNumber($number, $size) {
$digits = strlen((string) $number);
if ($digits < $size) {
- for ($i = 0; $i < $size - $digits; $i++) {
+ for ($i = 0; $i < $size - $digits; $i++) {
$number = '0' . $number;
}
}
return $number;
}
-}
\ No newline at end of file
+}
diff --git a/system/classes/lib/Game.class.php b/system/Classes/Library/Game.php
old mode 100755
new mode 100644
similarity index 95%
rename from system/classes/lib/Game.class.php
rename to system/Classes/Library/Game.php
index f11bec5f0..121faafd7
--- a/system/classes/lib/Game.class.php
+++ b/system/Classes/Library/Game.php
@@ -1,4 +1,20 @@
get(PlayerBonus::SHIP_SPEED) / 100)) : 0;
return Commander::FLEETSPEED + $b;
}
public static function getMaxTravelDistance($bonus) {
- include_once ARES;
-
return Commander::DISTANCEMAX;
}
@@ -88,15 +100,11 @@ public static function getTimeTravel($systemFrom, $positionFrom, $xFrom, $yFrom,
}
public static function getTimeTravelInSystem($startPosition, $destinationPosition) {
- include_once ARES;
-
$distance = abs($startPosition - $destinationPosition);
return round((Commander::COEFFMOVEINSYSTEM * $distance) * ((40 - $distance) / 50) + 180);
}
public static function getTimeTravelOutOfSystem($bonus, $startX, $startY, $destinationX, $destinationY) {
- include_once ARES;
-
$distance = self::getDistance($startX, $destinationX, $startY, $destinationY);
$time = Commander::COEFFMOVEOUTOFSYSTEM;
$time += round((Commander::COEFFMOVEINTERSYSTEM * $distance) / self::getFleetSpeed($bonus));
@@ -104,14 +112,10 @@ public static function getTimeTravelOutOfSystem($bonus, $startX, $startY, $desti
}
public static function getRCPrice($distance) {
- include_once ATHENA;
-
return $distance * CommercialRoute::COEF_PRICE;
}
public static function getRCIncome($distance, $bonusA = 1, $bonusB = 1) {
- include_once ATHENA;
-
$income = CommercialRoute::COEF_INCOME_2 * sqrt($distance * CommercialRoute::COEF_INCOME_1);
$maxIncome = CommercialRoute::COEF_INCOME_2 * sqrt(100 * CommercialRoute::COEF_INCOME_1);
if ($income > $maxIncome) {
@@ -137,7 +141,7 @@ public static function getAntiSpyRadius($investment, $mode = ANTISPY_DISPLAY_MOD
public static function antiSpyArea($startPlace, $destinationPlace, $arrivalDate) {
# dans le même système
if ($startPlace->getRSystem() == $destinationPlace->getRSystem()) {
- return ANTISPY_LITTLE_CIRCLE;
+ return ANTISPY_LITTLE_CIRCLE;
} else {
$duration = self::getTimeToTravel($startPlace, $destinationPlace);
@@ -151,7 +155,7 @@ public static function antiSpyArea($startPlace, $destinationPlace, $arrivalDate)
if ($antiSpyRadius >= $distanceRemaining) {
if ($distanceRemaining < $antiSpyRadius / 3) {
- return ANTISPY_LITTLE_CIRCLE;
+ return ANTISPY_LITTLE_CIRCLE;
} elseif ($distanceRemaining < $antiSpyRadius / 3 * 2) {
return ANTISPY_MIDDLE_CIRCLE;
} else {
@@ -194,7 +198,7 @@ public static function getAntiSpyEntryTime($startPlace, $destinationPlace, $arri
$ratio = ($antiSpyRadius / 3) / $distanceRemaining;
$sec = $ratio * $secRemaining;
$newDate2 = Utils::addSecondsToDate($arrivalDate, -$sec);
-
+
return array(TRUE, $newDate1, $newDate2);
} else {
$ratio = $antiSpyRadius / $distanceRemaining;
@@ -208,16 +212,15 @@ public static function getAntiSpyEntryTime($startPlace, $destinationPlace, $arri
$ratio = ($antiSpyRadius / 3) / $distanceRemaining;
$sec = $ratio * $secRemaining;
$newDate3 = Utils::addSecondsToDate($arrivalDate, -$sec);
-
+
return array($newDate1, $newDate2, $newDate3);
}
}
}
public static function getCommercialShipQuantityNeeded($transactionType, $quantity, $identifier = 0) {
- include_once ATHENA;
switch ($transactionType) {
- case Transaction::TYP_RESOURCE :
+ case Transaction::TYP_RESOURCE :
# 1000 ressources => 1 commercialShip
$needed = ceil($quantity / 1000);
break;
@@ -252,7 +255,6 @@ public static function calculateCurrentRate($currentRate, $transactionType, $qua
break;
case Transaction::TYP_SHIP :
# 1 resource = x credit
- include_once ATHENA;
if (ShipResource::isAShip($identifier)) {
$resourceQuantity = ShipResource::getInfo($identifier, 'resourcePrice') * $quantity;
$thisRate = $price / $resourceQuantity;
@@ -284,7 +286,6 @@ public static function calculateRate($transactionType, $quantity, $identifier, $
break;
case Transaction::TYP_SHIP :
# 1 resource = x credit
- include_once ATHENA;
if (ShipResource::isAShip($identifier)) {
$resourceQuantity = ShipResource::getInfo($identifier, 'resourcePrice') * $quantity;
return $price / $resourceQuantity;
@@ -308,7 +309,6 @@ public static function getMinPriceRelativeToRate($transactionType, $quantity, $i
$minRate = Transaction::MIN_RATE_RESOURCE;
break;
case Transaction::TYP_SHIP:
- include_once ATHENA;
$minRate = Transaction::MIN_RATE_SHIP;
$quantity = ShipResource::getInfo($identifier, 'resourcePrice') * $quantity;
break;
@@ -332,7 +332,6 @@ public static function getMaxPriceRelativeToRate($transactionType, $quantity, $i
$minRate = Transaction::MAX_RATE_RESOURCE;
break;
case Transaction::TYP_SHIP:
- include_once ATHENA;
$minRate = Transaction::MAX_RATE_SHIP;
$quantity = ShipResource::getInfo($identifier, 'resourcePrice') * $quantity;
break;
@@ -360,7 +359,6 @@ public static function getSpySuccess($antiSpy, $priceInvested) {
}
public static function getTypeOfSpy($success, $antiSpy) {
- include_once ARTEMIS;
if ($antiSpy < 1000) {
return SpyReport::TYP_NOT_CAUGHT;
}
@@ -402,7 +400,7 @@ public static function getTypeOfSpy($success, $antiSpy) {
}
public static function getImprovementFromScientificCoef($coef) {
- # transform scientific coefficient of a place
+ # transform scientific coefficient of a place
# into improvement coefficient for the technosphere
if ($coef < 10) {
return 0;
@@ -414,14 +412,13 @@ public static function getImprovementFromScientificCoef($coef) {
}
public static function getFleetCost($ships, $affected = TRUE) {
- include_once ATHENA;
$cost = 0;
- for ($i = 0; $i < ShipResource::SHIP_QUANTITY; $i++) {
+ for ($i = 0; $i < ShipResource::SHIP_QUANTITY; $i++) {
$cost += ShipResource::getInfo($i, 'cost') * $ships[$i];
}
if (!$affected) {
$cost *= ShipResource::COST_REDUCTION;
- }
+ }
return ceil($cost);
}
-}
\ No newline at end of file
+}
diff --git a/system/classes/lib/Parser.class.php b/system/Classes/Library/Parser.php
old mode 100755
new mode 100644
similarity index 97%
rename from system/classes/lib/Parser.class.php
rename to system/Classes/Library/Parser.php
index 2720ebcb8..d2617c422
--- a/system/classes/lib/Parser.class.php
+++ b/system/Classes/Library/Parser.php
@@ -1,4 +1,9 @@
getCurrentSession();
ASM::$pam->newSession(FALSE);
ASM::$pam->load(array('name' => $m[1]));
@@ -108,9 +112,8 @@ function($m) {
protected function parsePlace($string) {
return preg_replace_callback(
- '#\[\#(.+)\]#isU',
+ '#\[\#(.+)\]#isU',
function($m) {
- include_once GAIA;
$S_PLM1 = ASM::$plm->getCurrentSession();
ASM::$plm->newSession(FALSE);
@@ -128,7 +131,7 @@ function($m) {
}
ASM::$plm->changeSession($S_PLM1);
- },
+ },
$string
);
}
@@ -143,4 +146,4 @@ protected function parseTag($string) {
protected function parseBigTag($string) {
return $string;
}
-}
\ No newline at end of file
+}
diff --git a/system/classes/lib/Security.class.php b/system/Classes/Library/Security.php
old mode 100755
new mode 100644
similarity index 91%
rename from system/classes/lib/Security.class.php
rename to system/Classes/Library/Security.php
index 09d6be6c5..cbe78d4ef
--- a/system/classes/lib/Security.class.php
+++ b/system/Classes/Library/Security.php
@@ -1,4 +1,7 @@
add(DateInterval::createFromDateString('1 hour'));
-
+ $cursor->add(\DateInterval::createFromDateString('1 hour'));
+
if ($cursor->getTimestamp() <= $tail->getTimestamp()) {
$dates[] = $cursor->format('Y-m-d H:i:s');
} else {
@@ -88,7 +93,7 @@ public static function intervalDates($date1, $date2, $precision = 'h') {
$nextDay = floor($seconds / 86400) * 86400;
$fullDay = date('Y-m-d H:i:s', $nextDay);
- for ($i = 0; $i < $daysInterval; $i++) {
+ for ($i = 0; $i < $daysInterval; $i++) {
# add date to array
$dates[] = $fullDay;
# compute next date
@@ -149,7 +154,7 @@ public static function check($string, $mode = '') {
}
return $string;
}
-
+
public static function arrayToWhere($array, $prefix = '') {
if (!empty($array)) {
$i = 0; $return = '';
@@ -162,7 +167,7 @@ public static function arrayToWhere($array, $prefix = '') {
}
if (is_array($v)) {
$return .= ' (';
- for ($j = 0; $j < count($v); $j++) {
+ for ($j = 0; $j < count($v); $j++) {
if ($j == 0) {
$return .= $prefix . $k . ' = ?';
} else {
@@ -178,7 +183,7 @@ public static function arrayToWhere($array, $prefix = '') {
return $return;
}
}
-
+
public static function arrayToOrder($array, $prefix = '') {
if (!empty($array)) {
$return = 'ORDER BY';
@@ -193,7 +198,7 @@ public static function arrayToOrder($array, $prefix = '') {
return $return;
}
}
-
+
public static function arrayToLimit($array) {
if (empty($array)) {
return '';
@@ -228,4 +233,4 @@ public static function shuffle(&$array) {
$array = $new;
return true;
}
-}
\ No newline at end of file
+}
diff --git a/system/classes/worker/API.class.php b/system/Classes/Worker/API.php
old mode 100755
new mode 100644
similarity index 95%
rename from system/classes/worker/API.class.php
rename to system/Classes/Worker/API.php
index 8aad0b7af..cb4f55a13
--- a/system/classes/worker/API.class.php
+++ b/system/Classes/Worker/API.php
@@ -1,8 +1,16 @@
query = $this->path . 'api/s-' . $this->server . '/a-' . Security::crypt('a-' . $api . '/' . $targ, $this->key);
-
+
curl_setopt($ch, CURLOPT_URL, $this->query);
curl_setopt($ch, CURLOPT_RETURNTRANSFER , TRUE);
$answer = curl_exec($ch);
@@ -131,4 +139,4 @@ public function getPlayerStatement($bindkey) {
return $this->query('getplayerstatement', array('bindkey' => $bindkey));
}
}
-?>
\ No newline at end of file
+?>
diff --git a/system/classes/worker/ASM.class.php b/system/Classes/Worker/ASM.php
old mode 100755
new mode 100644
similarity index 69%
rename from system/classes/worker/ASM.class.php
rename to system/Classes/Worker/ASM.php
index 941cde015..d77c9fc73
--- a/system/classes/worker/ASM.class.php
+++ b/system/Classes/Worker/ASM.php
@@ -1,4 +1,52 @@
save();
}
}
-}
\ No newline at end of file
+}
diff --git a/system/classes/worker/CTC.class.php b/system/Classes/Worker/CTC.php
old mode 100755
new mode 100644
similarity index 93%
rename from system/classes/worker/CTC.class.php
rename to system/Classes/Worker/CTC.php
index a480cdb0e..256349d4f
--- a/system/classes/worker/CTC.class.php
+++ b/system/Classes/Worker/CTC.php
@@ -1,4 +1,10 @@
0) {
$beforeUsort = count(self::$events);
-
+
self::$events = CTC::insertion(self::$events);
$afterUsort = count(self::$events);
@@ -41,7 +47,7 @@ public static function applyContext($token) {
$j++;
self::$currentDate = $event['date'];
call_user_func_array(array($event['object'], $event['method']), $event['args']);
-
+
$logt .= '> [' . $event['date'] . '] ' . get_class($event['object']) . '(' . $event['object']->getId() . ')::' . $event['method'] . "\n";
}
@@ -55,7 +61,7 @@ public static function applyContext($token) {
$logt .= "> \n";
$logt .= "\n";
-
+
$path = 'public/log/ctc/' . date('Y') . '-' . date('m') . '-' . date('d') . '.log';
Bug::writeLog($path, $logt);
}
@@ -68,11 +74,11 @@ public static function applyContext($token) {
public static function add($date, $object, $method, $args = array()) {
if (!self::$running) {
- throw new Exception('CTC isn\'t running actually', 1);
+ throw new \Exception('CTC isn\'t running actually', 1);
} else {
self::$add++;
$event = array(
- 'timest' => strtotime($date),
+ 'timest' => strtotime($date),
'date' => $date,
'object' => $object,
'method' => $method,
@@ -128,4 +134,3 @@ public static function get() {
return self::$events;
}
}
-?>
\ No newline at end of file
diff --git a/system/classes/worker/CTR.class.php b/system/Classes/Worker/CTR.php
old mode 100755
new mode 100644
similarity index 93%
rename from system/classes/worker/CTR.class.php
rename to system/Classes/Worker/CTR.php
index 2362796dd..972137ead
--- a/system/classes/worker/CTR.class.php
+++ b/system/Classes/Worker/CTR.php
@@ -1,4 +1,20 @@
array('admin', 'Administration'),
'404' => array('notfound', '404'),
-
+
'action' => array('action', 'Action'),
'ajax' => array('ajax', 'Ajax'),
'inscription' => array('inscription', 'Inscription'),
@@ -95,7 +111,7 @@ public static function init() {
self::$post->add($k, $v);
}
self::parseRoute();
-
+
# initialise les données de message d'erreur
if (isset($_SESSION[SERVER_SESS]['alert'])) {
self::$alert = unserialize($_SESSION[SERVER_SESS]['alert']);
@@ -139,8 +155,9 @@ private static function parseRoute() {
self::$history->add($newURI);
}
+ $nbParams = count($requestURI);
# remplir les paramètres depuis le routing
- for ($i = 1; $i < count($requestURI); $i++) {
+ for ($i = 1; $i < $nbParams; ++$i) {
$params = explode('-', $requestURI[$i]);
if (count($params) == 2) {
self::$get->add($params[0], $params[1]);
@@ -205,7 +222,7 @@ public static function getInclude() {
include TEMPLATE . self::$data->get('screenmode') . '/stepbar.php';
include INSCRIPTION . 'content.php';
-
+
include TEMPLATE . self::$data->get('screenmode') . '/btmbar.php';
include TEMPLATE . self::$data->get('screenmode') . '/alert.php';
include TEMPLATE . self::$data->get('screenmode') . '/close.php';
@@ -214,12 +231,12 @@ public static function getInclude() {
include EVENT . 'loadEvent.php';
include EVENT . 'executeEvent.php';
include EVENT . 'updateGame.php';
-
+
include TEMPLATE . self::$data->get('screenmode') . '/open.php';
include TEMPLATE . self::$data->get('screenmode') . '/navbar.php';
-
+
include PAGES . self::$data->get('screenmode') . '/' . self::$page . '.php';
-
+
include TEMPLATE . self::$data->get('screenmode') . '/toolbar.php';
include TEMPLATE . self::$data->get('screenmode') . '/alert.php';
include TEMPLATE . self::$data->get('screenmode') . '/close.php';
@@ -233,7 +250,7 @@ public static function getStat() {
$ctn = "### " . date('H:i:s') . " ###\r";
$ctn .= "# path : " . $_SERVER['REQUEST_URI'] . "\r";
$ctn .= "# time : " . self::$benchmark->getTime('mls', 0) . "ms\r";
- $ctn .= "# query : " . DataBase::getNbrOfQuery() . "\r";
+ $ctn .= "# query : " . Database::getNbrOfQuery() . "\r";
Bug::writeLog($path, $ctn);
}
@@ -245,7 +262,6 @@ public static function save() {
# application de la galaxie si necessaire
if (CTR::$applyGalaxy) {
- include_once GAIA;
GalaxyColorManager::applyAndSave();
}
@@ -270,4 +286,3 @@ public static function save() {
}
}
}
-?>
\ No newline at end of file
diff --git a/system/Classes/Worker/Manager.php b/system/Classes/Worker/Manager.php
new file mode 100644
index 000000000..35f24c3d9
--- /dev/null
+++ b/system/Classes/Worker/Manager.php
@@ -0,0 +1,209 @@
+newSession();
+ }
+
+ public function newSession($uMode = ASM_UMODE) {
+ $this->statSessions++;
+ $this->statChangeSessions++;
+
+ if (count($this->sessions) == 0) {
+ $session = new ManagerSession('_1', $this->managerType, ASM_UMODE);
+ } else {
+ $session = new ManagerSession('_' . (count($this->sessions) + 1), $this->managerType, $uMode);
+ }
+
+ $this->currentSession = $session;
+ $this->sessions[] = $session;
+
+ $this->objects[$session->getId()] = array();
+ $this->origin[$session->getId()] = array();
+
+ return $session;
+ }
+
+ public function changeSession(ManagerSession $session) {
+ $this->statChangeSessions++;
+
+ if (in_array($session, $this->sessions) AND $session->getType() == $this->managerType) {
+ $this->currentSession = $session;
+ return TRUE;
+ } else {
+ return FALSE;
+ }
+ }
+
+ public function getCurrentSession() { return $this->currentSession; }
+ public function getFirstSession() { return $this->sessions[0]; }
+
+ // OBJECT MANAGER CORE
+ protected $objects = array();
+ protected $origin = array();
+
+ public function get($i = 0) {
+ if (isset($this->objects[$this->currentSession->getId()][$i])) {
+ return $this->objects[$this->currentSession->getId()][$i];
+ } else {
+ return FALSE;
+ }
+ }
+
+ public function getById($id) {
+ foreach ($this->objects[$this->currentSession->getId()] AS $o) {
+ if ($o->getId() == $id) {
+ return $o;
+ }
+ }
+ return FALSE;
+ }
+
+ public function getAll() {
+ return $this->objects[$this->currentSession->getId()];
+ }
+
+ public function size() {
+ return count($this->objects[$this->currentSession->getId()]);
+ }
+
+ protected function _ObjectExist($object) {
+ foreach ($this->sessions AS $s) {
+ foreach ($this->origin[$s->getId()] as $k => $o) {
+ if ($o->getId() == $object->getId()) {
+ if ($s->getId() == $this->currentSession->getId()) {
+ return TRUE;
+ } else {
+ return $this->objects[$s->getId()][$k];
+ }
+ }
+ }
+ }
+ return FALSE;
+ }
+
+ protected function _Add($object) {
+ $element = $this->_ObjectExist($object);
+
+ if ($element === FALSE) {
+ $this->statObject++;
+ $this->statRealObject++;
+
+ $this->objects[$this->currentSession->getId()][] = $object;
+ $this->origin[$this->currentSession->getId()][] = clone($object);
+ return $object;
+ } elseif ($element === TRUE) {
+ $currentIdSession = $this->currentSession->getId();
+ foreach ($this->origin[$currentIdSession] as $k => $o) {
+ if ($o == $object) {
+ return $this->objects[$currentIdSession][$k];
+ }
+ }
+ return FALSE;
+ } else {
+ $this->statObject++;
+ $this->statReferenceObject++;
+
+ $this->objects[$this->currentSession->getId()][] = $element;
+ $this->origin[$this->currentSession->getId()][] = $element;
+ return $element;
+ }
+ }
+
+ protected function _Remove($id) {
+ foreach ($this->sessions as $session) {
+ foreach ($this->objects[$session->getId()] AS $k => $o) {
+ if ($o->getId() == $id) {
+ unset($this->objects[$session->getId()][$k]);
+ unset($this->origin[$session->getId()][$k]);
+ }
+ }
+ $this->objects[$session->getId()] = array_values($this->objects[$session->getId()]);
+ $this->origin[$session->getId()] = array_values($this->origin[$session->getId()]);
+ }
+ return NULL;
+ }
+
+ public function _Save() {
+ $savingList = array();
+ if (!empty($this->objects)) {
+ foreach ($this->sessions AS $s) {
+ foreach ($this->objects[$s->getId()] AS $k => $o) {
+ if ($this->objects[$s->getId()][$k] != $this->origin[$s->getId()][$k]) {
+ $savingList[] = $o;
+ }
+ }
+ } $this->statSavingObject = count($savingList);
+ }
+ return $savingList;
+ }
+
+ public function _EmptyCurrentSession() {
+ $currentSessionId = $this->currentSession->getId();
+ foreach ($this->objects[$currentSessionId] as $k => $o) {
+ # code...
+ unset($this->objects[$currentSessionId][$k]);
+ unset($this->origin[$currentSessionId][$k]);
+ }
+ }
+
+ // DEBUG & STATISTIC MANAGER CORE
+ protected $statObject = 0;
+ protected $statRealObject = 0;
+ protected $statReferenceObject = 0;
+ protected $statSavingObject = 0;
+
+ protected $statSessions = 0;
+ protected $statChangeSessions = 0;
+
+ public function saveStat($path) {
+ $ret = 'objet ' . $this->managerType . '
';
+ $ret .= 'object : ' . $this->statObject . '
';
+ $ret .= 'real object : ' . $this->statRealObject . '
';
+ $ret .= 'ref object : ' . $this->statReferenceObject . '
';
+ $ret .= 'saving object : ' . $this->statSavingObject . '
';
+
+ $ret .= 'sessions : ' . $this->statSessions . '
';
+ $ret .= 'change sessions : ' . $this->statChangeSessions . '
';
+ $ret .= '-----------------------------------------------------
';
+ Bug::writeLog($path, $ret);
+ }
+
+ public function showStat() {
+ $ret = 'objet ' . $this->managerType . '
';
+ $ret .= 'object : ' . $this->statObject . '
';
+ $ret .= 'real object : ' . $this->statRealObject . '
';
+ $ret .= 'ref object : ' . $this->statReferenceObject . '
';
+ $ret .= 'saving object : ' . $this->statSavingObject . '
';
+
+ $ret .= 'sessions : ' . $this->statSessions . '
';
+ $ret .= 'change sessions : ' . $this->statChangeSessions . '
';
+ $ret .= '-----------------------------------------------------
';
+ echo $ret;
+ }
+
+ public function show($flag = 1) {
+ if ($flag == 1) {
+ var_dump($this->objects);
+ } elseif ($flag == 2) {
+ var_dump($this->origin);
+ } else {
+ var_dump($this->objects);
+ var_dump($this->origin);
+ }
+ for ($i = 0; $i < 200; $i++) {
+ echo '-';
+ }
+ }
+}
diff --git a/system/Classes/Worker/ManagerSession.php b/system/Classes/Worker/ManagerSession.php
new file mode 100644
index 000000000..fe353d477
--- /dev/null
+++ b/system/Classes/Worker/ManagerSession.php
@@ -0,0 +1,54 @@
+id = $id;
+ $this->type = $type;
+ $this->uMode = $uMode;
+ }
+
+ /**
+ * @return int
+ */
+ public function getId() {
+ return $this->id;
+ }
+
+ /**
+ * @return string
+ */
+ public function getType() {
+ return $this->type;
+ }
+
+ /**
+ * @return string
+ */
+ public function getUMode() {
+ return $this->uMode;
+ }
+
+ /**
+ * @return string
+ */
+ public function toString() {
+ return
+ 'id = ' . $this->id . ', type = ' . $this->type .
+ ', uMode = ' . $this->uMode . ' '
+ ;
+ }
+}
diff --git a/system/modules/ares/class/FightController.class.php b/system/Modules/Ares/FightController.php
old mode 100755
new mode 100644
similarity index 97%
rename from system/modules/ares/class/FightController.class.php
rename to system/Modules/Ares/FightController.php
index 95c933361..cd9ad0404
--- a/system/modules/ares/class/FightController.class.php
+++ b/system/Modules/Ares/FightController.php
@@ -9,6 +9,12 @@
* @package Arès
* @update 14.02.14
*/
+namespace Asylamba\Modules\Ares;
+
+use Asylamba\Classes\Library\DataAnalysis;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Modules\Ares\Model\LiveReport;
+use Asylamba\Modules\Athena\Resource\ShipResource;
class FightController {
private $isAFight = FALSE;
@@ -221,8 +227,6 @@ public function setEnvironmentBonus($ABonus, $DBonus) {
*/
public function startFight($commanderA, $playerA, $commanderD, $playerD = NULL) {
- include_once DEMETER;
-
$commanderA->setIsAttacker(TRUE);
$commanderD->setIsAttacker(FALSE);
@@ -365,5 +369,4 @@ public function startFight($commanderA, $playerA, $commanderD, $playerD = NULL)
}
return array($commanderA, $commanderD);
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/Modules/Ares/Manager/CommanderManager.php b/system/Modules/Ares/Manager/CommanderManager.php
new file mode 100644
index 000000000..38eb56340
--- /dev/null
+++ b/system/Modules/Ares/Manager/CommanderManager.php
@@ -0,0 +1,342 @@
+prepare('SELECT c.*,
+ o.iSchool, o.name AS oName,
+ p.name AS pName,
+ p.rColor AS pColor,
+ pd.population AS destinationPlacePop,
+ ps.population AS startPlacePop,
+ dp.name AS dpName,
+ sp.name AS spName,
+ sq.id AS sqId,
+ sq.ship0 AS sqShip0,
+ sq.ship1 AS sqShip1,
+ sq.ship2 AS sqShip2,
+ sq.ship3 AS sqShip3,
+ sq.ship4 AS sqShip4,
+ sq.ship5 AS sqShip5,
+ sq.ship6 AS sqShip6,
+ sq.ship7 AS sqShip7,
+ sq.ship8 AS sqShip8,
+ sq.ship9 AS sqShip9,
+ sq.ship10 AS sqShip10,
+ sq.ship11 AS sqShip11,
+ sq.dCreation AS sqDCreation,
+ sq.DLastModification AS sqDLastModification
+ FROM commander AS c
+ LEFT JOIN orbitalBase AS o
+ ON o.rPlace = c.rBase
+ LEFT JOIN player AS p
+ ON p.id = c.rPlayer
+ LEFT JOIN orbitalBase AS dp
+ ON dp.rPlace = c.rDestinationPlace
+ LEFT JOIN place AS pd
+ ON pd.id = c.rDestinationPlace
+ LEFT JOIN orbitalBase AS sp
+ ON sp.rPlace = c.rStartPlace
+ LEFT JOIN place AS ps
+ ON ps.id = c.rStartPlace
+ LEFT JOIN squadron AS sq
+ ON sq.rCommander = c.id
+ ' . $formatWhere .'
+ ' . $formatOrder .'
+ ' . $formatLimit
+ );
+
+ foreach($where AS $v) {
+ if (is_array($v)) {
+ foreach ($v as $p) {
+ $valuesArray[] = $p;
+ }
+ } else {
+ $valuesArray[] = $v;
+ }
+ }
+
+ if (empty($valuesArray)) {
+ $qr->execute();
+ } else {
+ $qr->execute($valuesArray);
+ }
+
+ $awCommanders = $qr->fetchAll();
+ $qr->closeCursor();
+
+ if (count($awCommanders) > 0) {
+ for ($i = 0; $i < count($awCommanders); $i++) {
+ if ($i == 0 || $awCommanders[$i]['id'] != $awCommanders[$i - 1]['id']) {
+ $commander = new Commander();
+
+ $commander->id = $awCommanders[$i]['id'];
+ $commander->name = $awCommanders[$i]['name'];
+ $commander->avatar = $awCommanders[$i]['avatar'];
+ $commander->rPlayer = $awCommanders[$i]['rPlayer'];
+ $commander->playerName = $awCommanders[$i]['pName'];
+ $commander->playerColor = $awCommanders[$i]['pColor'];
+ $commander->rBase = $awCommanders[$i]['rBase'];
+ $commander->comment = $awCommanders[$i]['comment'];
+ $commander->sexe = $awCommanders[$i]['sexe'];
+ $commander->age = $awCommanders[$i]['age'];
+ $commander->level = $awCommanders[$i]['level'];
+ $commander->experience = $awCommanders[$i]['experience'];
+ $commander->uCommander = $awCommanders[$i]['uCommander'];
+ $commander->palmares = $awCommanders[$i]['palmares'];
+ $commander->statement = $awCommanders[$i]['statement'];
+ $commander->line = $awCommanders[$i]['line'];
+ $commander->dCreation = $awCommanders[$i]['dCreation'];
+ $commander->dAffectation = $awCommanders[$i]['dAffectation'];
+ $commander->dDeath = $awCommanders[$i]['dDeath'];
+ $commander->oBName = $awCommanders[$i]['oName'];
+
+ $commander->dStart = $awCommanders[$i]['dStart'];
+ $commander->dArrival = $awCommanders[$i]['dArrival'];
+ $commander->resources = $awCommanders[$i]['resources'];
+ $commander->travelType = $awCommanders[$i]['travelType'];
+ $commander->travelLength = $awCommanders[$i]['travelLength'];
+ $commander->rStartPlace = $awCommanders[$i]['rStartPlace'];
+ $commander->rDestinationPlace = $awCommanders[$i]['rDestinationPlace'];
+
+ $commander->startPlaceName = ($awCommanders[$i]['spName'] == '') ? 'planète rebelle' : $awCommanders[$i]['spName'];
+ $commander->destinationPlaceName = ($awCommanders[$i]['dpName'] == '') ? 'planète rebelle' : $awCommanders[$i]['dpName'];
+ $commander->destinationPlacePop = $awCommanders[$i]['destinationPlacePop'];
+ $commander->startPlacePop = $awCommanders[$i]['startPlacePop'];
+ }
+
+ $commander->squadronsIds[] = $awCommanders[$i]['sqId'];
+
+ $commander->armyInBegin[] = array(
+ $awCommanders[$i]['sqShip0'],
+ $awCommanders[$i]['sqShip1'],
+ $awCommanders[$i]['sqShip2'],
+ $awCommanders[$i]['sqShip3'],
+ $awCommanders[$i]['sqShip4'],
+ $awCommanders[$i]['sqShip5'],
+ $awCommanders[$i]['sqShip6'],
+ $awCommanders[$i]['sqShip7'],
+ $awCommanders[$i]['sqShip8'],
+ $awCommanders[$i]['sqShip9'],
+ $awCommanders[$i]['sqShip10'],
+ $awCommanders[$i]['sqShip11'],
+ $awCommanders[$i]['sqDCreation'],
+ $awCommanders[$i]['sqDLastModification']);
+
+ if ($i == count($awCommanders) - 1 || $awCommanders[$i]['id'] != $awCommanders[$i + 1]['id']) {
+ $currentCommander = $this->_Add($commander);
+
+ if ($this->currentSession->getUMode()) {
+ $currentCommander->uCommander();
+ }
+ }
+ }
+ }
+ }
+
+ public function emptySession() {
+ # empty the session, for player rankings
+ $this->_EmptyCurrentSession();
+ $this->newSession(FALSE);
+ }
+
+ //inscrit un nouveau commandant en bdd
+ public function add($newCommander) {
+ $db = Database::getInstance();
+ $qr = 'INSERT INTO commander
+ SET
+ name = ?,
+ avatar = ?,
+ rPlayer = ?,
+ rBase = ?,
+ sexe = ?,
+ age = ?,
+ level = ?,
+ experience = ?,
+ uCommander = ?,
+ statement = ?,
+ dCreation = ?';
+ $qr = $db->prepare($qr);
+ $aw = $qr->execute(array(
+ $newCommander->name,
+ $newCommander->avatar,
+ $newCommander->rPlayer,
+ $newCommander->rBase,
+ $newCommander->sexe,
+ $newCommander->age,
+ $newCommander->level,
+ $newCommander->experience,
+ Utils::now(),
+ $newCommander->statement,
+ $newCommander->dCreation,
+ ));
+ $newCommander->setId($db->lastInsertId());
+
+ $nbrSquadrons = $newCommander->getLevel();
+ $maxId = $db->lastInsertId();
+ $qr2 = 'INSERT INTO
+ squadron(rCommander, dCreation)
+ VALUES(?, NOW())';
+ $qr2 = $db->prepare($qr2);
+
+ for ($i = 0; $i < $nbrSquadrons; $i++) {
+ $aw2 = $qr2->execute(array($maxId));
+ }
+
+ $lastSquadronId = $db->lastInsertId();
+ for ($i = 0; $i < count($newCommander->getArmy()); $i++) {
+ $newCommander->getSquadron[$i]->setId($lastSquadronId);
+ $lastSquadronId--;
+ }
+
+ $this->_Add($newCommander);
+ }
+
+ //réécrit la base de donnée (à l'issue d'un combat par exemple)
+ public function save() {
+ $commanders = $this->_Save();
+ foreach ($commanders AS $k => $commander) {
+ $db = Database::getInstance();
+ $qr = 'UPDATE commander
+ SET
+ name = ?,
+ avatar = ?,
+ rPlayer = ?,
+ rBase = ?,
+ comment = ?,
+ sexe = ?,
+ age = ?,
+ level = ?,
+ experience = ?,
+ uCommander = ?,
+ palmares = ?,
+ statement = ?,
+ `line` = ?,
+ dStart = ?,
+ dArrival = ?,
+ resources = ?,
+ travelType = ?,
+ travelLength = ?,
+ rStartPlace = ?,
+ rDestinationPlace = ?,
+ dCreation = ?,
+ dAffectation = ?,
+ dDeath = ?
+
+ WHERE id = ?';
+
+ $qr = $db->prepare($qr);
+ //uper les commandants
+ $qr->execute(array(
+ $commander->name,
+ $commander->avatar,
+ $commander->rPlayer,
+ $commander->rBase,
+ $commander->comment,
+ $commander->sexe,
+ $commander->age,
+ $commander->level,
+ $commander->experience,
+ $commander->uCommander,
+ $commander->palmares,
+ $commander->statement,
+ $commander->line,
+ $commander->dStart,
+ $commander->dArrival,
+ $commander->resources,
+ $commander->travelType,
+ $commander->travelLength,
+ $commander->rStartPlace,
+ $commander->rDestinationPlace,
+ $commander->dCreation,
+ $commander->dAffectation,
+ $commander->dDeath,
+ $commander->id));
+
+ $qr = 'UPDATE squadron SET
+ rCommander = ?,
+ ship0 = ?,
+ ship1 = ?,
+ ship2 = ?,
+ ship3 = ?,
+ ship4 = ?,
+ ship5 = ?,
+ ship6 = ?,
+ ship7 = ?,
+ ship8 = ?,
+ ship9 = ?,
+ ship10 = ?,
+ ship11 = ?,
+ DLAstModification = NOW()
+ WHERE id = ?';
+
+ $qr = $db->prepare($qr);
+ $army = $commander->getArmy();
+
+ foreach ($army AS $squadron) {
+ //uper les escadrilles
+ $qr->execute(array(
+ $squadron->getRCommander(),
+ $squadron->getNbrShipByType(0),
+ $squadron->getNbrShipByType(1),
+ $squadron->getNbrShipByType(2),
+ $squadron->getNbrShipByType(3),
+ $squadron->getNbrShipByType(4),
+ $squadron->getNbrShipByType(5),
+ $squadron->getNbrShipByType(6),
+ $squadron->getNbrShipByType(7),
+ $squadron->getNbrShipByType(8),
+ $squadron->getNbrShipByType(9),
+ $squadron->getNbrShipByType(10),
+ $squadron->getNbrShipByType(11),
+ $squadron->getId()
+ ));
+ }
+ if ($commander->getLevel() > $commander->getSizeArmy()) {
+ //on créé une nouvelle squadron avec rCommander correspondant
+ $nbrSquadronToCreate = $commander->getLevel() - $commander->getSizeArmy();
+ $qr = 'INSERT INTO
+ squadron (rCommander, dCreation)
+ VALUES (' . $commander->getId() . ', NOW())';
+ $i = 1;
+ while ($i < $nbrSquadronToCreate) {
+ $qr .= ',(' . $commander->getId() . ', NOW())';
+ $i++;
+ }
+ $qr = $db->prepare($qr);
+ $qr->execute();
+ }
+ }
+ $this->isUpdate = TRUE;
+ }
+
+ public function setCommander($commander) {
+ $this->objects['' . $commander->getId() .''] = $commander;
+ }
+}
diff --git a/system/modules/ares/class/LittleReportManager.class.php b/system/Modules/Ares/Manager/LittleReportManager.php
old mode 100755
new mode 100644
similarity index 93%
rename from system/modules/ares/class/LittleReportManager.class.php
rename to system/Modules/Ares/Manager/LittleReportManager.php
index 5aab23a37..350bb6055
--- a/system/modules/ares/class/LittleReportManager.class.php
+++ b/system/Modules/Ares/Manager/LittleReportManager.php
@@ -10,6 +10,14 @@
* @update 12.07.13
*/
+namespace Asylamba\Modules\Ares\Manager;
+
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Worker\Manager;
+
+use Asylamba\Classes\Database\Database;
+use Asylamba\Modules\Ares\Model\Report;
+
class LittleReportManager extends Manager {
protected $managerType ='_LittleReport';
@@ -18,7 +26,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT r.*,
p1.rColor AS colorA,
p2.rColor AS colorD,
@@ -55,7 +63,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function loadByRequest($request, $params) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT r.*,
p1.rColor AS colorA,
p2.rColor AS colorD,
@@ -121,7 +129,7 @@ protected function fill($qr) {
}
public function save() {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$reports = $this->_Save();
foreach ($reports as $report) {
@@ -185,5 +193,4 @@ public function save() {
);
}
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/ares/class/ReportManager.class.php b/system/Modules/Ares/Manager/ReportManager.php
old mode 100755
new mode 100644
similarity index 96%
rename from system/modules/ares/class/ReportManager.class.php
rename to system/Modules/Ares/Manager/ReportManager.php
index 4b44b9cc2..e427cb3bc
--- a/system/modules/ares/class/ReportManager.class.php
+++ b/system/Modules/Ares/Manager/ReportManager.php
@@ -10,6 +10,15 @@
* @update 12.07.13
*/
+namespace Asylamba\Modules\Ares\Manager;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+
+use Asylamba\Classes\Database\Database;
+
+use Asylamba\Modules\Ares\Model\Report;
+
class ReportManager extends Manager {
protected $managerType ='_Report';
@@ -18,7 +27,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT r.*,
sq.id AS sqId,
sq.position AS sqPosition,
@@ -136,7 +145,7 @@ public function loadOnlyReport($where = array(), $order = array(), $limit = arra
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT r.*
FROM report AS r
' . $formatWhere .'
@@ -204,7 +213,7 @@ public function loadOnlyReport($where = array(), $order = array(), $limit = arra
}
public function save() {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$reports = $this->_Save();
foreach ($reports as $report) {
@@ -286,7 +295,7 @@ public function emptySession() {
}
public function add($newReport) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO report SET
rPlayerAttacker = ?,
@@ -377,5 +386,4 @@ public function add($newReport) {
$this->_Add($newReport);
return $newReport->id;
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/ares/class/Commander.class.php b/system/Modules/Ares/Model/Commander.php
old mode 100755
new mode 100644
similarity index 97%
rename from system/modules/ares/class/Commander.class.php
rename to system/Modules/Ares/Model/Commander.php
index af7ef8dbe..44f99e54d
--- a/system/modules/ares/class/Commander.class.php
+++ b/system/Modules/Ares/Model/Commander.php
@@ -10,6 +10,20 @@
* @update 13.02.14_
*/
+namespace Asylamba\Modules\Ares\Model;
+
+use Asylamba\Modules\Athena\Resource\ShipResource;
+
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Container\ArrayList;
+
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Classes\Worker\CTC;
+
+use Asylamba\Modules\Zeus\Model\PlayerBonus;
+use Asylamba\Modules\Ares\FightController;
+
class Commander {
const COEFFSCHOOL = 100;
const COEFFEARNEDEXP = 50;
@@ -274,7 +288,6 @@ private function setArmyAtEnd() {
private function setEarnedExperience($enemyCommander) {
$this->setArmy();
- include_once ZEUS;
$finalOwnPev = 0;
foreach ($this->army AS $squadron) {
@@ -359,8 +372,6 @@ public function experienceToLevelUp() {
}
public function emptySquadrons() {
- include_once ATHENA;
-
$S_OBM = ASM::$obm->getCurrentSession();
ASM::$obm->newSession();
ASM::$obm->load(array('rPlace' => $this->rBase));
@@ -406,7 +417,7 @@ public function move($rDestinationPlace, $rStartPlace, $travelType, $travelLengt
$this->dStart = ($travelType != 3) ? Utils::now() : $this->dArrival;
$this->startPlaceName = ($travelType != 3) ? $this->oBName : $this->destinationPlaceName;
$this->destinationPlaceName = ($travelType != 3) ? $this->destinationPlaceName : $this->startPlaceName;
- $date = new DateTime($this->dStart);
+ $date = new \DateTime($this->dStart);
$date->modify('+' . $duration . 'second');
$this->dArrival = $date->format('Y-m-d H:i:s');
@@ -505,15 +516,12 @@ public function uCommander() {
$nbrHours = Utils::intervalDates($now, $this->uCommander);
$this->uCommander = $now;
- include_once ATHENA;
-
$S_OBM = ASM::$obm->getCurrentSession();
ASM::$obm->newSession();
ASM::$obm->load(array('rPlace' => $this->rBase));
$ob = ASM::$obm->get();
ASM::$obm->changeSession($S_OBM);
-
- include_once ZEUS;
+
$playerBonus = 0;
if ($this->rPlayer != CTR::$data->get('playerId')) {
$playerBonus = new PlayerBonus($this->rPlayer);
@@ -530,8 +538,6 @@ public function uCommander() {
# test si il y a des combats
if ($this->dArrival <= Utils::now() AND $this->statement == self::MOVING AND $this->hasToU) {
- include_once GAIA;
-
$this->hasToU = FALSE;
$S_PLM = ASM::$plm->getCurrentSession();
@@ -543,5 +549,4 @@ public function uCommander() {
CTC::applyContext($token);
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/ares/class/LiveReport.class.php b/system/Modules/Ares/Model/LiveReport.php
old mode 100755
new mode 100644
similarity index 97%
rename from system/modules/ares/class/LiveReport.class.php
rename to system/Modules/Ares/Model/LiveReport.php
index 7543cf5ad..db8dfdd34
--- a/system/modules/ares/class/LiveReport.class.php
+++ b/system/Modules/Ares/Model/LiveReport.php
@@ -10,6 +10,8 @@
* @update 01.06.14
*/
+namespace Asylamba\Modules\Ares\Model;
+
class LiveReport {
public static $squadrons = array();
public static $halfround = 0;
diff --git a/system/modules/ares/class/Report.class.php b/system/Modules/Ares/Model/Report.php
old mode 100755
new mode 100644
similarity index 98%
rename from system/modules/ares/class/Report.class.php
rename to system/Modules/Ares/Model/Report.php
index 8f7ae84d8..cbfd56740
--- a/system/modules/ares/class/Report.class.php
+++ b/system/Modules/Ares/Model/Report.php
@@ -19,6 +19,10 @@
nbr victoires
*/
+namespace Asylamba\Modules\Ares\Model;
+
+use Asylamba\Modules\Athena\Resource\ShipResource;
+
class Report {
const STANDARD = 0;
const ARCHIVED = 1;
@@ -128,8 +132,6 @@ public function getTypeOfReport($playerColor) {
}
public function setPev() {
- include_once ATHENA;
-
for ($i = 0; $i < 12; $i++) {
$this->pevInBeginA += ShipResource::getInfo($i, 'pev') * $this->totalInBeginA[$i];
$this->pevInBeginD += ShipResource::getInfo($i, 'pev') * $this->totalInBeginD[$i];
diff --git a/system/modules/ares/class/Ship.class.php b/system/Modules/Ares/Model/Ship.php
old mode 100755
new mode 100644
similarity index 96%
rename from system/modules/ares/class/Ship.class.php
rename to system/Modules/Ares/Model/Ship.php
index 405f73845..c4baea40b
--- a/system/modules/ares/class/Ship.class.php
+++ b/system/Modules/Ares/Model/Ship.php
@@ -10,7 +10,10 @@
* @update 14.02.14
*/
-include_once ATHENA;
+namespace Asylamba\Modules\Ares\Model;
+
+use Asylamba\Modules\Athena\Resource\ShipResource;
+use Asylamba\Modules\Zeus\Model\PlayerBonus;
class Ship {
diff --git a/system/modules/ares/class/Squadron.class.php b/system/Modules/Ares/Model/Squadron.php
old mode 100755
new mode 100644
similarity index 96%
rename from system/modules/ares/class/Squadron.class.php
rename to system/Modules/Ares/Model/Squadron.php
index 79149fbc9..628f20e07
--- a/system/modules/ares/class/Squadron.class.php
+++ b/system/Modules/Ares/Model/Squadron.php
@@ -1,177 +1,183 @@
-id; }
- public function getLineCoord() { return $this->lineCoord; }
- public function getNbrShips() { return $this->nbrShips; }
- public function getRCommander() { return $this->rCommander; }
- public function getPosition() { return $this->position; }
- public function getSquadron() { return $this->squadron; }
- public function getArrayOfShips() { return $this->arrayOfShips; }
- public function getDLastModification() { return $this->dLAstModification; }
-
- public function getShip($key) { return $this->squadron[$key]; }
- public function getNbrShipByType($i) { return $this->arrayOfShips[$i]; }
-
- public function getPev() {
- $pev = 0;
- foreach ($this->squadron AS $ship) {
- $pev += $ship->getPev();
- }
- return $pev;
- }
-
- private function getPv() {
- $pv = 0;
- foreach ($this->squadron as $ship) {
- $pv += $ship->getLife();
- }
- return $pv;
- }
-
- private function howManyLostPv($squadron1, $squadron2) {
- $lostPv = abs($squadron1->getPv() - $squadron2->getPv());
- return $lostPv;
- }
-
- public function setId($id) { $this->id = $id; }
-
- public function isEmpty() {
- if ($this->getPev() == 0) {
- return TRUE;
- } else {
- return FALSE;
- }
- }
-
- public function setRelId($id) { $this->relId = $id; }
-
- public function __construct($vector, $id, $lineCoord, $position, $rCommander, $isAttacker = NULL) {
- for($i = 0; $i < 12; $i++) {
- $this->arrayOfShips[] = $vector[$i];
- }
-
- $this->dLastModification = $vector[12];
- $this->lineCoord = $lineCoord;
- $this->id = $id;
- $this->rCommander = $rCommander;
- $this->position = $position;
-
- for($i = 0; $i < 12; $i++) {
- for ($j = 0; $j < $vector[$i]; $j++) {
- $this->squadron[] = new Ship($i, $isAttacker);
- $this->squadron[$this->nbrShips]->affectId($this->nbrShips);
- $this->nbrShips++;
- }
- }
- }
-
- public function updateShip($shipNbrName, $nbr) {
- $this->arrayOfShips[$shipNbrName] += $nbr;
- }
-
- public function emptySquadron() {
- for ($i = 0; $i < 12; $i++) {
- $this->arrayOfShips[$i] = 0;
- }
- }
-
- # méthodes de combat
- public function engage($enemyCommander, $position, $idCommander, $nameCommander, $thisCommander) {
- $this->relId = $this->chooseEnemy($enemyCommander);
- if ($this->relId !== NULL) {
-
- $thisSquadronBefore = $this;
- $enemySquadron = $enemyCommander->getSquadron($this->relId);
-
- LiveReport::$littleRound++;
- $this->fight($enemyCommander->getSquadron($this->relId));
- LiveReport::$squadrons[] = array(0, $this->position, 0, LiveReport::$littleRound, $this->rCommander, $this->arrayOfShips[0], $this->arrayOfShips[1], $this->arrayOfShips[2], $this->arrayOfShips[3], $this->arrayOfShips[4], $this->arrayOfShips[5], $this->arrayOfShips[6], $this->arrayOfShips[7], $this->arrayOfShips[8], $this->arrayOfShips[9], $this->arrayOfShips[10], $this->arrayOfShips[11]);
- LiveReport::$squadrons[] = array(0, $enemySquadron->position, 0, LiveReport::$littleRound, $enemySquadron->rCommander, $enemySquadron->arrayOfShips[0], $enemySquadron->arrayOfShips[1], $enemySquadron->arrayOfShips[2], $enemySquadron->arrayOfShips[3], $enemySquadron->arrayOfShips[4], $enemySquadron->arrayOfShips[5], $enemySquadron->arrayOfShips[6], $enemySquadron->arrayOfShips[7], $enemySquadron->arrayOfShips[8], $enemySquadron->arrayOfShips[9], $enemySquadron->arrayOfShips[10], $enemySquadron->arrayOfShips[11]);
-
- $enemyCommander->getSquadron($this->relId)->setRelId($this->position);
- $enemyCommander->getSquadron($this->relId)->fight($thisCommander->getSquadron($this->position));
- }
- return $enemyCommander;
- }
-
- private function chooseEnemy($enemyCommander) {
- $nbrShipsInLine = 0;
- foreach ($enemyCommander->getArmy() as $enemySquadron) {
- if ($enemySquadron->getLineCoord() * 3 <= FightController::getCurrentLine()) {
- $nbrShipsInLine += $enemySquadron->getNbrShips();
- }
- }
- if ($nbrShipsInLine == 0) {
- return NULL;
- } elseif ($this->relId != NULL AND $enemyCommander->getSquadron($this->relId)->getNbrShips() > 0) {
- return $this->relId;
- } else {
- $aleaNbr = rand(0, count($enemyCommander->squadronsIds) - 1);
- for($i = 0; $i < $enemyCommander->getLevel(); $i++) {
- if ($enemyCommander->getSquadron($aleaNbr)->getLineCoord() * 3 <= FightController::getCurrentLine() AND $enemyCommander->getSquadron($aleaNbr)->getNbrShips() > 0) {
- break;
- } else {
- if ($aleaNbr == count($enemyCommander->squadronsIds) - 1) {
- $aleaNbr = 0;
- } else {
- $aleaNbr++;
- }
- }
- }
- return $aleaNbr;
- }
- }
-
- public function fight($enemySquadron) {
- foreach ($this->squadron as $ship) {
- if ($enemySquadron->getNbrShips() == 0) {
- break;
- }
- $enemySquadron = $ship->engage($enemySquadron);
- }
- }
-
- public function destructShip($key) {
- $this->deleteOffset($this->squadron[$key]->getNbrName());
-
- $this->squadron[$key] = NULL;
- $newSquadron = array();
- foreach ($this->squadron as $offset) {
- if ($offset != NULL) {
- $newSquadron[] = $offset;
- }
- }
- $this->squadron = $newSquadron;
- }
-
- private function deleteOffset($i) {
- $this->arrayOfShips[$i]--;
- $this->nbrShips--;
- }
-}
-?>
\ No newline at end of file
+id; }
+ public function getLineCoord() { return $this->lineCoord; }
+ public function getNbrShips() { return $this->nbrShips; }
+ public function getRCommander() { return $this->rCommander; }
+ public function getPosition() { return $this->position; }
+ public function getSquadron() { return $this->squadron; }
+ public function getArrayOfShips() { return $this->arrayOfShips; }
+ public function getDLastModification() { return $this->dLAstModification; }
+
+ public function getShip($key) { return $this->squadron[$key]; }
+ public function getNbrShipByType($i) { return $this->arrayOfShips[$i]; }
+
+ public function getPev() {
+ $pev = 0;
+ foreach ($this->squadron AS $ship) {
+ $pev += $ship->getPev();
+ }
+ return $pev;
+ }
+
+ private function getPv() {
+ $pv = 0;
+ foreach ($this->squadron as $ship) {
+ $pv += $ship->getLife();
+ }
+ return $pv;
+ }
+
+ private function howManyLostPv($squadron1, $squadron2) {
+ $lostPv = abs($squadron1->getPv() - $squadron2->getPv());
+ return $lostPv;
+ }
+
+ public function setId($id) { $this->id = $id; }
+
+ public function isEmpty() {
+ if ($this->getPev() == 0) {
+ return TRUE;
+ } else {
+ return FALSE;
+ }
+ }
+
+ public function setRelId($id) { $this->relId = $id; }
+
+ public function __construct($vector, $id, $lineCoord, $position, $rCommander, $isAttacker = NULL) {
+ for($i = 0; $i < 12; $i++) {
+ $this->arrayOfShips[] = $vector[$i];
+ }
+
+ $this->dLastModification = $vector[12];
+ $this->lineCoord = $lineCoord;
+ $this->id = $id;
+ $this->rCommander = $rCommander;
+ $this->position = $position;
+
+ for($i = 0; $i < 12; $i++) {
+ for ($j = 0; $j < $vector[$i]; $j++) {
+ $this->squadron[] = new Ship($i, $isAttacker);
+ $this->squadron[$this->nbrShips]->affectId($this->nbrShips);
+ $this->nbrShips++;
+ }
+ }
+ }
+
+ public function updateShip($shipNbrName, $nbr) {
+ $this->arrayOfShips[$shipNbrName] += $nbr;
+ }
+
+ public function emptySquadron() {
+ for ($i = 0; $i < 12; $i++) {
+ $this->arrayOfShips[$i] = 0;
+ }
+ }
+
+ # méthodes de combat
+ public function engage($enemyCommander, $position, $idCommander, $nameCommander, $thisCommander) {
+ $this->relId = $this->chooseEnemy($enemyCommander);
+ if ($this->relId !== NULL) {
+
+ $thisSquadronBefore = $this;
+ $enemySquadron = $enemyCommander->getSquadron($this->relId);
+
+ LiveReport::$littleRound++;
+ $this->fight($enemyCommander->getSquadron($this->relId));
+ LiveReport::$squadrons[] = array(0, $this->position, 0, LiveReport::$littleRound, $this->rCommander, $this->arrayOfShips[0], $this->arrayOfShips[1], $this->arrayOfShips[2], $this->arrayOfShips[3], $this->arrayOfShips[4], $this->arrayOfShips[5], $this->arrayOfShips[6], $this->arrayOfShips[7], $this->arrayOfShips[8], $this->arrayOfShips[9], $this->arrayOfShips[10], $this->arrayOfShips[11]);
+ LiveReport::$squadrons[] = array(0, $enemySquadron->position, 0, LiveReport::$littleRound, $enemySquadron->rCommander, $enemySquadron->arrayOfShips[0], $enemySquadron->arrayOfShips[1], $enemySquadron->arrayOfShips[2], $enemySquadron->arrayOfShips[3], $enemySquadron->arrayOfShips[4], $enemySquadron->arrayOfShips[5], $enemySquadron->arrayOfShips[6], $enemySquadron->arrayOfShips[7], $enemySquadron->arrayOfShips[8], $enemySquadron->arrayOfShips[9], $enemySquadron->arrayOfShips[10], $enemySquadron->arrayOfShips[11]);
+
+ $enemyCommander->getSquadron($this->relId)->setRelId($this->position);
+ $enemyCommander->getSquadron($this->relId)->fight($thisCommander->getSquadron($this->position));
+ }
+ return $enemyCommander;
+ }
+
+ private function chooseEnemy($enemyCommander) {
+ $nbrShipsInLine = 0;
+ foreach ($enemyCommander->getArmy() as $enemySquadron) {
+ if ($enemySquadron->getLineCoord() * 3 <= FightController::getCurrentLine()) {
+ $nbrShipsInLine += $enemySquadron->getNbrShips();
+ }
+ }
+ if ($nbrShipsInLine == 0) {
+ return NULL;
+ } elseif ($this->relId != NULL AND $enemyCommander->getSquadron($this->relId)->getNbrShips() > 0) {
+ return $this->relId;
+ } else {
+ $aleaNbr = rand(0, count($enemyCommander->squadronsIds) - 1);
+ for($i = 0; $i < $enemyCommander->getLevel(); $i++) {
+ if ($enemyCommander->getSquadron($aleaNbr)->getLineCoord() * 3 <= FightController::getCurrentLine() AND $enemyCommander->getSquadron($aleaNbr)->getNbrShips() > 0) {
+ break;
+ } else {
+ if ($aleaNbr == count($enemyCommander->squadronsIds) - 1) {
+ $aleaNbr = 0;
+ } else {
+ $aleaNbr++;
+ }
+ }
+ }
+ return $aleaNbr;
+ }
+ }
+
+ public function fight($enemySquadron) {
+ foreach ($this->squadron as $ship) {
+ if ($enemySquadron->getNbrShips() == 0) {
+ break;
+ }
+ $enemySquadron = $ship->engage($enemySquadron);
+ }
+ }
+
+ public function destructShip($key) {
+ $this->deleteOffset($this->squadron[$key]->getNbrName());
+
+ $this->squadron[$key] = NULL;
+ $newSquadron = array();
+ foreach ($this->squadron as $offset) {
+ if ($offset != NULL) {
+ $newSquadron[] = $offset;
+ }
+ }
+ $this->squadron = $newSquadron;
+ }
+
+ private function deleteOffset($i) {
+ $this->arrayOfShips[$i]--;
+ $this->nbrShips--;
+ }
+}
\ No newline at end of file
diff --git a/system/modules/ares/resource/CommanderResources.php b/system/Modules/Ares/Resource/CommanderResources.php
similarity index 96%
rename from system/modules/ares/resource/CommanderResources.php
rename to system/Modules/Ares/Resource/CommanderResources.php
index b5aaec74a..a264c417c 100755
--- a/system/modules/ares/resource/CommanderResources.php
+++ b/system/Modules/Ares/Resource/CommanderResources.php
@@ -10,6 +10,8 @@
* @update 04.03.2014
*/
+namespace Asylamba\Modules\Ares\Resource;
+
class CommanderResources {
private static $commanders = array(
array(
@@ -89,5 +91,4 @@ public static function getInfo($level, $info) {
public static function size() {
return count(self::$commanders);
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/ares/main.conf.php b/system/Modules/Ares/main.conf.php
similarity index 100%
rename from system/modules/ares/main.conf.php
rename to system/Modules/Ares/main.conf.php
diff --git a/system/Modules/Ares/main.php b/system/Modules/Ares/main.php
new file mode 100755
index 000000000..c183e69c3
--- /dev/null
+++ b/system/Modules/Ares/main.php
@@ -0,0 +1,5 @@
+prepare('SELECT sr.*,
p.typeOfPlace AS typeOfPlace,
p.position AS position,
@@ -95,7 +103,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function add(SpyReport $sr) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
spyReport(rPlayer, price, rPlace, placeColor, typeOfBase, typeOfOrbitalBase, placeName, points, rEnemy, enemyName, enemyAvatar, enemyLevel, resources, shipsInStorage, antiSpyInvest, commercialRouteIncome, commanders, success, type, dSpying)
VALUES(?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)');
@@ -131,7 +139,7 @@ public function save() {
$reports = $this->_Save();
foreach ($reports AS $sr) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE spyReport
SET id = ?,
rPlayer = ?,
@@ -183,7 +191,7 @@ public function save() {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM spyReport WHERE id = ?');
$qr->execute(array($id));
@@ -192,7 +200,7 @@ public function deleteById($id) {
}
public function deleteByRPlayer($rPlayer) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM spyReport WHERE rPlayer = ?');
$qr->execute(array($rPlayer));
@@ -207,5 +215,4 @@ public function deleteByRPlayer($rPlayer) {
return $nbrDeleted;
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/artemis/class/SpyReport.php b/system/Modules/Artemis/Model/SpyReport.php
old mode 100755
new mode 100644
similarity index 96%
rename from system/modules/artemis/class/SpyReport.php
rename to system/Modules/Artemis/Model/SpyReport.php
index 744f70a74..358026e7e
--- a/system/modules/artemis/class/SpyReport.php
+++ b/system/Modules/Artemis/Model/SpyReport.php
@@ -10,6 +10,8 @@
* @update 26.03.14
*/
+namespace Asylamba\Modules\Artemis\Model;
+
class SpyReport {
# constants
const TYP_NOT_CAUGHT = 0;
diff --git a/system/Modules/Artemis/main.php b/system/Modules/Artemis/main.php
new file mode 100755
index 000000000..3d3ae1fd2
--- /dev/null
+++ b/system/Modules/Artemis/main.php
@@ -0,0 +1,3 @@
+prepare('SELECT *
FROM orbitalBaseBuildingQueue
' . $formatWhere . '
@@ -57,7 +63,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function add(BuildingQueue $bq) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
orbitalBaseBuildingQueue(rOrbitalBase, buildingNumber, targetLevel, dStart, dEnd)
VALUES(?, ?, ?, ?, ?)');
@@ -76,7 +82,7 @@ public function add(BuildingQueue $bq) {
public function save() {
$buildingQueues = $this->_Save();
foreach ($buildingQueues AS $bq) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE orbitalBaseBuildingQueue
SET id = ?,
rOrbitalBase = ?,
@@ -98,7 +104,7 @@ public function save() {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM orbitalBaseBuildingQueue WHERE id = ?');
$qr->execute(array($id));
@@ -107,5 +113,4 @@ public function deleteById($id) {
return TRUE;
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/athena/class/CommercialRouteManager.class.php b/system/Modules/Athena/Manager/CommercialRouteManager.php
old mode 100755
new mode 100644
similarity index 92%
rename from system/modules/athena/class/CommercialRouteManager.class.php
rename to system/Modules/Athena/Manager/CommercialRouteManager.php
index 0420ccfa9..42e8a7001
--- a/system/modules/athena/class/CommercialRouteManager.class.php
+++ b/system/Modules/Athena/Manager/CommercialRouteManager.php
@@ -9,6 +9,13 @@
* @package Athena
* @update 20.05.13
*/
+namespace Asylamba\Modules\Athena\Manager;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Modules\Athena\Model\CommercialRoute;
+use Asylamba\Modules\Demeter\Model\Color;
class CommercialRouteManager extends Manager {
protected $managerType = '_CommercialRoute';
@@ -19,7 +26,7 @@ public function load($where, $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT
cr.id AS id,
cr.rOrbitalBase AS rOrbitalBase,
@@ -125,7 +132,7 @@ public function emptySession() {
}
public function add(CommercialRoute $cr) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
commercialRoute(rOrbitalBase, rOrbitalBaseLinked, imageLink, distance, price, income, dProposition, dCreation, statement)
VALUES(?, ?, ?, ?, ?, ?, ?, ?, ?)');
@@ -148,7 +155,7 @@ public function add(CommercialRoute $cr) {
public function save() {
$routes = $this->_Save();
foreach ($routes AS $k => $cr) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE commercialRoute
SET id = ?,
rOrbitalBase = ?,
@@ -179,7 +186,7 @@ public function save() {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM commercialRoute WHERE id = ?');
$qr->execute(array($id));
@@ -193,7 +200,7 @@ public static function freezeRoute($color1, $color2) {
if (!($color1->colorLink[$color2->id] == Color::ENEMY || $color2->colorLink[$color1->id] == Color::ENEMY)) {
$freeze = FALSE;
}
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare(
'UPDATE commercialRoute AS cr
LEFT JOIN orbitalBase AS ob1
@@ -217,5 +224,4 @@ public static function freezeRoute($color1, $color2) {
$qr->execute(array(CRM_ACTIVE, $color1->id, $color2->id, $color2->id, $color1->id, CRM_STANDBY));
}
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/athena/class/CommercialShippingManager.class.php b/system/Modules/Athena/Manager/CommercialShippingManager.php
old mode 100755
new mode 100644
similarity index 92%
rename from system/modules/athena/class/CommercialShippingManager.class.php
rename to system/Modules/Athena/Manager/CommercialShippingManager.php
index 2e50c9552..2de28f39f
--- a/system/modules/athena/class/CommercialShippingManager.class.php
+++ b/system/Modules/Athena/Manager/CommercialShippingManager.php
@@ -9,6 +9,12 @@
* @package Athena
* @version 19.11.13
**/
+namespace Asylamba\Modules\Athena\Manager;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Modules\Athena\Model\CommercialShipping;
class CommercialShippingManager extends Manager {
protected $managerType = '_CommercialShipping';
@@ -18,7 +24,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT cs.*,
p1.rSystem AS rSystem1, p1.position AS position1, s1.xPosition AS xSystem1, s1.yPosition AS ySystem1,
p2.rSystem AS rSystem2, p2.position AS position2, s2.xPosition AS xSystem2, s2.yPosition AS ySystem2,
@@ -98,7 +104,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function add(CommercialShipping $cs) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
commercialShipping(rPlayer, rBase, rBaseDestination, rTransaction, resourceTransported, shipQuantity, dDeparture, dArrival, statement)
VALUES(?, ?, ?, ?, ?, ?, ?, ?, ?)');
@@ -123,7 +129,7 @@ public function save() {
$commercialShippings = $this->_Save();
foreach ($commercialShippings AS $cs) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE commercialShipping
SET id = ?,
rPlayer = ?,
@@ -153,7 +159,7 @@ public function save() {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM commercialShipping WHERE id = ?');
$qr->execute(array($id));
@@ -161,5 +167,4 @@ public function deleteById($id) {
return TRUE;
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/athena/class/CommercialTaxManager.class.php b/system/Modules/Athena/Manager/CommercialTaxManager.php
old mode 100755
new mode 100644
similarity index 85%
rename from system/modules/athena/class/CommercialTaxManager.class.php
rename to system/Modules/Athena/Manager/CommercialTaxManager.php
index b723bbf44..7e23a33e1
--- a/system/modules/athena/class/CommercialTaxManager.class.php
+++ b/system/Modules/Athena/Manager/CommercialTaxManager.php
@@ -9,6 +9,13 @@
* @package Athena
* @version 05.03.14
**/
+namespace Asylamba\Modules\Athena\Manager;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+
+use Asylamba\Modules\Athena\Model\CommercialTax;
class CommercialTaxManager extends Manager {
protected $managerType = '_CommercialTax';
@@ -18,7 +25,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT *
FROM commercialTax
' . $formatWhere . '
@@ -56,7 +63,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function add(CommercialTax $ct) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
commercialTax(faction, relatedFaction, exportTax, importTax)
VALUES(?, ?, ?, ?)');
@@ -76,7 +83,7 @@ public function save() {
$commercialTaxes = $this->_Save();
foreach ($commercialTaxes AS $t) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE commercialTax
SET id = ?,
faction = ?,
@@ -94,5 +101,4 @@ public function save() {
));
}
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/athena/class/OrbitalBaseManager.class.php b/system/Modules/Athena/Manager/OrbitalBaseManager.php
old mode 100755
new mode 100644
similarity index 96%
rename from system/modules/athena/class/OrbitalBaseManager.class.php
rename to system/Modules/Athena/Manager/OrbitalBaseManager.php
index c50dca0a5..e3e7885b1
--- a/system/modules/athena/class/OrbitalBaseManager.class.php
+++ b/system/Modules/Athena/Manager/OrbitalBaseManager.php
@@ -1,6 +1,4 @@
prepare('SELECT
ob.*,
p.position AS position,
@@ -89,7 +100,7 @@ public function search($search, $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT
ob.*,
p.position AS position,
@@ -291,7 +302,6 @@ protected function fill($qr) {
ASM::$crm->changeSession($S_CRM1);
# TechnologyQueueManager
- include_once PROMETHEE;
$S_TQM1 = ASM::$tqm->getCurrentSession();
ASM::$tqm->newSession(ASM_UMODE);
ASM::$tqm->load(array('rPlace' => $aw['rPlace']), array('dEnd'));
@@ -316,10 +326,9 @@ protected function fill($qr) {
public function add(OrbitalBase $b) {
# prépare le rechargement de la map
- include_once GAIA;
GalaxyColorManager::apply();
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
orbitalBase(rPlace, rPlayer, name, typeOfBase, levelGenerator, levelRefinery, levelDock1, levelDock2, levelDock3, levelTechnosphere, levelCommercialPlateforme, levelStorage, levelRecycling, levelSpatioport, points,
iSchool, iAntiSpy, antiSpyAverage,
@@ -381,7 +390,7 @@ public function add(OrbitalBase $b) {
public function save() {
$bases = $this->_Save();
foreach ($bases AS $k => $b) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE orbitalBase
SET rPlace = ?, rPlayer = ?, name = ?, typeOfBase = ?, levelGenerator = ?, levelRefinery = ?, levelDock1 = ?, levelDock2 = ?, levelDock3 = ?, levelTechnosphere = ?, levelCommercialPlateforme = ?, levelStorage = ?, levelRecycling = ?, levelSpatioport = ?, points = ?,
iSchool = ?, iAntiSpy = ?, antiSpyAverage = ?,
@@ -517,12 +526,10 @@ public function changeOwnerById($id, $base, $newOwner, $routeSession, $recycling
ASM::$obm->changeSession($S_OBM2);
# applique en cascade le changement de couleur des sytèmes
- include_once GAIA;
GalaxyColorManager::apply();
} else {
CTR::$alert->add('Cette base orbitale n\'exite pas !', ALERT_BUG_INFO);
CTR::$alert->add('dans changeOwnerById de OrbitalBaseManager', ALERT_BUG_ERROR);
}
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/athena/class/RecyclingLogManager.class.php b/system/Modules/Athena/Manager/RecyclingLogManager.php
old mode 100755
new mode 100644
similarity index 89%
rename from system/modules/athena/class/RecyclingLogManager.class.php
rename to system/Modules/Athena/Manager/RecyclingLogManager.php
index fd8b764ab..ea5061aaf
--- a/system/modules/athena/class/RecyclingLogManager.class.php
+++ b/system/Modules/Athena/Manager/RecyclingLogManager.php
@@ -9,6 +9,13 @@
* @package Zeus
* @version 09.02.15
**/
+namespace Asylamba\Modules\Athena\Manager;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+
+use Asylamba\Modules\Athena\Model\RecyclingLog;
class RecyclingLogManager extends Manager {
protected $managerType = '_RecyclingLog';
@@ -18,7 +25,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT rl.*
FROM recyclingLog AS rl
' . $formatWhere . '
@@ -72,7 +79,7 @@ protected function fill($qr) {
}
public function add(RecyclingLog $rl) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
recyclingLog(rRecycling, resources, credits, ship0, ship1, ship2, ship3, ship4, ship5, ship6, ship7,
ship8, ship9, ship10, ship11, dLog)
@@ -105,7 +112,7 @@ public function save() {
$recyclingLogs = $this->_Save();
foreach ($recyclingLogs AS $rl) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE recyclingLog
SET id = ?,
rRecycling = ?,
@@ -149,7 +156,7 @@ public function save() {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM recyclingLog WHERE id = ?');
$qr->execute(array($id));
@@ -159,7 +166,7 @@ public function deleteById($id) {
}
public function deleteAllFromMission($missionId) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT id FROM recyclingLog WHERE rRecycling = ?');
$qr->execute(array($missionId));
@@ -169,5 +176,4 @@ public function deleteAllFromMission($missionId) {
return TRUE;
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/athena/class/RecyclingMissionManager.class.php b/system/Modules/Athena/Manager/RecyclingMissionManager.php
old mode 100755
new mode 100644
similarity index 90%
rename from system/modules/athena/class/RecyclingMissionManager.class.php
rename to system/Modules/Athena/Manager/RecyclingMissionManager.php
index 3a8c4660f..ae328fddb
--- a/system/modules/athena/class/RecyclingMissionManager.class.php
+++ b/system/Modules/Athena/Manager/RecyclingMissionManager.php
@@ -9,6 +9,13 @@
* @package Zeus
* @version 09.02.15
**/
+namespace Asylamba\Modules\Athena\Manager;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+
+use Asylamba\Modules\Athena\Model\RecyclingMission;
class RecyclingMissionManager extends Manager {
protected $managerType = '_RecyclingMission';
@@ -18,7 +25,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT rm.*,
p.typeOfPlace AS typeOfPlace,
p.position AS position,
@@ -90,7 +97,7 @@ protected function fill($qr) {
}
public function add(RecyclingMission $rm) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
recyclingMission(rBase, rTarget, cycleTime, recyclerQuantity, addToNextMission, uRecycling, statement)
VALUES(?, ?, ?, ?, ?, ?, ?)');
@@ -113,7 +120,7 @@ public function save() {
$recyclingMissions = $this->_Save();
foreach ($recyclingMissions AS $rm) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE recyclingMission
SET id = ?,
rBase = ?,
@@ -139,7 +146,7 @@ public function save() {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM recyclingMission WHERE id = ?');
$qr->execute(array($id));
@@ -147,5 +154,4 @@ public function deleteById($id) {
return TRUE;
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/athena/class/ShipQueueManager.class.php b/system/Modules/Athena/Manager/ShipQueueManager.php
old mode 100755
new mode 100644
similarity index 86%
rename from system/modules/athena/class/ShipQueueManager.class.php
rename to system/Modules/Athena/Manager/ShipQueueManager.php
index 1288df90a..cc0f20d67
--- a/system/modules/athena/class/ShipQueueManager.class.php
+++ b/system/Modules/Athena/Manager/ShipQueueManager.php
@@ -10,6 +10,14 @@
* @update 10.02.14
*/
+namespace Asylamba\Modules\Athena\Manager;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+
+use Asylamba\Modules\Athena\Model\ShipQueue;
+
class ShipQueueManager extends Manager {
protected $managerType = '_ShipQueue';
@@ -18,7 +26,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT *
FROM orbitalBaseShipQueue
' . $formatWhere . '
@@ -58,7 +66,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function add(ShipQueue $sq) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
orbitalBaseShipQueue(rOrbitalBase, dockType, shipNumber, quantity, dStart, dEnd)
VALUES(?, ?, ?, ?, ?, ?)');
@@ -78,7 +86,7 @@ public function add(ShipQueue $sq) {
public function save() {
$shipQueues = $this->_Save();
foreach ($shipQueues AS $k => $sq) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE orbitalBaseShipQueue
SET id = ?,
rOrbitalBase = ?,
@@ -102,7 +110,7 @@ public function save() {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM orbitalBaseShipQueue WHERE id = ?');
$qr->execute(array($id));
@@ -111,5 +119,4 @@ public function deleteById($id) {
return TRUE;
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/athena/class/TransactionManager.class.php b/system/Modules/Athena/Manager/TransactionManager.php
old mode 100755
new mode 100644
similarity index 92%
rename from system/modules/athena/class/TransactionManager.class.php
rename to system/Modules/Athena/Manager/TransactionManager.php
index 408387976..704113711
--- a/system/modules/athena/class/TransactionManager.class.php
+++ b/system/Modules/Athena/Manager/TransactionManager.php
@@ -10,6 +10,14 @@
* @version 19.11.13
**/
+namespace Asylamba\Modules\Athena\Manager;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+
+use Asylamba\Modules\Athena\Model\Transaction;
+
class TransactionManager extends Manager {
protected $managerType = '_Transaction';
@@ -18,7 +26,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT t.*,
play.name AS playerName,
play.rColor AS playerColor,
@@ -105,7 +113,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function getExchangeRate($transactionType) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT currentRate
FROM transaction
WHERE type = ? AND statement = ?
@@ -118,7 +126,7 @@ public function getExchangeRate($transactionType) {
}
public function add(Transaction $t) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
transaction(rPlayer, rPlace, type, quantity, identifier, price, commercialShipQuantity, statement, dPublication, dValidation, currentRate)
VALUES(?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)');
@@ -145,7 +153,7 @@ public function save() {
$transactions = $this->_Save();
foreach ($transactions AS $t) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE transaction
SET id = ?,
rPlayer = ?,
@@ -179,7 +187,7 @@ public function save() {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM transaction WHERE id = ?');
$qr->execute(array($id));
@@ -187,5 +195,4 @@ public function deleteById($id) {
return TRUE;
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/athena/class/BuildingQueue.class.php b/system/Modules/Athena/Model/BuildingQueue.php
old mode 100755
new mode 100644
similarity index 88%
rename from system/modules/athena/class/BuildingQueue.class.php
rename to system/Modules/Athena/Model/BuildingQueue.php
index 72a9f3af4..10ba3eb87
--- a/system/modules/athena/class/BuildingQueue.class.php
+++ b/system/Modules/Athena/Model/BuildingQueue.php
@@ -9,6 +9,7 @@
* @package Athena
* @update 10.02.14
*/
+namespace Asylamba\Modules\Athena\Model;
class BuildingQueue {
// ATTRIBUTES
@@ -22,5 +23,4 @@ class BuildingQueue {
public function getId() {
return $this->id;
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/athena/class/CommercialRoute.class.php b/system/Modules/Athena/Model/CommercialRoute.php
old mode 100755
new mode 100644
similarity index 98%
rename from system/modules/athena/class/CommercialRoute.class.php
rename to system/Modules/Athena/Model/CommercialRoute.php
index 0b9875518..eaa7ba014
--- a/system/modules/athena/class/CommercialRoute.class.php
+++ b/system/Modules/Athena/Model/CommercialRoute.php
@@ -9,6 +9,7 @@
* @package Athena
* @update 20.05.13
*/
+namespace Asylamba\Modules\Athena\Model;
class CommercialRoute {
@@ -93,5 +94,4 @@ public function setPlayerId2($var) { $this->playerId2 = $var; }
public function setPlayerName2($var) { $this->playerName2 = $var; }
public function setAvatar2($var) { $this->avatar2 = $var; }
public function setPopulation2($var) { $this->population2 = $var; }
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/athena/class/CommercialShipping.class.php b/system/Modules/Athena/Model/CommercialShipping.php
old mode 100755
new mode 100644
similarity index 96%
rename from system/modules/athena/class/CommercialShipping.class.php
rename to system/Modules/Athena/Model/CommercialShipping.php
index 2c00fdc44..9a1afa20e
--- a/system/modules/athena/class/CommercialShipping.class.php
+++ b/system/Modules/Athena/Model/CommercialShipping.php
@@ -9,6 +9,16 @@
* @package Athena
* @update 13.11.13
*/
+namespace Asylamba\Modules\Athena\Model;
+
+use Asylamba\Modules\Hermes\Model\Notification;
+use Asylamba\Modules\Athena\Resource\ShipResource;
+use Asylamba\Classes\Library\Format;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Modules\Ares\Model\Commander;
+use Asylamba\Modules\Ares\Resource\CommanderResources;
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Classes\Library\Utils;
class CommercialShipping {
# statement
@@ -146,7 +156,6 @@ public function render() {
case Transaction::TYP_RESOURCE: $class = 'resources'; break;
case Transaction::TYP_COMMANDER: $class = 'commander'; break;
case Transaction::TYP_SHIP:
- include_once ARES;
$class = 'ship';
break;
default: break;
diff --git a/system/modules/athena/class/CommercialTax.class.php b/system/Modules/Athena/Model/CommercialTax.php
old mode 100755
new mode 100644
similarity index 88%
rename from system/modules/athena/class/CommercialTax.class.php
rename to system/Modules/Athena/Model/CommercialTax.php
index b34906c43..d23d9c222
--- a/system/modules/athena/class/CommercialTax.class.php
+++ b/system/Modules/Athena/Model/CommercialTax.php
@@ -9,6 +9,7 @@
* @package Athena
* @update 05.03.14
*/
+namespace Asylamba\Modules\Athena\Model;
class CommercialTax {
diff --git a/system/modules/athena/class/OrbitalBase.class.php b/system/Modules/Athena/Model/OrbitalBase.php
old mode 100755
new mode 100644
similarity index 97%
rename from system/modules/athena/class/OrbitalBase.class.php
rename to system/Modules/Athena/Model/OrbitalBase.php
index c3f77a827..735a90118
--- a/system/modules/athena/class/OrbitalBase.class.php
+++ b/system/Modules/Athena/Model/OrbitalBase.php
@@ -9,6 +9,25 @@
* @package Athena
* @update 02.01.14
*/
+namespace Asylamba\Modules\Athena\Model;
+
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Classes\Worker\CTC;
+use Asylamba\Classes\Worker\ASM;
+
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Library\Game;
+use Asylamba\Classes\Library\Format;
+
+use Asylamba\Modules\Zeus\Model\PlayerBonus;
+use Asylamba\Modules\Hermes\Model\Notification;
+use Asylamba\Modules\Promethee\Model\Technology;
+use Asylamba\Modules\Gaia\Model\Place;
+
+use Asylamba\Modules\Athena\Resource\ShipResource;
+use Asylamba\Modules\Promethee\Resource\TechnologyResource;
+use Asylamba\Modules\Athena\Resource\OrbitalBaseResource;
+
class OrbitalBase {
# type of base
@@ -341,7 +360,6 @@ public function uMethod() {
# load commander if it's a commander shipping
if ($transaction->type == Transaction::TYP_COMMANDER) {
- include_once ARES;
$S_COM1 = ASM::$com->getCurrentSession();
ASM::$com->newSession();
ASM::$com->load(array('c.id' => $transaction->identifier));
@@ -386,7 +404,6 @@ public function uMethod() {
$recyclingQuantity = floor($interval / $mission->cycleTime);
# Place
- include_once GAIA;
$S_PLM = ASM::$plm->getCurrentSession();
ASM::$plm->newSession(ASM_UMODE);
ASM::$plm->load(array('id' => $mission->rTarget));
@@ -426,7 +443,6 @@ public function uAntiSpy() {
}
public function uBuildingQueue($queue, $player) {
- include_once DEMETER;
# update builded building
$this->setBuildingLevel($queue->buildingNumber, ($this->getBuildingLevel($queue->buildingNumber) + 1));
# update the points of the orbitalBase
@@ -444,7 +460,6 @@ public function uBuildingQueue($queue, $player) {
}
public function uShipQueue1($sq, $player) {
- include_once DEMETER;
# vaisseau construit
$this->setShipStorage($sq->shipNumber, $this->getShipStorage($sq->shipNumber) + $sq->quantity);
# increase player experience
@@ -468,7 +483,6 @@ public function uShipQueue1($sq, $player) {
}
public function uShipQueue2($sq, $player) {
- include_once DEMETER;
# vaisseau construit
$this->setShipStorage($sq->shipNumber, $this->getShipStorage($sq->shipNumber) + 1);
# increase player experience
diff --git a/system/modules/athena/class/RecyclingLog.class.php b/system/Modules/Athena/Model/RecyclingLog.php
old mode 100755
new mode 100644
similarity index 92%
rename from system/modules/athena/class/RecyclingLog.class.php
rename to system/Modules/Athena/Model/RecyclingLog.php
index 5b47f4b09..8dfe58db7
--- a/system/modules/athena/class/RecyclingLog.class.php
+++ b/system/Modules/Athena/Model/RecyclingLog.php
@@ -10,6 +10,8 @@
* @update 09.02.15
*/
+namespace Asylamba\Modules\Athena\Model;
+
class RecyclingLog {
public $id = 0;
diff --git a/system/modules/athena/class/RecyclingMission.class.php b/system/Modules/Athena/Model/RecyclingMission.php
old mode 100755
new mode 100644
similarity index 95%
rename from system/modules/athena/class/RecyclingMission.class.php
rename to system/Modules/Athena/Model/RecyclingMission.php
index 752c032e2..c8428ad14
--- a/system/modules/athena/class/RecyclingMission.class.php
+++ b/system/Modules/Athena/Model/RecyclingMission.php
@@ -9,6 +9,7 @@
* @package Zeus
* @update 09.02.15
*/
+namespace Asylamba\Modules\Athena\Model;
class RecyclingMission {
diff --git a/system/modules/athena/class/ShipQueue.class.php b/system/Modules/Athena/Model/ShipQueue.php
old mode 100755
new mode 100644
similarity index 89%
rename from system/modules/athena/class/ShipQueue.class.php
rename to system/Modules/Athena/Model/ShipQueue.php
index 435574153..06167f238
--- a/system/modules/athena/class/ShipQueue.class.php
+++ b/system/Modules/Athena/Model/ShipQueue.php
@@ -9,6 +9,7 @@
* @package Athena
* @update 10.02.14
*/
+namespace Asylamba\Modules\Athena\Model;
class ShipQueue {
// ATTRIBUTES
@@ -23,5 +24,4 @@ class ShipQueue {
public function getId() {
return $this->id;
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/athena/class/Transaction.class.php b/system/Modules/Athena/Model/Transaction.php
old mode 100755
new mode 100644
similarity index 96%
rename from system/modules/athena/class/Transaction.class.php
rename to system/Modules/Athena/Model/Transaction.php
index c84eea431..f9b03237a
--- a/system/modules/athena/class/Transaction.class.php
+++ b/system/Modules/Athena/Model/Transaction.php
@@ -9,6 +9,16 @@
* @package Athena
* @update 19.11.13
*/
+namespace Asylamba\Modules\Athena\Model;
+
+use Asylamba\Classes\Library\Game;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Classes\Library\Chronos;
+use Asylamba\Classes\Library\Format;
+
+use Asylamba\Modules\Demeter\Resource\ColorResource;
+use Asylamba\Modules\Ares\Resource\CommanderResources;
+use Asylamba\Modules\Athena\Resource\ShipResource;
class Transaction {
# statement
diff --git a/system/modules/athena/resource/OrbitalBaseResource.class.php b/system/Modules/Athena/Resource/OrbitalBaseResource.php
old mode 100755
new mode 100644
similarity index 99%
rename from system/modules/athena/resource/OrbitalBaseResource.class.php
rename to system/Modules/Athena/Resource/OrbitalBaseResource.php
index f572339c5..a2df424f6
--- a/system/modules/athena/resource/OrbitalBaseResource.class.php
+++ b/system/Modules/Athena/Resource/OrbitalBaseResource.php
@@ -1,4 +1,13 @@
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/athena/resource/ShipResource.class.php b/system/Modules/Athena/Resource/ShipResource.php
old mode 100755
new mode 100644
similarity index 98%
rename from system/modules/athena/resource/ShipResource.class.php
rename to system/Modules/Athena/Resource/ShipResource.php
index 21c075b32..cbb861c4f
--- a/system/modules/athena/resource/ShipResource.class.php
+++ b/system/Modules/Athena/Resource/ShipResource.php
@@ -1,5 +1,13 @@
'Le Phénix est le type prédominant de croiseur de la galaxie de l’Œil. Conçu par le vieil Empire pour mettre un terme à la rébellion des périodes de troubles, il est le vaisseau de combat le plus massif du chantier de ligne. En effet, sa construction nécessite énormément de matériel et de main-d’œuvre. De plus, le Phénix est piloté par un équipage de plus de 300 personnes.
Cet appareil, très gros, est difficile à manœuvrer dans les combats de mêlée. Cependant il est d’une efficacité redoutable en dernière ligne de vos escadrilles.'
),
);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/athena/main.conf.php b/system/Modules/Athena/main.conf.php
similarity index 100%
rename from system/modules/athena/main.conf.php
rename to system/Modules/Athena/main.conf.php
diff --git a/system/Modules/Athena/main.php b/system/Modules/Athena/main.php
new file mode 100755
index 000000000..add6b576f
--- /dev/null
+++ b/system/Modules/Athena/main.php
@@ -0,0 +1,5 @@
+prepare('SELECT * FROM ranking WHERE faction = 1 ORDER BY dRanking DESC LIMIT 1');
$qr->execute();
$aw = $qr->fetch();
@@ -75,7 +81,7 @@ public function loadLastContext($where = array(), $order = array(), $limit = arr
}
public function loadByRequest($request, $args = array()) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT *
FROM factionRanking AS fr
' . $request
@@ -108,7 +114,7 @@ public function loadByRequest($request, $args = array()) {
}
public function add(FactionRanking $fr) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
factionRanking(rRanking, rFaction, points, pointsPosition, pointsVariation, newPoints, general, generalPosition, generalVariation,
wealth, wealthPosition, wealthVariation, territorial, territorialPosition, territorialVariation)
@@ -140,7 +146,7 @@ public function save() {
$rankings = $this->_Save();
foreach ($rankings AS $fr) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE factionRanking
SET id = ?,
rRanking = ?,
@@ -180,5 +186,4 @@ public function save() {
));
}
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/atlas/class/PlayerRankingManager.php b/system/Modules/Atlas/Manager/PlayerRankingManager.php
old mode 100755
new mode 100644
similarity index 91%
rename from system/modules/atlas/class/PlayerRankingManager.php
rename to system/Modules/Atlas/Manager/PlayerRankingManager.php
index 5be637014..cc42a2e5a
--- a/system/modules/atlas/class/PlayerRankingManager.php
+++ b/system/Modules/Atlas/Manager/PlayerRankingManager.php
@@ -9,12 +9,18 @@
* @package Atlas
* @version 04.06.14
**/
+namespace Asylamba\Modules\Atlas\Manager;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Modules\Atlas\Model\PlayerRanking;
class PlayerRankingManager extends Manager {
protected $managerType = '_PlayerRanking';
public function loadLastContext($where = array(), $order = array(), $limit = array()) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT * FROM ranking WHERE player = 1 ORDER BY dRanking DESC LIMIT 1');
$qr->execute();
$aw = $qr->fetch();
@@ -27,7 +33,7 @@ public function loadLastContext($where = array(), $order = array(), $limit = arr
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT pl.*,
p.rColor AS color,
p.name AS name,
@@ -58,7 +64,7 @@ public function loadLastContext($where = array(), $order = array(), $limit = arr
}
while($aw = $qr->fetch()) {
- $pl = new playerRanking();
+ $pl = new PlayerRanking();
$pl->id = $aw['id'];
$pl->rRanking = $aw['rRanking'];
@@ -99,7 +105,7 @@ public function loadByRequest($request) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare($request);
while($aw = $qr->fetch()) {
@@ -140,7 +146,7 @@ public function loadByRequest($request) {
}
public function add(playerRanking $pl) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
playerRanking(rRanking, rPlayer,
general, generalPosition, generalVariation,
@@ -149,8 +155,10 @@ public function add(playerRanking $pl) {
trader, traderPosition, traderVariation,
armies, armiesPosition, armiesVariation,
resources, resourcesPosition, resourcesVariation,
- butcher, butcherPosition, butcherVariation)
- VALUES(?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)');
+ butcher, butcherPosition, butcherVariation,
+ butcherDestroyedPEV, butcherLostPEV, victories, defeat)
+ VALUES(?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?,
+ ?, ?, ?, ?)');
$qr->execute(array(
$pl->rRanking,
$pl->rPlayer,
@@ -174,7 +182,11 @@ public function add(playerRanking $pl) {
$pl->resourcesVariation,
$pl->butcher,
$pl->butcherPosition,
- $pl->butcherVariation
+ $pl->butcherVariation,
+ $pl->butcherDestroyedPEV,
+ $pl->butcherLostPEV,
+ $pl->victories,
+ $pl->defeat
));
$pl->id = $db->lastInsertId();
@@ -186,7 +198,7 @@ public function save() {
$rankings = $this->_Save();
foreach ($rankings AS $pl) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE playerRanking
SET id = ?,
rRanking = ?,
@@ -242,5 +254,4 @@ public function save() {
));
}
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/atlas/class/FactionRanking.php b/system/Modules/Atlas/Model/FactionRanking.php
old mode 100755
new mode 100644
similarity index 93%
rename from system/modules/atlas/class/FactionRanking.php
rename to system/Modules/Atlas/Model/FactionRanking.php
index 5e39eeb6a..e92a30bb9
--- a/system/modules/atlas/class/FactionRanking.php
+++ b/system/Modules/Atlas/Model/FactionRanking.php
@@ -9,6 +9,11 @@
* @package Atlas
* @update 04.06.14
*/
+namespace Asylamba\Modules\Atlas\Model;
+
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Classes\Library\Format;
+use Asylamba\Modules\Demeter\Resource\ColorResource;
class FactionRanking {
diff --git a/system/modules/atlas/class/PlayerRanking.php b/system/Modules/Atlas/Model/PlayerRanking.php
old mode 100755
new mode 100644
similarity index 96%
rename from system/modules/atlas/class/PlayerRanking.php
rename to system/Modules/Atlas/Model/PlayerRanking.php
index a84ed592d..3f6df7ae8
--- a/system/modules/atlas/class/PlayerRanking.php
+++ b/system/Modules/Atlas/Model/PlayerRanking.php
@@ -9,7 +9,12 @@
* @package Atlas
* @update 04.06.14
*/
-include_once DEMETER;
+
+namespace Asylamba\Modules\Atlas\Model;
+
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Classes\Library\Format;
+use Asylamba\Modules\Demeter\Resource\ColorResource;
class PlayerRanking {
# set number of player before you (remove 1) in rank view
diff --git a/system/Modules/Atlas/main.php b/system/Modules/Atlas/main.php
new file mode 100755
index 000000000..acb1ea89e
--- /dev/null
+++ b/system/Modules/Atlas/main.php
@@ -0,0 +1,3 @@
+prepare('SELECT c.*
FROM color AS c
' . $formatWhere .'
@@ -119,7 +128,7 @@ public function save() {
$colors = $this->_Save();
foreach ($colors AS $color) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE color
SET
alive = ?,
@@ -166,7 +175,7 @@ public function save() {
}
public function add($newColor) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO color
SET
@@ -211,7 +220,7 @@ public function add($newColor) {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM color WHERE id = ?');
$qr->execute(array($id));
@@ -226,8 +235,6 @@ public static function updateInfos($id) {
}
public static function updatePlayers($id) {
- include_once ZEUS;
-
$_CLM1 = ASM::$clm->getCurrentSession();
ASM::$clm->newSession();
ASM::$clm->load(array('id' => $id));
@@ -243,8 +250,6 @@ public static function updatePlayers($id) {
}
public static function updateActivePlayers($id) {
- include_once ZEUS;
-
$_CLM1 = ASM::$clm->getCurrentSession();
ASM::$clm->newSession();
ASM::$clm->load(array('id' => $id));
diff --git a/system/modules/demeter/class/election/CandidateManager.class.php b/system/Modules/Demeter/Manager/Election/CandidateManager.php
old mode 100755
new mode 100644
similarity index 90%
rename from system/modules/demeter/class/election/CandidateManager.class.php
rename to system/Modules/Demeter/Manager/Election/CandidateManager.php
index e52656f3f..2b1fd9ad5
--- a/system/modules/demeter/class/election/CandidateManager.class.php
+++ b/system/Modules/Demeter/Manager/Election/CandidateManager.php
@@ -9,6 +9,13 @@
* @package Demeter
* @update 06.10.13
*/
+namespace Asylamba\Modules\Demeter\Manager\Election;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Classes\Library\Utils;
+
+use Asylamba\Modules\Demeter\Model\Election\Candidate;
class CandidateManager extends Manager {
protected $managerType ='_Candidate';
@@ -18,7 +25,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT c.*,
p.name AS pName,
p.avatar AS pAvatar,
@@ -75,7 +82,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function save() {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$candidates = $this->_Save();
@@ -105,7 +112,7 @@ public function save() {
}
public function add($newCandidate) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO candidate
SET
@@ -137,7 +144,7 @@ public function add($newCandidate) {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM candidate WHERE id = ?');
$qr->execute(array($id));
diff --git a/system/modules/demeter/class/election/ElectionManager.class.php b/system/Modules/Demeter/Manager/Election/ElectionManager.php
old mode 100755
new mode 100644
similarity index 82%
rename from system/modules/demeter/class/election/ElectionManager.class.php
rename to system/Modules/Demeter/Manager/Election/ElectionManager.php
index 017136b4b..895f80638
--- a/system/modules/demeter/class/election/ElectionManager.class.php
+++ b/system/Modules/Demeter/Manager/Election/ElectionManager.php
@@ -9,6 +9,12 @@
* @package Demeter
* @update 06.10.13
*/
+namespace Asylamba\Modules\Demeter\Manager\Election;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Modules\Demeter\Model\Election\Election;
class ElectionManager extends Manager {
protected $managerType ='_Election';
@@ -18,7 +24,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT e.*
FROM election AS e
' . $formatWhere .'
@@ -57,7 +63,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function save() {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$elections = $this->_Save();
@@ -76,7 +82,7 @@ public function save() {
}
public function add($newElection) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO election
SET
@@ -85,7 +91,7 @@ public function add($newElection) {
$aw = $qr->execute(array(
$newElection->rColor,
- $newElection->dElection
+ $newElection->dElection->format('Y-m-d H:i:s')
));
$newElection->id = $db->lastInsertId();
@@ -96,7 +102,7 @@ public function add($newElection) {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM election WHERE id = ?');
$qr->execute(array($id));
diff --git a/system/modules/demeter/class/election/VoteManager.class.php b/system/Modules/Demeter/Manager/Election/VoteManager.php
old mode 100755
new mode 100644
similarity index 85%
rename from system/modules/demeter/class/election/VoteManager.class.php
rename to system/Modules/Demeter/Manager/Election/VoteManager.php
index 6e6b00d8c..04cc71df5
--- a/system/modules/demeter/class/election/VoteManager.class.php
+++ b/system/Modules/Demeter/Manager/Election/VoteManager.php
@@ -9,6 +9,12 @@
* @package Demeter
* @update 06.10.13
*/
+namespace Asylamba\Modules\Demeter\Manager\Election;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Modules\Demeter\Model\Election\Vote;
class VoteManager extends Manager {
protected $managerType ='_Vote';
@@ -18,7 +24,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT v.*
FROM vote AS v
' . $formatWhere .'
@@ -59,7 +65,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function save() {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$votes = $this->_Save();
@@ -81,7 +87,7 @@ public function save() {
}
public function add($newVote) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO vote
SET
@@ -105,7 +111,7 @@ public function add($newVote) {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM vote WHERE id = ?');
$qr->execute(array($id));
diff --git a/system/modules/demeter/class/forum/FactionNewsManager.class.php b/system/Modules/Demeter/Manager/Forum/FactionNewsManager.php
old mode 100755
new mode 100644
similarity index 86%
rename from system/modules/demeter/class/forum/FactionNewsManager.class.php
rename to system/Modules/Demeter/Manager/Forum/FactionNewsManager.php
index 2504eb7e6..3e765453d
--- a/system/modules/demeter/class/forum/FactionNewsManager.class.php
+++ b/system/Modules/Demeter/Manager/Forum/FactionNewsManager.php
@@ -9,6 +9,12 @@
* @package Demeter
* @update 09.01.15
*/
+namespace Asylamba\Modules\Demeter\Manager\Forum;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Modules\Demeter\Model\Forum\FactionNews;
class FactionNewsManager extends Manager {
protected $managerType ='_factionNews';
@@ -18,7 +24,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT n.*
FROM factionNews AS n
' . $formatWhere .'
@@ -46,7 +52,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$qr->closeCursor();
foreach($aw AS $awNews) {
- $news = new factionNews();
+ $news = new FactionNews();
$news->id = $awNews['id'];
$news->rFaction = $awNews['rFaction'];
$news->title = $awNews['title'];
@@ -61,7 +67,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function save() {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$newsArray = $this->_Save();
@@ -94,7 +100,7 @@ public function save() {
}
public function add($news) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO factionNews
SET
@@ -123,7 +129,7 @@ public function add($news) {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM factionNews WHERE id = ?');
$qr->execute(array($id));
diff --git a/system/modules/demeter/class/forum/ForumMessageManager.class.php b/system/Modules/Demeter/Manager/Forum/ForumMessageManager.php
old mode 100755
new mode 100644
similarity index 89%
rename from system/modules/demeter/class/forum/ForumMessageManager.class.php
rename to system/Modules/Demeter/Manager/Forum/ForumMessageManager.php
index e1b03b617..d7bb7b5a4
--- a/system/modules/demeter/class/forum/ForumMessageManager.class.php
+++ b/system/Modules/Demeter/Manager/Forum/ForumMessageManager.php
@@ -9,6 +9,12 @@
* @package Demeter
* @update 06.10.13
*/
+namespace Asylamba\Modules\Demeter\Manager\Forum;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Modules\Demeter\Model\Forum\ForumMessage;
class ForumMessageManager extends Manager {
protected $managerType ='_ForumMessage';
@@ -18,7 +24,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT m.*,
p.name AS playerName,
p.rColor AS playerColor,
@@ -72,7 +78,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function save() {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$messages = $this->_Save();
@@ -102,7 +108,7 @@ public function save() {
}
public function add($newMessage) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO forumMessage
SET
@@ -127,7 +133,7 @@ public function add($newMessage) {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM forumMessage WHERE id = ?');
$qr->execute(array($id));
diff --git a/system/modules/demeter/class/forum/ForumTopicManager.class.php b/system/Modules/Demeter/Manager/Forum/ForumTopicManager.php
old mode 100755
new mode 100644
similarity index 89%
rename from system/modules/demeter/class/forum/ForumTopicManager.class.php
rename to system/Modules/Demeter/Manager/Forum/ForumTopicManager.php
index 60b3cda55..3ca57167b
--- a/system/modules/demeter/class/forum/ForumTopicManager.class.php
+++ b/system/Modules/Demeter/Manager/Forum/ForumTopicManager.php
@@ -9,6 +9,12 @@
* @package Demeter
* @update 06.10.13
*/
+namespace Asylamba\Modules\Demeter\Manager\Forum;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Modules\Demeter\Model\Forum\ForumTopic;
class ForumTopicManager extends Manager {
protected $managerType ='_ForumTopic';
@@ -18,7 +24,7 @@ public function load($where = array(), $order = array(), $limit = array(), $play
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT t.*,
(SELECT lv.dView FROM forumLastView AS lv WHERE rTopic = t.id AND rPlayer = ?) AS lastView,
COUNT(m.id) AS nbMessage
@@ -72,7 +78,7 @@ public function load($where = array(), $order = array(), $limit = array(), $play
}
public function save() {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$topics = $this->_Save();
foreach ($topics AS $topic) {
@@ -104,7 +110,7 @@ public function save() {
}
public function add($newTopic) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO forumTopic
SET
@@ -138,7 +144,7 @@ public function add($newTopic) {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM forumTopic WHERE id = ?');
$qr->execute(array($id));
diff --git a/system/modules/demeter/class/law/LawManager.class.php b/system/Modules/Demeter/Manager/Law/LawManager.php
old mode 100755
new mode 100644
similarity index 88%
rename from system/modules/demeter/class/law/LawManager.class.php
rename to system/Modules/Demeter/Manager/Law/LawManager.php
index 59e904538..2d1f609d5
--- a/system/modules/demeter/class/law/LawManager.class.php
+++ b/system/Modules/Demeter/Manager/Law/LawManager.php
@@ -9,6 +9,12 @@
* @package Demeter
* @update 29.09.14
*/
+namespace Asylamba\Modules\Demeter\Manager\Law;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Modules\Demeter\Model\Law\Law;
class LawManager extends Manager {
protected $managerType ='_Law';
@@ -18,7 +24,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT l.*,
(SELECT COUNT(v.id) FROM voteLaw AS v WHERE rLaw = l.id AND vote = 1) AS forVote,
(SELECT COUNT(v.id) FROM voteLaw AS v WHERE rLaw = l.id AND vote = 0) AS againstVote
@@ -67,7 +73,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function save() {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$laws = $this->_Save();
@@ -95,7 +101,7 @@ public function save() {
}
public function add($newLaw) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO law
SET
@@ -125,7 +131,7 @@ public function add($newLaw) {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM law WHERE id = ?');
$qr->execute(array($id));
diff --git a/system/modules/demeter/class/law/VoteLawManager.class.php b/system/Modules/Demeter/Manager/Law/VoteLawManager.php
old mode 100755
new mode 100644
similarity index 85%
rename from system/modules/demeter/class/law/VoteLawManager.class.php
rename to system/Modules/Demeter/Manager/Law/VoteLawManager.php
index 1af88682a..88a0ec5f6
--- a/system/modules/demeter/class/law/VoteLawManager.class.php
+++ b/system/Modules/Demeter/Manager/Law/VoteLawManager.php
@@ -9,6 +9,12 @@
* @package Demeter
* @update 29.09.14
*/
+namespace Asylamba\Modules\Demeter\Manager\Law;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Modules\Demeter\Model\Law\VoteLaw;
class VoteLawManager extends Manager {
protected $managerType ='_VoteLaw';
@@ -18,7 +24,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT v.*
FROM voteLaw AS v
' . $formatWhere .'
@@ -59,7 +65,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function save() {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$voteLaws = $this->_Save();
@@ -84,7 +90,7 @@ public function save() {
}
public function add($newVoteLaw) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO voteLaw
SET
rLaw = ?,
@@ -107,7 +113,7 @@ public function add($newVoteLaw) {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM voteLaw WHERE id = ?');
$qr->execute(array($id));
diff --git a/system/modules/demeter/class/Color.class.php b/system/Modules/Demeter/Model/Color.php
old mode 100755
new mode 100644
similarity index 96%
rename from system/modules/demeter/class/Color.class.php
rename to system/Modules/Demeter/Model/Color.php
index e921df014..f7dfc38cb
--- a/system/modules/demeter/class/Color.class.php
+++ b/system/Modules/Demeter/Model/Color.php
@@ -9,8 +9,20 @@
* @package Demeter
* @update 06.10.13
*/
-include_once ZEUS;
-include_once ATHENA;
+
+namespace Asylamba\Modules\Demeter\Model;
+
+use Asylamba\Classes\Library\Parser;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Classes\Worker\CTC;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Modules\Hermes\Model\Notification;
+use Asylamba\Modules\Demeter\Model\Election\Election;
+use Asylamba\Modules\Hermes\Model\ConversationUser;
+use Asylamba\Modules\Demeter\Resource\LawResources;
+use Asylamba\Modules\Demeter\Model\Law\Law;
+use Asylamba\Modules\Demeter\Resource\ColorResource;
+use Asylamba\Modules\Athena\Manager\CommercialRouteManager;
class Color {
# Regime
@@ -133,8 +145,6 @@ public function decreaseCredit($credit) {
}
public function sendSenateNotif($fromChief = FALSE) {
- include_once HERMES;
-
$_PAM121 = ASM::$pam->getCurrentsession();
ASM::$pam->newSession();
ASM::$pam->load(['rColor' => $this->id, 'status' => PAM_PARLIAMENT]);
@@ -163,7 +173,6 @@ public function sendSenateNotif($fromChief = FALSE) {
}
public function updateStatus($token_pam) {
- include_once ZEUS;
$limit = round($this->players / 4);
if ($limit < 10) { $limit = 10; }
if ($limit > 40) { $limit = 40; }
@@ -378,7 +387,9 @@ public function uCampaign($token_pam) {
ASM::$elm->newSession();
$election = new Election();
$election->rColor = $this->id;
-
+ // @WARNING : DEFAULT VALUE
+ $election->dElection = new \DateTime();
+
/*$date = new DateTime($this->dLastElection);
$date->modify('+' . $this->mandateDuration + self::ELECTIONTIME + self::CAMPAIGNTIME . ' second');
$election->dElection = $date->format('Y-m-d H:i:s');*/
@@ -405,7 +416,7 @@ public function uMandate($token_playersGovernement, $token_newChief, $idOldChief
$conv->messages++;
$conv->dLastMessage = Utils::now();
- # désarchiver tout les users
+ # désarchiver tous les users
$users = $conv->players;
foreach ($users as $user) {
$user->convStatement = ConversationUser::CS_DISPLAY;
@@ -653,8 +664,6 @@ public function uFinishPunition($law, $player) {
public function uMethod() {
// 604800s = 7j
- include_once GAIA;
-
$token_ctc = CTC::createContext('Color');
if ($this->regime == self::DEMOCRATIC) {
@@ -666,7 +675,7 @@ public function uMethod() {
$token_pam = ASM::$pam->getCurrentSession();
ASM::$pam->changeSession($_PAM);
- $date = new DateTime($this->dLastElection);
+ $date = new \DateTime($this->dLastElection);
$date->modify('+' . $this->mandateDuration . ' second');
$date = $date->format('Y-m-d H:i:s');
@@ -674,7 +683,7 @@ public function uMethod() {
}
} elseif ($this->electionStatement == self::CAMPAIGN) {
if (Utils::interval($this->dLastElection, Utils::now(), 's') > $this->mandateDuration + self::CAMPAIGNTIME) {
- $date = new DateTime($this->dLastElection);
+ $date = new \DateTime($this->dLastElection);
$date->modify('+' . $this->mandateDuration . ' second');
$date = $date->format('Y-m-d H:i:s');
@@ -682,7 +691,7 @@ public function uMethod() {
}
} else {
if (Utils::interval($this->dLastElection, Utils::now(), 's') > $this->mandateDuration + self::ELECTIONTIME + self::CAMPAIGNTIME) {
- $date = new DateTime($this->dLastElection);
+ $date = new \DateTime($this->dLastElection);
$date->modify('+' . $this->mandateDuration + self::ELECTIONTIME + self::CAMPAIGNTIME . ' second');
$date = $date->format('Y-m-d H:i:s');
@@ -704,7 +713,7 @@ public function uMethod() {
$token_pam = ASM::$pam->getCurrentSession();
ASM::$pam->changeSession($_PAM);
- $date = new DateTime($this->dLastElection);
+ $date = new \DateTime($this->dLastElection);
$date->modify('+' . $this->mandateDuration . ' second');
$date = $date->format('Y-m-d H:i:s');
@@ -712,7 +721,7 @@ public function uMethod() {
}
} elseif ($this->electionStatement == self::ELECTION) {
if (Utils::interval($this->dLastElection, Utils::now(), 's') > self::PUTSCHTIME) {
- $date = new DateTime($this->dLastElection);
+ $date = new \DateTime($this->dLastElection);
$date->modify('+' . $this->mandateDuration + self::ELECTIONTIME + self::CAMPAIGNTIME . ' second');
$date = $date->format('Y-m-d H:i:s');
@@ -742,7 +751,7 @@ public function uMethod() {
$token_pam = ASM::$pam->getCurrentSession();
ASM::$pam->changeSession($_PAM);
- $date = new DateTime($this->dLastElection);
+ $date = new \DateTime($this->dLastElection);
$date->modify('+' . $this->mandateDuration . ' second');
$date = $date->format('Y-m-d H:i:s');
@@ -750,7 +759,7 @@ public function uMethod() {
}
} else {
if (Utils::interval($this->dLastElection, Utils::now(), 's') > $this->mandateDuration + self::CAMPAIGNTIME) {
- $date = new DateTime($this->dLastElection);
+ $date = new \DateTime($this->dLastElection);
$date->modify('+' . $this->mandateDuration + self::ELECTIONTIME + self::CAMPAIGNTIME . ' second');
$date = $date->format('Y-m-d H:i:s');
diff --git a/system/modules/demeter/class/election/Candidate.class.php b/system/Modules/Demeter/Model/Election/Candidate.php
old mode 100755
new mode 100644
similarity index 91%
rename from system/modules/demeter/class/election/Candidate.class.php
rename to system/Modules/Demeter/Model/Election/Candidate.php
index 6b8dbe084..aa7644179
--- a/system/modules/demeter/class/election/Candidate.class.php
+++ b/system/Modules/Demeter/Model/Election/Candidate.php
@@ -9,6 +9,7 @@
* @package Demeter
* @update 06.10.13
*/
+namespace Asylamba\Modules\Demeter\Model\Election;
class Candidate {
public $id = 0;
diff --git a/system/modules/demeter/class/election/Election.class.php b/system/Modules/Demeter/Model/Election/Election.php
old mode 100755
new mode 100644
similarity index 84%
rename from system/modules/demeter/class/election/Election.class.php
rename to system/Modules/Demeter/Model/Election/Election.php
index 6819a7780..edf621fb4
--- a/system/modules/demeter/class/election/Election.class.php
+++ b/system/Modules/Demeter/Model/Election/Election.php
@@ -9,6 +9,7 @@
* @package Demeter
* @update 06.10.13
*/
+namespace Asylamba\Modules\Demeter\Model\Election;
class Election {
public $id = 0;
diff --git a/system/modules/demeter/class/election/Vote.class.php b/system/Modules/Demeter/Model/Election/Vote.php
old mode 100755
new mode 100644
similarity index 86%
rename from system/modules/demeter/class/election/Vote.class.php
rename to system/Modules/Demeter/Model/Election/Vote.php
index 0deab63e0..e2c0f2b5a
--- a/system/modules/demeter/class/election/Vote.class.php
+++ b/system/Modules/Demeter/Model/Election/Vote.php
@@ -9,6 +9,7 @@
* @package Demeter
* @update 06.10.13
*/
+namespace Asylamba\Modules\Demeter\Model\Election;
class Vote {
public $id = 0;
diff --git a/system/modules/demeter/class/forum/FactionNews.class.php b/system/Modules/Demeter/Model/Forum/FactionNews.php
old mode 100755
new mode 100644
similarity index 87%
rename from system/modules/demeter/class/forum/FactionNews.class.php
rename to system/Modules/Demeter/Model/Forum/FactionNews.php
index ab81e7814..b33f67f20
--- a/system/modules/demeter/class/forum/FactionNews.class.php
+++ b/system/Modules/Demeter/Model/Forum/FactionNews.php
@@ -9,6 +9,9 @@
* @package Demeter
* @update 09.01.15
*/
+namespace Asylamba\Modules\Demeter\Model\Forum;
+
+use Asylamba\Classes\Library\Parser;
class FactionNews {
const STANDARD = 0;
diff --git a/system/modules/demeter/class/forum/ForumMessage.class.php b/system/Modules/Demeter/Model/Forum/ForumMessage.php
old mode 100755
new mode 100644
similarity index 91%
rename from system/modules/demeter/class/forum/ForumMessage.class.php
rename to system/Modules/Demeter/Model/Forum/ForumMessage.php
index 7893048a6..cf265ed0c
--- a/system/modules/demeter/class/forum/ForumMessage.class.php
+++ b/system/Modules/Demeter/Model/Forum/ForumMessage.php
@@ -9,6 +9,9 @@
* @package Demeter
* @update 06.10.13
*/
+namespace Asylamba\Modules\Demeter\Model\Forum;
+
+use Asylamba\Classes\Library\Parser;
class ForumMessage {
const PUBLISHED = 1;
diff --git a/system/modules/demeter/class/forum/ForumTopic.class.php b/system/Modules/Demeter/Model/Forum/ForumTopic.php
old mode 100755
new mode 100644
similarity index 84%
rename from system/modules/demeter/class/forum/ForumTopic.class.php
rename to system/Modules/Demeter/Model/Forum/ForumTopic.php
index 2eab9cfb3..f776a78f1
--- a/system/modules/demeter/class/forum/ForumTopic.class.php
+++ b/system/Modules/Demeter/Model/Forum/ForumTopic.php
@@ -9,6 +9,10 @@
* @package Demeter
* @update 06.10.13
*/
+namespace Asylamba\Modules\Demeter\Model\Forum;
+
+use Asylamba\Classes\Database\Database;
+use Asylamba\Classes\Library\Utils;
class ForumTopic {
public $id = 0;
@@ -31,7 +35,7 @@ public function getId() { return $this->id; }
public function updateLastView($playerId) {
if ($this->lastView == NULL) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO forumLastView
SET
@@ -45,7 +49,7 @@ public function updateLastView($playerId) {
)
);
} else {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE forumLastView
SET
diff --git a/system/modules/demeter/class/law/Law.class.php b/system/Modules/Demeter/Model/Law/Law.php
old mode 100755
new mode 100644
similarity index 94%
rename from system/modules/demeter/class/law/Law.class.php
rename to system/Modules/Demeter/Model/Law/Law.php
index 7c494a571..dd997686a
--- a/system/modules/demeter/class/law/Law.class.php
+++ b/system/Modules/Demeter/Model/Law/Law.php
@@ -9,6 +9,9 @@
* @package Demeter
* @update 29.09.14
*/
+namespace Asylamba\Modules\Demeter\Model\Law;
+
+use Asylamba\Classes\Worker\ASM;
class Law {
const VOTATION = 0;
diff --git a/system/modules/demeter/class/law/VoteLaw.class.php b/system/Modules/Demeter/Model/Law/VoteLaw.php
old mode 100755
new mode 100644
similarity index 87%
rename from system/modules/demeter/class/law/VoteLaw.class.php
rename to system/Modules/Demeter/Model/Law/VoteLaw.php
index 75ce11f46..6f2839c8a
--- a/system/modules/demeter/class/law/VoteLaw.class.php
+++ b/system/Modules/Demeter/Model/Law/VoteLaw.php
@@ -9,6 +9,7 @@
* @package Demeter
* @update 29.09.14
*/
+namespace Asylamba\Modules\Demeter\Model\Law;
class VoteLaw {
public $id = 0;
diff --git a/system/modules/demeter/resource/ColorResource.class.php b/system/Modules/Demeter/Resource/ColorResource.php
old mode 100755
new mode 100644
similarity index 99%
rename from system/modules/demeter/resource/ColorResource.class.php
rename to system/Modules/Demeter/Resource/ColorResource.php
index 384376335..b4752699d
--- a/system/modules/demeter/resource/ColorResource.class.php
+++ b/system/Modules/Demeter/Resource/ColorResource.php
@@ -1,4 +1,7 @@
= 10 < 20 = pour le gouvernement d'une fac, >= 20 pour les chefs de toutes les factions
Class ForumResources {
diff --git a/system/modules/demeter/resource/LawResources.php b/system/Modules/Demeter/Resource/LawResources.php
similarity index 99%
rename from system/modules/demeter/resource/LawResources.php
rename to system/Modules/Demeter/Resource/LawResources.php
index 14b7e4481..4feafd16a 100755
--- a/system/modules/demeter/resource/LawResources.php
+++ b/system/Modules/Demeter/Resource/LawResources.php
@@ -9,6 +9,7 @@
* @package Demeter
* @update 29.09.14
*/
+namespace Asylamba\Modules\Demeter\Resource;
#id des forums : < 10 = pour tous les gens d'une faction, >= 10 < 20 = pour le gouvernement d'une fac, >= 20 pour les chefs de toutes les factions
Class LawResources {
diff --git a/system/Modules/Demeter/main.php b/system/Modules/Demeter/main.php
new file mode 100755
index 000000000..e7cb30c77
--- /dev/null
+++ b/system/Modules/Demeter/main.php
@@ -0,0 +1,3 @@
+';
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/gaia/class/GalaxyGenerator.class.php b/system/Modules/Gaia/Helper/GalaxyGenerator.php
old mode 100755
new mode 100644
similarity index 96%
rename from system/modules/gaia/class/GalaxyGenerator.class.php
rename to system/Modules/Gaia/Helper/GalaxyGenerator.php
index 043974203..bb00a9c70
--- a/system/modules/gaia/class/GalaxyGenerator.class.php
+++ b/system/Modules/Gaia/Helper/GalaxyGenerator.php
@@ -1,4 +1,17 @@
query('SET FOREIGN_KEY_CHECKS = 0;');
@@ -49,7 +62,7 @@ public static function clear() {
}
public static function save() {
- $db = DataBaseAdmin::getInstance();
+ $db = DatabaseAdmin::getInstance();
# clean up database
self::clear();
@@ -405,7 +418,7 @@ public static function associateSystemToSector() {
}
private static function getStatisticsSector() {
- $db = DataBaseAdmin::getInstance();
+ $db = DatabaseAdmin::getInstance();
foreach (self::$listSector as $sector) {
$id = $sector[0];
@@ -524,5 +537,4 @@ private static function getNbOfPlace($systemType) {
private static function getTypeOfPlace($systemType) {
return self::getProportion(GalaxyConfiguration::$systems[$systemType - 1]['placesPropotion'], rand(1, 100));
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/gaia/class/GalaxyColorManager.class.php b/system/Modules/Gaia/Manager/GalaxyColorManager.php
old mode 100755
new mode 100644
similarity index 94%
rename from system/modules/gaia/class/GalaxyColorManager.class.php
rename to system/Modules/Gaia/Manager/GalaxyColorManager.php
index 3c6d2f1c8..6afe7f5d6
--- a/system/modules/gaia/class/GalaxyColorManager.class.php
+++ b/system/Modules/Gaia/Manager/GalaxyColorManager.php
@@ -1,5 +1,10 @@
system as $k => $v) {
if ($v['hasChanged'] == TRUE) {
$qr = $db->prepare('UPDATE system SET rColor = ? WHERE id = ?');
@@ -64,7 +69,7 @@ public function saveSystem() {
}
public function loadSector() {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->query('SELECT id, rColor, prime FROM sector ORDER BY id');
while ($aw = $qr->fetch()) {
$this->sector[$aw['id']] = array(
@@ -76,7 +81,7 @@ public function loadSector() {
}
public function saveSector() {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
foreach ($this->sector as $k => $v) {
if ($v['hasChanged'] == TRUE) {
$qr = $db->prepare('UPDATE sector SET rColor = ?, prime = ? WHERE id = ?');
diff --git a/system/modules/gaia/class/PlaceManager.class.php b/system/Modules/Gaia/Manager/PlaceManager.php
old mode 100755
new mode 100644
similarity index 93%
rename from system/modules/gaia/class/PlaceManager.class.php
rename to system/Modules/Gaia/Manager/PlaceManager.php
index 1da39b760..b4345cf0e
--- a/system/modules/gaia/class/PlaceManager.class.php
+++ b/system/Modules/Gaia/Manager/PlaceManager.php
@@ -9,20 +9,25 @@
* @package Gaia
* @update 20.05.13
*/
+namespace Asylamba\Modules\Gaia\Manager;
-include_once ARES;
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+
+use Asylamba\Modules\Gaia\Model\Place;
class PlaceManager extends Manager {
protected $managerType = '_Place';
public function load($where = array(), $order = array(), $limit = array()) {
- include_once ARES;
-
$formatWhere = Utils::arrayToWhere($where, 'p.');
$formatOrder = Utils::arrayToOrder($order, 'p.');
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT p.*,
s.rSector AS rSector,
s.xPosition AS xPosition,
@@ -81,7 +86,7 @@ public function search($search, $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT p.*,
s.rSector AS rSector,
s.xPosition AS xPosition,
@@ -172,6 +177,7 @@ protected function fill($qr) {
} else {
$p->setTypeOfBase(Place::TYP_EMPTY);
$p->setBaseName('Planète rebelle');
+ $p->setPoints(0);
}
$S_COM3 = ASM::$com->getCurrentSession();
@@ -193,7 +199,7 @@ protected function fill($qr) {
}
public static function add(Place $p) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
place(rPlayer, rSystem, typeOfPlace, position, population, coefResources, coefHistory, resources, danger, maxDanger, uPlace)
VALUES(?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)');
@@ -220,7 +226,7 @@ public function save() {
$places = $this->_Save();
foreach ($places AS $p) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE place
SET id = ?,
@@ -255,12 +261,11 @@ public function save() {
}
public static function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM place WHERE id = ?');
$qr->execute(array($id));
$this->_Remove($id);
return TRUE;
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/gaia/class/SectorManager.class.php b/system/Modules/Gaia/Manager/SectorManager.php
old mode 100755
new mode 100644
similarity index 92%
rename from system/modules/gaia/class/SectorManager.class.php
rename to system/Modules/Gaia/Manager/SectorManager.php
index 723a22ed2..63355e0fa
--- a/system/modules/gaia/class/SectorManager.class.php
+++ b/system/Modules/Gaia/Manager/SectorManager.php
@@ -9,6 +9,12 @@
* @package Gaia
* @update 20.05.13
*/
+namespace Asylamba\Modules\Gaia\Manager;
+
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Modules\Gaia\Model\Sector;
class SectorManager extends Manager {
protected $managerType = '_Sector';
@@ -39,7 +45,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT *
FROM sector
' . $formatWhere . '
@@ -93,7 +99,7 @@ public function loadByOr($module, $list = array()) {
foreach ($list as $v) { $query .= $module . ' = ? OR '; }
$query = trim($query, 'OR ');
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT
DISTINCT(se.id),
se.*
@@ -139,7 +145,7 @@ public function loadByOr($module, $list = array()) {
public function save() {
$sectors = $this->_Save();
foreach ($sectors AS $s) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE sector
SET
rSurrender = ?,
diff --git a/system/modules/gaia/class/SystemManager.class.php b/system/Modules/Gaia/Manager/SystemManager.php
old mode 100755
new mode 100644
similarity index 84%
rename from system/modules/gaia/class/SystemManager.class.php
rename to system/Modules/Gaia/Manager/SystemManager.php
index 4c8fbfc70..f6a5b3337
--- a/system/modules/gaia/class/SystemManager.class.php
+++ b/system/Modules/Gaia/Manager/SystemManager.php
@@ -9,6 +9,13 @@
* @package Gaia
* @update 09.07.13
*/
+namespace Asylamba\Modules\Gaia\Manager;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Classes\Library\Utils;
+
+use Asylamba\Modules\Gaia\Model\System;
class SystemManager extends Manager {
protected $managerType = '_System';
@@ -18,7 +25,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT s.*
FROM system AS s
' . $formatWhere .'
@@ -62,7 +69,7 @@ public function save() {
$systems = $this->_Save();
foreach ($systems AS $s) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE system
SET rColor = ?
WHERE id = ?');
diff --git a/system/modules/gaia/class/Place.class.php b/system/Modules/Gaia/Model/Place.php
old mode 100755
new mode 100644
similarity index 98%
rename from system/modules/gaia/class/Place.class.php
rename to system/Modules/Gaia/Model/Place.php
index 5b421d382..a8f67075f
--- a/system/modules/gaia/class/Place.class.php
+++ b/system/Modules/Gaia/Model/Place.php
@@ -8,6 +8,25 @@
* @package Gaia
* @update 21.04.13
*/
+namespace Asylamba\Modules\Gaia\Model;
+
+use Asylamba\Classes\Worker\CTC;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Classes\Library\Game;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Library\Format;
+
+use Asylamba\Modules\Ares\FightController;
+use Asylamba\Modules\Zeus\Model\PlayerBonus;
+use Asylamba\Modules\Ares\Model\Commander;
+use Asylamba\Modules\Athena\Model\OrbitalBase;
+use Asylamba\Modules\Ares\Model\LiveReport;
+use Asylamba\Modules\Ares\Model\Report;
+use Asylamba\Modules\Hermes\Model\Notification;
+use Asylamba\Modules\Demeter\Model\Color;
+
+use Asylamba\Modules\Gaia\Resource\SquadronResource;
class Place {
# CONSTANTS
@@ -181,9 +200,6 @@ public function uMethod() {
CTC::add($hour, $this, 'uDanger', array());
}
}
-
- include_once ARES;
-
$S_COM_OUT = ASM::$com->getCurrentSession();
ASM::$com->newSession();
ASM::$com->load([
@@ -193,10 +209,6 @@ public function uMethod() {
);
if (ASM::$com->size() > 0) {
- include_once ATHENA;
- include_once ZEUS;
- include_once DEMETER;
-
$places = array();
$playerBonuses = array();
@@ -676,8 +688,6 @@ public function uConquer($commander, $commanderPlace, $playerBonus, $commanderPl
# victoire
if ($commander->getStatement() != COM_DEAD) {
- include_once ATHENA;
-
if ($nbrBattle == 0) {
$this->sendNotif(self::CONQUERPLAYERWHITOUTBATTLESUCCESS, $commander, NULL);
} else {
@@ -758,8 +768,6 @@ public function uConquer($commander, $commanderPlace, $playerBonus, $commanderPl
$this->typeOfBase = 4;
# créer une base
- include_once ATHENA;
-
$ob = new OrbitalBase();
$ob->rPlace = $this->id;
$ob->setRPlayer($commander->getRPlayer());
@@ -941,8 +949,6 @@ private function createReport() {
}
private function sendNotif($case, $commander, $report = NULL) {
- include_once HERMES;
-
switch ($case) {
case self::CHANGESUCCESS:
$notif = new Notification();
diff --git a/system/modules/gaia/class/PointLocation.class.php b/system/Modules/Gaia/Model/PointLocation.php
old mode 100755
new mode 100644
similarity index 98%
rename from system/modules/gaia/class/PointLocation.class.php
rename to system/Modules/Gaia/Model/PointLocation.php
index e49e4573b..83577e399
--- a/system/modules/gaia/class/PointLocation.class.php
+++ b/system/Modules/Gaia/Model/PointLocation.php
@@ -1,4 +1,7 @@
array(1, 3)
)
);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/gaia/resource/SquadronResource.res.php b/system/Modules/Gaia/Resource/SquadronResource.php
old mode 100755
new mode 100644
similarity index 98%
rename from system/modules/gaia/resource/SquadronResource.res.php
rename to system/Modules/Gaia/Resource/SquadronResource.php
index 64cf0ea03..03b68516c
--- a/system/modules/gaia/resource/SquadronResource.res.php
+++ b/system/Modules/Gaia/Resource/SquadronResource.php
@@ -1,4 +1,9 @@
= self::size()) {
@@ -102,5 +107,4 @@ public static function size() {
# extrèmement fort officier (lvl 20)
array(20, 20, array(2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1))
);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/gaia/resource/SystemResource.res.php b/system/Modules/Gaia/Resource/SystemResource.php
old mode 100755
new mode 100644
similarity index 92%
rename from system/modules/gaia/resource/SystemResource.res.php
rename to system/Modules/Gaia/Resource/SystemResource.php
index 4be48c66f..5d004555e
--- a/system/modules/gaia/resource/SystemResource.res.php
+++ b/system/Modules/Gaia/Resource/SystemResource.php
@@ -1,4 +1,7 @@
'Naine Rouge',
)
);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/gaia/main.conf.php b/system/Modules/Gaia/main.conf.php
similarity index 100%
rename from system/modules/gaia/main.conf.php
rename to system/Modules/Gaia/main.conf.php
diff --git a/system/Modules/Gaia/main.php b/system/Modules/Gaia/main.php
new file mode 100755
index 000000000..6ed96e8be
--- /dev/null
+++ b/system/Modules/Gaia/main.php
@@ -0,0 +1,15 @@
+ quart supérieur droit de la carte, 2 ponts
+#include_once SYSTEMR . 'config/galaxies/GalaxyConfiguration.v2.php';
+# s8 - révolution cardanienne --> bandeau
+include_once SYSTEMR . 'config/galaxies/GalaxyConfiguration.v3.php';
+# s9 - empire contre-attaque --> quart de carte, 2 ponts
+#include_once SYSTEMR . 'config/galaxies/GalaxyConfiguration.v4.php';
+# s10 - chute des archontes --> carte entière, 7 ponts
+#include_once SYSTEMR . 'config/galaxies/GalaxyConfiguration.v1.php';
+
+\Asylamba\Classes\Worker\ASM::runGaia();
\ No newline at end of file
diff --git a/system/modules/hermes/class/ConversationManager.php b/system/Modules/Hermes/Manager/ConversationManager.php
similarity index 87%
rename from system/modules/hermes/class/ConversationManager.php
rename to system/Modules/Hermes/Manager/ConversationManager.php
index 556f6e4e7..bbe5c479c 100644
--- a/system/modules/hermes/class/ConversationManager.php
+++ b/system/Modules/Hermes/Manager/ConversationManager.php
@@ -1,9 +1,19 @@
prepare('SELECT c.*
FROM conversation AS c
LEFT JOIN conversationUser AS cu
@@ -66,7 +76,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function save() {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$convs = $this->_Save();
@@ -92,7 +102,7 @@ public function save() {
}
public function add($conv) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO conversation
SET title = ?,
@@ -117,7 +127,7 @@ public function add($conv) {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM conversation WHERE id = ?');
$qr->execute(array($id));
diff --git a/system/modules/hermes/class/ConversationMessageManager.php b/system/Modules/Hermes/Manager/ConversationMessageManager.php
similarity index 88%
rename from system/modules/hermes/class/ConversationMessageManager.php
rename to system/Modules/Hermes/Manager/ConversationMessageManager.php
index ac6323621..4d239be88 100644
--- a/system/modules/hermes/class/ConversationMessageManager.php
+++ b/system/Modules/Hermes/Manager/ConversationMessageManager.php
@@ -1,4 +1,13 @@
prepare('SELECT c.*,
p.rColor AS playerColor,
p.name AS playerName,
@@ -61,7 +70,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function save() {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$messages = $this->_Save();
@@ -89,7 +98,7 @@ public function save() {
}
public function add($message) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO conversationMessage
SET rConversation = ?,
@@ -116,7 +125,7 @@ public function add($message) {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM conversationMessage WHERE id = ?');
$qr->execute(array($id));
diff --git a/system/modules/hermes/class/ConversationUserManager.php b/system/Modules/Hermes/Manager/ConversationUserManager.php
similarity index 88%
rename from system/modules/hermes/class/ConversationUserManager.php
rename to system/Modules/Hermes/Manager/ConversationUserManager.php
index 842697b39..381794a92 100644
--- a/system/modules/hermes/class/ConversationUserManager.php
+++ b/system/Modules/Hermes/Manager/ConversationUserManager.php
@@ -1,9 +1,17 @@
prepare('SELECT c.*,
p.id AS playerId,
p.rColor AS playerColor,
@@ -57,7 +65,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function save() {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$userConvs = $this->_Save();
foreach ($userConvs AS $userConv) {
@@ -82,7 +90,7 @@ public function save() {
}
public function add($userConv) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO conversationUser
SET rConversation = ?,
@@ -107,7 +115,7 @@ public function add($userConv) {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM conversationUser WHERE id = ?');
$qr->execute(array($id));
diff --git a/system/modules/hermes/class/NotificationManager.class.php b/system/Modules/Hermes/Manager/NotificationManager.php
old mode 100755
new mode 100644
similarity index 87%
rename from system/modules/hermes/class/NotificationManager.class.php
rename to system/Modules/Hermes/Manager/NotificationManager.php
index 1e08b87cb..031b51e0a
--- a/system/modules/hermes/class/NotificationManager.class.php
+++ b/system/Modules/Hermes/Manager/NotificationManager.php
@@ -9,6 +9,12 @@
* @package Hermes
* @update 20.05.13
*/
+namespace Asylamba\Modules\Hermes\Manager;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Modules\Hermes\Model\Notification;
class NotificationManager extends Manager {
protected $managerType = '_Notification';
@@ -18,7 +24,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT *
FROM notification
' . $formatWhere . '
@@ -58,7 +64,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function add(Notification $n) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
notification(rPlayer, title, content, dSending, readed, archived)
VALUES(?, ?, ?, ?, ?, ?)');
@@ -80,7 +86,7 @@ public function save() {
$notifications = $this->_Save();
foreach ($notifications AS $n) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE notification
SET id = ?,
rPlayer = ?,
@@ -104,7 +110,7 @@ public function save() {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM notification WHERE id = ?');
$qr->execute(array($id));
@@ -113,7 +119,7 @@ public function deleteById($id) {
}
public function deleteByRPlayer($rPlayer) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM notification WHERE rPlayer = ? AND archived = 0');
$qr->execute(array($rPlayer));
@@ -131,7 +137,7 @@ public function deleteByRPlayer($rPlayer) {
public static function countAll($where = array()) {
$formatWhere = Utils::arrayToWhere($where);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT
COUNT(id) AS nbr
FROM notification
diff --git a/system/modules/hermes/class/RoadMapManager.class.php b/system/Modules/Hermes/Manager/RoadMapManager.php
old mode 100755
new mode 100644
similarity index 86%
rename from system/modules/hermes/class/RoadMapManager.class.php
rename to system/Modules/Hermes/Manager/RoadMapManager.php
index b0dd0833e..782b950e0
--- a/system/modules/hermes/class/RoadMapManager.class.php
+++ b/system/Modules/Hermes/Manager/RoadMapManager.php
@@ -9,6 +9,13 @@
* @package Hermes
* @update 21.12.13
*/
+namespace Asylamba\Modules\Hermes\Manager;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+
+use Asylamba\Modules\Hermes\Model\RoadMap;
class RoadMapManager extends Manager {
protected $managerType = '_RoadMap';
@@ -18,7 +25,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT
r.*,
p.name AS name,
@@ -67,7 +74,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function add(RoadMap $rm) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
roadMap(rPlayer, oContent, pContent, statement, dCreation)
VALUES(?, ?, ?, ?, ?)');
@@ -88,7 +95,7 @@ public function save() {
$roadmap = $this->_Save();
foreach ($roadmap AS $rm) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE roadMap
SET rPlayer = ?,
oContent = ?,
@@ -108,7 +115,7 @@ public function save() {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM roadMap WHERE id = ?');
$qr->execute(array($id));
diff --git a/system/modules/hermes/class/Conversation.php b/system/Modules/Hermes/Model/Conversation.php
similarity index 91%
rename from system/modules/hermes/class/Conversation.php
rename to system/Modules/Hermes/Model/Conversation.php
index 9bff46fda..d69102035 100644
--- a/system/modules/hermes/class/Conversation.php
+++ b/system/Modules/Hermes/Model/Conversation.php
@@ -1,4 +1,7 @@
add('La notification peut être archivée ou non-archivée, il n\' a pas d\'autres possibilités !');
}
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/hermes/class/RoadMap.class.php b/system/Modules/Hermes/Model/RoadMap.php
old mode 100755
new mode 100644
similarity index 91%
rename from system/modules/hermes/class/RoadMap.class.php
rename to system/Modules/Hermes/Model/RoadMap.php
index 96095a383..04a91f74a
--- a/system/modules/hermes/class/RoadMap.class.php
+++ b/system/Modules/Hermes/Model/RoadMap.php
@@ -10,6 +10,10 @@
* @update 21.10.13
*/
+namespace Asylamba\Modules\Hermes\Model;
+
+use Asylamba\Classes\Library\Parser;
+
class RoadMap {
// ATTRIBUTES
public $id = 0;
@@ -44,5 +48,4 @@ public function setContent($content) {
public function hide() { $this->statement = 0; }
public function show() { $this->statement = 1; }
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/hermes/main.conf.php b/system/Modules/Hermes/main.conf.php
similarity index 100%
rename from system/modules/hermes/main.conf.php
rename to system/Modules/Hermes/main.conf.php
diff --git a/system/Modules/Hermes/main.php b/system/Modules/Hermes/main.php
new file mode 100755
index 000000000..e048f7163
--- /dev/null
+++ b/system/Modules/Hermes/main.php
@@ -0,0 +1,5 @@
+prepare('SELECT *
FROM research
' . $formatWhere . '
@@ -70,7 +77,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function add(Research $res) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
research(rPlayer, mathLevel, physLevel, chemLevel, bioLevel, mediLevel, econoLevel, psychoLevel, networkLevel, algoLevel, statLevel, naturalTech, lifeTech, socialTech, informaticTech, naturalToPay, lifeToPay, socialToPay, informaticToPay)
VALUES(?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)');
@@ -103,7 +110,7 @@ public function save() {
$researches = $this->_Save();
foreach ($researches AS $k => $res) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE research
SET rPlayer = ?,
mathLevel = ?,
@@ -153,7 +160,7 @@ public function save() {
/* This will no longer work
public static function deleteByRPlayer($rPlayer) {
try {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM research WHERE rPlayer = ?');
$qr->execute(array($rPlayer));
return TRUE;
@@ -161,5 +168,4 @@ public static function deleteByRPlayer($rPlayer) {
$_SESSION[SERVERSESS]['alert'][] = array($e->getMessage(), $e->getCode());
}
}*/
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/promethee/class/TechnologyQueueManager.class.php b/system/Modules/Promethee/Manager/TechnologyQueueManager.php
old mode 100755
new mode 100644
similarity index 86%
rename from system/modules/promethee/class/TechnologyQueueManager.class.php
rename to system/Modules/Promethee/Manager/TechnologyQueueManager.php
index 264545402..ea482fc36
--- a/system/modules/promethee/class/TechnologyQueueManager.class.php
+++ b/system/Modules/Promethee/Manager/TechnologyQueueManager.php
@@ -8,6 +8,12 @@
* @package Prométhée
* @update 10.02.14
*/
+namespace Asylamba\Modules\Promethee\Manager;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Modules\Promethee\Model\TechnologyQueue;
class TechnologyQueueManager extends Manager {
protected $managerType = '_TechnologyQueue';
@@ -17,7 +23,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT *
FROM technologyQueue
' . $formatWhere . '
@@ -57,7 +63,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
}
public function add(TechnologyQueue $t) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
technologyQueue(rPlayer, rPlace, technology, targetLevel, dStart, dEnd)
VALUES(?, ?, ?, ?, ?, ?)');
@@ -76,7 +82,7 @@ public function add(TechnologyQueue $t) {
public function save() {
$technologyQueues = $this->_Save();
foreach ($technologyQueues AS $k => $t) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE technologyQueue
SET id = ?,
rPlayer = ?,
@@ -100,7 +106,7 @@ public function save() {
}
public function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM technologyQueue WHERE id = ?');
$qr->execute(array($id));
@@ -108,5 +114,4 @@ public function deleteById($id) {
return TRUE;
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/promethee/class/Research.class.php b/system/Modules/Promethee/Model/Research.php
old mode 100755
new mode 100644
similarity index 96%
rename from system/modules/promethee/class/Research.class.php
rename to system/Modules/Promethee/Model/Research.php
index 53b6a554e..64f3c4217
--- a/system/modules/promethee/class/Research.class.php
+++ b/system/Modules/Promethee/Model/Research.php
@@ -9,6 +9,14 @@
* @package Prométhée
* @update 19.04.13
*/
+namespace Asylamba\Modules\Promethee\Model;
+
+use Asylamba\Modules\Promethee\Resource\ResearchResource;
+use Asylamba\Classes\Container\StackList;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Modules\Hermes\Model\Notification;
+use Asylamba\Modules\Demeter\Resource\ColorResource;
class Research {
// ATTRIBUTES
@@ -275,5 +283,4 @@ public function update($player, $naturalInvest, $lifeInvest, $socialInvest, $inf
} while ($informaticInvest > 0);
ASM::$pam->changeSession($S_PAM);
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/promethee/class/Technology.class.php b/system/Modules/Promethee/Model/Technology.php
old mode 100755
new mode 100644
similarity index 96%
rename from system/modules/promethee/class/Technology.class.php
rename to system/Modules/Promethee/Model/Technology.php
index 7986f9a4f..d870c7d25
--- a/system/modules/promethee/class/Technology.class.php
+++ b/system/Modules/Promethee/Model/Technology.php
@@ -9,6 +9,12 @@
* @package Prométhée
* @update 04.06.13
*/
+namespace Asylamba\Modules\Promethee\Model;
+
+use Asylamba\Classes\Database\Database;
+
+use Asylamba\Modules\Promethee\Resource\TechnologyResource;
+use Asylamba\Modules\Zeus\Model\PlayerBonus;
class Technology {
// ATTRIBUTES
@@ -128,7 +134,7 @@ class Technology {
public function __construct($rPlayer) {
$this->rPlayer = $rPlayer;
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT *
FROM technology
WHERE rPlayer = ?');
@@ -270,7 +276,7 @@ public function setTechnology($id, $value, $load = FALSE) { // ajouter une entr
}
public static function addTech($rPlayer, $technology, $level) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
technology(rPlayer, technology, level)
VALUES(?, ?, ?)');
@@ -282,7 +288,7 @@ public static function addTech($rPlayer, $technology, $level) {
}
public function updateTech($technology, $level) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE technology
SET level = ?
WHERE rPlayer = ? AND technology = ?');
@@ -298,10 +304,9 @@ public function delete($techno) {
}
public static function deleteByRPlayer($rPlayer, $techno) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM technology WHERE rPlayer = ? and technology = ?');
$qr->execute(array($rPlayer, $techno));
return TRUE;
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/promethee/class/TechnologyQueue.class.php b/system/Modules/Promethee/Model/TechnologyQueue.php
old mode 100755
new mode 100644
similarity index 88%
rename from system/modules/promethee/class/TechnologyQueue.class.php
rename to system/Modules/Promethee/Model/TechnologyQueue.php
index 4131a7da7..3075743e2
--- a/system/modules/promethee/class/TechnologyQueue.class.php
+++ b/system/Modules/Promethee/Model/TechnologyQueue.php
@@ -9,6 +9,7 @@
* @package Prométhée
* @update 10.02.14
*/
+namespace Asylamba\Modules\Promethee\Model;
class TechnologyQueue {
// ATTRIBUTES
@@ -23,5 +24,4 @@ class TechnologyQueue {
public function getId() {
return $this->id;
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/promethee/resource/ResearchResource.class.php b/system/Modules/Promethee/Resource/ResearchResource.php
old mode 100755
new mode 100644
similarity index 98%
rename from system/modules/promethee/resource/ResearchResource.class.php
rename to system/Modules/Promethee/Resource/ResearchResource.php
index 4374a2332..a91ed9074
--- a/system/modules/promethee/resource/ResearchResource.class.php
+++ b/system/Modules/Promethee/Resource/ResearchResource.php
@@ -1,4 +1,9 @@
'statistics'
)
);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/promethee/resource/TechnologyResource.class.php b/system/Modules/Promethee/Resource/TechnologyResource.php
old mode 100755
new mode 100644
similarity index 99%
rename from system/modules/promethee/resource/TechnologyResource.class.php
rename to system/Modules/Promethee/Resource/TechnologyResource.php
index ae2c2e205..2faa09ceb
--- a/system/modules/promethee/resource/TechnologyResource.class.php
+++ b/system/Modules/Promethee/Resource/TechnologyResource.php
@@ -1,4 +1,16 @@
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/zeus/class/PlayerHelper.class.php b/system/Modules/Zeus/Helper/PlayerHelper.php
old mode 100755
new mode 100644
similarity index 82%
rename from system/modules/zeus/class/PlayerHelper.class.php
rename to system/Modules/Zeus/Helper/PlayerHelper.php
index ad36a8c0d..57054ef58
--- a/system/modules/zeus/class/PlayerHelper.class.php
+++ b/system/Modules/Zeus/Helper/PlayerHelper.php
@@ -1,7 +1,12 @@
prepare('SELECT
ob.rPlace, ob.name, sy.rSector
FROM orbitalBase AS ob
diff --git a/system/modules/zeus/class/TutorialHelper.class.php b/system/Modules/Zeus/Helper/TutorialHelper.php
old mode 100755
new mode 100644
similarity index 94%
rename from system/modules/zeus/class/TutorialHelper.class.php
rename to system/Modules/Zeus/Helper/TutorialHelper.php
index c771bdb34..0aa4fbb59
--- a/system/modules/zeus/class/TutorialHelper.class.php
+++ b/system/Modules/Zeus/Helper/TutorialHelper.php
@@ -9,6 +9,12 @@
* @package Zeus
* @update 25.04.14
*/
+namespace Asylamba\Modules\Zeus\Helper;
+
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Classes\Worker\ASM;
+
+use Asylamba\Modules\Promethee\Model\Technology;
class TutorialHelper {
public static function checkTutorial() {
@@ -92,7 +98,6 @@ public static function isNextBuildingStepAlreadyDone($playerId, $buildingId, $le
public static function isNextTechnoStepAlreadyDone($playerId, $technoId, $level = 1) {
$nextStepAlreadyDone = FALSE;
- include_once PROMETHEE;
$tech = new Technology($playerId);
if ($tech->getTechnology($technoId) >= $level) {
$nextStepAlreadyDone = TRUE;
@@ -113,5 +118,4 @@ public static function isNextTechnoStepAlreadyDone($playerId, $technoId, $level
return $nextStepAlreadyDone;
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/zeus/class/CreditTransactionManager.class.php b/system/Modules/Zeus/Manager/CreditTransactionManager.php
old mode 100755
new mode 100644
similarity index 89%
rename from system/modules/zeus/class/CreditTransactionManager.class.php
rename to system/Modules/Zeus/Manager/CreditTransactionManager.php
index 5935ee96e..e3f0b42e6
--- a/system/modules/zeus/class/CreditTransactionManager.class.php
+++ b/system/Modules/Zeus/Manager/CreditTransactionManager.php
@@ -9,6 +9,13 @@
* @package Zeus
* @version 09.02.15
**/
+namespace Asylamba\Modules\Zeus\Manager;
+
+use Asylamba\Classes\Worker\Manager;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+
+use Asylamba\Modules\Zeus\Model\CreditTransaction;
class CreditTransactionManager extends Manager {
protected $managerType = '_CreditTransaction';
@@ -18,7 +25,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT ct.*,
p1.name AS receiverName,
p1.avatar AS receiverAvatar,
@@ -84,7 +91,7 @@ protected function fill($qr) {
}
public function add(CreditTransaction $ct) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
creditTransaction(rSender, type, rReceiver, amount, dTransaction, comment)
VALUES(?, ?, ?, ?, ?, ?)');
@@ -106,7 +113,7 @@ public function save() {
$cts = $this->_Save();
foreach ($cts AS $ct) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE creditTransaction
SET id = ?,
rSender = ?,
@@ -130,7 +137,7 @@ public function save() {
}
public static function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM creditTransaction WHERE id = ?');
$qr->execute(array($id));
@@ -138,5 +145,4 @@ public static function deleteById($id) {
return TRUE;
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/zeus/class/PlayerManager.class.php b/system/Modules/Zeus/Manager/PlayerManager.php
old mode 100755
new mode 100644
similarity index 93%
rename from system/modules/zeus/class/PlayerManager.class.php
rename to system/Modules/Zeus/Manager/PlayerManager.php
index ba73428ec..2af396380
--- a/system/modules/zeus/class/PlayerManager.class.php
+++ b/system/Modules/Zeus/Manager/PlayerManager.php
@@ -9,6 +9,21 @@
* @package Zeus
* @version 20.05.13
**/
+namespace Asylamba\Modules\Zeus\Manager;
+
+use Asylamba\Classes\Worker\Manager;
+
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Classes\Worker\API;
+use Asylamba\Classes\Worker\ASM;
+
+use Asylamba\Modules\Zeus\Model\Player;
+use Asylamba\Modules\Promethee\Model\Technology;
+use Asylamba\Modules\Athena\Model\OrbitalBase;
+use Asylamba\Modules\Hermes\Model\Notification;
+
+use Asylamba\Modules\Gaia\Manager\GalaxyColorManager;
class PlayerManager extends Manager {
protected $managerType = '_Player';
@@ -18,7 +33,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT p.*
FROM player AS p
' . $formatWhere . '
@@ -51,7 +66,7 @@ public function load($where = array(), $order = array(), $limit = array()) {
// $formatOrder = Utils::arrayToOrder($order);
// $formatLimit = Utils::arrayToLimit([]);
- // $db = DataBase::getInstance();
+ // $db = Database::getInstance();
// $qr = $db->prepare('SELECT p.*
// FROM playerRanking AS pl
// LEFT JOIN player AS p
@@ -76,7 +91,7 @@ public function search($search, $order = array(), $limit = array()) {
$formatOrder = Utils::arrayToOrder($order);
$formatLimit = Utils::arrayToLimit($limit);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT p.*
FROM player AS p
WHERE LOWER(name) LIKE LOWER(?)
@@ -131,7 +146,7 @@ protected function fill($qr) {
}
public function add(Player $p) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
player(bind, rColor, name, sex, description, avatar, status, rGodfather, credit, uPlayer, experience, factionPoint, level, victory, defeat, stepTutorial, stepDone, iUniversity, partNaturalSciences, partLifeSciences, partSocialPoliticalSciences, partInformaticEngineering, dInscription, dLastConnection, dLastActivity, premium, statement)
VALUES(?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)');
@@ -174,7 +189,7 @@ public function save() {
$players = $this->_Save();
foreach ($players AS $p) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('UPDATE player
SET id = ?,
bind = ?,
@@ -240,7 +255,7 @@ public function save() {
}
public static function deleteById($id) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('DELETE FROM player WHERE id = ?');
$qr->execute(array($id));
@@ -286,10 +301,6 @@ public function kill($player) {
}
public function reborn($player) {
- include_once GAIA;
- include_once ATHENA;
- include_once HERMES;
-
$S_PAM1 = ASM::$pam->getCurrentSession();
ASM::$pam->newSession(FALSE);
ASM::$pam->load(array('id' => $player));
@@ -406,7 +417,7 @@ public function reborn($player) {
public static function count($where = array()) {
$formatWhere = Utils::arrayToWhere($where);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT COUNT(id) AS nbr FROM player ' . $formatWhere);
$valuesArray = array();
@@ -425,5 +436,4 @@ public static function count($where = array()) {
return $aw['nbr'];
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/zeus/class/CreditTransaction.class.php b/system/Modules/Zeus/Model/CreditTransaction.php
old mode 100755
new mode 100644
similarity index 94%
rename from system/modules/zeus/class/CreditTransaction.class.php
rename to system/Modules/Zeus/Model/CreditTransaction.php
index b1bb89c8f..02a911560
--- a/system/modules/zeus/class/CreditTransaction.class.php
+++ b/system/Modules/Zeus/Model/CreditTransaction.php
@@ -10,6 +10,10 @@
* @update 09.02.15
*/
+namespace Asylamba\Modules\Zeus\Model;
+
+use Asylamba\Modules\Demeter\Resource\ColorResource;
+
class CreditTransaction {
const TYP_PLAYER = 0;
diff --git a/system/modules/zeus/class/Player.class.php b/system/Modules/Zeus/Model/Player.php
old mode 100755
new mode 100644
similarity index 97%
rename from system/modules/zeus/class/Player.class.php
rename to system/Modules/Zeus/Model/Player.php
index 23acbc9b3..dc8ed1a5d
--- a/system/modules/zeus/class/Player.class.php
+++ b/system/Modules/Zeus/Model/Player.php
@@ -10,6 +10,23 @@
* @update 20.05.13
*/
+namespace Asylamba\Modules\Zeus\Model;
+
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Classes\Worker\CTC;
+use Asylamba\Classes\Worker\ASM;
+
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Library\Game;
+
+use Asylamba\Modules\Ares\Model\Commander;
+use Asylamba\Modules\Athena\Model\Transaction;
+use Asylamba\Modules\Zeus\Model\PlayerBonus;
+use Asylamba\Modules\Hermes\Model\Notification;
+use Asylamba\Classes\Container\ArrayList;
+
+use Asylamba\Modules\Athena\Resource\ShipResource;
+
class Player {
public $id = 0;
public $bind = 0;
@@ -130,13 +147,6 @@ public function uMethod() {
$hours = Utils::intervalDates($now, $this->uPlayer);
$this->uPlayer = $now;
- include_once ATHENA;
- include_once HERMES;
- include_once PROMETHEE;
- include_once ARES;
- include_once DEMETER;
- include_once GAIA;
-
# load orbital bases
$S_OBM1 = ASM::$obm->getCurrentSession();
ASM::$obm->newSession();
diff --git a/system/modules/zeus/class/PlayerBonus.class.php b/system/Modules/Zeus/Model/PlayerBonus.php
old mode 100755
new mode 100644
similarity index 96%
rename from system/modules/zeus/class/PlayerBonus.class.php
rename to system/Modules/Zeus/Model/PlayerBonus.php
index 18ca4a5e6..4e1132865
--- a/system/modules/zeus/class/PlayerBonus.class.php
+++ b/system/Modules/Zeus/Model/PlayerBonus.php
@@ -10,8 +10,19 @@
* @update 18.07.13
*/
-include_once PROMETHEE;
-include_once ZEUS;
+namespace Asylamba\Modules\Zeus\Model;
+
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Classes\Worker\ASM;
+
+use Asylamba\Classes\Container\StackList;
+
+use Asylamba\Modules\Promethee\Model\Technology;
+use Asylamba\Modules\Demeter\Model\Law\Law;
+
+use Asylamba\Modules\Demeter\Resource\ColorResource;
+use Asylamba\Modules\Promethee\Resource\TechnologyResource;
+use Asylamba\Modules\Demeter\Resource\LawResources;
class PlayerBonus {
// ATTRIBUTES
@@ -150,7 +161,6 @@ private function addTechnoToBonus($techno, $bonus) {
}
private function addLawBonus() {
- include_once DEMETER;
$_LAM = ASM::$lam->getCurrentSession();
ASM::$lam->newSession();
ASM::$lam->load(array('rColor' => $this->playerColor, 'statement' => Law::EFFECTIVE));
@@ -175,8 +185,6 @@ private function addLawBonus() {
ASM::$lam->changeSession($_LAM);
}
private function addFactionBonus() {
- include_once DEMETER;
-
$_CLM = ASM::$clm->getCurrentSession();
ASM::$clm->newSession();
ASM::$clm->load(['id' => $this->playerColor]);
@@ -323,5 +331,4 @@ public function updateTechnoBonus($techno, $level) {
CTR::$data->get('playerBonus')->add($bonusId, $totalBonus);
}
}
-}
-?>
+}
\ No newline at end of file
diff --git a/system/modules/zeus/resource/TutorialResource.class.php b/system/Modules/Zeus/Resource/TutorialResource.php
old mode 100755
new mode 100644
similarity index 99%
rename from system/modules/zeus/resource/TutorialResource.class.php
rename to system/Modules/Zeus/Resource/TutorialResource.php
index 0292f0d03..bbfb60ef1
--- a/system/modules/zeus/resource/TutorialResource.class.php
+++ b/system/Modules/Zeus/Resource/TutorialResource.php
@@ -9,6 +9,7 @@
* @package Zeus
* @update 25.04.14
*/
+namespace Asylamba\Modules\Zeus\Resource;
class TutorialResource {
@@ -419,5 +420,4 @@ public static function getInfo($id, $info) {
'resourceReward' => 0,
'shipReward' => array(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0))
);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/modules/zeus/main.conf.php b/system/Modules/Zeus/main.conf.php
similarity index 100%
rename from system/modules/zeus/main.conf.php
rename to system/Modules/Zeus/main.conf.php
diff --git a/system/Modules/Zeus/main.php b/system/Modules/Zeus/main.php
new file mode 100755
index 000000000..b53049668
--- /dev/null
+++ b/system/Modules/Zeus/main.php
@@ -0,0 +1,5 @@
+get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -93,5 +98,4 @@
}
} else {
CTR::$alert->add('Pas assez d\'informations pour assigner un vaisseau', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/ajax/ares/squadron/update.php b/system/action/ajax/ares/squadron/update.php
index 6803556bd..527523a12 100755
--- a/system/action/ajax/ares/squadron/update.php
+++ b/system/action/ajax/ares/squadron/update.php
@@ -1,6 +1,4 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -100,5 +107,4 @@
}
} else {
CTR::$alert->add('Pas assez d\'informations pour assigner un vaisseau.', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/ajax/autocomplete/orbitalBase.php b/system/action/ajax/autocomplete/orbitalBase.php
index 184b57091..4cd0d30d8 100755
--- a/system/action/ajax/autocomplete/orbitalBase.php
+++ b/system/action/ajax/autocomplete/orbitalBase.php
@@ -1,5 +1,7 @@
newSession(FALSE);
ASM::$plm->search($_GET['q'], array('pl.id', 'DESC'), array(0, 20));
@@ -15,5 +17,4 @@
}
}
-ASM::$plm->changeSession($S_PLM1);
-?>
\ No newline at end of file
+ASM::$plm->changeSession($S_PLM1);
\ No newline at end of file
diff --git a/system/action/ajax/autocomplete/player.php b/system/action/ajax/autocomplete/player.php
index 34dbb0667..1eb9a0fc3 100755
--- a/system/action/ajax/autocomplete/player.php
+++ b/system/action/ajax/autocomplete/player.php
@@ -1,6 +1,7 @@
newSession(FALSE);
@@ -25,5 +26,4 @@
}
}
}
-ASM::$pam->changeSession($S_PAM1);
-?>
\ No newline at end of file
+ASM::$pam->changeSession($S_PAM1);
\ No newline at end of file
diff --git a/system/action/ajax/common/switchParams.php b/system/action/ajax/common/switchParams.php
index 670146df9..01b0a66d3 100644
--- a/system/action/ajax/common/switchParams.php
+++ b/system/action/ajax/common/switchParams.php
@@ -1,4 +1,8 @@
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/ajax/hermes/notification/archive.php b/system/action/ajax/hermes/notification/archive.php
index b8a26366d..375800ac3 100755
--- a/system/action/ajax/hermes/notification/archive.php
+++ b/system/action/ajax/hermes/notification/archive.php
@@ -2,7 +2,9 @@
# archive or unarchive action
# int id id de la notif
-include_once HERMES;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Classes\Worker\CTR;
$id = Utils::getHTTPData('id');
diff --git a/system/action/ajax/hermes/notification/delete.php b/system/action/ajax/hermes/notification/delete.php
index d6685a419..e5cfab301 100755
--- a/system/action/ajax/hermes/notification/delete.php
+++ b/system/action/ajax/hermes/notification/delete.php
@@ -3,7 +3,9 @@
# int id id de la notif
-include_once HERMES;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Classes\Worker\CTR;
$id = Utils::getHTTPData('id');
diff --git a/system/action/ajax/hermes/notification/read.php b/system/action/ajax/hermes/notification/read.php
index 59cd1c713..51997310e 100755
--- a/system/action/ajax/hermes/notification/read.php
+++ b/system/action/ajax/hermes/notification/read.php
@@ -1,9 +1,12 @@
changeSession($S_NTM1);
} else {
CTR::$alert->add('Erreur dans la requête AJAX', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/ajax/main.php b/system/action/ajax/main.php
index a9efb4ef0..c6422a5e6 100755
--- a/system/action/ajax/main.php
+++ b/system/action/ajax/main.php
@@ -1,4 +1,7 @@
get('a')) {
# COMMON
case 'switchparams': include AJAX . 'common/switchParams.php'; break;
@@ -36,5 +39,4 @@
default:
CTR::$alert->add('action inconnue ou non-référencée', ALERT_STD_ERROR);
break;
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/ajax/zeus/university/decreaseInvest.php b/system/action/ajax/zeus/university/decreaseInvest.php
index 9c0f44ec6..239e2f140 100755
--- a/system/action/ajax/zeus/university/decreaseInvest.php
+++ b/system/action/ajax/zeus/university/decreaseInvest.php
@@ -1,9 +1,11 @@
add('Pas assez d\'informations pour augmenter l\'investissement', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/ajax/zeus/university/increaseInvest.php b/system/action/ajax/zeus/university/increaseInvest.php
index 18953d93a..e95104fb8 100755
--- a/system/action/ajax/zeus/university/increaseInvest.php
+++ b/system/action/ajax/zeus/university/increaseInvest.php
@@ -1,10 +1,13 @@
add('Pas assez d\'informations pour augmenter l\'investissement', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/ares/commander/affect.php b/system/action/std/ares/commander/affect.php
index 46bfadd71..647f08107 100755
--- a/system/action/std/ares/commander/affect.php
+++ b/system/action/std/ares/commander/affect.php
@@ -1,14 +1,18 @@
getCurrentSession();
@@ -98,6 +102,4 @@
ASM::$com->changeSession($S_COM1);
} else {
CTR::$alert->add('erreur dans le traitement de la requête', ALERT_BUG_ERROR);
-}
-
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/ares/commander/changeLine.php b/system/action/std/ares/commander/changeLine.php
index 06522c5a6..bbcf4cd1b 100755
--- a/system/action/std/ares/commander/changeLine.php
+++ b/system/action/std/ares/commander/changeLine.php
@@ -1,7 +1,12 @@
changeSession($S_COM1);
} else {
CTR::$alert->add('erreur dans le traitement de la requête', ALERT_BUG_ERROR);
-}
-
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/ares/commander/empty.php b/system/action/std/ares/commander/empty.php
index 1897e5552..2fc880ab3 100755
--- a/system/action/std/ares/commander/empty.php
+++ b/system/action/std/ares/commander/empty.php
@@ -1,11 +1,13 @@
changeSession($S_COM1);
} else {
CTR::$alert->add('manque d\'information pour le traitement de la requête', ALERT_BUG_ERROR);
-}
-
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/ares/commander/fire.php b/system/action/std/ares/commander/fire.php
index 47a13cbab..24deae9b9 100755
--- a/system/action/std/ares/commander/fire.php
+++ b/system/action/std/ares/commander/fire.php
@@ -1,11 +1,13 @@
changeSession($S_COM1);
} else {
CTR::$alert->add('manque d\'information pour le traitement de la requête', ALERT_BUG_ERROR);
-}
-
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/ares/commander/putInSchool.php b/system/action/std/ares/commander/putInSchool.php
index 357866575..0e52cb614 100755
--- a/system/action/std/ares/commander/putInSchool.php
+++ b/system/action/std/ares/commander/putInSchool.php
@@ -1,12 +1,15 @@
changeSession($S_COM1);
} else {
CTR::$alert->add('erreur dans le traitement de la requête', ALERT_BUG_ERROR);
-}
-
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/ares/commander/updateName.php b/system/action/std/ares/commander/updateName.php
index 84cd2d52c..ab25eed37 100755
--- a/system/action/std/ares/commander/updateName.php
+++ b/system/action/std/ares/commander/updateName.php
@@ -1,11 +1,15 @@
add('manque d\'information', ALERT_BUG_ERROR);
-}
-
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/ares/fleet/cancel.php b/system/action/std/ares/fleet/cancel.php
index d2be03dff..16c25fa34 100755
--- a/system/action/std/ares/fleet/cancel.php
+++ b/system/action/std/ares/fleet/cancel.php
@@ -1,12 +1,13 @@
travelType != COM_BACK) {
$interval = Utils::interval($commander->dArrival, Utils::now(), 's');
- $dStart = new DateTime(Utils::now());
+ $dStart = new \DateTime(Utils::now());
$dStart->modify('-' . $interval . ' second');
$duration = Utils::interval($commander->dStart, $commander->dArrival, 's');
- $dArrival = new DateTime($dStart->format('Y-m-d H:i:s'));
+ $dArrival = new \DateTime($dStart->format('Y-m-d H:i:s'));
$dArrival->modify('+' . $duration . ' second');
$rDestinationPlace = $commander->rDestinationPlace;
diff --git a/system/action/std/ares/fleet/colonize.php b/system/action/std/ares/fleet/colonize.php
index fb297aadc..2f859ac33 100755
--- a/system/action/std/ares/fleet/colonize.php
+++ b/system/action/std/ares/fleet/colonize.php
@@ -1,14 +1,21 @@
get('playerBase')->get('ob')->size();
# count ob quantity via request to be sure (the session is sometimes not valid)
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('SELECT COUNT(*) AS count FROM `orbitalBase` WHERE `rPlayer`=?');
$qr->execute([CTR::$data->get('playerId')]);
$aw = $qr->fetch();
diff --git a/system/action/std/ares/fleet/conquer.php b/system/action/std/ares/fleet/conquer.php
index ec488726f..08c456299 100755
--- a/system/action/std/ares/fleet/conquer.php
+++ b/system/action/std/ares/fleet/conquer.php
@@ -1,13 +1,18 @@
move($place->getId(), $commander->rBase, Commander::MOVE, $length, $duration);
if (DATA_ANALYSIS) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_CommercialRelation(`from`, `to`, type, weight, dAction)
VALUES(?, ?, ?, ?, ?)'
diff --git a/system/action/std/ares/report/archive.php b/system/action/std/ares/report/archive.php
index de413ed45..7a67e9fac 100755
--- a/system/action/std/ares/report/archive.php
+++ b/system/action/std/ares/report/archive.php
@@ -2,7 +2,10 @@
# archive or unarchive action
# int id id du rapport
-include_once ARES;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Modules\Ares\Model\Report;
$id = Utils::getHTTPData('id');
diff --git a/system/action/std/ares/report/delete.php b/system/action/std/ares/report/delete.php
index ac47b715a..3fea3e867 100755
--- a/system/action/std/ares/report/delete.php
+++ b/system/action/std/ares/report/delete.php
@@ -1,7 +1,10 @@
getCurrentSession();
ASM::$lrm->newSession();
diff --git a/system/action/std/artemis/delete.php b/system/action/std/artemis/delete.php
index 0e468b40d..fc4936d9f 100755
--- a/system/action/std/artemis/delete.php
+++ b/system/action/std/artemis/delete.php
@@ -3,11 +3,12 @@
# int id id du rapport
-include_once ARTEMIS;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Classes\Worker\CTR;
$id = Utils::getHTTPData('id');
-
if ($id) {
$S_SRM1 = ASM::$srm->getCurrentSession();
ASM::$srm->newSession();
diff --git a/system/action/std/artemis/deleteAll.php b/system/action/std/artemis/deleteAll.php
index 588f8e1d5..edd902175 100755
--- a/system/action/std/artemis/deleteAll.php
+++ b/system/action/std/artemis/deleteAll.php
@@ -1,7 +1,8 @@
getCurrentSession();
ASM::$srm->newSession(ASM_UMODE);
diff --git a/system/action/std/artemis/spy.php b/system/action/std/artemis/spy.php
index c9956288a..40f1a0a06 100755
--- a/system/action/std/artemis/spy.php
+++ b/system/action/std/artemis/spy.php
@@ -4,9 +4,17 @@
# int rplace id of the place to spy
# int price credit price for spying
-include_once GAIA;
-include_once ARTEMIS;
-include_once ZEUS;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Classes\Library\Game;
+use Asylamba\Modules\Artemis\Model\SpyReport;
+use Asylamba\Modules\Gaia\Model\Place;
+use Asylamba\Modules\Hermes\Model\Notification;
+use Asylamba\Modules\Zeus\Helper\TutorialHelper;
+use Asylamba\Modules\Zeus\Resource\TutorialResource;
+use Asylamba\Modules\Athena\Model\OrbitalBase;
+use Asylamba\Modules\Ares\Model\Commander;
$rPlace = Utils::getHTTPData('rplace');
$price = Utils::getHTTPData('price');
diff --git a/system/action/std/athena/building/build.php b/system/action/std/athena/building/build.php
index 2682ee5af..1eb3ae3bf 100755
--- a/system/action/std/athena/building/build.php
+++ b/system/action/std/athena/building/build.php
@@ -1,11 +1,21 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -36,7 +46,6 @@
# tutorial
if (CTR::$data->get('playerInfo')->get('stepDone') == FALSE) {
- include_once ZEUS;
switch (CTR::$data->get('playerInfo')->get('stepTutorial')) {
case TutorialResource::GENERATOR_LEVEL_2:
if ($building == OrbitalBaseResource::GENERATOR AND $currentLevel + 1 >= 2) {
@@ -125,7 +134,7 @@
$ob->decreaseResources(OrbitalBaseResource::getBuildingInfo($building, 'level', $currentLevel + 1, 'resourcePrice'));
if (DATA_ANALYSIS) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_BaseAction(`from`, type, opt1, opt2, weight, dAction)
VALUES(?, ?, ?, ?, ?, ?)'
@@ -151,5 +160,4 @@
}
} else {
CTR::$alert->add('pas assez d\'informations pour construire un bâtiment', ALERT_STD_FILLFORM);
-}
-?>
+}
\ No newline at end of file
diff --git a/system/action/std/athena/building/dequeue.php b/system/action/std/athena/building/dequeue.php
index ad447abc3..4b73fcdb6 100755
--- a/system/action/std/athena/building/dequeue.php
+++ b/system/action/std/athena/building/dequeue.php
@@ -1,10 +1,14 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -75,5 +79,4 @@
}
} else {
CTR::$alert->add('pas assez d\'informations pour annuler la construction d\'un bâtiment', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/athena/general/changeBaseType.php b/system/action/std/athena/general/changeBaseType.php
index 6afd70014..57e154237 100755
--- a/system/action/std/athena/general/changeBaseType.php
+++ b/system/action/std/athena/general/changeBaseType.php
@@ -1,13 +1,19 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -46,7 +52,7 @@
}
}
if (DATA_ANALYSIS) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_BaseAction(`from`, type, opt1, weight, dAction)
VALUES(?, ?, ?, ?, ?)'
@@ -75,7 +81,7 @@
}
if (DATA_ANALYSIS) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_BaseAction(`from`, type, opt1, weight, dAction)
VALUES(?, ?, ?, ?, ?)'
@@ -125,7 +131,7 @@
}
if (DATA_ANALYSIS) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_BaseAction(`from`, type, opt1, weight, dAction)
VALUES(?, ?, ?, ?, ?)'
@@ -166,7 +172,6 @@
# verify if fleets are moving or not
# transfer to the mess the extra commanders and change line if needed
- include_once ARES;
$S_COM2 = ASM::$com->getCurrentSession();
ASM::$com->newSession();
@@ -471,5 +476,4 @@
ASM::$obm->changeSession($S_OBM1);
} else {
CTR::$alert->add('pas assez d\'informations pour changer le type de la base orbitale', ALERT_STD_FILLFORM);
-}
-?>
+}
\ No newline at end of file
diff --git a/system/action/std/athena/general/createSchoolClass.php b/system/action/std/athena/general/createSchoolClass.php
index df10057d8..dd4a07e65 100755
--- a/system/action/std/athena/general/createSchoolClass.php
+++ b/system/action/std/athena/general/createSchoolClass.php
@@ -1,8 +1,4 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -34,7 +42,7 @@
if (ASM::$com->size() < PlaceResource::get(ASM::$obm->get()->typeOfBase, 'school-size')) {
ASM::$com->load(array('c.statement' => Commander::RESERVE, 'c.rBase' => $baseId));
- if (ASM::$com->size() < Orbitalbase::MAXCOMMANDERINMESS) {
+ if (ASM::$com->size() < OrbitalBase::MAXCOMMANDERINMESS) {
$school = intval($school);
$nbrCommandersToCreate = rand(SchoolClassResource::getInfo($school, 'minSize'), SchoolClassResource::getInfo($school, 'maxSize'));
@@ -42,7 +50,6 @@
if (SchoolClassResource::getInfo($school, 'credit') <= CTR::$data->get('playerInfo')->get('credit')) {
# tutorial
if (CTR::$data->get('playerInfo')->get('stepDone') == FALSE) {
- include_once ZEUS;
switch (CTR::$data->get('playerInfo')->get('stepTutorial')) {
case TutorialResource::CREATE_COMMANDER:
TutorialHelper::setStepDone();
diff --git a/system/action/std/athena/general/giveResource.php b/system/action/std/athena/general/giveResource.php
index ee23d5789..8b89e38ae 100755
--- a/system/action/std/athena/general/giveResource.php
+++ b/system/action/std/athena/general/giveResource.php
@@ -1,12 +1,21 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -92,7 +101,7 @@
}
if (DATA_ANALYSIS) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_CommercialRelation(`from`, `to`, type, weight, dAction)
VALUES(?, ?, ?, ?, ?)'
diff --git a/system/action/std/athena/general/giveShips.php b/system/action/std/athena/general/giveShips.php
index 67d8e32ff..d3bc13a27 100644
--- a/system/action/std/athena/general/giveShips.php
+++ b/system/action/std/athena/general/giveShips.php
@@ -1,6 +1,4 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -120,7 +130,7 @@
}
if (DATA_ANALYSIS) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_CommercialRelation(`from`, `to`, type, weight, dAction)
VALUES(?, ?, ?, ?, ?)'
diff --git a/system/action/std/athena/general/leaveBase.php b/system/action/std/athena/general/leaveBase.php
index 0688ec0e9..0f3b0abe9 100755
--- a/system/action/std/athena/general/leaveBase.php
+++ b/system/action/std/athena/general/leaveBase.php
@@ -1,13 +1,16 @@
avec message
# int id id (rPlace) de la base orbitale
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Library\Format;
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Modules\Athena\Resource\OrbitalBaseResource;
+use Asylamba\Modules\Athena\Model\OrbitalBase;
+
$baseId = Utils::getHTTPData('id');
for ($i = 0; $i < CTR::$data->get('playerBase')->get('ob')->size(); $i++) {
diff --git a/system/action/std/athena/general/renameBase.php b/system/action/std/athena/general/renameBase.php
index 91bb64115..53a1954c6 100755
--- a/system/action/std/athena/general/renameBase.php
+++ b/system/action/std/athena/general/renameBase.php
@@ -1,10 +1,15 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -51,5 +56,4 @@
ASM::$obm->changeSession($S_OBM1);
} else {
CTR::$alert->add('pas assez d\'informations pour changer le nom de la base orbitale', ALERT_STD_FILLFORM);
-}
-?>
+}
\ No newline at end of file
diff --git a/system/action/std/athena/general/switchDockMode.php b/system/action/std/athena/general/switchDockMode.php
index 117c2aea4..9f125088b 100755
--- a/system/action/std/athena/general/switchDockMode.php
+++ b/system/action/std/athena/general/switchDockMode.php
@@ -1,10 +1,13 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -45,5 +48,4 @@
ASM::$obm->changeSession($S_OBM1);
} else {
CTR::$alert->add('pas assez d\'informations pour changer le mode du dock', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/athena/general/updateInvest.php b/system/action/std/athena/general/updateInvest.php
index 2d6e2b2ed..057435615 100755
--- a/system/action/std/athena/general/updateInvest.php
+++ b/system/action/std/athena/general/updateInvest.php
@@ -1,11 +1,14 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -49,5 +52,4 @@
ASM::$obm->changeSession($S_OBM1);
} else {
CTR::$alert->add('pas assez d\'informations pour modifier un investissement', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/athena/recycling/addToMission.php b/system/action/std/athena/recycling/addToMission.php
index f0a6651d5..9d583a185 100644
--- a/system/action/std/athena/recycling/addToMission.php
+++ b/system/action/std/athena/recycling/addToMission.php
@@ -1,13 +1,16 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -65,5 +68,4 @@
}
} else {
CTR::$alert->add('pas assez d\'informations pour créer une mission de recyclage', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/athena/recycling/cancelMission.php b/system/action/std/athena/recycling/cancelMission.php
index f513fb322..5ee5c23a6 100755
--- a/system/action/std/athena/recycling/cancelMission.php
+++ b/system/action/std/athena/recycling/cancelMission.php
@@ -1,12 +1,14 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -41,5 +43,4 @@
ASM::$obm->changeSession($S_OBM1);
} else {
CTR::$alert->add('pas assez d\'informations pour supprimer une mission de recyclage', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/athena/recycling/createMission.php b/system/action/std/athena/recycling/createMission.php
index 728a19e8c..292bc71d2 100755
--- a/system/action/std/athena/recycling/createMission.php
+++ b/system/action/std/athena/recycling/createMission.php
@@ -1,13 +1,17 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -86,5 +90,4 @@
}
} else {
CTR::$alert->add('pas assez d\'informations pour créer une mission de recyclage', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/athena/route/accept.php b/system/action/std/athena/route/accept.php
index f4b387f30..a5a6b78fa 100755
--- a/system/action/std/athena/route/accept.php
+++ b/system/action/std/athena/route/accept.php
@@ -1,11 +1,20 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -96,7 +105,7 @@
ASM::$ntm->add($n);
if (DATA_ANALYSIS) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_CommercialRelation(`from`, `to`, type, weight, dAction)
VALUES(?, ?, ?, ?, ?)'
@@ -122,5 +131,4 @@
ASM::$crm->changeSession($S_CRM1);
} else {
CTR::$alert->add('pas assez d\'informations pour accepter une route commerciale', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/athena/route/cancel.php b/system/action/std/athena/route/cancel.php
index 66c500875..ce519371a 100755
--- a/system/action/std/athena/route/cancel.php
+++ b/system/action/std/athena/route/cancel.php
@@ -1,10 +1,14 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -54,5 +58,4 @@
ASM::$crm->changeSession($S_CRM1);
} else {
CTR::$alert->add('pas assez d\'informations pour annuler une route commerciale', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/athena/route/delete.php b/system/action/std/athena/route/delete.php
index 1f5fa0219..8445b29ef 100755
--- a/system/action/std/athena/route/delete.php
+++ b/system/action/std/athena/route/delete.php
@@ -1,10 +1,14 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -75,5 +79,4 @@
ASM::$crm->changeSession($S_CRM1);
} else {
CTR::$alert->add('pas assez d\'informations pour supprimer une route commerciale', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/athena/route/propose.php b/system/action/std/athena/route/propose.php
index b3fdc53a4..2cbf2634b 100755
--- a/system/action/std/athena/route/propose.php
+++ b/system/action/std/athena/route/propose.php
@@ -1,11 +1,20 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -113,6 +122,7 @@
$cr->setPrice($price);
$cr->setIncome($income);
$cr->setDProposition(Utils::now());
+ $cr->setDCreation(NULL);
$cr->setStatement(0);
ASM::$crm->add($cr);
@@ -154,5 +164,4 @@
ASM::$obm->changeSession($S_OBM1);
} else {
CTR::$alert->add('pas assez d\'informations pour proposer une route commerciale', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/athena/route/refuse.php b/system/action/std/athena/route/refuse.php
index 4ce538831..4d9ac1329 100755
--- a/system/action/std/athena/route/refuse.php
+++ b/system/action/std/athena/route/refuse.php
@@ -1,10 +1,15 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -54,5 +59,4 @@
ASM::$crm->changeSession($S_CRM1);
} else {
CTR::$alert->add('pas assez d\'informations pour refuser une route commerciale', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/athena/ship/build.php b/system/action/std/athena/ship/build.php
index 83e854ea8..fc7f983f4 100755
--- a/system/action/std/athena/ship/build.php
+++ b/system/action/std/athena/ship/build.php
@@ -1,13 +1,26 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -45,7 +58,6 @@
# tutorial
if (CTR::$data->get('playerInfo')->get('stepDone') == FALSE) {
- include_once ZEUS;
switch (CTR::$data->get('playerInfo')->get('stepTutorial')) {
case TutorialResource::BUILD_SHIP0:
if ($ship == ShipResource::PEGASE) {
@@ -106,7 +118,7 @@
CTR::$data->get('playerEvent')->add($sq->dEnd, EVENT_BASE, $baseId);
if (DATA_ANALYSIS) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_BaseAction(`from`, type, opt1, opt2, weight, dAction)
VALUES(?, ?, ?, ?, ?, ?)'
@@ -133,5 +145,4 @@
}
} else {
CTR::$alert->add('pas assez d\'informations pour construire un vaisseau', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/athena/ship/dequeue.php b/system/action/std/athena/ship/dequeue.php
index 93400a126..22eee7eca 100755
--- a/system/action/std/athena/ship/dequeue.php
+++ b/system/action/std/athena/ship/dequeue.php
@@ -1,11 +1,15 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -80,5 +84,4 @@
}
} else {
CTR::$alert->add('pas assez d\'informations pour enlever un vaisseau de la file d\'attente', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/athena/ship/recycle.php b/system/action/std/athena/ship/recycle.php
index b8ca8c2ce..424d87eec 100644
--- a/system/action/std/athena/ship/recycle.php
+++ b/system/action/std/athena/ship/recycle.php
@@ -1,11 +1,15 @@
add('pas assez d\'informations', ALERT_STD_FILLFORM);
}
-?>
\ No newline at end of file
diff --git a/system/action/std/athena/transaction/accept.php b/system/action/std/athena/transaction/accept.php
index 77cc6a2dd..4c885a6dc 100755
--- a/system/action/std/athena/transaction/accept.php
+++ b/system/action/std/athena/transaction/accept.php
@@ -1,13 +1,20 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -132,7 +139,7 @@
ASM::$ntm->add($n);
if (DATA_ANALYSIS) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_CommercialRelation(`from`, `to`, type, weight, dAction)
VALUES(?, ?, ?, ?, ?)'
@@ -158,4 +165,3 @@
} else {
CTR::$alert->add('pas assez d\'informations pour accepter une proposition sur le marché', ALERT_STD_FILLFORM);
}
-?>
\ No newline at end of file
diff --git a/system/action/std/athena/transaction/cancel.php b/system/action/std/athena/transaction/cancel.php
index 364a57e22..c86006ea9 100755
--- a/system/action/std/athena/transaction/cancel.php
+++ b/system/action/std/athena/transaction/cancel.php
@@ -1,10 +1,15 @@
addShipToDock($transaction->identifier, $transaction->quantity);
break;
case Transaction::TYP_COMMANDER :
- include_once ARES;
$S_COM1 = ASM::$com->getCurrentSession();
ASM::$com->newSession(ASM_UMODE);
ASM::$com->load(array('c.id' => $transaction->identifier));
@@ -108,4 +112,3 @@
} else {
CTR::$alert->add('pas assez d\'informations pour annuler une proposition sur le marché', ALERT_STD_FILLFORM);
}
-?>
\ No newline at end of file
diff --git a/system/action/std/athena/transaction/propose.php b/system/action/std/athena/transaction/propose.php
index a213e28db..a776cc2ab 100755
--- a/system/action/std/athena/transaction/propose.php
+++ b/system/action/std/athena/transaction/propose.php
@@ -1,5 +1,4 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -47,7 +56,6 @@
}
break;
case Transaction::TYP_COMMANDER :
- include_once ARES;
if ($identifier === FALSE OR $identifier < 1) {
$valid = FALSE;
}
@@ -121,7 +129,7 @@
$S_COM1 = ASM::$com->getCurrentSession();
ASM::$com->newSession();
ASM::$com->load(array('c.id' => $identifier));
- if (ASM::$com->size() == 1 AND ASM::$com->get()->getRPlayer() == CTR::$data->get('playerId') AND $commander->statement !== Commander::ONSALE) {
+ if (ASM::$com->size() == 1 AND ASM::$com->get()->getRPlayer() == CTR::$data->get('playerId') AND ASM::$com->get()->statement !== Commander::ONSALE) {
$commander = ASM::$com->get();
$commander->statement = Commander::ONSALE;
$commander->emptySquadrons();
@@ -155,8 +163,8 @@
$cs->rTransaction = $tr->id;
$cs->resourceTransported = NULL;
$cs->shipQuantity = $commercialShipQuantity;
- $cs->dDeparture = '';
- $cs->dArrival = '';
+ $cs->dDeparture = NULL;
+ $cs->dArrival = NULL;
$cs->statement = CommercialShipping::ST_WAITING;
ASM::$csm->add($cs);
@@ -191,4 +199,3 @@
} else {
CTR::$alert->add('pas assez d\'informations pour faire une proposition sur le marché', ALERT_STD_FILLFORM);
}
-?>
\ No newline at end of file
diff --git a/system/action/std/common/discordRequest.php b/system/action/std/common/discordRequest.php
index 26acc35b2..d4a3520ce 100644
--- a/system/action/std/common/discordRequest.php
+++ b/system/action/std/common/discordRequest.php
@@ -1,4 +1,8 @@
add('il faut entrer votre identifiant Discord dans le champ de texte', ALERT_STD_FILLFORM);
}
-?>
diff --git a/system/action/std/common/sendSponsorshipEmail.php b/system/action/std/common/sendSponsorshipEmail.php
index 6cf4a43c8..219c919f6 100644
--- a/system/action/std/common/sendSponsorshipEmail.php
+++ b/system/action/std/common/sendSponsorshipEmail.php
@@ -1,4 +1,9 @@
get('playerId') . '/s-' . APP_ID;
@@ -13,4 +18,3 @@
CTR::$alert->add('L\'e-mail n\'a pas pu être envoyé, veuillez ré-essayer. Si cela persiste, contactez un administrateur.', ALERT_STD_ERROR);
}
-?>
\ No newline at end of file
diff --git a/system/action/std/common/switchBase.php b/system/action/std/common/switchBase.php
index e02555506..744c97b69 100755
--- a/system/action/std/common/switchBase.php
+++ b/system/action/std/common/switchBase.php
@@ -1,4 +1,8 @@
\ No newline at end of file
diff --git a/system/action/std/common/switchParams.php b/system/action/std/common/switchParams.php
index 670146df9..d65d6e76d 100755
--- a/system/action/std/common/switchParams.php
+++ b/system/action/std/common/switchParams.php
@@ -1,4 +1,8 @@
\ No newline at end of file
diff --git a/system/action/std/demeter/donate.php b/system/action/std/demeter/donate.php
index ff22cfaae..70fa5663d 100755
--- a/system/action/std/demeter/donate.php
+++ b/system/action/std/demeter/donate.php
@@ -1,8 +1,11 @@
get('playerInfo')->get('color'), 'regime') == Color::DEMOCRATIC) {
if (CTR::$data->get('playerInfo')->get('status') == PAM_CHIEF) {
@@ -14,7 +18,7 @@
ASM::$clm->load(['id' => CTR::$data->get('playerInfo')->get('color')]);
if (ASM::$clm->get()->electionStatement == Color::MANDATE) {
- $date = new DateTime(Utils::now());
+ $date = new \DateTime(Utils::now());
$date->modify('-' . ASM::$clm->get()->mandateDuration . ' second');
$date = $date->format('Y-m-d H:i:s');
ASM::$clm->get()->dLastElection = $date;
diff --git a/system/action/std/demeter/election/chooseGovernment.php b/system/action/std/demeter/election/chooseGovernment.php
index c3b853318..fabe74fba 100755
--- a/system/action/std/demeter/election/chooseGovernment.php
+++ b/system/action/std/demeter/election/chooseGovernment.php
@@ -2,12 +2,15 @@
#rplayer id du joueur
#department
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Modules\Hermes\Model\Notification;
+use Asylamba\Modules\Demeter\Resource\ColorResource;
+
$rPlayer = Utils::getHTTPData('rplayer');
$department = Utils::getHTTPData('department');
-include_once ZEUS;
-include_once DEMETER;
-
if ($rPlayer !== FALSE && $department !== FALSE) {
$_PAM2 = ASM::$pam->getCurrentsession();
ASM::$pam->newSession();
diff --git a/system/action/std/demeter/election/fire.php b/system/action/std/demeter/election/fire.php
index 6e787c1f7..a242c800c 100755
--- a/system/action/std/demeter/election/fire.php
+++ b/system/action/std/demeter/election/fire.php
@@ -1,10 +1,13 @@
get('playerInfo')->get('status') == PAM_CHIEF) {
diff --git a/system/action/std/demeter/election/makeACoup.php b/system/action/std/demeter/election/makeACoup.php
index ddb6d6209..14f979f2b 100755
--- a/system/action/std/demeter/election/makeACoup.php
+++ b/system/action/std/demeter/election/makeACoup.php
@@ -7,16 +7,20 @@
#warlordchoice
#ministerchoice
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Modules\Demeter\Model\Election\Election;
+use Asylamba\Modules\Demeter\Model\Election\Candidate;
+use Asylamba\Modules\Demeter\Model\Forum\ForumTopic;
+use Asylamba\Modules\Demeter\Model\Election\Vote;
+
$program = Utils::getHTTPData('program');
$chiefChoice = Utils::getHTTPData('chiefchoice');
$treasurerChoice = Utils::getHTTPData('treasurerchoice');
$warlordChoice = Utils::getHTTPData('warlordchoice');
$ministerChoice = Utils::getHTTPData('ministerchoice');
-include_once DEMETER;
-include_once ZEUS;
-include_once HERMES;
-
if ($program !== FALSE) {
if (CTR::$data->get('playerInfo')->get('status') > PAM_STANDARD && CTR::$data->get('playerInfo')->get('status') < PAM_CHIEF) {
$_CLM = ASM::$clm->getCurrentSession();
@@ -29,13 +33,13 @@
$election = new Election();
$election->rColor = ASM::$clm->get()->id;
- $date = new DateTime(Utils::now());
+ $date = new \DateTime(Utils::now());
$date->modify('+' . COLOR::PUTSCHTIME . ' second');
$election->dElection = $date->format('Y-m-d H:i:s');
ASM::$elm->add($election);
- $candidate = new candidate();
+ $candidate = new Candidate();
$candidate->rElection = $election->id;
$candidate->rPlayer = CTR::$data->get('playerId');
$candidate->chiefChoice = $chiefChoice;
diff --git a/system/action/std/demeter/election/postulate.php b/system/action/std/demeter/election/postulate.php
index 0360ac4e4..915e85ae3 100755
--- a/system/action/std/demeter/election/postulate.php
+++ b/system/action/std/demeter/election/postulate.php
@@ -7,6 +7,15 @@
#warlordchoice
#ministerchoice
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Modules\Demeter\Model\Election\Candidate;
+use Asylamba\Modules\Demeter\Model\Forum\ForumTopic;
+use Asylamba\Modules\Demeter\Model\Election\Vote;
+use Asylamba\Modules\Demeter\Model\Color;
+use Asylamba\Modules\Demeter\Resource\ColorResource;
+
$rElection = Utils::getHTTPData('relection');
$program = Utils::getHTTPData('program');
$chiefChoice = Utils::getHTTPData('chiefchoice');
@@ -14,9 +23,6 @@
$warlordChoice = Utils::getHTTPData('warlordchoice');
$ministerChoice = Utils::getHTTPData('ministerchoice');
-include_once DEMETER;
-include_once ZEUS;
-
if ($rElection !== FALSE && $program !== FALSE) {
$_ELM = ASM::$elm->getCurrentSession();
ASM::$elm->newSession();
diff --git a/system/action/std/demeter/election/resign.php b/system/action/std/demeter/election/resign.php
index 13de6a86a..9c32f9201 100644
--- a/system/action/std/demeter/election/resign.php
+++ b/system/action/std/demeter/election/resign.php
@@ -1,7 +1,8 @@
get('playerInfo')->get('status') > PAM_PARLIAMENT && CTR::$data->get('playerInfo')->get('status') < PAM_CHIEF) {
$_PAM = ASM::$pam->getCurrentsession();
diff --git a/system/action/std/demeter/election/vote.php b/system/action/std/demeter/election/vote.php
index 5bc35b3d8..0ab06a414 100755
--- a/system/action/std/demeter/election/vote.php
+++ b/system/action/std/demeter/election/vote.php
@@ -3,12 +3,15 @@
#rcandidate id du candidat
#relection id election
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Modules\Demeter\Model\Election\Vote;
+
$rElection = Utils::getHTTPData('relection');
$rCandidate = Utils::getHTTPData('rcandidate');
-include_once DEMETER;
-include_once ZEUS;
-
if ($rElection !== FALSE && $rCandidate !== FALSE) {
$_ELM = ASM::$elm->getCurrentSession();
ASM::$elm->newSession();
diff --git a/system/action/std/demeter/law/cancelLaw.php b/system/action/std/demeter/law/cancelLaw.php
index 6329edcdb..90108eb69 100755
--- a/system/action/std/demeter/law/cancelLaw.php
+++ b/system/action/std/demeter/law/cancelLaw.php
@@ -1,11 +1,13 @@
get('playerInfo')->get('status') == LawResources::getInfo($type, 'department')) {
diff --git a/system/action/std/demeter/law/createLaw.php b/system/action/std/demeter/law/createLaw.php
index ab658b1b5..f0a05f2ed 100755
--- a/system/action/std/demeter/law/createLaw.php
+++ b/system/action/std/demeter/law/createLaw.php
@@ -1,7 +1,4 @@
get('playerInfo')->get('status') == PAM_PARLIAMENT) {
$_LAM = ASM::$lam->getCurrentSession();
diff --git a/system/action/std/demeter/message/edit.php b/system/action/std/demeter/message/edit.php
index ee5992390..66baca098 100755
--- a/system/action/std/demeter/message/edit.php
+++ b/system/action/std/demeter/message/edit.php
@@ -1,5 +1,8 @@
get('playerInfo')->get('stepDone') == FALSE) {
- include_once ZEUS;
switch (CTR::$data->get('playerInfo')->get('stepTutorial')) {
case TutorialResource::FACTION_FORUM :
TutorialHelper::setStepDone();
@@ -41,7 +46,7 @@
}
if (DATA_ANALYSIS) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_SocialRelation(`from`, type, message, dAction)
VALUES(?, ?, ?, ?)'
diff --git a/system/action/std/demeter/news/delete.php b/system/action/std/demeter/news/delete.php
index 1c3933c2d..0b47854dd 100644
--- a/system/action/std/demeter/news/delete.php
+++ b/system/action/std/demeter/news/delete.php
@@ -1,5 +1,8 @@
getCurrentSession();
@@ -16,9 +19,9 @@
for ($i = 0; $i < ASM::$fnm->size(); $i++) {
if (ASM::$fnm->get($i)->id == $id) {
- ASM::$fnm->get($i)->pinned = TRUE;
+ ASM::$fnm->get($i)->pinned = 1;
} else {
- ASM::$fnm->get($i)->pinned = FALSE;
+ ASM::$fnm->get($i)->pinned = 0;
}
}
diff --git a/system/action/std/demeter/news/write.php b/system/action/std/demeter/news/write.php
index 61614abbc..098744dcc 100755
--- a/system/action/std/demeter/news/write.php
+++ b/system/action/std/demeter/news/write.php
@@ -3,10 +3,13 @@
# content
# title
-include_once DEMETER;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Classes\Worker\CTR;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Modules\Demeter\Model\Forum\FactionNews;
-$content = Utils::getHTTPData('content');
-$title = Utils::getHTTPData('title');
+$content = Utils::getHTTPData('content');
+$title = Utils::getHTTPData('title');
if ($title !== FALSE AND $content !== FALSE) {
if (CTR::$data->get('playerInfo')->get('status') >= 3) {
diff --git a/system/action/std/demeter/topic/archive.php b/system/action/std/demeter/topic/archive.php
index f8d23e0e8..3d988a339 100755
--- a/system/action/std/demeter/topic/archive.php
+++ b/system/action/std/demeter/topic/archive.php
@@ -1,5 +1,8 @@
get('playerInfo')->get('stepDone') == FALSE) {
- include_once ZEUS;
switch (CTR::$data->get('playerInfo')->get('stepTutorial')) {
case TutorialResource::FACTION_FORUM :
TutorialHelper::setStepDone();
@@ -42,7 +48,7 @@
}
if (DATA_ANALYSIS) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_SocialRelation(`from`, type, message, dAction)
VALUES(?, ?, ?, ?)'
diff --git a/system/action/std/demeter/topic/move.php b/system/action/std/demeter/topic/move.php
index eca3471a6..2af7121b0 100755
--- a/system/action/std/demeter/topic/move.php
+++ b/system/action/std/demeter/topic/move.php
@@ -1,5 +1,9 @@
add($message);
if (DATA_ANALYSIS) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_SocialRelation(`from`, `to`, `type`, `message`, dAction)
VALUES(?, ?, ?, ?, ?)'
diff --git a/system/action/std/hermes/conversation/updateDisplay.php b/system/action/std/hermes/conversation/updateDisplay.php
index 30cf1d120..54c365ccc 100644
--- a/system/action/std/hermes/conversation/updateDisplay.php
+++ b/system/action/std/hermes/conversation/updateDisplay.php
@@ -1,5 +1,9 @@
add($message);
if (DATA_ANALYSIS) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_SocialRelation(`from`, `to`, `type`, `message`, dAction)
VALUES(?, ?, ?, ?, ?)'
diff --git a/system/action/std/hermes/conversation/writeFaction.php b/system/action/std/hermes/conversation/writeFaction.php
index df849ae5c..06d159ac8 100644
--- a/system/action/std/hermes/conversation/writeFaction.php
+++ b/system/action/std/hermes/conversation/writeFaction.php
@@ -1,11 +1,16 @@
getCurrentSession();
ASM::$ntm->newSession(ASM_UMODE);
diff --git a/system/action/std/hermes/notification/readAll.php b/system/action/std/hermes/notification/readAll.php
index 4c3ef7586..ae1f2169f 100755
--- a/system/action/std/hermes/notification/readAll.php
+++ b/system/action/std/hermes/notification/readAll.php
@@ -1,18 +1,22 @@
getCurrentSession();
ASM::$ntm->newSession(ASM_UMODE);
ASM::$ntm->load(array('rPlayer' => CTR::$data->get('playerId'), 'readed' => 0));
-for ($i = 0; $i < ASM::$ntm->size(); $i++) {
+
+$nbNotifications = ASM::$ntm->size();
+
+for ($i = 0; $i < $nbNotifications; $i++) {
$notif = ASM::$ntm->get($i);
$notif->setReaded(1);
}
-if (ASM::$ntm->size() > 1) {
- CTR::$alert->add(ASM::$ntm->size() . ' notifications ont été marquées comme lues.', ALERT_STD_SUCCESS);
+if ($nbNotifications > 1) {
+ CTR::$alert->add($nbNotifications . ' notifications ont été marquées comme lues.', ALERT_STD_SUCCESS);
} else if (ASM::$ntm->size() == 1) {
CTR::$alert->add('Une notification a été marquée comme lue.', ALERT_STD_SUCCESS);
} else {
diff --git a/system/action/std/hermes/radio/write.php b/system/action/std/hermes/radio/write.php
index 2c3b47697..eec0e8c7e 100755
--- a/system/action/std/hermes/radio/write.php
+++ b/system/action/std/hermes/radio/write.php
@@ -1,10 +1,12 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('sector');
}
@@ -33,5 +35,4 @@
CTR::$alert->add('Message envoyé', ALERT_STD_SUCCESS);
} else {
CTR::$alert->add('pas assez d\'informations pour écrire un message dans une radio', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/hermes/roadmap/write.php b/system/action/std/hermes/roadmap/write.php
index 0240bf71c..facf50b1e 100755
--- a/system/action/std/hermes/roadmap/write.php
+++ b/system/action/std/hermes/roadmap/write.php
@@ -1,10 +1,14 @@
get('playerInfo')->get('admin') == FALSE) {
CTR::redirect('profil');
} else {
@@ -30,5 +34,4 @@
} else {
CTR::$alert->add('pas assez d\'informations pour écrire un message dans la roadmap', ALERT_STD_FILLFORM);
}
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/main.php b/system/action/std/main.php
index c342f8c04..c0413b734 100755
--- a/system/action/std/main.php
+++ b/system/action/std/main.php
@@ -1,4 +1,6 @@
add('votre token CSRF a expiré', ALERT_STD_ERROR);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/promethee/technology/build.php b/system/action/std/promethee/technology/build.php
index 7d38ac8ed..512652661 100755
--- a/system/action/std/promethee/technology/build.php
+++ b/system/action/std/promethee/technology/build.php
@@ -1,13 +1,22 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -57,7 +66,6 @@
# tutorial
if (CTR::$data->get('playerInfo')->get('stepDone') == FALSE) {
- include_once ZEUS;
switch (CTR::$data->get('playerInfo')->get('stepTutorial')) {
case TutorialResource::SHIP0_UNBLOCK:
if ($techno == Technology::SHIP0_UNBLOCK) {
@@ -112,7 +120,7 @@
CTR::$data->get('playerEvent')->add($tq->dEnd, EVENT_BASE, $baseId);
if (DATA_ANALYSIS) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_BaseAction(`from`, type, opt1, opt2, weight, dAction)
VALUES(?, ?, ?, ?, ?, ?)'
@@ -141,4 +149,3 @@
} else {
CTR::$alert->add('pas assez d\'informations pour développer une technologie', ALERT_STD_FILLFORM);
}
-?>
\ No newline at end of file
diff --git a/system/action/std/promethee/technology/dequeue.php b/system/action/std/promethee/technology/dequeue.php
index dc4b442ca..35f50f182 100755
--- a/system/action/std/promethee/technology/dequeue.php
+++ b/system/action/std/promethee/technology/dequeue.php
@@ -1,12 +1,14 @@
get('playerBase')->get('ob')->size(); $i++) {
$verif[] = CTR::$data->get('playerBase')->get('ob')->get($i)->get('id');
}
@@ -87,5 +89,4 @@
}
} else {
CTR::$alert->add('pas assez d\'informations pour annuler le développement d\'une technologie', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/zeus/player/abandonServer.php b/system/action/std/zeus/player/abandonServer.php
index fe9c9ab18..e631633fb 100644
--- a/system/action/std/zeus/player/abandonServer.php
+++ b/system/action/std/zeus/player/abandonServer.php
@@ -1,5 +1,8 @@
getCurrentSession();
ASM::$pam->newSession();
@@ -28,7 +31,4 @@
CTR::$alert->add('Une erreur s\'est produite. Contactez un administrateur pour résoudre ce problème.', ALERT_STD_ERROR);
}
-ASM::$pam->changeSession($S_PAM1);
-
-
-?>
+ASM::$pam->changeSession($S_PAM1);
\ No newline at end of file
diff --git a/system/action/std/zeus/player/disconnect.php b/system/action/std/zeus/player/disconnect.php
index b020adaff..022cef067 100755
--- a/system/action/std/zeus/player/disconnect.php
+++ b/system/action/std/zeus/player/disconnect.php
@@ -1,4 +1,6 @@
destroy();
-CTR::redirect(GETOUT_ROOT . 'profil', TRUE);
-?>
\ No newline at end of file
+CTR::redirect(GETOUT_ROOT . 'profil', TRUE);
\ No newline at end of file
diff --git a/system/action/std/zeus/player/searchPlayer.php b/system/action/std/zeus/player/searchPlayer.php
index f8d5a8d65..97d371232 100755
--- a/system/action/std/zeus/player/searchPlayer.php
+++ b/system/action/std/zeus/player/searchPlayer.php
@@ -1,5 +1,9 @@
changeSession($S_PAM1);
} else {
CTR::$alert->add('pas assez d\'informations pour chercher un joueur', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/zeus/player/sendCredit.php b/system/action/std/zeus/player/sendCredit.php
index 1fc56131e..fcfdfda3a 100755
--- a/system/action/std/zeus/player/sendCredit.php
+++ b/system/action/std/zeus/player/sendCredit.php
@@ -1,5 +1,15 @@
addTxt('.');
}
- $n->addBoxResource('credit', Format::numberFormat($credit), 'crédits reçus');
+ $n->addBoxResource('credit', Format::numberFormat($credit), ($credit == 1 ? 'crédit reçu' : 'crédits reçus'));
$n->addEnd();
ASM::$ntm->add($n);
if (DATA_ANALYSIS) {
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_CommercialRelation(`from`, `to`, type, weight, dAction)
VALUES(?, ?, ?, ?, ?)'
diff --git a/system/action/std/zeus/player/sendCreditFromFaction.php b/system/action/std/zeus/player/sendCreditFromFaction.php
index af6eb6cc0..162a0acb1 100644
--- a/system/action/std/zeus/player/sendCreditFromFaction.php
+++ b/system/action/std/zeus/player/sendCreditFromFaction.php
@@ -1,6 +1,13 @@
addTxt('.');
}
- $n->addBoxResource('credit', Format::numberFormat($credit), 'crédits reçus');
+ $n->addBoxResource('credit', Format::numberFormat($credit), ($credit == 1 ? 'crédit reçu' : 'crédits reçus'));
$n->addEnd();
ASM::$ntm->add($n);
diff --git a/system/action/std/zeus/player/sendCreditToFaction.php b/system/action/std/zeus/player/sendCreditToFaction.php
index 47f3f6ce8..0b6b7fbf0 100755
--- a/system/action/std/zeus/player/sendCreditToFaction.php
+++ b/system/action/std/zeus/player/sendCreditToFaction.php
@@ -1,10 +1,13 @@
getCurrentSession();
diff --git a/system/action/std/zeus/player/updateUniInvest.php b/system/action/std/zeus/player/updateUniInvest.php
index 9262c56e1..2d30c689d 100755
--- a/system/action/std/zeus/player/updateUniInvest.php
+++ b/system/action/std/zeus/player/updateUniInvest.php
@@ -1,9 +1,14 @@
add('pas assez d\'informations pour modifier cet investissement', ALERT_STD_FILLFORM);
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/action/std/zeus/tutorial/validateStep.php b/system/action/std/zeus/tutorial/validateStep.php
index eefc78421..7ebd373a1 100755
--- a/system/action/std/zeus/tutorial/validateStep.php
+++ b/system/action/std/zeus/tutorial/validateStep.php
@@ -1,8 +1,15 @@
get('playerId');
$stepTutorial = CTR::$data->get('playerInfo')->get('stepTutorial');
$stepDone = CTR::$data->get('playerInfo')->get('stepDone');
@@ -221,9 +228,8 @@
$nextStepAlreadyDone = TRUE;
break;
}
-
if (!$nextStepAlreadyDone) {
- $player->stepDone = FALSE;
+ $player->stepDone = 0;
CTR::$data->get('playerInfo')->add('stepDone', FALSE);
}
$player->stepTutorial = $nextStep;
@@ -244,4 +250,3 @@
} else {
CTR::$alert->add('Impossible de valider l\'étape avant de l\'avoir effectuée.', ALERT_STD_FILLFORM);
}
-?>
\ No newline at end of file
diff --git a/system/api/apis/ban.php b/system/api/apis/ban.php
index ae324557e..4b69517c2 100755
--- a/system/api/apis/ban.php
+++ b/system/api/apis/ban.php
@@ -1,5 +1,7 @@
exist('bindkey')) {
$S_PAM_1 = ASM::$pam->getCurrentSession();
@@ -23,5 +25,4 @@
'statement' => 'error',
'message' => 'Donnée manquante'
));
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/api/main.php b/system/api/main.php
index 8f117033c..4d87fca94 100755
--- a/system/api/main.php
+++ b/system/api/main.php
@@ -4,6 +4,9 @@
# uncrpyt a
# ajout dans le add
+use Asylamba\Classes\Worker\API;
+use Asylamba\Classes\Worker\CTR;
+
$query = API::unParse($_SERVER['REQUEST_URI']);
$query = explode('/', $query);
@@ -34,5 +37,4 @@
'statement' => 'error',
'message' => 'Accès refusé'
));
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/buffer/main.php b/system/buffer/main.php
index 891ed05a6..a302fb8d0 100755
--- a/system/buffer/main.php
+++ b/system/buffer/main.php
@@ -1,6 +1,11 @@
equal('key', KEY_BUFFER)) {
-include_once ZEUS;
$S_PAM1 = ASM::$pam->getCurrentSession();
ASM::$pam->newSession(FALSE);
diff --git a/system/classes/container/Alert.class.php b/system/classes/container/Alert.class.php
deleted file mode 100755
index fe1cd23c6..000000000
--- a/system/classes/container/Alert.class.php
+++ /dev/null
@@ -1,46 +0,0 @@
-alerts[] = array($message, $type);
- return $this->size() - 1;
- }
-
- public function clear() {
- $this->alerts = array();
- }
-
- public function size() {
- return count($this->alerts);
- }
-
- public function get($position) {
- if (isset($this->alerts[$position])) {
- return $this->alerts[$position];
- } else {
- return FALSE;
- }
- }
-
- public function getAlerts($tag, $type = ALERT_DEFAULT) {
- $format = '';
- foreach ($this->alerts as $k) {
- if ($type != ALERT_DEFAULT AND $type = $k[1]) {
- $format .= '<' . $tag . ' class="alert_' . $k[1] . '">' . $k[0] . '';
- }
- }
- return $format;
- }
-
- public function logAlerts($path, $date = TRUE, $supp = array()) {
- # TODO
- }
-
- public function readUrl() {
- if (isset($_GET['say'])) {
- $this->alerts[] = array($_GET['say'], ALERT_URL_INFO);
- }
- }
-}
-?>
\ No newline at end of file
diff --git a/system/classes/container/ArrayList.class.php b/system/classes/container/ArrayList.class.php
deleted file mode 100755
index 4f7a086ad..000000000
--- a/system/classes/container/ArrayList.class.php
+++ /dev/null
@@ -1,49 +0,0 @@
-elements);
- }
-
- public function get($key) {
- if (isset($this->elements[$key])) {
- return $this->elements[$key];
- } else {
- return NULL;
- }
- }
-
- public function exist($key) {
- if (isset($this->elements[$key])) {
- return TRUE;
- } else {
- return FALSE;
- }
- }
-
- public function equal($key, $value) {
- if ($this->exist($key) && $this->get($key) == $value) {
- return TRUE;
- } else {
- return FALSE;
- }
- }
-
- public function add($key, $value) {
- $this->elements[$key] = $value;
- }
-
- public function remove($key) {
- if (isset($this->elements[$key])) {
- unset($this->elements[$key]);
- } else {
- return FALSE;
- }
- }
-
- public function clear() {
- $this->elements = array();
- }
-}
-?>
\ No newline at end of file
diff --git a/system/classes/container/Cookie.class.php b/system/classes/container/Cookie.class.php
deleted file mode 100755
index 1f6279161..000000000
--- a/system/classes/container/Cookie.class.php
+++ /dev/null
@@ -1,43 +0,0 @@
-name = APP_NAME . '_' . SERVER_SESS;
- $this->init();
- }
-
- public function add($key, $value) {
- $this->elements[$key] = $value;
- $this->rewrite();
- }
-
- public function remove($key) {
- if (isset($this->elements[$key])) {
- unset($this->elements[$key]);
- } else {
- return FALSE;
- }
- $this->rewrite();
- }
-
- public function clear() {
- $this->elements = array();
- $this->rewrite();
- }
-
- public function rewrite() {
- setcookie($this->name, serialize($this->elements), time() + 3000000, '/');
- }
-
- public function init() {
- if (isset($_COOKIE[$this->name])) {
- $this->elements = unserialize($_COOKIE[$this->name]);
- }
- }
-}
-?>
\ No newline at end of file
diff --git a/system/classes/container/EventList.class.php b/system/classes/container/EventList.class.php
deleted file mode 100755
index 7778169a5..000000000
--- a/system/classes/container/EventList.class.php
+++ /dev/null
@@ -1,86 +0,0 @@
-events);
- }
-
- public function get($index = 0) {
- if (isset($this->events[$index])) {
- return $this->events[$index];
- } else {
- return NULL;
- }
- }
-
- public function getPastEvents($date) {
- $past = new StackList();
- foreach($this->events AS $e) {
- if ($e->get('date') <= $date) {
- $past->append($e);
- }
- }
- return $past;
- }
-
- public function clearPastEvents($date) {
- $size = $this->size() - 1;
- for ($i = $size; $i >= 0; $i--) {
- if ($this->events[$i]->get('date') <= $date) {
- $this->remove($i);
- $i--;
- }
- }
- }
-
- public function add($date, $eventType, $eventId, $eventInfo = NULL) {
- $event = new ArrayList();
- $event->add('date', $date);
- $event->add('eventType', $eventType);
- $event->add('eventId', $eventId);
- $event->add('eventInfo', $eventInfo);
-
- $index = 0;
- if (self::size() == 0) {
- $this->events[$index] = $event;
- } else {
- $found = FALSE;
- foreach($this->events AS $e) {
- if ($e->get('date') > $date) {
- $found = TRUE;
- break;
- }
- $index++;
- }
- if ($found) {
- $begin = array_slice($this->events, 0, $index);
- $begin[] = $event;
- $end = array_slice($this->events, $index);
- $this->events = array_merge($begin, $end);
- } else {
- $this->events[self::size()] = $event;
- }
- }
- }
-
- public function remove($index) {
- if ($index < 0) {
- $index = count($this->events) + $index;
- }
- if (isset($this->events[$index])) {
- $begin = array_slice($this->events, 0, $index);
- $end = array_slice($this->events, $index+1);
- $this->events = array_merge($begin, $end);
- } else {
- return FALSE;
- }
- }
-
- public function clear() {
- $this->events = array();
- }
-}
-?>
\ No newline at end of file
diff --git a/system/classes/container/History.class.php b/system/classes/container/History.class.php
deleted file mode 100755
index ae3bb7a9a..000000000
--- a/system/classes/container/History.class.php
+++ /dev/null
@@ -1,27 +0,0 @@
-events, $path);
- if (count($this->events) > self::MAX_SIZE) {
- $this->events = array_slice($this->events, 0, self::MAX_SIZE);
- }
- }
-
- public function getCurrentPath() {
- return $this->events[0];
- }
-
- public function getPastPath($larger = 0) {
- if (isset($this->events[$larger])) {
- return $this->events[$larger];
- }
- }
-
- public function clear() {
- $this->events = array();
- }
-}
-?>
\ No newline at end of file
diff --git a/system/classes/container/Params.class.php b/system/classes/container/Params.class.php
deleted file mode 100755
index 04b410f06..000000000
--- a/system/classes/container/Params.class.php
+++ /dev/null
@@ -1,41 +0,0 @@
- TRUE,
- self::SHOW_MAP_MINIMAP => TRUE,
- self::SHOW_MAP_RC => FALSE,
- self::SHOW_MAP_ANTISPY => TRUE,
- self::SHOW_MAP_FLEETOUT => TRUE,
- self::SHOW_MAP_FLEETIN => TRUE,
- self::SHOW_ATTACK_REPORT=> TRUE,
- self::SHOW_REBEL_REPORT => TRUE,
- self::REDIRECT_CHAT => FALSE,
- ];
-
- public static function check($params) {
- return CTR::$cookie->exist('p' . $params)
- ? (bool)CTR::$cookie->get('p' . $params)
- : self::$params[$params];
- }
-
- public static function update($params, $value) {
- if (in_array($params, self::$params)) {
- CTR::$cookie->add('p' . $params, $value);
- }
- }
-
- public static function getParams() {
- return self::$params;
- }
-}
-?>
\ No newline at end of file
diff --git a/system/classes/container/Session.class.php b/system/classes/container/Session.class.php
deleted file mode 100755
index 7c43b87e1..000000000
--- a/system/classes/container/Session.class.php
+++ /dev/null
@@ -1,88 +0,0 @@
-elements = NULL;
- }
-
- public function clear() {
- $this->remove('playerInfo', new ArrayList());
- $this->remove('playerBase', new ArrayList());
- $this->remove('playerEvent', new ArrayList());
- }
-
- ##
-
- public function initPlayerInfo() {
- $this->add('playerInfo', new ArrayList());
- }
-
- public function initPlayerBase() {
- $a = new ArrayList();
- $a->add('ob', new StackList());
- $a->add('ms', new StackList());
-
- $this->add('playerBase', $a);
- }
-
- public function initPlayerEvent() {
- $this->add('playerEvent', new EventList());
- }
-
- public function initLastUpdate() {
- $l = new ArrayList();
- $l->add('game', Utils::now());
- $l->add('event', Utils::now());
-
- $this->add('lastUpdate', $l);
- }
-
- public function initPlayerBonus() {
- $this->add('playerBonus', new StackList());
- }
-
- ##
-
- public function addBase($key, $id, $name, $sector, $system, $img, $type) {
- if ($this->exist('playerBase')) {
- if ($key == 'ob' || $key == 'ms') {
- $a = new ArrayList();
-
- $a->add('id', $id);
- $a->add('name', $name);
- $a->add('sector', $sector);
- $a->add('system', $system);
- $a->add('img', $img);
- $a->add('type', $type);
-
- $this->get('playerBase')->get($key)->append($a);
- } else {
- return FALSE;
- }
- }
- }
-
- public function removeBase($key, $id) {
- if ($this->exist('playerBase')) {
- for ($i = 0; $i < $this->get('playerBase')->get($key)->size(); $i++) {
- if ($this->get('playerBase')->get($key)->get($i)->get('id') == $id) {
- $this->get('playerBase')->get($key)->remove($i);
- }
- }
- }
- }
-
- public function baseExist($id) {
- for ($i = 0; $i < $this->get('playerBase')->get('ob')->size(); $i++) {
- if ($id == $this->get('playerBase')->get('ob')->get($i)->get('id')) {
- return TRUE;
- }
- }
- for ($i = 0; $i < $this->get('playerBase')->get('ms')->size(); $i++) {
- if ($id == $this->get('playerBase')->get('ms')->get($i)->get('id')) {
- return TRUE;
- }
- }
- return FALSE;
- }
-}
-?>
\ No newline at end of file
diff --git a/system/classes/container/StackList.class.php b/system/classes/container/StackList.class.php
deleted file mode 100755
index 6655138ba..000000000
--- a/system/classes/container/StackList.class.php
+++ /dev/null
@@ -1,74 +0,0 @@
-elements);
- }
-
- public function get($index = 0) {
- if (isset($this->elements[$index])) {
- return $this->elements[$index];
- } else {
- return NULL;
- }
- }
-
- public function exist($index) {
- if (isset($this->elements[$index])) {
- return TRUE;
- } else {
- return FALSE;
- }
- }
-
- public function add($key, $value) {
- $this->elements[$key] = $value;
- }
-
- public function increase($key, $value) {
- if (isset($this->elements[$key])) {
- $this->elements[$key] = $this->elements[$key] + $value;
- } else {
- $this->elements[$key] = $value;
- }
- }
-
- public function insert($key, $value) {
- if (count($this->elements) < $key) {
- $this->elements[$key] = $value;
- } else {
- // décalage des tous les index qui suivent
- $begin = array_slice($this->elements, 0, $key);
- $begin[] = $value;
- $end = array_slice($this->elements, $key);
- $this->elements = array_merge($begin, $end);
- }
- }
-
- public function append($value) {
- $this->elements[] = $value;
- }
-
- public function prepend($value) {
- array_unshift($this->elements, $value);
- }
-
- public function remove($index) {
- if ($index < 0) {
- $index = count($this->elements) + $index;
- }
- if (isset($this->elements[$index])) {
- $begin = array_slice($this->elements, 0, $index);
- $end = array_slice($this->elements, $index+1);
- $this->elements = array_merge($begin, $end);
- } else {
- return FALSE;
- }
- }
-
- public function clear() {
- $this->elements = array();
- }
-}
-?>
\ No newline at end of file
diff --git a/system/classes/loader.php b/system/classes/loader.php
deleted file mode 100755
index d6a115f19..000000000
--- a/system/classes/loader.php
+++ /dev/null
@@ -1,37 +0,0 @@
-
\ No newline at end of file
diff --git a/system/classes/worker/Manager.class.php b/system/classes/worker/Manager.class.php
deleted file mode 100755
index 71ca2c4f2..000000000
--- a/system/classes/worker/Manager.class.php
+++ /dev/null
@@ -1,206 +0,0 @@
-newSession();
- }
-
- public function newSession($uMode = ASM_UMODE) {
- $this->statSessions++;
- $this->statChangeSessions++;
-
- if (count($this->sessions) == 0) {
- $session = new ManagerSession('_1', $this->managerType, ASM_UMODE);
- } else {
- $session = new ManagerSession('_' . (count($this->sessions) + 1), $this->managerType, $uMode);
- }
-
- $this->currentSession = $session;
- $this->sessions[] = $session;
-
- $this->objects[$session->getId()] = array();
- $this->origin[$session->getId()] = array();
-
- return $session;
- }
-
- public function changeSession(ManagerSession $session) {
- $this->statChangeSessions++;
-
- if (in_array($session, $this->sessions) AND $session->getType() == $this->managerType) {
- $this->currentSession = $session;
- return TRUE;
- } else {
- return FALSE;
- }
- }
-
- public function getCurrentSession() { return $this->currentSession; }
- public function getFirstSession() { return $this->sessions[0]; }
-
- // OBJECT MANAGER CORE
- protected $objects = array();
- protected $origin = array();
-
- public function get($i = 0) {
- if (isset($this->objects[$this->currentSession->getId()][$i])) {
- return $this->objects[$this->currentSession->getId()][$i];
- } else {
- return FALSE;
- }
- }
-
- public function getById($id) {
- foreach ($this->objects[$this->currentSession->getId()] AS $o) {
- if ($o->getId() == $id) {
- return $o;
- }
- }
- return FALSE;
- }
-
- public function getAll() {
- return $this->objects[$this->currentSession->getId()];
- }
-
- public function size() {
- return count($this->objects[$this->currentSession->getId()]);
- }
-
- protected function _ObjectExist($object) {
- foreach ($this->sessions AS $s) {
- foreach ($this->origin[$s->getId()] as $k => $o) {
- if ($o->getId() == $object->getId()) {
- if ($s->getId() == $this->currentSession->getId()) {
- return TRUE;
- } else {
- return $this->objects[$s->getId()][$k];
- }
- }
- }
- }
- return FALSE;
- }
-
- protected function _Add($object) {
- $element = $this->_ObjectExist($object);
-
- if ($element === FALSE) {
- $this->statObject++;
- $this->statRealObject++;
-
- $this->objects[$this->currentSession->getId()][] = $object;
- $this->origin[$this->currentSession->getId()][] = clone($object);
- return $object;
- } elseif ($element === TRUE) {
- $currentIdSession = $this->currentSession->getId();
- foreach ($this->origin[$currentIdSession] as $k => $o) {
- if ($o == $object) {
- return $this->objects[$currentIdSession][$k];
- }
- }
- return FALSE;
- } else {
- $this->statObject++;
- $this->statReferenceObject++;
-
- $this->objects[$this->currentSession->getId()][] = $element;
- $this->origin[$this->currentSession->getId()][] = $element;
- return $element;
- }
- }
-
- protected function _Remove($id) {
- foreach ($this->sessions as $session) {
- foreach ($this->objects[$session->getId()] AS $k => $o) {
- if ($o->getId() == $id) {
- unset($this->objects[$session->getId()][$k]);
- unset($this->origin[$session->getId()][$k]);
- }
- }
-
- $this->objects[$session->getId()] = array_values($this->objects[$session->getId()]);
- $this->origin[$session->getId()] = array_values($this->origin[$session->getId()]);
-
- }
-
- return NULL;
- }
-
- public function _Save() {
- $savingList = array();
- if (!empty($this->objects)) {
- foreach ($this->sessions AS $s) {
- foreach ($this->objects[$s->getId()] AS $k => $o) {
- if ($this->objects[$s->getId()][$k] != $this->origin[$s->getId()][$k]) {
- $savingList[] = $o;
- }
- }
- } $this->statSavingObject = count($savingList);
- }
- return $savingList;
- }
-
- public function _EmptyCurrentSession() {
- $currentSessionId = $this->currentSession->getId();
- foreach ($this->objects[$currentSessionId] as $k => $o) {
- # code...
- unset($this->objects[$currentSessionId][$k]);
- unset($this->origin[$currentSessionId][$k]);
- }
- }
-
- // DEBUG & STATISTIC MANAGER CORE
- protected $statObject = 0;
- protected $statRealObject = 0;
- protected $statReferenceObject = 0;
- protected $statSavingObject = 0;
-
- protected $statSessions = 0;
- protected $statChangeSessions = 0;
-
- public function saveStat($path) {
- $ret = 'objet ' . $this->managerType . '
';
- $ret .= 'object : ' . $this->statObject . '
';
- $ret .= 'real object : ' . $this->statRealObject . '
';
- $ret .= 'ref object : ' . $this->statReferenceObject . '
';
- $ret .= 'saving object : ' . $this->statSavingObject . '
';
-
- $ret .= 'sessions : ' . $this->statSessions . '
';
- $ret .= 'change sessions : ' . $this->statChangeSessions . '
';
- $ret .= '-----------------------------------------------------
';
- Bug::writeLog($path, $ret);
- }
-
- public function showStat() {
- $ret = 'objet ' . $this->managerType . '
';
- $ret .= 'object : ' . $this->statObject . '
';
- $ret .= 'real object : ' . $this->statRealObject . '
';
- $ret .= 'ref object : ' . $this->statReferenceObject . '
';
- $ret .= 'saving object : ' . $this->statSavingObject . '
';
-
- $ret .= 'sessions : ' . $this->statSessions . '
';
- $ret .= 'change sessions : ' . $this->statChangeSessions . '
';
- $ret .= '-----------------------------------------------------
';
- echo $ret;
- }
-
- public function show($flag = 1) {
- if ($flag == 1) {
- var_dump($this->objects);
- } elseif ($flag == 2) {
- var_dump($this->origin);
- } else {
- var_dump($this->objects);
- var_dump($this->origin);
- }
- for ($i = 0; $i < 200; $i++) {
- echo '-';
- }
- }
-}
-?>
\ No newline at end of file
diff --git a/system/classes/worker/ManagerSession.class.php b/system/classes/worker/ManagerSession.class.php
deleted file mode 100755
index 07ff5d841..000000000
--- a/system/classes/worker/ManagerSession.class.php
+++ /dev/null
@@ -1,20 +0,0 @@
-id = $id;
- $this->type = $type;
- $this->uMode = $uMode;
- }
-
- public function getId() { return $this->id; }
- public function getType() { return $this->type; }
- public function getUMode() { return $this->uMode; }
-
- public function toString() { return 'id = ' . $this->id . ', type = ' . $this->type .
- ', uMode = ' . $this->uMode . ' ';}
-}
-?>
\ No newline at end of file
diff --git a/system/config/app.config.global.php b/system/config/app.config.global.php
index acb46530d..ae9e581e9 100755
--- a/system/config/app.config.global.php
+++ b/system/config/app.config.global.php
@@ -73,4 +73,3 @@
# 20 jours = 480h
define('HOURS_BEFORE_START_OF_RANKING', 480);
define('POINTS_TO_WIN', 2000);
-?>
\ No newline at end of file
diff --git a/system/config/app.config.local.default.php b/system/config/app.config.local.default.php
index 6c6115d08..2de7f1e9a 100755
--- a/system/config/app.config.local.default.php
+++ b/system/config/app.config.local.default.php
@@ -31,7 +31,7 @@
# défini le sous-titre du serveur (affiché comme titre)
define('APP_SUBNAME', 'Expansion Stellaire');
# numéro de version de l'app
-define('APP_VERSION', '1.4.0');
+define('APP_VERSION', '2.0.0');
# créateurs du projet
define('APP_CREATOR', 'Gil Clavien, Jacky Casas, Noé Zufferey');
# défini la description du serveur (affichée dans la page)
diff --git a/system/config/galaxies/GalaxyConfiguration.v4.php b/system/config/galaxies/GalaxyConfiguration.v4.php
index f5541987e..bb9610822 100644
--- a/system/config/galaxies/GalaxyConfiguration.v4.php
+++ b/system/config/galaxies/GalaxyConfiguration.v4.php
@@ -577,4 +577,3 @@ public static function fillSectorsData() {
# display params
public static $scale = 20;
}
-?>
\ No newline at end of file
diff --git a/system/connection/create-session.php b/system/connection/create-session.php
index e827d7073..9d0a44e90 100755
--- a/system/connection/create-session.php
+++ b/system/connection/create-session.php
@@ -1,8 +1,11 @@
initPlayerInfo();
@@ -179,4 +182,3 @@
}
ASM::$plm->changeSession($S_PLM1);
ASM::$com->changeSession($S_COM2);
-?>
\ No newline at end of file
diff --git a/system/connection/main.php b/system/connection/main.php
index 263cc812a..98b1502f9 100755
--- a/system/connection/main.php
+++ b/system/connection/main.php
@@ -1,7 +1,12 @@
get('bindkey'), KEY_SERVER);
@@ -49,4 +54,3 @@
}
ASM::$pam->changeSession($S_PAM1);
-?>
\ No newline at end of file
diff --git a/system/event/executeEvent.php b/system/event/executeEvent.php
index d39d95748..4a6c9082c 100755
--- a/system/event/executeEvent.php
+++ b/system/event/executeEvent.php
@@ -1,7 +1,10 @@
get('playerEvent')->clearPastEvents($now);
}
-?>
\ No newline at end of file
diff --git a/system/event/loadEvent.php b/system/event/loadEvent.php
index 371f08104..ffa78073e 100755
--- a/system/event/loadEvent.php
+++ b/system/event/loadEvent.php
@@ -1,9 +1,12 @@
get('lastUpdate')->get('event'), Utils::now(), 's') > TIME_EVENT_UPDATE) {
- include_once ZEUS;
- include_once ARES;
- include_once GAIA;
# update de l'heure dans le contrôleur
CTR::$data->get('lastUpdate')->add('event', Utils::now());
@@ -68,4 +71,3 @@
ASM::$pam->get()->setDLastActivity(Utils::now());
ASM::$pam->changeSession($S_PAM1);
}
-?>
\ No newline at end of file
diff --git a/system/event/updateGame.php b/system/event/updateGame.php
index 8c4e2cd22..cce4d21ab 100755
--- a/system/event/updateGame.php
+++ b/system/event/updateGame.php
@@ -1,6 +1,9 @@
get('lastUpdate')->get('game'), Utils::now(), 'h') > 0) {
@@ -52,4 +55,3 @@
$path = 'public/log/stats/tmp.log';
Bug::writeLog($path, "### recharge à : " . date('H:i:s') . " ###");
}*/
-?>
\ No newline at end of file
diff --git a/system/inscription/check.php b/system/inscription/check.php
index c57732d82..0f103a472 100755
--- a/system/inscription/check.php
+++ b/system/inscription/check.php
@@ -1,5 +1,12 @@
get('step') == 1 || !CTR::$get->exist('step')) {
if (CTR::$get->exist('bindkey')) {
@@ -30,7 +37,6 @@
$api = new API(GETOUT_ROOT, APP_ID, KEY_API);
if ($api->userExist(CTR::$data->get('prebindkey'))) {
- include_once ZEUS;
$S_PAM_INSCR = ASM::$pam->getCurrentSession();
ASM::$pam->newSession();
@@ -98,7 +104,6 @@
}
} elseif (CTR::$get->get('step') == 3) {
if (CTR::$data->exist('inscription')) {
- include_once ZEUS;
# check nom dejà utilisé
$S_PAM_INSCR2 = ASM::$pam->getCurrentSession();
@@ -106,7 +111,6 @@
ASM::$pam->load(array('name' => CTR::$post->get('pseudo')));
if (ASM::$pam->size() == 0) {
- include_once ZEUS;
$check = new CheckName();
if (CTR::$post->exist('pseudo') && $check->checkLength(CTR::$post->get('pseudo')) && $check->checkChar(CTR::$post->get('pseudo'))) {
@@ -133,20 +137,17 @@
exit();
}
} elseif (CTR::$get->get('step') == 4) {
- include_once ZEUS;
$S_PAM_INSCR = ASM::$pam->getCurrentSession();
ASM::$pam->newSession();
ASM::$pam->load(array('bind' => CTR::$data->get('bindkey')));
if (ASM::$pam->size() == 0) {
if (CTR::$data->exist('inscription')) {
- include_once ZEUS;
$check = new CheckName();
if (CTR::$post->exist('base') && $check->checkLength(CTR::$post->get('base')) && $check->checkChar(CTR::$post->get('base'))) {
CTR::$data->get('inscription')->add('base', CTR::$post->get('base'));
- include_once GAIA;
$sm = new SectorManager();
$sm->load();
@@ -178,4 +179,3 @@
ASM::$pam->changeSession($S_PAM_INSCR);
}
-?>
\ No newline at end of file
diff --git a/system/inscription/content.php b/system/inscription/content.php
index 9365e835a..d1e235636 100755
--- a/system/inscription/content.php
+++ b/system/inscription/content.php
@@ -1,4 +1,7 @@
get('step') == 1 || !CTR::$get->exist('step')) {
if (!CTR::$get->exist('bindkey')) {
@@ -10,5 +13,4 @@
include INSCRIPTION . 'step/place.php';
} elseif (CTR::$get->get('step') == 4) {
include INSCRIPTION . 'step/save.php';
-}
-?>
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/system/inscription/step/ally.php b/system/inscription/step/ally.php
index afe1e490f..aa8323b71 100755
--- a/system/inscription/step/ally.php
+++ b/system/inscription/step/ally.php
@@ -1,6 +1,7 @@
';
@@ -97,4 +98,3 @@
ASM::$clm->changeSession($_CLM);
echo '';
-?>
\ No newline at end of file
diff --git a/system/inscription/step/inscriptionElement/movers.php b/system/inscription/step/inscriptionElement/movers.php
index 6d9e1fd45..1a330c279 100755
--- a/system/inscription/step/inscriptionElement/movers.php
+++ b/system/inscription/step/inscriptionElement/movers.php
@@ -2,5 +2,4 @@
echo '';
echo '
';
echo '
';
-echo '
La victoire vient d\'être remportée par :
' . $winnerName . '
';
$content .= 'Cette faction a atteint les ' . POINTS_TO_WIN . ' points, la partie est donc terminée.
Bravo et un grand merci à tous les participants !';
- include_once HERMES;
$S_CVM1 = ASM::$cvm->getCurrentSession();
ASM::$cvm->newSession();
ASM::$cvm->load(
diff --git a/system/script/scripts/cron/playerRanking.php b/system/script/scripts/cron/playerRanking.php
index 2ba6d5074..69efb91db 100755
--- a/system/script/scripts/cron/playerRanking.php
+++ b/system/script/scripts/cron/playerRanking.php
@@ -2,20 +2,26 @@
# daily cron
# call at x am. every day
-include_once ATLAS;
+use Asylamba\Classes\Worker\ASM;
+use Asylamba\Classes\Database\Database;
+use Asylamba\Classes\Library\Utils;
+use Asylamba\Classes\Library\Game;
+use Asylamba\Classes\Library\DataAnalysis;
+use Asylamba\Modules\Athena\Resource\OrbitalBaseResource;
+use Asylamba\Modules\Athena\Resource\ShipResource;
+use Asylamba\Modules\Ares\Model\Commander;
+use Asylamba\Modules\Atlas\Model\PlayerRanking;
+
$S_PRM1 = ASM::$prm->getCurrentSession();
ASM::$prm->newSession();
ASM::$prm->loadLastContext();
-include_once ZEUS;
$S_PAM1 = ASM::$pam->getCurrentSession();
ASM::$pam->newSession(FALSE);
-include_once ATHENA;
-include_once ARES;
# create a new ranking
-$db = DataBase::getInstance();
+$db = Database::getInstance();
$qr = $db->prepare('INSERT INTO ranking(dRanking, player, faction) VALUES (?, 1, 0)');
$qr->execute(array(Utils::now()));
@@ -460,7 +466,7 @@ function cmpTrader($a, $b) {
if (DATA_ANALYSIS) {
$p = ASM::$pam->getById($player);
- $db = DataBase::getInstance();
+ $db = Database::getInstance();
$qr = $db->prepare('INSERT INTO
DA_PlayerDaily(rPlayer, credit, experience, level, victory, defeat, status, resources, fleetSize, nbPlanet, planetPoints, rkGeneral, rkFighter, rkProducer, rkButcher, rkTrader, dStorage)
VALUES(?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)'
diff --git a/system/script/scripts/deploy/dbinstall.php b/system/script/scripts/deploy/dbinstall.php
index 7fd31a44c..5b60dad77 100755
--- a/system/script/scripts/deploy/dbinstall.php
+++ b/system/script/scripts/deploy/dbinstall.php
@@ -1,12 +1,19 @@
query('SET FOREIGN_KEY_CHECKS = 0;');
@@ -501,8 +508,8 @@
`resourceTransported` INT DEFAULT NULL,
`shipQuantity` INT NOT NULL,
- `dDeparture` datetime NOT NULL,
- `dArrival` datetime NOT NULL,
+ `dDeparture` datetime,
+ `dArrival` datetime,
`statement` SMALLINT NOT NULL COMMENT '0 = prêt au départ, 1 = aller, 2 = retour',
PRIMARY KEY (`id`)
@@ -957,7 +964,7 @@
echo 'Ajout de la table Conversation
';
-$db = DataBase::getInstance();
+$db = Database::getInstance();
$db->query("DROP TABLE IF EXISTS `conversation`");
$qr = $db->prepare("CREATE TABLE IF NOT EXISTS `conversation` (
`id` INT(11) NOT NULL AUTO_INCREMENT,
@@ -972,7 +979,7 @@
echo 'Ajout de la table userConversation
';
-$db = DataBase::getInstance();
+$db = Database::getInstance();
$db->query("DROP TABLE IF EXISTS `conversationUser`");
$qr = $db->prepare("CREATE TABLE IF NOT EXISTS `conversationUser` (
`id` INT(11) NOT NULL AUTO_INCREMENT,
@@ -987,7 +994,7 @@
echo 'Ajout de la table messageConversation
';
-$db = DataBase::getInstance();
+$db = Database::getInstance();
$db->query("DROP TABLE IF EXISTS `conversationMessage`");
$qr = $db->prepare("CREATE TABLE IF NOT EXISTS `conversationMessage` (
`id` INT(11) NOT NULL AUTO_INCREMENT,
diff --git a/system/script/scripts/deploy/newgalaxy.php b/system/script/scripts/deploy/newgalaxy.php
index 036a4835f..d79fbecf5 100755
--- a/system/script/scripts/deploy/newgalaxy.php
+++ b/system/script/scripts/deploy/newgalaxy.php
@@ -1,7 +1,8 @@
Test galaxy';
GalaxyGenerator::generate();
echo GalaxyGenerator::getLog();
-?>
\ No newline at end of file
diff --git a/system/script/scripts/migration/add-conversation.php b/system/script/scripts/migration/add-conversation.php
index 404c3d962..d767f6dea 100644
--- a/system/script/scripts/migration/add-conversation.php
+++ b/system/script/scripts/migration/add-conversation.php
@@ -1,9 +1,12 @@
Ajout du module de Conversation';
echo 'Ajout de la table Conversation
';
-$db = DataBase::getInstance();
+$db = Database::getInstance();
$qr = $db->prepare("CREATE TABLE IF NOT EXISTS `conversation` (
`id` INT(11) NOT NULL AUTO_INCREMENT,
`title` VARCHAR(255) NULL,
@@ -17,7 +20,7 @@
echo 'Ajout de la table userConversation
';
-$db = DataBase::getInstance();
+$db = Database::getInstance();
$qr = $db->prepare("CREATE TABLE IF NOT EXISTS `conversationUser` (
`id` INT(11) NOT NULL AUTO_INCREMENT,
`rConversation` INT(11) NOT NULL,
@@ -31,7 +34,7 @@
echo 'Ajout de la table messageConversation
';
-$db = DataBase::getInstance();
+$db = Database::getInstance();
$qr = $db->prepare("CREATE TABLE IF NOT EXISTS `conversationMessage` (
`id` INT(11) NOT NULL AUTO_INCREMENT,
`rConversation` INT(11) NOT NULL,
diff --git a/system/script/scripts/migration/remove-message.php b/system/script/scripts/migration/remove-message.php
index ed5b34797..b020eb6ca 100644
--- a/system/script/scripts/migration/remove-message.php
+++ b/system/script/scripts/migration/remove-message.php
@@ -1,8 +1,11 @@
Suppression du module de Message';
echo 'Suppression de la table Message
';
-$db = DataBase::getInstance();
+$db = Database::getInstance();
$qr = $db->prepare("DROP TABLE `message`;");
$qr->execute();
\ No newline at end of file
diff --git a/system/script/scripts/migration/updateColor.php b/system/script/scripts/migration/updateColor.php
index 5e3a01f9b..d64014b20 100755
--- a/system/script/scripts/migration/updateColor.php
+++ b/system/script/scripts/migration/updateColor.php
@@ -1,7 +1,9 @@
Ajout de isInGame dans color';
diff --git a/system/script/scripts/migration/updateFactionRanking.php b/system/script/scripts/migration/updateFactionRanking.php
index 6991fc4d6..5cf95ab43 100644
--- a/system/script/scripts/migration/updateFactionRanking.php
+++ b/system/script/scripts/migration/updateFactionRanking.php
@@ -1,5 +1,8 @@
Ajout du classement total (points) dans playerRanking';
diff --git a/system/script/scripts/migration/updateRecycling.php b/system/script/scripts/migration/updateRecycling.php
index a38637fc0..5ea2c067a 100644
--- a/system/script/scripts/migration/updateRecycling.php
+++ b/system/script/scripts/migration/updateRecycling.php
@@ -1,8 +1,9 @@
Ajout de addToNextMission dans recyclingMission';
$db->query("ALTER TABLE `recyclingMission` ADD `addToNextMission` SMALLINT unsigned NOT NULL AFTER `recyclerQuantity`;");
-
-?>
\ No newline at end of file
diff --git a/system/script/scripts/migration/updateSector.php b/system/script/scripts/migration/updateSector.php
index 44a69c359..b7d87ea3d 100644
--- a/system/script/scripts/migration/updateSector.php
+++ b/system/script/scripts/migration/updateSector.php
@@ -1,5 +1,8 @@
Ajout de points dans sector';
diff --git a/system/script/scripts/test/test.php b/system/script/scripts/test/test.php
index a29e6af7b..2ae1ca225 100644
--- a/system/script/scripts/test/test.php
+++ b/system/script/scripts/test/test.php
@@ -1,2 +1,5 @@
Mise à jour du sénat d\'Aphera';
diff --git a/system/script/scripts/utils/commanderAttack.php b/system/script/scripts/utils/commanderAttack.php
index 59343651c..37f44db52 100644
--- a/system/script/scripts/utils/commanderAttack.php
+++ b/system/script/scripts/utils/commanderAttack.php
@@ -1,7 +1,7 @@
newSession();
ASM::$com->load(['c.statement' => Commander::MOVING]);
diff --git a/system/script/scripts/utils/find-sector-infos.php b/system/script/scripts/utils/find-sector-infos.php
index da7a65e8d..b9fcdf9f2 100755
--- a/system/script/scripts/utils/find-sector-infos.php
+++ b/system/script/scripts/utils/find-sector-infos.php
@@ -1,5 +1,4 @@
Création automatisée de statistiques';
diff --git a/system/script/scripts/utils/map-render.php b/system/script/scripts/utils/map-render.php
index 51c3f52fa..0df47d82a 100755
--- a/system/script/scripts/utils/map-render.php
+++ b/system/script/scripts/utils/map-render.php
@@ -1,5 +1,6 @@
getCurrentSession();
ASM::$sys->newSession(FALSE);
@@ -86,4 +87,3 @@ function getPosition($type, $x, $y, $multiply = 4) {
}
}
echo '';
-?>
\ No newline at end of file
diff --git a/system/script/scripts/utils/recolor-sector.php b/system/script/scripts/utils/recolor-sector.php
index c1ef285a7..b46589773 100644
--- a/system/script/scripts/utils/recolor-sector.php
+++ b/system/script/scripts/utils/recolor-sector.php
@@ -1,3 +1,3 @@
';
-echo '