.daedra
{
	position: relative;
	margin: 10px 0px;
}
.daedra table
{
	width: 100%;
	height: 900px;
	border-style: none !important;
}
.daedra table tr:nth-of-type(odd)
{
	width: 100%;
	height: 200px;
}
.daedra table tr:nth-of-type(even)
{
	width: 100%;
	height: 100px;
	background-image: url(http://d1.endata.cx/data/games/56682/zad9_daedra_scheme.png);
	background-size: auto 110%;
	background-repeat: no-repeat;
	background-position: center center;
	border-style: none;
}
.daedra table td
{
	padding: 0px 10px;
	border-style: none;
}
/*------------------------------- TASK LABELS ----------------------------------*/
.daedra table td label
{
	display: block;
	position: relative;
	cursor: pointer;
	width: 100%;
	height: 100%;
	border: solid 1px #aaa;
	border-radius: 20px;
	background-size: cover;
	background-position: center top;
}
.daedra table td label:before
{
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 10px;
	height: 24px;
	line-height: 24px;
	padding: 0px 10px;
	white-space: nowrap;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #222;
	background-color: rgba(153,153,153,0.8);
}
.daedra table td label#raz1label{background-image: url(http://d1.endata.cx/data/games/56682/zad9_malakath.png);}
.daedra table td label#raz1label:before{content:'Малакат';}
.daedra table td label#raz2label{background-image: url(http://d1.endata.cx/data/games/56682/zad9_vail.jpg);}
.daedra table td label#raz2label:before{content:'Клавикус Вайл';}
.daedra table td label#raz3label{background-image: url(http://d1.endata.cx/data/games/56682/zad9_namira.jpg);}
.daedra table td label#raz3label:before{content:'Намира';}
.daedra table td label#dva1label{background-image: url(http://d1.endata.cx/data/games/56682/zad9_sheogorat.jpg);}
.daedra table td label#dva1label:before{content:'Шеогорат';}
.daedra table td label#dva2label{background-image: url(http://d1.endata.cx/data/games/56682/zad9_mefala.png);}
.daedra table td label#dva2label:before{content:'Мефала';}
.daedra table td label#dva3label{background-image: url(http://d1.endata.cx/data/games/56682/zad9_nocturnal.jpg);}
.daedra table td label#dva3label:before{content:'Ноктюрнал';}
.daedra table td label#tri1label{background-image: url(http://d1.endata.cx/data/games/56682/zad9_mora.png);}
.daedra table td label#tri1label:before{content:'Хермеус Мора';}
.daedra table td label#tri2label{background-image: url(http://d1.endata.cx/data/games/56682/zad9_dagon.jpg);}
.daedra table td label#tri2label:before{content:'Мерунес Дагон';}
.daedra table td label#tri3label{background-image: url(http://d1.endata.cx/data/games/56682/zad9_meridia.jpg);}
.daedra table td label#tri3label:before{content:'Меридия';}
.daedra table td label:after
{
	content:'Нажмите для подробностей';
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 10px;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	color: #222;
	text-shadow: 0px 0px 5px #aaa;
}
.daedra table td label span
{
	position: absolute;
	left: 0px;
	right: 0px;
	height: 20px;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}
.daedra table td label span.step1{top: 25%;}
.daedra table td label span.step2{top: 40%;}
.daedra table td label span.step3{top: 55%;}
.daedra table td label span:after
{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;	
}
.daedra table td label span,
.daedra table td label span:after
{
	line-height: 20px;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #222;
}.daedra table td label span.step1{background-color: rgba(173,153,153,0.8);}
.daedra table td label span.step2{background-color: rgba(173,153,153,0.8);}
.daedra table td label span.step3{background-color: rgba(173,153,153,0.8);}
.daedra table td label span.step1:after{content:'Не получено';}
.daedra table td label span.step2:after{content:'Не пройдено';}
.daedra table td label span.step3:after{content:'Не выполнено';}
/*------------------------------- TASK SWITCH ----------------------------------*/
.daedra > input
{
	display: none;
}
.daedra > div
{
	display: none;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 10px;
	right: 0px;
	border: solid 1px #aaa;
	border-radius: 20px;
	background-color: #1d1d1d;
}
.container > div.content .daedra > div {right: 8px;}
.daedra > div > label
{
	position: absolute;
	cursor: pointer;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	background-image: url(http://d1.endata.cx/data/games/56682/cross.png);
	background-size: 100% 100%;
}
.daedra > div:after,
.daedra > div > p
{
	padding: 0px 10px;
	margin: 5px 0px;
}
.daedra > div > p.title
{
	margin-top: 20px;
	padding-left: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	background-color: #999;
	color: #222;
}
.daedra > div > p.task
{
	font-weight: 700;
}
.daedra > div > p.legend,
.daedra > div > p.task
{
	font-size: 13px;
	color: #fff;
}
.daedra > div > p.hint,
.daedra > div > p.timeout
{
	font-size: 13px;
	color: #aaa;
}
.daedra > div > p.task:after{content:'Задание этого даэдрического принца появится здесь, как только вы выполните предыдущее задание или введете сливной код от него (какое задание является предыдущим для данного, смотрите по стрелке в общей таблице).';}
.daedra > div .hint:after{content:'Через 15 минут после получения задания у этого принца, тут появится подсказка к нему.';}
.daedra > div .timeout:after{content:'Через 30 минут после получения задания у этого принца, тут появится сливной код.';}
.daedra > input#raz1:checked ~ div#raz1info{display:block;}
.daedra > input#raz2:checked ~ div#raz2info{display:block;}
.daedra > input#raz3:checked ~ div#raz3info{display:block;}
.daedra > input#dva1:checked ~ div#dva1info{display:block;}
.daedra > input#dva2:checked ~ div#dva2info{display:block;}
.daedra > input#dva3:checked ~ div#dva3info{display:block;}
.daedra > input#tri1:checked ~ div#tri1info{display:block;}
.daedra > input#tri2:checked ~ div#tri2info{display:block;}
.daedra > input#tri3:checked ~ div#tri3info{display:block;}