*{
  font-size: 100%;
}
body{
 color:#202020;
 font-family: arial, Kristen ITC;
 font-size: 90%;
 text-align: center;
 margin: 0px;
 background-color:#fea211;
}
p:first-letter{
  font-size:120%;
  font-weight:bold;
  color:#2030ff;
}
h3{
  color:#2030ff;
}
a{text-decoration:none;font-weight:bold;}
th a:hover{color:#FFFFFF;}

a:link{color:#0000A0;}
a:visited{color:#0000A0;}
a:hover{color:#0080FF;}
a:active{color:#8080FF;}

a.admin:link{color:#CC0000;}
a.admin:visited{color:#CC0000;}
a.admin:hover{color:orangered;}
a.admin:active{color:orangered;}

a *{
  border:none;
}
lu{
 list-style-image: url(/images/l.png);
}
#logo{
 left: auto;
 right: auto;
}
div.banner{
  height:150px;
  overflow:visible;
  margin:auto;
  background: url('/images/upper_banner.png') top center repeat-y;
}
div.container{
 margin:1px;
 width: 99%;
}
div.footer{
 margin: 1px;
 border: 0px;
}
div.title{
  text-align:center;
  font-size:130%;
  color:#ffffff;
}
#mainTitle{
  font-size:150%;
}
table.patch{
 border-collapse: collapse;
 border-spacing: 0px 0px;
 border: 0px;
 border-style:none;
 width: 100%;
 padding: 0px;
 margin:0px;
}
table.empty{
 border-collapse: collapse;
 border-spacing: 0px 0px;
 border: 0px;
 border-style:none;
 width: 100%;
 padding: 0px;
 margin:0px;
}
table.n{
 border-collapse: collapse;
 border-spacing: 2px 2px;
 border: 1px;
 border-style: solid;
 border-color: #803030;
 padding: 5px;
 margin-left: auto;
 margin-right: auto;
}
table.empty td{
 vertical-align: top;
 padding: 3px;
 border-style: none;
 border-width: 0px;
}
table.patch td{
 padding: 0px;
 border-style: none;
 border-width: 0px;
}
table.n td,th{
 vertical-align: top;
 padding: 3px;
 border-style: solid;
 border-width: 2px;
 border-color: #000000;
}
table.n th{
 background-color: #0581FF;
}
table.patch td.p1{
 background-image: url(/images/slice_0_0.png); 
 width: 21px; 
 height: 41px;
 padding: 0px;
 border-style: none;
 border-width: 0px;
}
table.patch td.p2{
 background-image: url(/images/slice_0_1.png);
 padding: 12px 0px 0px 0px;
 border-style: none;
 border-width: 0px;
}
table.patch td.p3{
 background-image: url(/images/slice_0_2.png); 
 width: 21px;
 padding: 0px;
 border-style: none;
 border-width: 0px;
}
table.patch td.p4{
 background-image: url(/images/slice_1_0.png);
 padding: 0px;
 border-style: none;
 border-width: 0px;
}
table.patch td.p5{
 background-color: #f9faaa;
 padding: 6px 6px 6px 0px;
 border-style: none;
 border-width: 0px;
}
table.patch td.p6{
 background-image: url(/images/slice_1_2.png);
 padding: 0px;
 border-style: none;
 border-width: 0px;
}
table.patch td.p7{
 height: 22px;
 background-image: url(/images/slice_2_0.png);
 padding: 0px;
 border-style: none;
 border-width: 0px;
}
table.patch td.p8{
 background-image: url(/images/slice_2_1.png);
 padding: 0px;
 border-style: none;
 border-width: 0px;
}
table.patch td.p9{
 background-image: url(/images/slice_2_2.png);
 padding: 0px;
 border-style: none;
 border-width: 0px;
}
#chatWrapper{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}
#chatPane{
  padding-left: 3px;
  padding-right: 3px;
  text-align: left;
  font-size: 80%;
  font-family: arial;
  width: 97%;
  height: 300px;
  border-width: 2px;
  border-style: solid;
  border-color: #0000A0;
  background-color: #44CCFF;
  overflow: auto;
  float: left;
}
#rightPane{
  padding-left: 3px;
  padding-right: 3px;
  text-align: left;
  font-size: 80%;
  font-family: arial;
  width: 100%;
  height: 300px;
  border-width: 2px;
  border-style: solid;
  border-color: #0000A0;
  background-color: #44CCFF;
  overflow: auto;
  float: right;
}
#usersPane{
  /* */
}
#chatPane2{
  width: 78%;
}
#usersPane2{
  width: 20%;
}
#chatInput{
  width: 90%;
}
#chatSend{
  width: 10%;
}
span.chat{
  /*padding-left: 3px;
  padding-right: 3px;*/
}
#juketable{
  margin-left: auto;
  margin-right: auto;
}
#playlistdiv{
  display: none;
  padding-left: 3px;
  padding-right: 3px;
  text-align: left;
  font-size: 80%;
  font-family: arial;
  height: 340px;
  border-style: solid;
  border-color: #0000A0;
  border-width: 2px;
  background-color: #44CCFF;
  overflow: auto;
}


/* Jquery Tooltip CSS. */

#tooltip{
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div{
  margin: 0;
}
#tooltip.pretty{
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 220px;
	opacity: 0.9;
	background: url('g/images/misc/shadow.png');
}
#tooltip.prettyIE{
	font-family: Arial;
	border: none;
	width: 205px;
	padding:20px;
	height: 250px;
  /* for IE */
  filter:alpha(opacity=90);
	background: url('g/images/misc/shadow.png');
}
#tooltip.pretty h3{
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 210px;
	text-align: center;
}
#tooltip.pretty div{
  width: 210px;
  text-align: left;
}