/*
 * CSS for the Template
 *
 */


body
{
  scrollbar-face-color: rgb(0,0,0);
  scrollbar-shadow-color: rgb(255,255,255);
  scrollbar-track-color: rgb(80,80,80);
  scrollbar-arrow-color: rgb(255,215,0);
  background-color : rgb(0  ,0  ,0  );
  text-align : center;
  margin:0px;
  line-height:18px;
  font-size:16px;
}

table.main
{
border:0pt;
border-collapse:collapse; 
border-spacing:0pt;
width:100%;
height:100%;
}

.top
{
background-color: rgb(0  ,0  ,0  );
text-align:center;
vertical-align:top;
}

.menu 
{
background-color: rgb(0  ,0  ,0  );
width:165px;
vertical-align:top;
}

.loginbar
{
line-height:18px;
font-size:16px;
background-color: rgb(0  ,0 ,0  );
text-align:top;
}

.menuItem
{
line-height:18px;
font-size:16px;
width:165px;
background-color:rgb(40 ,40 ,40 );
color :rgb(255,215,0  );
}

ul {
margin-left: 10;
padding-left: 1em;
}

ol {
text-align:left;
font-weight:bold;
line-height:20px;
font-size:16px;
background-color:rgb(40 ,40 ,40 );
margin-right:25;
}

.main
{
background-image:url(thr_dragonaide.jpg);
text-align:center;
vertical-align:top;
width:100%;
}


/*
 * Data
 *
 */

table.media
{
border-color:rgb(99 ,99 ,99 );
border-collapse:collapse; 
background-color:rgb(40 ,40 ,40 );
color:rgb(187,187,187);
font-size:16px;
line-height:18px;
margin:auto;
position:relative;
}

table.list
{
border-color:rgb(99 ,99 ,99 );
background-color:rgb(40 ,40 ,40 );
color:rgb(187,187,187);
font-size:16px;
line-height:22px;
vertical-align:middle;
margin:auto;
position:relative;
}

table.lmenu
{
border-color:rgb(99 ,99 ,99 );
border-collapse:collapse; 
background-color:rgb(40 ,40 ,40 );
color:rgb(187,187,187);
font-size:16px;
line-height:22px;
vertical-align:middle;
margin:auto;
position:relative;
}

#divInfo  {
float:left;
text-align:left;
position:absolute;
clear:right;
display:none;
left:170;
top:110;
z-index:10;
}

.catInfo  {
background-color:rgb(40 ,40 ,40 );
color:rgb(255,215,0  );
line-height:20px;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
}

.showTitle
{
text-align:center;
font-size:24px;
line-height:24px;
color:rgb(255,215,0  );
background-color:rgb(48 ,48 ,48 );
margin:auto;
}


th
{
background-color:rgb(48 ,48 ,48 );
color:rgb(255,215,0  );
font-weight:bold;
font-size:18px;
line-height:20px;
}

th.sub
{
font-size:16px;
line-height:18px;
}

.buttonInfo
{
text-align:right;
vertical-align:top;
}

.empty
{
height:5px;
line-height:5px;
background-color:rgb(0  ,0  ,0  );
}

.pagebar
{ 
color : rgb(195,195,195);  
font-size:26px;
line-height:28px;
}

.charinfo {
width:150px;
vertical-align:top;
}

p.quest:first-line {
font-weight:bold;
text-align:left;
background-color:rgb(48 ,48 ,48 );
}

p.quest {
margin-left:25px;
margin-right:25px;  
text-align:left;
background-color:rgb(40 ,40 ,40 );
line-height:20px;
font-size:16px;
}

p.desc:first-letter{
font-size:28px;
font-weight:bold;
}

p.desc{
color:rgb(255,215,0  );
text-align:center;
font-size:24px;
line-height:26px;
margin-left:75px;
margin-right:75px;
}

div.news:first-line
{
font-weight:bold;
text-align:left;
background-color:rgb(48 ,48 ,48 );
}

div.news
{
margin-left:25px;
margin-right:25px;
margin-top:10px;  
text-align:left;
background-color:rgb(40 ,40 ,40 );
line-height:20px;
font-size:16px;
}

td
{
color:rgb(187,187,187);
line-height:18px;
font-size:16px;
}

h2.index
{
text-align:center;
font-size:36px;
line-height:38px;
font-weight:bold;
color:gold;
text-decoration:underline;
}
.cell1
{
background-color:rgb(40 ,40 ,40 );
color:rgb(255,0  ,0  );
text-align:center;	
}
.cell2
{
background-color:rgb(48 ,48 ,48 );
color:rgb(255,0  ,0  );
text-align:center;
}

.epnb
{
text-align:center;
}

p.char:first-line {  font-weight:bold; }

.mature     { color : rgb(255,168,48); }

.update     { color : rgb(255,0,0); font-weight:bold;   }

.updatepics { color : rgb(0,255,0);   }

.updateavi  { color : rgb(120,220,255);   }

.updateinfo  { color : rgb(255,190,45);   }

.current    { font-size:28px;}

.error      { color : rgb(255,0,0);   }

a:link      { 
				color : rgb(148,148,148);
				font-weight:bold;
			}

a:visited   {
				color : rgb(225,225,225);
				fond-decoration:italic;

			}

a:hover     { color : rgb(255,215,0  ); }

a:active    { color : rgb(195,195,195);   }