/**
	My Copy-Paste-Fu is strong in this one. (@FWTools, @Alex, @Baum, @Mordino, @Teepflanze)
    v1.0
**/

@import url("./cmp/status.css");
@import url("./cmp/ans.css");
@import url("./cmp/cnr.css");
@import url("./cmp/smn.css");
@import url("./cmp/cid.css");
@import url("./cmp/saveheaven.css");

/* GLOBAL VARS */
:root {
--primary: #373737;
--chat_bg: #2e2e2e;
--area_bg: #575757;
--mainheader_bg: #2e2e2e;
--border: #797979;
--global_font: #e7e9eb;
--rbgcolor: #FFFFFF;
--linkcolor: #f43f3f;
--chat_highlight: #b4d273;
--chat_group: #FF962E;
--chat_clan: #ff4e4de0;
--chat_scream: #6a9dff;
--chat_global: #FBEBAD;
--chat_whisper: #00CF16;
--chat_weather: #FFB400;
--color_healthok: #73ff73;
--npc_highlight: #b4d273;
}
/* Notruf rechtsbündig */
a[href*="clanmenu.php?action=sos"] {
 display: block;
 font-weight: bold;
 text-align: right;} 
/* Nicht optimal gelöst */

/*Divider verbergen*/
img[src$="../images/item_divider.gif"] {
    display: none;
}
/* Bank */
.areadescription table[align="left"] {
    border-spacing: 0px;
}
.areadescription table[align="left"] td {
    padding: 1px 4px;
}
.areadescription table[align="left"] tbody tr {
    background: transparent!important;
}
.areadescription table[align="left"] tr:hover {
    background: #7968417d!important;
}
/*Sichere Felder*/
.framemapbg td a,.framemapbg td {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
}

