/* ----------------------------------------
   ShadowTec media cascading stylesheet for
   Y.A.S.N.Y.  - You Aint Seen Nothing Yet!
              screen media version
   ----------------------------------------
*/


/* ------------------------------------------------------------------
                S E C T I O N   S C R E E N L A Y O U T
   The screen layout is composed by 3 rows (#lytop, #lymid, #lyfoot)
   a bottom-fixed sysbar (#lysysb) and a fixed background (#lybkgnd)
*/
#lytop
{	position:relative; height:60px; width:100%; text-align:center;
	margin:0; padding:0;}
#lymid
{	display:table; width:100%; margin:0; padding:0;}
#lyfoot
{	height:85px; width:100%; text-align:center; margin:0; padding:0;
}
#lysysb
{	position:fixed; bottom:0; width:100%; height:20px; z-index: 50;
	text-align:center; border-top:1px solid #246; background:#000;
	color:#eea; filter:alpha(opacity=75); -moz-opacity:0.75;
	opacity:0.75; -khtml-opacity:0.75; margin:0; padding:0;}
#lybkgnd
{	position:fixed; left:0; top:0; width:100%; height:100%;
	z-index:-100; margin:0; padding:0;}

/* The middle row (#lymid) is a table of one single row (#lyrow),
   splitting into 3 columns (#lyleft, #lymain and #lyright)
*/
#lyrow
{	display:table-row; position:relative; width:100%; margin:0;
	padding:0;}
