body {
	background-color: #FFFFFF;
	scrollbar-base-color: #0099cc;
	font-size: 14px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	left-margin: 0;
	top-margin: 0;
	right-margin: 0;
	bottom-margin: 0;
	margin-height: 0;

	color: Black;
}

body.player {
        background-color: #EEEEEE;
}

input.tags {
	width: 95%;
}

input.fnedit {
	width: 95%;
}

div.leftsidebar {
        width: 188px;
        position:absolute;
        top:10;
        font-size:80%;
	left: 0px;
}

div.alert {
	
	width: 350px;
	background-color: yellow;
	border: 1px solid #FF0000;
}

div.inform {
	width: 350px;
	background-color: lightblue;
	color: black;
	border: 1px solid #FF0000;
	text-align: left;
}

/* this translates as 'define the li item when it's contained in a div of class 'inform'' */

div.inform li {
	color: black;
	text-align: left;
}

div.pageheader {
        width: 750px;
        position:absolute;
        top:0px;
	left:0px;
}

div.container {
	position: relative;
	left: 10px;
}

/* we leave some place on the side using the margin-* properties */
#main {
	width: 600px;
	position: absolute;
	background-color: White;
	left: 160px;
	top: 35px;
}

#menu {
	width: 150px;
	position: absolute;
	background-color: #eeeeee;
	left: 5px;
	padding: 5px;
	top: 5px;
}


/* we leave some place on the side using the margin-* properties */
#popupmain {
	width: 300px;
	position: absolute;
	background-color: White;
	left: 0px;
	top: 0px;
}

#popupbackground {
	width:300px;
        position: absolute;
        background-color: White;
        left: 0px;
        top:  0px;
        height: 100%;
}

#background {
        position: absolute;
        background-color: White;
	width: 100%;
        left: 0px;
        top:  0px;
        height: 100%;
}

td.cattags {
	text-align: right;
	font-size: 9px;
	font-family: Arial;
	color: black;
}

/* and then we put each list on its place */
#left {
        left:0;
}