.framemapbg td#mapx84y100:before,
.framemapbg td#mapx89y101:before,
.framemapbg td#mapx89y104:before,
.framemapbg td#mapx88y105:before,
.framemapbg td#mapx186y136:before,
.framemapbg td#mapx184y139:before,
.framemapbg td#mapx187y139:before,
.framemapbg td#mapx185y140:before,
.framemapbg td#mapx86y85:before,
.framemapbg td#mapx87y87:before,
.framemapbg td#mapx85y90:before,
.framemapbg td#mapx65y90:before,
.framemapbg td#mapx66y90:before,
.framemapbg td#mapx68y94:before,
.framemapbg td#mapx119y122:before,
.framemapbg td#mapx56y100:before,
.framemapbg td#mapx804y806:before,
.framemapbg td#mapx100y88:before,
.framemapbg td#mapx109y91:before,
.framemapbg td#mapx107y93:before,
.framemapbg td#mapx100y94:before,
.framemapbg td#mapx104y94:before,
.framemapbg td#mapx106y95:before,
.framemapbg td#mapx97y96:before,
.framemapbg td#mapx-19999y-19999:before,
.framemapbg td#mapx-19998y-19999:before,
.framemapbg td#mapx-19997y-19999:before,
.framemapbg td#mapx-19999y-19998:before,
.framemapbg td#mapx-19998y-19998:before,
.framemapbg td#mapx-19997y-19998:before,
.framemapbg td#mapx-19999y-19997:before,
.framemapbg td#mapx-19998y-19997:before,
.framemapbg td#mapx-19997y-19997:before,
.framemapbg td#mapx-19998y-19996:before,
.framemapbg td#mapx-19993y-19999:before,
.framemapbg td#mapx-19994y-19998:before,
.framemapbg td#mapx-19993y-19998:before,
.framemapbg td#mapx-19992y-19998:before,
.framemapbg td#mapx-19991y-19998:before,
.framemapbg td#mapx-19992y-19997:before,
.framemapbg td#mapx78y97:before,
.framemapbg td#mapx76y98:before,
.framemapbg td#mapx80y99:before,
.framemapbg td#mapx74y101:before,
.framemapbg td#mapx77y101:before,
.framemapbg td#mapx76y103:before,
.framemapbg td#mapx76y104:before,
.framemapbg td#mapx-827y-919:before,
.framemapbg td#mapx-471y-473:before,
.framemapbg td#mapx-470y-473:before,
.framemapbg td#mapx-469y-473:before,
.framemapbg td#mapx-467y-473:before,
.framemapbg td#mapx-471y-472:before,
.framemapbg td#mapx-470y-472:before,
.framemapbg td#mapx-469y-472:before,
.framemapbg td#mapx-467y-472:before,
.framemapbg td#mapx-471y-471:before,
.framemapbg td#mapx-470y-471:before,
.framemapbg td#mapx-469y-471:before,
.framemapbg td#mapx-468y-471:before,
.framemapbg td#mapx-467y-471:before,
.framemapbg td#mapx-466y-471:before,
.framemapbg td#mapx-470y-470:before,
.framemapbg td#mapx-490y-492:before,
.framemapbg td#mapx-489y-492:before,
.framemapbg td#mapx-491y-491:before,
.framemapbg td#mapx-490y-491:before,
.framemapbg td#mapx-489y-491:before,
.framemapbg td#mapx-490y-490:before,
.framemapbg td#mapx90y88:before,
.framemapbg td#mapx88y89:before,
.framemapbg td#mapx89y89:before,
.framemapbg td#mapx92y89:before,
.framemapbg td#mapx87y90:before,
.framemapbg td#mapx92y92:before,
.framemapbg td#mapx89y93:before,
.framemapbg td#mapx-1299y-1399:before,
.framemapbg td#mapx-1298y-1399:before,
.framemapbg td#mapx-1294y-1393:before,
.framemapbg td#mapx71y101:before,
.framemapbg td#mapx70y102:before,
.framemapbg td#mapx-500y-502:before,
.framemapbg td#mapx-499y-502:before,
.framemapbg td#mapx-500y-501:before,
.framemapbg td#mapx-500y-500:before,
.framemapbg td#mapx-100y-95:before,
.framemapbg td#mapx-10001y-10011:before,
.framemapbg td#mapx93y113:before,
.framemapbg td#mapx66y85:before,
.framemapbg td#mapx96y99:before,
.framemapbg td#mapx97y99:before,
.framemapbg td#mapx100y100:before,
.framemapbg td#mapx96y101:before,
.framemapbg td#mapx97y101:before,
.framemapbg td#mapx98y101:before,
.framemapbg td#mapx96y102:before,
.framemapbg td#mapx97y102:before,
.framemapbg td#mapx98y102:before,
.framemapbg td#mapx101y102:before,
.framemapbg td#mapx99y103:before,
.framemapbg td#mapx58y106:before,
.framemapbg td#mapx114y98:before,
.framemapbg td#mapx117y100:before,
.framemapbg td#mapx116y101:before,
.framemapbg td#mapx117y106:before,
.framemapbg td#mapx117y107:before,
.framemapbg td#mapx117y113:before,
.framemapbg td#mapx120y115:before,
.framemapbg td#mapx51y73:before,
.framemapbg td#mapx51y75:before,
.framemapbg td#mapx52y75:before,
.framemapbg td#mapx54y75:before,
.framemapbg td#mapx56y75:before,
.framemapbg td#mapx44y76:before,
.framemapbg td#mapx53y76:before,
.framemapbg td#mapx54y76:before,
.framemapbg td#mapx55y76:before,
.framemapbg td#mapx53y77:before,
.framemapbg td#mapx54y77:before,
.framemapbg td#mapx49y83:before,
.framemapbg td#mapx96y84:before,
.framemapbg td#mapx92y87:before,
.framemapbg td#mapx84y112:before,
.framemapbg td#mapx87y112:before,
.framemapbg td#mapx86y113:before,
.framemapbg td#mapx81y114:before,
.framemapbg td#mapx82y114:before,
.framemapbg td#mapx75y115:before,
.framemapbg td#mapx76y115:before,
.framemapbg td#mapx78y115:before,
.framemapbg td#mapx79y115:before,
.framemapbg td#mapx80y115:before,
.framemapbg td#mapx81y115:before,
.framemapbg td#mapx82y115:before,
.framemapbg td#mapx83y115:before,
.framemapbg td#mapx84y115:before,
.framemapbg td#mapx85y115:before,
.framemapbg td#mapx75y116:before,
.framemapbg td#mapx76y116:before,
.framemapbg td#mapx77y116:before,
.framemapbg td#mapx78y116:before,
.framemapbg td#mapx79y116:before,
.framemapbg td#mapx80y116:before,
.framemapbg td#mapx81y116:before,
.framemapbg td#mapx82y116:before,
.framemapbg td#mapx83y116:before,
.framemapbg td#mapx84y116:before,
.framemapbg td#mapx85y116:before,
.framemapbg td#mapx86y116:before,
.framemapbg td#mapx79y117:before,
.framemapbg td#mapx80y117:before,
.framemapbg td#mapx81y117:before,
.framemapbg td#mapx82y117:before,
.framemapbg td#mapx83y117:before,
.framemapbg td#mapx84y117:before,
.framemapbg td#mapx85y117:before,
.framemapbg td#mapx80y118:before,
.framemapbg td#mapx81y118:before,
.framemapbg td#mapx83y118:before,
.framemapbg td#mapx80y119:before,
.framemapbg td#mapx103y115:before,
.framemapbg td#mapx101y116:before,
.framemapbg td#mapx96y117:before,
.framemapbg td#mapx101y117:before,
.framemapbg td#mapx103y117:before,
.framemapbg td#mapx99y118:before,
.framemapbg td#mapx101y119:before,
.framemapbg td#mapx98y120:before,
.framemapbg td#mapx501y54:before,
.framemapbg td#mapx507y57:before,
.framemapbg td#mapx508y57:before,
.framemapbg td#mapx104y104:before,
.framemapbg td#mapx106y106:before,
.framemapbg td#mapx113y106:before,
.framemapbg td#mapx100y107:before,
.framemapbg td#mapx105y111:before,
.framemapbg td#mapx109y111:before,
.framemapbg td#mapx110y111:before,
.framemapbg td#mapx-105y-95:before,
.framemapbg td#mapx108y113:before,
.framemapbg td#mapx114y114:before,
.framemapbg td#mapx110y115:before,
.framemapbg td#mapx76y110:before,
.framemapbg td#mapx79y110:before,
.framemapbg td#mapx96y106:before,
.framemapbg td#mapx95y108:before,
.framemapbg td#mapx96y110:before,
.framemapbg td#mapx94y111:before,
.framemapbg td#mapx98y111:before,
.framemapbg td#mapx95y112:before,
.framemapbg td#mapx-90y-90:before,
.framemapbg td#mapx72y107:before,
.framemapbg td#mapx74y107:before,
.framemapbg td#mapx71y90:before,
.framemapbg td#mapx73y90:before,
.framemapbg td#mapx75y90:before,
.framemapbg td#mapx78y93:before,
.framemapbg td#mapx68y109:before,
.framemapbg td#mapx65y112:before,
.framemapbg td#mapx68y116:before,
.framemapbg td#mapx69y116:before,
.framemapbg td#mapx-2359y-2359:before,
.framemapbg td#mapx122y91:before,
.framemapbg td#mapx115y94:before,
.framemapbg td#mapx111y96:before,
.framemapbg td#mapx77y85:before,
.framemapbg td#mapx-286y-472:before,
.framemapbg td#mapx82y92:before,
.framemapbg td#mapx92y99:before,
.framemapbg td#mapx94y100:before,
.framemapbg td#mapx93y101:before,
.framemapbg td#mapx91y104:before,
.framemapbg td#mapx95y104:before,
.framemapbg td#mapx92y105:before,
.framemapbg td#mapx111y82:before,
.framemapbg td#mapx110y83:before,
.framemapbg td#mapx111y83:before,
.framemapbg td#mapx112y83:before,
.framemapbg td#mapx-448y-446:before,
.framemapbg td#mapx-100y-105:before,
.framemapbg td#mapx-100y-104:before,
.framemapbg td#mapx79y114:before,
.framemapbg td#mapx85y118:before,
.framemapbg td#mapx104y131:before,
.framemapbg td#mapx105y132:before,
.framemapbg td#mapx104y132:before,
.framemapbg td#mapx103y132:before,
.framemapbg td#mapx101y133:before,
.framemapbg td#mapx102y133:before,
.framemapbg td#mapx103y133:before,
.framemapbg td#mapx104y133:before,
.framemapbg td#mapx105y133:before,
.framemapbg td#mapx106y133:before,
.framemapbg td#mapx107y133:before,
.framemapbg td#mapx108y134:before,
.framemapbg td#mapx107y134:before,
.framemapbg td#mapx106y134:before,
.framemapbg td#mapx105y134:before,
.framemapbg td#mapx104y134:before,
.framemapbg td#mapx103y134:before,
.framemapbg td#mapx102y134:before,
.framemapbg td#mapx101y134:before,
.framemapbg td#mapx100y135:before,
.framemapbg td#mapx101y135:before,
.framemapbg td#mapx102y135:before,
.framemapbg td#mapx103y135:before,
.framemapbg td#mapx104y135:before,
.framemapbg td#mapx105y135:before,
.framemapbg td#mapx106y135:before,
.framemapbg td#mapx108y136:before,
.framemapbg td#mapx104y136:before,
.framemapbg td#mapx103y136:before,
.framemapbg td#mapx102y136:before,
.framemapbg td#mapx127y85:before,
.framemapbg td#mapx-250y-50:before,
.framemapbg td#mapx-251y-50:before,
.framemapbg td#mapx44y96:before,
.framemapbg td#mapx36y96:before,
.framemapbg td#mapx-54y-76:before,
.framemapbg td#mapx-53y-76:before,
.framemapbg td#mapx-50y-76:before,
.framemapbg td#mapx-49y-75:before,
.framemapbg td#mapx-52y-74:before,
.framemapbg td#mapx126y85:before,
.framemapbg td#mapx116y134:before,
.framemapbg td#mapx114y135:before,
.framemapbg td#mapx-55y-73:before,
.framemapbg td#mapX-50159Y-69950:before {
        content: "";
    opacity: 1;
    position: absolute;
    bottom: .0em;
    right: .0em;
    border: 0 solid #16dd55;
    border-width: .2em .2em;
    width: 2.59em;
    height: 2.59em;
    cursor: default;
}

/* Shopgrafik */
.framebannerbg:before {
    top : 0px;
    float:right;
    content : url("https://zocker.eu/freewar2/grafik.php") url("https://zocker.eu/freewar2/vvvg.php") url("https://freewar.zocker.eu/xp.php?w=1&s=4&limit=3");
    opacity : 1;
    position: absolute;
}

.framebannerbg td[align="center"] { text-align: right; padding-bottom: 10px; padding-right: 10px; }

.listusersrow .fastattack::after {
    content: "\2694";
    font-size: 30px;
    position: absolute;
    right: 5px;
    background: var(--mainheader_bg);
    padding: 7px;
    display: inline;
    width: 30px;
    height: 30px;
    line-height: 1;
    padding: 5px;
    border: 1px solid #2a2a2a;
    border-right-color: rgb(42, 42, 42);
    border-right-style: solid;
    border-right-width: 1px;
    border-radius: 5px 0px 0px 5px;
    border-right: none;
}
.listusersrow .fastchase::after {
    content: "\2691";
    font-size: 30px;
    position: absolute;
    right: 60px;
    background: var(--mainheader_bg);
    padding: 7px;
    display: inline;
    width: 30px;
    height: 30px;
    line-height: 1;
    padding: 5px;
    border: 1px solid #2a2a2a;
    border-right-color: rgb(42, 42, 42);
    border-right-style: solid;
    border-right-width: 1px;
    border-radius: 5px 5px 5px 5px;
}
.listplaceitemsrow a::after {
    content: "\2666";
    font-size: 30px;
    position: absolute;
    right: 5px;
    background: var(--mainheader_bg);
    display: inline;
    width: 30px;
    height: 30px;
    line-height: 1;
    padding: 5px;
    border: 1px solid #2a2a2a;
    border-right-color: rgb(42, 42, 42);
    border-right-style: solid;
    border-right-width: 1px;
    border-radius: 5px 0px 0px 5px;
    border-right: none;
    text-align: center
}

