html	{display: block; background:black; }
body	{background:#000000; color:#bbbbbb; font-family:tahoma, helvetica;
	margin:0; padding:0pt;
	scrollbar-base-color: #EE0000;
	scrollbar-3dlight-color: #990000;
	scrollbar-arrow-color: #DDCC00;
	scrollbar-darkshadow-color: #440000;
	scrollbar-face-color: #AA0000;
	scrollbar-highlight-color: #CC0000;
	scrollbar-shadow-color: #770000;
	scrollbar-track-color: #000000;
}


a         {color:#EE00AA;}
a:link    {color:#EE00AA; text-decoration:none;}
a:active  {color:#EE00AA; text-decoration:none;}
a:visited {color:#EE00AA; text-decoration:none;}
a:hover   {color:#EEEEAA; text-decoration:underline;}

h1	{color:#ccbb99; text-align:center; font-size:120%;border-bottom:#ee3300 1px solid;}
h2	{color:#ccbb99; text-align:center; font-size:100%;margin-top:10px; background: #000066;}
hr	{color:#33bb44;}
rt	{color:#CCCC00; font-size:65%;}
td      {vertical-align:top;}
th      {font-weight:normal;}


/* ############################################################################# */
/* ##              N E X T G I G   N E W S L E T T E R   C S S                ## */
/* ############################################################################# */

.qpnlerr  {color:#dd6666;} /* error-color */
.qpnlwarn {color:#dddd66;} /* warning-color */
.qpnlok   {color:#66dd66;} /* success-color */
.qpnladr  {color:#66dddd;} /* adress or path */

/* ngnlgrpi is a paragraph class for the whole group-info */
.ngnlgrpi {color:#}

/* ngnlgrpn is a span for groups name */
.ngnlgrpn {color:#eeeeaa; text-decoration:underline; text-weight:bold; font-size: 105%;}

/* ngnlgstl is a span for groups subtitle */
.ngnlgstl {color:#eeeeaa; font-style:italic; font-size: 95%;}

/* the composers main div */
.ngnlcpm {position:absolute; left:0px; top:30px; width:70%;
    bottom:20px; overflow-x: auto; overflow-y: scroll;}

/* the composers group bar */
.ngnlcpg {position:absolute; right:0px; top:30px; width:30%; bottom:20px;}

.ngnlbok {border-left:solid 1px #557755; border-top:solid 1px #557755;
         border-right:solid 1px #114411; border-bottom:solid 1px #114411;
         background-color:#446644; color:#bbddbb; margin:3px;}

.ngnlbcan {border-left:solid 1px #555577; border-top:solid 1px #555577;
         border-right:solid 1px #111144; border-bottom:solid 1px #111144;
         background-color:#444466; color:#bbbbdd; margin:3px;}

.ngnlbact {border-left:solid 1px #777755; border-top:solid 1px #777755;
         border-right:solid 1px #444411; border-bottom:solid 1px #444411;
         background-color:#666644; color:#ddddbb; margin:3px;}

/* ----------------------------------------------------------------------------- */


/* ############################################################################# */
/* ##       S H A D O W W E B   S E R V E R   S P E C I F I C   C S S         ## */
/* ############################################################################# */

/* --------------------------- Serverhead definition ----------------------------*/
/* The Serverhead is the optional status-bar atop the page.                      */ 
/* <div h-block>                   the surrounding block                         */
/*   <img h-switch>                the switches (UserLevel, Language)            */
/*   <img h-server>                the servers icon, eg. ShadowTec               */
/*   <span h-time>                 the servers timestamp                         */
/*   <span h-title>                the title of the nodes page                   */
/* </div> */
.h-block {}
.h-switch {border: 3px inset #BBBBBB;}
.h-server {border:0px;}
.h-time {}
.h-title {}
/* _____________________________________________________________________________ */


/* ----------------------------- Node definition --------------------------------*/
/* A node is a ShadowWeb-entity. A song, an user, a poem or whatever. It can be  */
/* inline and will then be rendered as a simple <span class="n-rsc"> by the      */
/* server or it may be in tab-view:
/* <div n-block>                   the surrounding block                         */
/*   <span n-title (dead|live) />  the title of the node                         */
/*   <div n-info>                  the optional infobar of the node              */
/*     <span n-key />              the name of a key, eg. 'date' or 'music'      */
/*     <span n-val />              the value of a key, eg. 'Heinz-Achmed'        */
/*   </div>                                                                      */
/*   <div n-descript />            the optional descriptive string               */
/* </div> */
.n-title    {font-size:111%; font-weight: 400; margin:0; letter-spacing: 1px;}
.n-descript {display:block;font-style:oblique;
             color:#cccc88;padding-left:10px;}
.n-block    {display:block; padding-top:5px;}
.n-info     {display:block; font-size:75%; margin:0; padding:0pt;
             text-align:justify;color:#DD2222;}
.n-key      {}
.n-val      {}

/* dead is a referenced but dead n-title */
.dead       {color:#AAAA66;}

/* live a referenced clickable n-title */
.live       {color:#EEEEAA;}

/* n-rsc a referenced clickable inline-node */
.n-rsc      {color:#EE00AA;}

/* n-icon is the nodes icon-image */
.n-icon     {border:0; margin-left:2px; margin-right:2px;}
.n-cdicn    {background:#333333; border-top:solid #666666 1px;
             border-left:solid #666666 1px; border-right:solid #444444 1px; 
             border-bottom:solid #444444 1px; margin:4px; padding-left: 5px;}
/* _____________________________________________________________________________ */


/* --------------------------- Textblock definition -----------------------------*/
/* All textblocks rendered from the swn-sources, paragrafes of poems for exmpl., */
/* are defined here                                                              */
/* code is code-snippets SWN: [ $ ] */
.code	{color:#CCCCDD;}

/* rem is remark or quote SWN: [ ° : ' ] */
.rem	{color:#77BBBB;}

/* the following are classes for song/poem - paragrafes
/* SWN: [ _ v i c p b ] */ 
.text	{margin:0pt; padding: 1pt 3pt 7pt 3pt; text-align:justify;}
.verse	{padding: 1pt 0 7px 0; color:#CCCCBB}
.interm	{padding: 1pt 0 7px 0; color:#9988AA}
.chorus	{padding: 14pt 0 7px 0; color:#BBBBCC}
.precho	{padding: 7pt 0 7px 0; color:#BBDDBB}
.bridge	{padding: 7pt 0 7px 0; color:#DDBBBB}
/* _____________________________________________________________________________ */


/* ------------------- Class-Tab-View Node Block definition ---------------------*/
/* Class-Tab-View comes in two variants, triggered by the server-flags. Simple   */
/* view is... */
.ts-head {color:#ccbb99; text-align:center; font-size:120%;border-bottom:#ee3300 1px solid;}

.tc-box   {font-size:0pt; background: #000000; width: 124px; margin: 0px;
           border: 0px; padding: 0px; }

.tc-head  {color:#ccbb99; text-align:center; font-size:120%;border-bottom:#ee3300 1px solid;}

.tc-rule  {color:#BBFFBB; text-align:left; vertical-align:bottom; alignment:bottom;
           font-size: 110%; padding: 0px 0px 0px 0px ; margin: 0px 0 0;}
.tc-foot  {text-align:left;}
.tc-trail {}

.tc-top1  {}
.tc-top2  {}
.tc-dwn1  {}
.tc-dwn2  {}
.tc-bflow {margin:0px;padding:0px;}
.tc-flow  {padding: 4px 4px 6px 8px; vertical-align:top; text-align:center;
		   color:#66cccc; font-size: 75%;}
/* _____________________________________________________________________________ */



/* ------------------------ forum/guestbook definition --------------------------*/
.f-3d     {border-left:solid 1px #444444; border-top:solid 1px #444444;
           border-right:solid 1px #111111; border-bottom:solid 1px #111111;
           background-color:#222222;vertical-align:top;}
.f-all    {border-spacing:5px; width:100%;}
.f-ctx    {width:100px;color:#dd44dd; font-size:90%; padding:5px;}
.f-txt    {color:#dddddd; font-size:90%; padding:5px;}
.f-entry  {}
.f-time   {color:#bbbbbb; font-size:70%;}
/* _____________________________________________________________________________ */


/* ------------------------- misc. classes for layout ---------------------------*/
/* shortcuts for table-alignments */
.tdr    {text-align:right; alignment: right;}
.tdl    {text-align:left; alignment: left;}
.tdc	{text-align:center; alignment: center top; vertical-align:top;}
.tdj	{text-align:justify; alignment: justify;}

.nbd	{margin:0pt; padding:0pt; border:0pt}
.inf	{font-size:75%; margin:0; padding:0pt; text-align:justify;color:#55BBBB;}
.dsc    {font-style:italic;}

/* error-levels */
.er0    {color:#DD3333}
.er1	{color:#FFFF00}
.er2	{color:#33EE33}
.er3	{color:#00EEEE}
.er4	{color:#0000EE}

input   {border-left:solid 1px #555555; border-top:solid 1px #555555;
         border-right:solid 1px #222222; border-bottom:solid 1px #222222;
         background-color:#333333; color:#dddddd; margin:3px;}
textarea{background:#000000; color:#bbbbff; }
.comment{color:#ddddff;}
.imgcx  {border:0;}
.icd    {padding:1px 1px 1px 5px; background:#333333;}
.quote	{color:#00CC99; font-style:italic;}

.grn    {color:#00cc44;}
.blu    {color:#0044cc;}
.yel    {color:#bbcc00;}
.red    {color:#cc4400;}
/* _____________________________________________________________________________ */