/* these come back as class= (or hit all tags of that type if no class is specified here) */ 

   textarea { font-size: 12px; font-family: Arial; color: Black; }
   td { text-valign=center font-size: 14px; font-family: Helvetica, sans-serif; color: Black; }
   td.topicheader { vertical-align: bottom; }
   td.evenrow { vertical-align: center; background-color: #DDDDDD; }
   td.oddrow { vertical-align: center; background-color: White; }
   td.exactmatchrow { vertical-align: text-top; background-color: #FFDDDD; }
   td.navbar {color: Black;  background-color: #f0eedd; }
   td.navspacer {border-left: 1px solid #0099cc;}
   td.toplevel { background-color: White; }
   td.searchbox { background-color: #DDDDDD; }
   td.statsbox  { background-color: #DDDDDD; }
   td.hrule { background-color: #860130; }

/* lists */
  
   tr.listevenrow { vertical-align: center; background-color: #E0E0E0; }
   tr.listoddrow  {  vertical-align: center; background-color: White; }
   tr.listactiverow { vertical-align: center; background-color: Green; }
   tr.listactiverow:hover { background-color: #FFFF00; }
   tr.listevenrow:hover { background-color: #FFFFB0; }
   tr.listoddrow:hover { background-color: #FFFFB0; }


   A.navbar:visited {color: black; text-decoration: none;}
   A.navbar:active {color: #0099cc; text-decoration: none;}
   A.navbar:hover {background: White; text-decoration: none;color: red;}
   A.titlebar:link {color: White; text-decoration: none;}
   A.titlebar:visited {color: White; text-decoration: none;}
   A.titlebar:active {color: White; text-decoration: none;}
   A.titlebar:hover {color: black; text-decoration: none; background-color: #f0eedd;}
   A.title:link {color: White; text-decoration: none;}
   A.title:visited {color: White; text-decoration: none;}
   A.title:active {color: White; text-decoration: none;}
   A.title:hover {color: #FFB6C1; text-decoration: none;}
   A:link {color: #0099cc;}
   A:visited {color: #860130;}
   A:active {color: #0099cc;}
   A:hover {color: red;}
   a {text-decoration: none;}

   p {margin-left: 1em;margin-right: 1em;text-align: left;}

   .title {font-size: large;}

   h1,h2,h3,h4 {color: #860130;}
   h1 {font: bold large;}
   h2 {font: bold 125%;}
   h3 {font: 100%; 	margin: 0px 0px; }
   h4 {font: small; margin: 0px 0px;}

   hr {color: #009-9cc;  background-color: #0099cc; }

   ul li {list-style: square; }

   img {padding-left: 2px;	padding-right: 2px; border: 0px; }

   table { border: 0px; }

/* these show up as individual elements with 'id=' and then the name */

#tagger {
	position: absolute;
	visibility: hidden;
	width: 740px;
	height: 290px;
	left: 20px;
	top: 300px;
	background-color: #ccc;
	border: 1px solid #000;
	padding: 5px;
}

#fnedit {
        position: absolute;
	visibility: hidden;
	width: 400px;
	height: 150px;
	left: 20px;
	top: 300px;
	background-color: #ccc;
	border: 1px solid #000;
	padding: 5px;
}




iframe { 
	margin-width: 0;
	margin-height: 0;
	border: none;
	border-style: none;
	border-width: 0;
	padding: 0;

}

#taggerbody {
	width: 720px;
	height: 290px;
	left: 10px;
	top: 10px;

}


#fneditbody {
        width: 380px;
	height: 150px;
	left: 10px;
	top: 10px;
}


#tagsl1 {
	position: absolute;
	background-color: #FFF;
	width: 95%;
	height: 220px;
	left: 5px;
	top: 63px;
}

#tagsl2 {
        position: relative;
	background-color: #FFF;
	width: 100%;
	height: 220px;
	left: 5px;
	top: 0px;
}

#close {
	float: right;
}


/* BY JP */
h3.topicheader {
	border-bottom: 3px solid #860130;
}

div#header {
	width: 160px;
	font-size: 40px;
	position: absolute;
	left: 5px;
	top: 5px;
}
div#header a {
	color: #0099cc;
}
div#header a:hover {
	color: red;
}

div#listindex {
	position: absolute;
	width: 600px;
	top: 5px;
	left: 160px;
	text-align: center;
}

div#listindex a {
	padding: 0 4px;
}

.topicheader h3 a {
	color: #0099cc; /* #0000ff;*/
}

.topicheader h3 a:hover {
	color: red;
}

div#search {
	position: absolute;
	top: 70px;
	left: 5px;
	width: 130px;
	background: #d6d6d6;
	border: 1px solid #000;
	padding: 5px;
	padding-bottom: 0px;
	text-align: center;
}

div#search select, div#search input {
	font-size: smaller;
}

div#search #q {
	width: 90%;
	font-size: small;
	margin-bottom: 5px;
}

p.daz {
	text-align: center; 
	position: absolute; 
	top: 120px; 
	left: -169px; 
	width: 130px; 
	background: #D6D6D6; 
	border: 1px solid #000; 
	padding: 5px; 
}

#comments {
	width: 450px;
}

#comments ul {
	padding: 0;
	margin: 0;
}
#comments ul li {
	clear: both;
	list-style: none;
	width: 450px;
}

#comments label {
	position: relative;
	float: left;
	display: block;
	width: 200px;
}

#comment input, #comment textarea {
	float: right;
	width: 225px;
}

#comments #comment-form {
	margin-top: 40px;
}

#comments textarea {
	vertical-align: top;
}

#comments img {
	vertical-align: middle;
}

#comments .date {
	font-size: 10px;
	margin: 0 5px;
	color: #860130;
}

#comments p {
	margin-top: 5px;
}
h4 strong {
   color: #a60130;
}

.error {
	color: red;
}