/* goldadern, evt. matched der auch was anderes.. test (yolo) */
.listusersrow a[href*="npc_active"]::after {
    content: "\2692";
    font-size: 30px;
    position: absolute;
    right: 5px;
    background: var(--mainheader_bg);
    padding: 7px;
    display: inline;
    width: 30px;
    height: 30px;
    line-height: 1;
    padding: 5px;
    border: 1px solid #2a2a2a;
    border-right-color: rgb(42, 42, 42);
    border-right-style: solid;
    border-right-width: 1px;
    border-radius: 5px 0px 0px 5px;
    border-right: none;
}


/* Mäuse und Knochen */
.areadescription a[href*="unten310b"]::after, a[href*="unten244"]::after, a[href*="drinkwater"]::after {
    content: "\2766" !important;
    font-size: 30px;
    position: absolute;
    right: 5px;
    background: var(--mainheader_bg);
    padding: 7px;
    display: inline;
    width: 30px;
    height: 30px;
    line-height: 1;
    padding: 5px;
    border: 1px solid #2a2a2a;
    border-right-color: rgb(42, 42, 42);
    border-right-style: solid;
    border-right-width: 1px;
    border-radius: 5px 0px 0px 5px;
    border-right: none;
}

/* Dungeons, evt. matched der auch was anderes.. test (yolo) */
.areadescription a[href*="unten"]::after, a[href*="oben"]::after, a[href*="casino2"]::after, a[href*="betreten"]::after, a[href*="rausgehen"]::after {
    content: "\2616";
    font-size: 30px;
    position: absolute;
    right: 5px;
    background: var(--mainheader_bg);
    padding: 7px;
    display: inline;
    width: 30px;
    height: 30px;
    line-height: 1;
    padding: 5px;
    border: 1px solid #2a2a2a;
    border-right-color: rgb(42, 42, 42);
    border-right-style: solid;
    border-right-width: 1px;
    border-radius: 5px 0px 0px 5px;
    border-right: none;
}