#lyleft
{	display:table-cell; width: 200px; padding: 0 5px;
	color: #ddc; vertical-align:top; font-size:75%; margin:0;}
#lymain
{	display:table-cell; padding: 5px 25px; vertical-align:top;
	background: url(http://q-pool.de/eros/img/halftrans.png);
	margin:0;}
#lyright
{	display:table-cell; right:0px; padding: 0 5px;
	width: 120px; vertical-align:top; margin:0;}
/* =============================================================== */



/* ------------------------------------------------------------------
           S E C T I O N   G E N E R I C   E L E M E N T S
*/
body
{	color: #ddc; background:#000;}
h1
{	color: #eed;}
h2
{	color: #eed;}
label
{	color: #ddc;}
a
{	color:#eea;}
a.extern
{	display:inline; padding-left: 1.1em;
	background: url(http://q-pool.de/img/cx/extern.png) no-repeat left center;}
input, select, textarea
{	background:#200;color:#ddc;
	border-top: 1px solid #612; border-left: 1px solid #612;
	border-bottom: 1px solid #823; border-right: 1px solid #823;
}

/* the fancy red button */
input.rd2bn
{	vertical-align:middle; border:none; color: #f86; width:190px;
	background:transparent url(http://q-pool.de/img/bn/red200a.png);
	height:35px; padding: 2px 2px 8px 2px;}
input.rd2bn:hover
{	background: transparent url(http://q-pool.de/img/bn/red200h.png);
	color: #f97;}
input.rd2bn:active
{	background: transparent url(http://q-pool.de/img/bn/red200c.png);
	padding: 4px 0px 6px 4px; color: #f97;}
input.rd2bn:disabled
{	background: transparent url(http://q-pool.de/img/bn/red200i.png);
	padding: 2px 2px 8px 2px; color: #d75;}
input.rd2bni
{	vertical-align:middle; border:none; width:190px;
	background: transparent url(http://q-pool.de/img/bn/red200i.png);
	padding: 2px 2px 8px 2px; color: #d75;}
/* =============================================================== */



/* ------------------------------------------------------------------
         S E C T I O N   S U B C A T E G O R Y   S T Y L E S
*/

.pgst
{	color:#d8d8c8;}
.acat .subtext
{	color:#ddc;}
.alnk
{	background: URL(http://q-pool.de/img/yn/link0.png) no-repeat
	left top;}
.alnk:hover, .alnk:focus
{	background: URL(http://q-pool.de/img/yn/links.png) no-repeat
	left top;}
.acrt
{	background: URL(http://q-pool.de/img/yn/cart0.png) no-repeat
	left top;}
.acrt:hover, .acrt:focus
{	background: URL(http://q-pool.de/img/yn/carts.png) no-repeat
	left top;}
.agrp
{	background: URL(http://q-pool.de/img/yn/group0.png) no-repeat
	left top;}
.agrp:hover, .agrp:focus
{	background: URL(http://q-pool.de/img/yn/groups.png) no-repeat
	left top;}
.asrc
{	background: URL(http://q-pool.de/img/yn/glasses0.png) no-repeat
	left top;}
.asrc:hover, .asrc:focus
{	background: URL(http://q-pool.de/img/yn/glassess.png) no-repeat
	left top;}
.acpl
{	background: URL(http://q-pool.de/eros/img/ct/couple_0.png)
	no-repeat left top;}
.acpl:hover, .acpl:focus
{	background: URL(http://q-pool.de/eros/img/ct/couple_h.png)
	no-repeat left top;}
/* =============================================================== */



/* ------------------------------------------------------------------
           S E C T I O N   T O P   C A T E G O R Y   M E N U
	menu is a unsorted list (#cmenu) containing section entries as
	items (li) filled with anchor. anchor text is a span.
*/
#home
{	width:93px; height:60px; position:absolute; top:0px; left:0px;
	background: url(http://q-pool.de/eros/img/yasny.png) no-repeat;}
#cmenu
{	position:absolute; padding:0px; margin:0px; left:220px;
	bottom:0px; height:60px; z-index:30;}
#cmenu li
{	display:inline-block; vertical-align:middle; margin:0px;
	padding:0px;}
#cmenu a
{	position:relative; display:inline-block; text-decoration: none;
	height:50px; min-width:40px;}
#cmenu span
{	font-size:70%; color:#c00; position:absolute; bottom:0px;
	width: 100%; display:block;}
#cmenu span:hover
{	color:#d55;}
#cmenu span.act
{	color:#ff0; background: #530; filter:alpha(opacity=70);
	-moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70;}

/* =============================================================== */



/* ------------------------------------------------------------------
       S E C T I O N   C A T E G O R Y   M E N U   A N C O R S
*/
#gmale
{	background: URL(http://q-pool.de/eros/img/ct/cmale_0.png)
	no-repeat center; width: 50px;}
#gmale:hover, #gmale:focus
{	background: URL(http://q-pool.de/eros/img/ct/cmale_h.png)
	no-repeat center; border:none; outline:none;}
#gmale:active, #gmale.act
{	background: URL(http://q-pool.de/eros/img/ct/cmale_s.png)
	no-repeat center; border:none; outline:none;}
#gfem
{	background: URL(http://q-pool.de/eros/img/ct/cfem_0.png)
	no-repeat center; width: 50px;}
#gfem:hover, #gfem:focus
{	background: URL(http://q-pool.de/eros/img/ct/cfem_h.png)
	no-repeat center; border:none; outline:none;}
#gfem:active, #gfem.act
{	background: URL(http://q-pool.de/eros/img/ct/cfem_s.png)
	no-repeat center; border:none; outline:none;}
#gtrans
{	background: URL(http://q-pool.de/eros/img/ct/ctrans_0.png)
	no-repeat center; width: 50px;}
#gtrans:hover, #gtrans:focus
{	background: URL(http://q-pool.de/eros/img/ct/ctrans_h.png)
	no-repeat center; border:none; outline:none;}
#gtrans:active, #gtrans.act
{	background: URL(http://q-pool.de/eros/img/ct/ctrans_s.png)
	no-repeat center; border:none; outline:none;}
#gheter
{	background: URL(http://q-pool.de/eros/img/ct/cheter_0.png)
	no-repeat center; width: 50px;}
#gheter:hover, #gheter:focus
{	background: URL(http://q-pool.de/eros/img/ct/cheter_h.png)
	no-repeat center; border:none; outline:none;}
#gheter:active, #gheter.act
{	background: URL(http://q-pool.de/eros/img/ct/cheter_s.png)
	no-repeat center; border:none; outline:none;}
#ggay
{	background: URL(http://q-pool.de/eros/img/ct/cgay_0.png)
	no-repeat center; width: 50px;}
#ggay:hover, #ggay:focus
{	background: URL(http://q-pool.de/eros/img/ct/cgay_h.png)
	no-repeat center; border:none; outline:none;}
#ggay:active, #ggay.act
{	background: URL(http://q-pool.de/eros/img/ct/cgay_s.png)
	no-repeat center; border:none; outline:none;}
#glesb
{	background: URL(http://q-pool.de/eros/img/ct/clesb_0.png)
	no-repeat center; width: 50px;}
#glesb:hover, #glesb:focus
{	background: URL(http://q-pool.de/eros/img/ct/clesb_h.png)
	no-repeat center; border:none; outline:none;}
#glesb:active, #glesb.act
{	background: URL(http://q-pool.de/eros/img/ct/clesb_s.png)
	no-repeat center; border:none; outline:none;}
#gfet
{	background: URL(http://q-pool.de/eros/img/ct/cfet_0.png)
	no-repeat center; width: 64px;}
#gfet:hover, #gfet:focus
{	background: URL(http://q-pool.de/eros/img/ct/cfet_h.png)
	no-repeat center; border:none; outline:none;}
#gfet:active, #gfet.act
{	background: URL(http://q-pool.de/eros/img/ct/cfet_s.png)
	no-repeat center; border:none; outline:none;}
#gtools
{	background: URL(http://q-pool.de/eros/img/ct/ctools_0.png)
	no-repeat center; width: 64px;}
#gtools:hover, #gtools:focus
{	background: URL(http://q-pool.de/eros/img/ct/ctools_h.png)
	no-repeat center; border:none; outline:none;}
#gtools:active, #gtools.act
{	background: URL(http://q-pool.de/eros/img/ct/ctools_s.png)
	no-repeat center; border:none; outline:none;}
#gsms
{	background: URL(http://q-pool.de/eros/img/ct/csms_0.png)
	no-repeat center; width: 50px;}
#gsms:hover, #gsms:focus
{	background: URL(http://q-pool.de/eros/img/ct/csms_h.png)
	no-repeat center; border:none; outline:none;}
#gsms:active, #gsms.act
{	background: URL(http://q-pool.de/eros/img/ct/csms_s.png)
	no-repeat center; border:none; outline:none;}
#gcam
{	background: URL(http://q-pool.de/eros/img/ct/ccam_0.png)
	no-repeat center; width: 52px;}
#gcam:hover, #gcam:focus
{	background: URL(http://q-pool.de/eros/img/ct/ccam_h.png)
	no-repeat center; border:none; outline:none;}
#gcam:active, #gcam.act
{	background: URL(http://q-pool.de/eros/img/ct/ccam_s.png)
	no-repeat center; border:none; outline:none;}
/* =============================================================== */



/* ------------------------------------------------------------------
	           S E C T I O N   S O U R C E   I C O N S
*/
.setcrd
{	background: url(http://q-pool.de/img/yn/photos0.png);
	width:32px; height:32px; display:inline-block;}
.setcrd:hover
{	background: url(http://q-pool.de/img/yn/photoss.png);}
.clpbrd
{	background: url(http://q-pool.de/img/yn/clipboard0.png);
	width:32px; height:32px; display:inline-block;}
.clpbrd:hover
{	background: url(http://q-pool.de/img/yn/clipboards.png);}
.icnolx
{	background: url(http://q-pool.de/img/yn/olx0.png);
	width:32px; height:32px; display:inline-block;}
.icnolx:hover
{	background: url(http://q-pool.de/img/yn/olxs.png);}
.icnado
{	background: url(http://q-pool.de/img/yn/andoo0.png);
	width:32px; height:32px; display:inline-block;}
.icnado:hover
{	background: url(http://q-pool.de/img/yn/andoos.png);}
/* =============================================================== */

/* ------------------------------------------------------------------
           S E C T I O N   C O N T A C T   C H I F F R E S
*/

/* independent branch */
.qflg
{	width:16px; height:11px; margin:0; padding:0 1px;}
.qlng
{	margin:0; padding: 0;}
.qst.off
{	color:#f30;}
.qst.on
{	color:#0f3;}
.qst.dis
{	color:#24f;}

/* forum branch */
.qrow
{	display:block; margin:30px 0; border-bottom:1px solid #600;
	min-height: 145px; position:relative;}


/* tiled view branch */
.qbox
{	display:inline-block; position:relative; text-align:center;
	width:171px; height:170px; margin:5px; padding:0;}
.qbox .qst
{	font-size:90%; position: absolute; right:16px; top:0;}
.qbox .qimg
{	margin-top:20px; width:137px; height:102px;}
.qbox .qlng
{	margin-left:16px;}
.qbox .qdscd
{	z-index:12; background: #000; border: 1px solid #ccc;
	padding: 5px; font-size:80%;}
.qbox .qsub
{	color:#ddd; border-bottom:1px solid #b36;}
.qbox .qdsci
{	position:absolute; bottom:5px; right:16px;}

/* transitional branch */


.qrow .qimg
{	width:120px;}
.qrow .qicn
{	display:block; position:absolute; top:0px; right:0px;}
.qrow h3
{	font-size:100%; text-align:left; position:absolute;
	left:125px; top:0px; padding:0; margin: 0px;}
.qrow .qsub
{	text-align:justify; display:block; position:absolute;
	left:125px; top:1.2em; padding:0; margin: 0px;}
.qrow .qtxt
{	text-align:justify; display:block; position:relative; top:-2.2em;
	margin-left:125px;}
.qima
{	display:block; position:relative; width: 120px;}
.qcde
{	display:inline-block; float:left; color:#bb7; font-size:90%;
	margin:0; padding:0; position:relative; font-family:monospace;}
.qrow .qst
{	font-size:18px; position: absolute; right:3px; top:0;}
/* =============================================================== */

/* ------------------------------------------------------------------
           S E C T I O N   C O N T A C T   B O X V I E W
*/
.qbox .qst
{	font-size:90%; position: absolute;}
.qbox .qlng
{	position: absolute; top:0px; left:0px;}



#smsvip
{	background: url(http://q-pool.de/eros/img/halftrans.png);}
#conquest, #conanswer
{	margin:10px 0; padding: 3px 0;}
#conbtns
{	margin:10px 0; border-top: #e00 1px solid;}