/* Back Buttons*/
.areadescription a[href="main.php"]::after, a[href*="msg_isreport"]::after {
    content: "\2716";
    font-size: 30px;
    position: absolute;
    right: 5px;
    background: var(--mainheader_bg);
    padding: 7px;
    display: inline;
    width: 30px;
    height: 30px;
    line-height: 0,6;
    padding: 5px;
    border: 1px solid #2a2a2a;
    border-right-color: rgb(42, 42, 42);
    border-right-style: solid;
    border-right-width: 1px;
    border-radius: 5px 0px 0px 5px;
    border-right: none;
}

	.valueincreased 	{ font-weight: bold; color: #ff0000; }
	.itemamount 		{ font-weight: bold; color: var(--linkcolor); }
	.itemequipped 		{ font-weight: bold; color: #ff0000; }
	.itemmagic			{ font-weight: bold; color: green }
	.magicextend		{ font-weight: bold; color: var(--color_healthok); }
	.iteminventorypics 	{ visibility: visible; }

p.listcaption 		{ border: 1px solid #A2A09F; font-weight: bold; padding: 1px; padding-left: 5px; margin-bottom: 3px};
#listrow_char_mission a:last-of-type, #listrow_aka_battlep b:last-of-type:not(:first-of-type) { color: transparent; font-size: 0.001%; }

#listrow_aka_battlep b:first-of-type:not(:last-of-type) { display: inline-block; height: 10px; margin-right: 3px; overflow: hidden; width: 18px; }
#listrow_aka_battlep b:last-of-type:not(:first-of-type):before { color: #acabab; content: "KP: "; font-size: 10px; font-weight: bold; margin-left:7px; }

#listrow_char_mission { font-size: 11px; margin-top: -15px; position: absolute; right: 10px; }
#listrow_char_mission a[href*="ability"] { height: 12px; width: 0px; color: transparent;  font-size: 0.001%!important; margin-top: 2px!important; }
#listrow_char_mission a[href*="ability"]:before { content: "Charas "; color: #5092df!important; font-size: 12px; }
#listrow_char_mission a[href*="ability"] span {border: 2px solid transparent!important; margin-top: -8px;}
#listrow_char_mission a:last-of-type, #listrow_aka_battlep b:last-of-type:not(:first-of-type) { color: transparent; font-size: 0.001%; }
#listrow_char_mission a:last-of-type:before { color: #5092df; content: "Auftrag"; font-size: 12px; padding-right: 5px; }

#listrow_money { margin-top: -35px; margin-bottom: 17px; }
#listrow_money > img { padding-right: 1000px; overflow: hidden; white-space: nowrap; }
#listrow_money img[src$="icon_dropgold.gif"] 			{ display: none; }
#listrow_money img[src$="transfergold.gif"] 			{ display: none; }
#listrow_money.listrow text {content: "";}
#listrow_money a[href*="action=moneydrop1"]:before 		{ content: url(../images/icon_drop.gif); left:-1010px; top:3px; position: relative }
#listrow_money a[href*="action=moneytransfer1"]:after 		{ content: url(../images/icon_transfer.gif); left:-1008px; top:2px; position: relative  }
#listrow_lifep:before { content: "LP: "; font-weight: bold; }
#listrow_lifep {margin-top: 17px!important; margin-bottom: 4px }
#listrow_lifep > b, #listrow_int > b, #listrow_attackp > b, #listrow_defensep > b, #listrow_ring > b { display: none; }
#listrow_lifep.listrow span#itemlpdisp span.healthcritical {animation: opacity 2s ease-in-out infinite; opacity: 1; font-size: 16px;}
#listrow_lifep.listrow span#itemlpdisp span.healthmed {animation: opacity 2s ease-in-out infinite; opacity: 1;  font-size: 16px;}

#listrow_int:before { content: "Int: "; font-weight: bold; padding-left: 10px; }
#listrow_int span { position: absolute; right: 11px; }
#listrow_int span:after { color: #acabab; font-weight: bold; content: " Speed"; }
#listrow_int { background-color: transparent; max-width: 0px!important; margin-top: -17px; text-align: right!important; }

#listrow_neck {margin-top: 1px;}
/* Charakter-Info verkürzen */
.frameitembg p.listrow[id^="listrow_"]:not(#listrow_status) { white-space: nowrap; overflow: hidden; max-width: 260px; }
.listrow 		{  background-color: var(--chat_bg); padding-left:5px;}
#listrow_attackp .valueincreased { padding-right: 1000px; }
#listrow_attackp { padding-top: 4px; }
#listrow_attackw , #listrow_defensew { right: 5px; font-size: 0px; font-weight: bold; background-color: transparent; margin-top: -17px; max-width: 200px; position: absolute; }
#listrow_lifep > b, #listrow_int > b, #listrow_attackp > b, #listrow_defensep > b, #listrow_ring > b { display: none; }
#listrow_attackw a {font-size: 0;}
#listrow_attackw a:before {content: "A-Waffe"; font-size: 11px; margin-right: 6px}
#listrow_attackp:before { content: "A: "; font-weight: bold; padding-left: 0px; }
#listrow_defensew a {font-size: 0;}
#listrow_defensew a:before {content: "V-Waffe"; font-size: 11px; margin-right: 6px}
#listrow_defensep:before { content: "V: "; font-weight: bold; padding-left: 0px; }
#listrow_defensew:after, #listrow_attackw:after, #listrow_ring:after { margin-right: 8px; }
#listrow_ring:before{content: "F: "; font-weight: bold; padding-left: 0px}
#listrow_special { background-color: transparent; border: medium none; display: block; overflow: hidden; position: absolute; right: 11px; top: 52px; width: auto; }
#listrow_special a[href*="special"] { height: 12px; width: 0px; color: transparent;  font-size: 0.001%!important;}
#listrow_special a[href*="special"]:before { content: "Spezi"; color: #5092df!important; font-size: 12px; }
#listrow_special a[href*="special"] span {border: 2px solid transparent!important;}
#listrow_special a[href="item.php?action=towercontrol"] { height: 12px; width: 0px; color: transparent;  font-size: 0.001%!important;}
#listrow_special a[href="item.php?action=towercontrol"]:before { content: "Turm"; color: #5092df!important; font-size: 12px; }
#listrow_special a[href="item.php?action=towercontrol"] span {border: 2px solid transparent!important;}

#toplp {border: 1px dotted var(--border) !important; background-color: var(--mainheader_bg) !important;}
#fullenergydisp {background: var(--mainheader_bg) !important; border: 1px solid var(--border) !important; background-image:none !important;}
#curenergy {border: 1px solid var(--linkcolor) !important; background: var(--linkcolor) !important; background-image: none !important}
a[href="item.php?action=lastfastspell"] {font-size: 12px}

#listrow_status .healthok, #listrow_status .healthmed, #listrow_status .healthcritical {
    padding: 2px 5px 2px 2px;
    background: var(--mainheader_bg);
    border-radius: 7px;
    font-size: 0px;
    display: inline-block;
    margin-top: 2px;
    border: 1px solid var(--border);
}

.ukbar {background: var(--mainheader_bg) !important;}

/* BETTER SUNFIRE */
/* Stylegenerator v 0.1 by sniGG */
/* http://www.fwwiki.de/index.php/Benutzer:Doran */

/* Hilfe gibt es im Styleforum: http://forum.freewar.de/viewtopic.php?f=18&t=40823 */

/* Besteht aus: */
/* 1. Freewar.de StyleSheet Cold Sunfire v1.0 - (C) 2004 (Sotrax) */
/* 2. Einigen Features aus dem "Kaspersky Style" -(isdrador) http://kstyle.infos.lc */
/* 3. Den Runenpuzzle-änderungen von Po1son*/
/* 4. Diversen änderungen von Latzhosenträger */
/* 5. Diversen änderungen von sniGG */

/* Dank geht an alle, die Inhalte zur Verfügung gestellt haben, insbesondere Sotrax und isdrador. */
/* Auch bedanke ich mich bei allen, die tatkräftig geholfen haben. */

/* Einige Inhalte dieses Styles werden mittlerweile von vielen anderen Styles übernommen. Wenn jemand etwas übernehmen will, muss er eine PN an Latzhosenträger schreiben. */



/* global */
	p,ul,ol,body:not(.framemapbg) div,td,span,layer,table,body	 
				{   font-family: Arial, helvetica, sans-serif; 
                    font-size: 0.775rem; 
                    color: var(--global_font);
                    font-weight:400
                 }
	p 			{ margin: 0px; padding: 0px; }

/* body */
	body 			{ background-color: var(--primary); margin: 5px; }

/* table */
	table 			{ border:0px; border-collapse: collapse; } /* cellspacing & cellpadding & border =0 no longer needed
	td 			{ padding:0px; margin:0px; }

/* scrollbars */
/* body, textarea 		{ scrollbar-base-color:#BBBBBB; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#007F9F; scrollbar-darkshadow-color:#999999; scrollbar-face-color:#D5D5D5; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#636363; scrollbar-track-color:#F5F5F5; } */

/* links */
	a:link 			{ color:var(--linkcolor); text-decoration:none; font-weight:bold; }
	a:visited 		{ color:var(--linkcolor); text-decoration:none; font-weight:bold; }
	a:active 		{ color:#FF3300; text-decoration:hover; font-weight:bold; }
	a:hover 		{ color:#FF3300; text-decoration:underline; font-weight:bold; }

/* fonts */
	h1 			{ font-size:12px; font-weight:bold; margin-bottom: 0px;}
	.medium 		{ font-size:11px; }
	.small 			{ font-size:10px; }

/* colors */
	.fontcolor 		{ color: #555555; }
	.white 			{ color: #ffffff; }

/* bgcolors */
	.body 			{ background-color: #FFFFFF; }
	.divider 		{ background-color: #555555; }
	.outline 		{ background-color: #999999; }
	.menubg			{ background-color: #F1F1F1; }
	.brightbg		{ background-color: #E5E5E5; }
	.verybrightbg		{ background-color: #F1F1F1; }
	.reallybrightbg		{ background-color: #FAFAFA; }
	.whitebg		{ background-color: #FFFFFF; }
	.blackbg 		{ background-color: #000000; }
	.brownbg 		{ background-color: var(--mainheader_bg); }
    .bg1            { background-color: var(--mainheader_bg) !important  ; }

/* forms */
	.registerinput 	 	{ width: 100%; font-size: 10px; }
	.registersubmit  	{ font-size: 10px; }
	.logininput 	 	{ width: 100%; font-size: 10px; }
	.loginsubmit		{ width: 100%; font-size: 10px; }

/* forms */
	.input 			{ font-size: 11px; background-color: var(--area_bg); height: 17px; border: 1px solid var(--border); color: var(--global_font) }
	textarea		{ font-size: 12px; background-color: var(--area_bg); border: 1px solid var(--border); color:var(--global_font) }
	select 			{ font-size: 11px; background-color: #DBEBEF; }

/* chat buttons */
.submitsagen {
    background-color: var(--area_bg);
    border: 1px solid  var(--border);
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    height: 17px;
    margin-left: 2px;
    margin-right: 2px;
    padding-bottom: 2px;
    width: 80px;
}
.submitclan {
    background-color: var(--area_bg);
    border: 1px solid  var(--border);
   color: var(--chat_clan);
    font-size: 11px;
    font-weight: bold;
    height: 17px;
    margin-right: 2px;
    padding-bottom: 2px;
    width: 80px;
}
.chattextsynergieinspiration { font-style: italic; }
.submitschreien {
    background-color: var(--area_bg);
    border: 1px solid  var(--border);
    color: var(--chat_scream);
    font-size: 11px;
    font-weight: bold;
    height: 17px;
    margin-right: 2px;
    padding-bottom: 2px;
    width: 87px;
}
.submitgroup {
    background-color: var(--area_bg);
    border: 1px solid  var(--border);
    color: var(--chat_group);
    font-size: 11px;
    font-weight: bold;
    height: 17px;
    margin-right: 2px;
    padding-bottom: 2px;
    width: 80px;
}
.submitwhisper {
    background-color: var(--area_bg);
    border: 1px solid  var(--border);
    color: var(--chat_whisper);
    font-size: 11px;
    font-weight: bold;
    height: 17px;
    margin-right: 2px;
    padding-bottom: 2px;
    width: 88px;
}
.submitglobalchat 	{
    background-color: var(--area_bg);
    border: 1px solid  var(--border);
    color: var(--chat_global);
    font-size: 11px;
    font-weight: bold;
    height: 17px;
    margin-right: 2px;
    padding-bottom: 2px;
    width: 80px;
}



/* banner stuff */
	.bannerad 		{ border: 1px solid #C85424; }

/* text classes */
	.chattext 		{ font-size: 13px; }
    .chattext > b {color: #FFF;}
    .chattext > i > b {color: var(--chat_highlight) !important; }
    .chattextgroup {color: var(--chat_group);}
	.chattextscream		{ color: var(--chat_scream); font-size: 13px; }
	.chattextclan 		{ color: var(--chat_clan); font-size: 13px; }
    .chattextglobal     {color: var(--chat_global);}
	.chattextworldsay 	{ background-color: #C1CEF9; font-size: 13px; }
	.chattextwhisper 	{ color: var(--chat_whisper); font-size: 13px; }
    .chatfastnpcinfo {color: var(--chat_highlight) !important; }
	.healthmed		{ color: #FF8000; }
	.healthok 		{ color: var(--color_healthok); }
	.healthcritical 	{ color: #ff7373; }
	.chatpics 		{ visibility: visible; }

    .listusersrow > b {color: var(--npc_highlight)}
    .areadescription > b {color: var(--npc_highlight)}
    p.worldsay tr[bgcolor="#99EE99"] td {color: black; background-color: #52a252}
    p.worldsay tr[bgcolor="#C1CEF9"] td {color: black; background-color: #898b91}


/* Wetter */
	.chattextinfo 		{ color: var(--chat_weather); font-size: 13px; font-weight: bold; } 	/* normales Wetter */
	.chattextinfo 		{ font-style: italic; }
	.chattextinfo:before 	{ content: "Wetter: "; font-weight: bold; color: var(--chat_weather); } /* Bemerkenswertzeile - l�schen/rauskommentieren wenn unerw�nscht */



	.framechatformbg 	{ }
	.framechattextbg 	{ background-color: var(--chat_bg); margin: 10px; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; }
	/*.framemainbg 		{ margin: 10px; background-image: url(images/mainbg.jpg); background-repeat: repeat-y; background-position: right; }*/
	.frameitembg 		{ margin: 10px; background-color: var(--chat_bg); }
    .frameitembg img[src$="item_divider.gif"]   {margin-top: -5px;height: 9px;}
	.framemapbg 		{ margin: 10px; margin-top: 3px; background-color: var(--chat_bg); }
	.framemenubg 		{ background-color: var(--chat_bg);  }

/* main module */
	td.mainheader 		{ font-size: 35px; background-color: var(--mainheader_bg) }
	table.areadescription 	{ border: 1px solid var(--border); background-color: var(--area_bg); width: 100%; }
	td.areadescription 	{ padding: 0px; }
    .tdplaceenv { border: 1px solid var(--border) !important }
	.imageborder 		{ border: 1px solid #C85424; background-color: #C85424; margin-right: 1px; margin-bottom: 1px;}
	p.maincaption 		{ font-weight: bold; font-size: 30px; padding: 1px; padding-left: 1px; background-color: var(--mainheader_bg); border: 1px solid var(--border); }
	p.maincaption2 		{ font-weight: bold; font-size: 12px; padding: 1px; padding-left: 1px; background-color: var(--mainheader_bg); border: 1px solid var(--border); }
	p.maindesc1 		{ padding: 1px; padding-left: 1px; border-top: 1px; width: 300px; background-color: var(--area_bg); border: 1px solid var(--border); }
	p.maindesc2 		{ border: 1px solid var(--border); background-color: var(--area_bg); width: 100%; }


/* map module */
	p.positiontext 		{ background-color: #BBBBBB; border: 1px solid #555555; color: #000000; font-size: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 3px; padding-left: 0px; padding-right: 0px; width: 100%; }
	
	@charset iso-8859-1;

.framemapbg td[id^="map"] a:after {
z-index: 2; width: 50px; position: absolute; left: 0px; top: 0px; line-height: 120%; font-size: 10px; font-weight: bold; text-align: center; color: #D20000; background: #CCCCCC; border-bottom: 1px solid #BABABA; opacity: 0.70; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; 
}

/* main module */
	.personlistcaption, .listusersrow {max-width: calc(90% + 50px + .5em) !important; background-color: var(--area_bg);  padding: 1px; padding-left: 1px;  border: 1px solid var(--border); border-top: 0px; overflow: hidden; }
	.itemlistcaption, .listplaceitemsrow {max-width: calc(90% + 40px + .5em) !important; background-color: var(--mainheader_bg); border: 1px solid var(--border); padding: 1px; overflow:hidden; border-top: 0px;}
	p.personlistcaption 	{ font-weight: bold; padding: 1px;  }
	p.itemlistcaption	{   font-weight: bold; padding: 1px;}
	
/*.listusersrow font[color="#0055AA"] {color: #73ffff;}*/
/* misc */
	.borderbg 		{ background-color: #D0CFCF; }
	img.nocango 		{ background: transparent;}
	a.nocango 		{ background: #transparent; height: 50px; width: 50px; border-width: 0; display: block;}
	a.nocango:hover 	{ background: url(images/nocango.gif) top left no-repeat; cursor: default;}
	.abilitymenu 		{ border:0px; border-collapse: collapse; }
	.abilitymenu tr 	{ padding: 2px; padding-left: 5px; }
	.abilitymenu td 	{ text-align: right; padding: 2px; padding-left: 5px; border: 1px solid var(--border); }
	td.c1 			{ text-align: left;}
	.bold td		{ font-weight:bold;}
	.friendlist 		{ border-collapse: collapse; }
	.friendlist tr 		{ background-color: var(--area_bg); }
	.friendlist td 		{ padding: 3px; border-bottom: 1px solid #D6CBC2; }



/* Einstellungen */
	a[href*="profil.php?action=skip"]:before 	{ content: url(images/check.png); padding-right: 2px; }
	a[href*="profil.php?action=skip"]:hover 	{ color: #D20000 !important; }
	a[href*="profil.php?action=show"]:before 	{ content: url(images/cross.png); padding-right: 2px; }
	a[href*="profil.php?action=show"]:hover 	{ color: #008800 !important; }
	a[href*="profil.php?action=enable"]:before 	{ content: url(images/cross.png); padding-right: 2px; }
	a[href*="profil.php?action=enable"]:hover 	{ color: #008800 !important; }
	form > input[name="ownstyle"] 			{ width: 100%; }

/* Item-/Gelduebergabe */
	.frameitembg a[href*="item.php?action=transfer2"] 	{ display: inline-block; margin: 0px 0px 5px 5px; }
	.frameitembg a[href*="item.php?action=moneytransfer3"] 	{ display: inline-block; margin: 0px 0px 5px 5px; }



/* Zust�nde blinken beim Auslaufen */
	span[title*="(2 Minuten)"] { color:#D20000; text-decoration:blink;}
	span[title*="(1 Minuten)"] { color:#D20000; text-decoration:blink; font-size: larger; font-weight: bold;}
	span[title*="(0 Minuten)"] { color:#D20000; text-decoration:blink; font-size: larger; font-weight: bold;}





/* Rassen der Clanmitglieder im Clanmenu */

	.frameitembg *[title*="Mensch"]:after 	{ display: block; content:" ("attr(title)")"; }
	.frameitembg *[title*="Onlo"]:after 	{ display: block; content:" ("attr(title)")";  }
	.frameitembg *[title*="Natla"]:after 	{ display: block; content:" ("attr(title)")";  }
	.frameitembg *[title*="dunkler"]:after 	{ display: block; content:" ("attr(title)")"; }
	.frameitembg *[title*="Serum"]:after 	{ display: block; content:" ("attr(title)")";  }
	.frameitembg *[title*="Taruner"]:after 	{ display: block; content:" ("attr(title)")"; }


/* Spezialworldsays ausblenden */

    /* deaktivert am 22.01.2017 */

	/* Gelb */
	/*p.worldsay table tr[bgcolor="#FFDA47"] 		{ display:none; }
	p.worldsay table tr[bgcolor="#FFDA47"] td	{ display:none; }*/

	/* Pink */
	/*p.worldsay table tr[bgcolor="#FFAEA1"] 		{ display:none; }
	p.worldsay table tr[bgcolor="#FFAEA1"] td 	{ display:none; }*/

	/* Orange */
	/*p.worldsay table tr[bgcolor="#F8A370"] 		{ display:none; }
	p.worldsay table tr[bgcolor="#F8A370"] td 	{ display:none; }*/

/* Inventar-Platzschaffende änderungen */
	p.listcaption + p.listrow .small b + b 		{ margin: 0 0 0 -6px; }
	p.listcaption + p.listrow .small b + b:before 	{ content: " | "; }

	p.listcaption + p + p + p + p + p + p + p.listrow .valueincreased, p.listcaption + p + p + p + p + p + p + p + p.listrow .valueincreased, p.listcaption + p + p + p + p + p + p + p + p + p.listrow .valueincreased { display:inline-block; width:150px; }
	p.listcaption + p + p + p + p + p + p + p.listrow, p.listcaption + p + p + p + p + p + p + p + p.listrow, p.listcaption + p + p + p + p + p + p + p + p +p.listrow { overflow:hidden; white-space:nowrap; }
	
	/* Modified by Cembon */
	p[title~="Zustand:"] a { font-size: 0; }
	p[title~="Zustand:"] a:before { content: "Waffe"; font-size: 12px; }	
	
	.valueincreased 				{color:#73ff73; font-size: smaller;}

    p.listitemrow b {color: var(--global_font);}
    p.listitemrow b.itemname:hover {color: var(--linkcolor);}

	#fastspell1, #fastspell2, #fastspell3, #fastspell4, #fastspell5, #fastspell6, #fastspell7, #fastspell8, #fastspell9 { margin-top: -1px;}
	#fastspell 					{margin: -10px 5px 0px 0px; }
	#fastspell td 					{padding: 0px 5px 0px 0px;}

	

/*Bilder verkleinern (Vote/Brief/Sieg/Niederlage) */
	img[src$="brief.jpg"] 						{width: 100px; }
	img[src$="sieg.jpg"] 						{ width: 50px; }
	img[src$="niederlage.jpg"] 					{ width: 50px; }
	img[src="http://voting.gdynamite.de/images/gd_animbutton.gif"] 	{width: 25px !important; }
	img[src="http://www.gamessphere.de/img/graphics/vote.gif"] 	{width: 25px;}
	img[src="http://www.freewar.de/images/vote.gif"] 		{width: 25px !important; }

/*Cursor Fix*/
	*[onclick] 		{ cursor: pointer; }

/*Texteingabe größer: Modnachricht, Feuervogel, Post, Postvogel, Notizzettel...*/
	.frameitembg textarea 	{ width: 100%; height: 50%;}
	.framemainbg textarea	{ width: 100% !important; height: 70% !important; }

/*Sponsorsterne*/
	img[src$="sponsor.gif"] 	{ margin-right: 1px; }
	img[src$="sponsor2.gif"] 	{ margin-right: 1px; }
	img[src$="sponsor3.gif"]	{ margin-right: 1px; }
    
/* inv fix */
.frameitembg{
 overflow-x: hidden;
 }
 
 #listrow_int ~ p.listrow[title$="100%"] a::after {
    position: absolute;
    right: 20px;
 }
 
 .aggressivenpc {
	color:#d00;
	display:inline-block;
	padding-right:3px
}
/* von Teepflanze geklaut */

/*gigantische */
img[src$="spindel.gif"] {
background: rgba(255, 113, 113, 0.71) !important;
border: 2px inset rgb(53, 53, 53)!important;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}

/*klein */
img[src$="spindel2.gif"] {
background: rgba(127, 253, 103, 0.57) !important;
border: 2px inset rgb(53, 53, 53)!important;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}

/*normale */
img[src$="spindel3.gif"] {
background: rgba(255, 252, 89, 0.76)!important;
border: 2px inset rgb(53, 53, 53)!important;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}

/*normale */
img[src*="npcs"] {
margin-right: .2rem;
background: #C4C4C4;
border: 2px inset rgb(53, 53, 53)!important;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}

/* Waffenzustände*/
p[title$=" 200%"]:after { content: " (200%)"; font-size: 10px; color: #acabab; }
p[title$=" 199%"]:after { content: " (199%)"; font-size: 10px; color: #acabab; }
p[title$=" 198%"]:after { content: " (198%)"; font-size: 10px; color: #acabab; }
p[title$=" 197%"]:after { content: " (197%)"; font-size: 10px; color: #acabab; }
p[title$=" 196%"]:after { content: " (196%)"; font-size: 10px; color: #acabab; }
p[title$=" 195%"]:after { content: " (195%)"; font-size: 10px; color: #acabab; }
p[title$=" 194%"]:after { content: " (194%)"; font-size: 10px; color: #acabab; }
p[title$=" 193%"]:after { content: " (193%)"; font-size: 10px; color: #acabab; }
p[title$=" 192%"]:after { content: " (192%)"; font-size: 10px; color: #acabab; }
p[title$=" 191%"]:after { content: " (191%)"; font-size: 10px; color: #acabab; }
p[title$=" 190%"]:after { content: " (190%)"; font-size: 10px; color: #acabab; }
p[title$=" 189%"]:after { content: " (189%)"; font-size: 10px; color: #acabab; }
p[title$=" 188%"]:after { content: " (188%)"; font-size: 10px; color: #acabab; }
p[title$=" 187%"]:after { content: " (187%)"; font-size: 10px; color: #acabab; }
p[title$=" 186%"]:after { content: " (186%)"; font-size: 10px; color: #acabab; }
p[title$=" 185%"]:after { content: " (185%)"; font-size: 10px; color: #acabab; }
p[title$=" 184%"]:after { content: " (184%)"; font-size: 10px; color: #acabab; }
p[title$=" 183%"]:after { content: " (183%)"; font-size: 10px; color: #acabab; }
p[title$=" 182%"]:after { content: " (182%)"; font-size: 10px; color: #acabab; }
p[title$=" 181%"]:after { content: " (181%)"; font-size: 10px; color: #acabab; }
p[title$=" 180%"]:after { content: " (180%)"; font-size: 10px; color: #acabab; }
p[title$=" 179%"]:after { content: " (179%)"; font-size: 10px; color: #acabab; }
p[title$=" 178%"]:after { content: " (178%)"; font-size: 10px; color: #acabab; }
p[title$=" 177%"]:after { content: " (177%)"; font-size: 10px; color: #acabab; }
p[title$=" 176%"]:after { content: " (176%)"; font-size: 10px; color: #acabab; }
p[title$=" 175%"]:after { content: " (175%)"; font-size: 10px; color: #acabab; }
p[title$=" 174%"]:after { content: " (174%)"; font-size: 10px; color: #acabab; }
p[title$=" 173%"]:after { content: " (173%)"; font-size: 10px; color: #acabab; }
p[title$=" 172%"]:after { content: " (172%)"; font-size: 10px; color: #acabab; }
p[title$=" 171%"]:after { content: " (171%)"; font-size: 10px; color: #acabab; }
p[title$=" 170%"]:after { content: " (170%)"; font-size: 10px; color: #acabab; }
p[title$=" 169%"]:after { content: " (169%)"; font-size: 10px; color: #acabab; }
p[title$=" 168%"]:after { content: " (168%)"; font-size: 10px; color: #acabab; }
p[title$=" 167%"]:after { content: " (167%)"; font-size: 10px; color: #acabab; }
p[title$=" 166%"]:after { content: " (166%)"; font-size: 10px; color: #acabab; }
p[title$=" 165%"]:after { content: " (165%)"; font-size: 10px; color: #acabab; }
p[title$=" 164%"]:after { content: " (164%)"; font-size: 10px; color: #acabab; }
p[title$=" 163%"]:after { content: " (163%)"; font-size: 10px; color: #acabab; }
p[title$=" 162%"]:after { content: " (162%)"; font-size: 10px; color: #acabab; }
p[title$=" 161%"]:after { content: " (161%)"; font-size: 10px; color: #acabab; }
p[title$=" 160%"]:after { content: " (160%)"; font-size: 10px; color: #acabab; }
p[title$=" 159%"]:after { content: " (159%)"; font-size: 10px; color: #acabab; }
p[title$=" 158%"]:after { content: " (158%)"; font-size: 10px; color: #acabab; }
p[title$=" 157%"]:after { content: " (157%)"; font-size: 10px; color: #acabab; }
p[title$=" 156%"]:after { content: " (156%)"; font-size: 10px; color: #acabab; }
p[title$=" 155%"]:after { content: " (155%)"; font-size: 10px; color: #acabab; }
p[title$=" 154%"]:after { content: " (154%)"; font-size: 10px; color: #acabab; }
p[title$=" 153%"]:after { content: " (153%)"; font-size: 10px; color: #acabab; }
p[title$=" 152%"]:after { content: " (152%)"; font-size: 10px; color: #acabab; }
p[title$=" 151%"]:after { content: " (151%)"; font-size: 10px; color: #acabab; }
p[title$=" 150%"]:after { content: " (150%)"; font-size: 10px; color: #acabab; }
p[title$=" 149%"]:after { content: " (149%)"; font-size: 10px; color: #acabab; }
p[title$=" 148%"]:after { content: " (148%)"; font-size: 10px; color: #acabab; }
p[title$=" 147%"]:after { content: " (147%)"; font-size: 10px; color: #acabab; }
p[title$=" 146%"]:after { content: " (146%)"; font-size: 10px; color: #acabab; }
p[title$=" 145%"]:after { content: " (145%)"; font-size: 10px; color: #acabab; }
p[title$=" 144%"]:after { content: " (144%)"; font-size: 10px; color: #acabab; }
p[title$=" 143%"]:after { content: " (143%)"; font-size: 10px; color: #acabab; }
p[title$=" 142%"]:after { content: " (142%)"; font-size: 10px; color: #acabab; }
p[title$=" 141%"]:after { content: " (141%)"; font-size: 10px; color: #acabab; }
p[title$=" 140%"]:after { content: " (140%)"; font-size: 10px; color: #acabab; }
p[title$=" 139%"]:after { content: " (139%)"; font-size: 10px; color: #acabab; }
p[title$=" 138%"]:after { content: " (138%)"; font-size: 10px; color: #acabab; }
p[title$=" 137%"]:after { content: " (137%)"; font-size: 10px; color: #acabab; }
p[title$=" 136%"]:after { content: " (136%)"; font-size: 10px; color: #acabab; }
p[title$=" 135%"]:after { content: " (135%)"; font-size: 10px; color: #acabab; }
p[title$=" 134%"]:after { content: " (134%)"; font-size: 10px; color: #acabab; }
p[title$=" 133%"]:after { content: " (133%)"; font-size: 10px; color: #acabab; }
p[title$=" 132%"]:after { content: " (132%)"; font-size: 10px; color: #acabab; }
p[title$=" 131%"]:after { content: " (131%)"; font-size: 10px; color: #acabab; }
p[title$=" 130%"]:after { content: " (130%)"; font-size: 10px; color: #acabab; }
p[title$=" 129%"]:after { content: " (129%)"; font-size: 10px; color: #acabab; }
p[title$=" 128%"]:after { content: " (128%)"; font-size: 10px; color: #acabab; }
p[title$=" 127%"]:after { content: " (127%)"; font-size: 10px; color: #acabab; }
p[title$=" 126%"]:after { content: " (126%)"; font-size: 10px; color: #acabab; }
p[title$=" 125%"]:after { content: " (125%)"; font-size: 10px; color: #acabab; }
p[title$=" 124%"]:after { content: " (124%)"; font-size: 10px; color: #acabab; }
p[title$=" 123%"]:after { content: " (123%)"; font-size: 10px; color: #acabab; }
p[title$=" 122%"]:after { content: " (122%)"; font-size: 10px; color: #acabab; }
p[title$=" 121%"]:after { content: " (121%)"; font-size: 10px; color: #acabab; }
p[title$=" 120%"]:after { content: " (120%)"; font-size: 10px; color: #acabab; }
p[title$=" 119%"]:after { content: " (119%)"; font-size: 10px; color: #acabab; }
p[title$=" 118%"]:after { content: " (118%)"; font-size: 10px; color: #acabab; }
p[title$=" 117%"]:after { content: " (117%)"; font-size: 10px; color: #acabab; }
p[title$=" 116%"]:after { content: " (116%)"; font-size: 10px; color: #acabab; }
p[title$=" 115%"]:after { content: " (115%)"; font-size: 10px; color: #acabab; }
p[title$=" 114%"]:after { content: " (114%)"; font-size: 10px; color: #acabab; }
p[title$=" 113%"]:after { content: " (113%)"; font-size: 10px; color: #acabab; }
p[title$=" 112%"]:after { content: " (112%)"; font-size: 10px; color: #acabab; }
p[title$=" 111%"]:after { content: " (111%)"; font-size: 10px; color: #acabab; }
p[title$=" 110%"]:after { content: " (110%)"; font-size: 10px; color: #acabab; }
p[title$=" 109%"]:after { content: " (109%)"; font-size: 10px; color: #acabab; }
p[title$=" 108%"]:after { content: " (108%)"; font-size: 10px; color: #acabab; }
p[title$=" 107%"]:after { content: " (107%)"; font-size: 10px; color: #acabab; }
p[title$=" 106%"]:after { content: " (106%)"; font-size: 10px; color: #acabab; }
p[title$=" 105%"]:after { content: " (105%)"; font-size: 10px; color: #acabab; }
p[title$=" 104%"]:after { content: " (104%)"; font-size: 10px; color: #acabab; }
p[title$=" 103%"]:after { content: " (103%)"; font-size: 10px; color: #acabab; }
p[title$=" 102%"]:after { content: " (102%)"; font-size: 10px; color: #acabab; }
p[title$=" 101%"]:after { content: " (101%)"; font-size: 10px; color: #acabab; }
p[title$=" 100%"]:after { content: " (100%)"; font-size: 10px; color: #acabab; }
p[title$=" 99%"]:after { content: " (99%)"; font-size: 10px; color: #acabab; }
p[title$=" 98%"]:after { content: " (98%)"; font-size: 10px; color: #acabab; }
p[title$=" 97%"]:after { content: " (97%)"; font-size: 10px; color: #acabab; }
p[title$=" 96%"]:after { content: " (96%)"; font-size: 10px; color: #acabab; }
p[title$=" 95%"]:after { content: " (95%)"; font-size: 10px; color: #acabab; }
p[title$=" 94%"]:after { content: " (94%)"; font-size: 10px; color: #acabab; }
p[title$=" 93%"]:after { content: " (93%)"; font-size: 10px; color: #acabab; }
p[title$=" 92%"]:after { content: " (92%)"; font-size: 10px; color: #acabab; }
p[title$=" 91%"]:after { content: " (91%)"; font-size: 10px; color: #acabab; }
p[title$=" 90%"]:after { content: " (90%)"; font-size: 10px; color: #acabab; }
p[title$=" 89%"]:after { content: " (89%)"; font-size: 10px; color: #acabab; }
p[title$=" 88%"]:after { content: " (88%)"; font-size: 10px; color: #acabab; }
p[title$=" 87%"]:after { content: " (87%)"; font-size: 10px; color: #acabab; }
p[title$=" 86%"]:after { content: " (86%)"; font-size: 10px; color: #acabab; }
p[title$=" 85%"]:after { content: " (85%)"; font-size: 10px; color: #acabab; }
p[title$=" 84%"]:after { content: " (84%)"; font-size: 10px; color: #acabab; }
p[title$=" 83%"]:after { content: " (83%)"; font-size: 10px; color: #acabab; }
p[title$=" 82%"]:after { content: " (82%)"; font-size: 10px; color: #acabab; }
p[title$=" 81%"]:after { content: " (81%)"; font-size: 10px; color: #acabab; }
p[title$=" 80%"]:after { content: " (80%)"; font-size: 10px; color: #acabab; }
p[title$=" 79%"]:after { content: " (79%)"; font-size: 10px; color: #acabab; }
p[title$=" 78%"]:after { content: " (78%)"; font-size: 10px; color: #acabab; }
p[title$=" 77%"]:after { content: " (77%)"; font-size: 10px; color: #acabab; }
p[title$=" 76%"]:after { content: " (76%)"; font-size: 10px; color: #acabab; }
p[title$=" 75%"]:after { content: " (75%)"; font-size: 10px; color: #acabab; }
p[title$=" 74%"]:after { content: " (74%)"; font-size: 10px; color: #acabab; }
p[title$=" 73%"]:after { content: " (73%)"; font-size: 10px; color: #acabab; }
p[title$=" 72%"]:after { content: " (72%)"; font-size: 10px; color: #acabab; }
p[title$=" 71%"]:after { content: " (71%)"; font-size: 10px; color: #acabab; }
p[title$=" 70%"]:after { content: " (70%)"; font-size: 10px; color: #acabab; }
p[title$=" 69%"]:after { content: " (69%)"; font-size: 10px; color: #acabab; }
p[title$=" 68%"]:after { content: " (68%)"; font-size: 10px; color: #acabab; }
p[title$=" 67%"]:after { content: " (67%)"; font-size: 10px; color: #acabab; }
p[title$=" 66%"]:after { content: " (66%)"; font-size: 10px; color: #acabab; }
p[title$=" 65%"]:after { content: " (65%)"; font-size: 10px; color: #acabab; }
p[title$=" 64%"]:after { content: " (64%)"; font-size: 10px; color: #acabab; }
p[title$=" 63%"]:after { content: " (63%)"; font-size: 10px; color: #acabab; }
p[title$=" 62%"]:after { content: " (62%)"; font-size: 10px; color: #acabab; }
p[title$=" 61%"]:after { content: " (61%)"; font-size: 10px; color: #acabab; }
p[title$=" 60%"]:after { content: " (60%)"; font-size: 10px; color: #acabab; }
p[title$=" 59%"]:after { content: " (59%)"; font-size: 10px; color: #acabab; }
p[title$=" 58%"]:after { content: " (58%)"; font-size: 10px; color: #acabab; }
p[title$=" 57%"]:after { content: " (57%)"; font-size: 10px; color: #acabab; }
p[title$=" 56%"]:after { content: " (56%)"; font-size: 10px; color: #acabab; }
p[title$=" 55%"]:after { content: " (55%)"; font-size: 10px; color: #acabab; }
p[title$=" 54%"]:after { content: " (54%)"; font-size: 10px; color: #acabab; }
p[title$=" 53%"]:after { content: " (53%)"; font-size: 10px; color: #acabab; }
p[title$=" 52%"]:after { content: " (52%)"; font-size: 10px; color: #acabab; }
p[title$=" 51%"]:after { content: " (51%)"; font-size: 10px; color: #acabab; }
p[title$=" 50%"]:after { content: " (50%)"; font-size: 10px; color: #acabab; }
p[title$=" 49%"]:after { content: " (49%)"; font-size: 10px; color: #acabab; }
p[title$=" 48%"]:after { content: " (48%)"; font-size: 10px; color: #acabab; }
p[title$=" 47%"]:after { content: " (47%)"; font-size: 10px; color: #acabab; }
p[title$=" 46%"]:after { content: " (46%)"; font-size: 10px; color: #acabab; }
p[title$=" 45%"]:after { content: " (45%)"; font-size: 10px; color: #acabab; }
p[title$=" 44%"]:after { content: " (44%)"; font-size: 10px; color: #acabab; }
p[title$=" 43%"]:after { content: " (43%)"; font-size: 10px; color: #acabab; }
p[title$=" 42%"]:after { content: " (42%)"; font-size: 10px; color: #acabab; }
p[title$=" 41%"]:after { content: " (41%)"; font-size: 10px; color: #acabab; }
p[title$=" 40%"]:after { content: " (40%)"; font-size: 10px; color: #acabab; }
p[title$=" 39%"]:after { content: " (39%)"; font-size: 10px; color: #acabab; }
p[title$=" 38%"]:after { content: " (38%)"; font-size: 10px; color: #acabab; }
p[title$=" 37%"]:after { content: " (37%)"; font-size: 10px; color: #acabab; }
p[title$=" 36%"]:after { content: " (36%)"; font-size: 10px; color: #acabab; }
p[title$=" 35%"]:after { content: " (35%)"; font-size: 10px; color: #acabab; }
p[title$=" 34%"]:after { content: " (34%)"; font-size: 10px; color: #acabab; }
p[title$=" 33%"]:after { content: " (33%)"; font-size: 10px; color: #acabab; }
p[title$=" 32%"]:after { content: " (32%)"; font-size: 10px; color: #acabab; }
p[title$=" 31%"]:after { content: " (31%)"; font-size: 10px; color: #acabab; }
p[title$=" 30%"]:after { content: " (30%)"; font-size: 10px; color: #acabab; }
p[title$=" 29%"]:after { content: " (29%)"; font-size: 10px; color: #acabab; }
p[title$=" 28%"]:after { content: " (28%)"; font-size: 10px; color: #acabab; }
p[title$=" 27%"]:after { content: " (27%)"; font-size: 10px; color: #acabab; }
p[title$=" 26%"]:after { content: " (26%)"; font-size: 10px; color: #acabab; }
p[title$=" 25%"]:after { content: " (25%)"; font-size: 10px; color: #acabab; }
p[title$=" 24%"]:after { content: " (24%)"; font-size: 10px; color: #acabab; }
p[title$=" 23%"]:after { content: " (23%)"; font-size: 10px; color: #acabab; }
p[title$=" 22%"]:after { content: " (22%)"; font-size: 10px; color: #acabab; }
p[title$=" 21%"]:after { content: " (21%)"; font-size: 10px; color: #acabab; }
p[title$=" 20%"]:after { content: " (20%)"; font-size: 10px; color: #acabab; }
p[title$=" 19%"]:after { content: " (19%)"; font-size: 10px; color: #acabab; }
p[title$=" 18%"]:after { content: " (18%)"; font-size: 10px; color: #acabab; }
p[title$=" 17%"]:after { content: " (17%)"; font-size: 10px; color: #acabab; }
p[title$=" 16%"]:after { content: " (16%)"; font-size: 10px; color: #acabab; }
p[title$=" 15%"]:after { content: " (15%)"; font-size: 10px; color: #acabab; }
p[title$=" 14%"]:after { content: " (14%)"; font-size: 10px; color: #acabab; }
p[title$=" 13%"]:after { content: " (13%)"; font-size: 10px; color: #acabab; }
p[title$=" 12%"]:after { content: " (12%)"; font-size: 10px; color: #acabab; }
p[title$=" 11%"]:after { content: " (11%)"; font-size: 10px; color: #acabab; }
p[title$=" 10%"]:after { content: " (10%)"; font-size: 10px; color: #acabab; }
p[title$=" 9%"]:after { content: " (9%)"; font-size: 10px; color: #acabab; }
p[title$=" 8%"]:after { content: " (8%)"; font-size: 10px; color: #acabab; }
p[title$=" 7%"]:after { content: " (7%)"; color: #ff6f6f; font-size: 10px; }
p[title$=" 6%"]:after { content: " (6%)"; color: #ff6f6f; font-size: 10px; }
p[title$=" 5%"]:after { content: " (5%)"; animation: opacity 2s ease-in-out infinite; opacity: 1; color: #f00; font-size: 16px; }
p[title$=" 4%"]:after { content: " (4%)"; animation: opacity 2s ease-in-out infinite; opacity: 1; color: #f00; font-size: 16px; }
p[title$=" 3%"]:after { content: " (REPAIR)";  animation: opacity 2s ease-in-out infinite; opacity: 1; color: #f00; font-size: 16px; }

@keyframes opacity {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0
  }

  100% {
    opacity: 1;
  }
}