*{
  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.user:link{color:#0000A0; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.user:visited{color:#0000A0; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.user:hover{color:#0080FF; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.user:active{color:#8080FF; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}

// old background: 44EEFF
a.admin{color:#CC0000; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.admin:link{color:#CC0000; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.admin:visited{color:#CC0000; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.admin:hover{color:red; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.admin:active{color:red; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}

// old background: 44EEFF
a.donator{color:#B18905; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.donator:link{color:#B18905; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.donator:visited{color:#B18905; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.donator:hover{color:#CAA117; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.donator:active{color:#CAA117; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}

a.juke{color:#7401DF; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.juke:link{color:#7401DF; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.juke:visited{color:#7401DF; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.juke:hover{color:#4C0B5F; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.juke:active{color:#4C0B5F; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}

a.artist{color:darkgreen; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.artist:link{color:darkgreen; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.artist:visited{color:darkgreen; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.artist:hover{color:#298A08; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}
a.artist:active{color:#298A08; background: #44CCFF; padding: 2px; display: block; margin-top: 1px; margin-bottom: 1px;}

a.team{color:#005500;}
a.team:link{color:#005500;}
a.team:visited{color:#005500;}
a.team:hover{color:#227722;}
a.team:active{color:#227722;}

.private{background:#DDDDDD;}

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;
}
#lobbyHeader{
  padding-left: 10px;
}
#lobbyHeader,#lobbyHeader *{
  font-weight: bold;
  font-size: 11px;
}
#lobbyHeader *{
  padding-right: 20px;
}
#chatWrapper{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}
#chatPane{
  padding-left: 3px;
  padding-right: 6px;
  text-align: left;
  font-size: 80%;
  font-family: arial;
  width: 97%;
  max-width: 97%;
  height: 351px;
  border-width: 2px;
  border-style: solid;
  border-color: #0000A0;
  background-color: #44CCFF;
  overflow: -moz-scrollbars-vertical;
  overflow-x: hidden;
  overflow-y: auto;
  float: left;
}
#rightPane{
  padding-left: 3px;
  padding-right: 0px;
  text-align: left;
  font-size: 80%;
  font-family: arial;
  width: 100%;
  max-width: 100%;
  height: 351px;
  border-width: 2px;
  border-style: solid;
  border-color: #0000A0;
  background-color: #44CCFF;
  overflow: hidden;
  float: right;
}
#usersPane,#openPane,#runningPane{
  overflow: -moz-scrollbars-vertical;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  height: 115px;
  max-height: 115px;
  margin-right: 3px;
}
#openPane,#runningPane{
  padding-top: 3px;
}
.border{
  width: 100%;
  border-top: 1px solid #0000A0;
  margin-left: -3px;
  padding-left: 3px;
}
#chatPane2{
  width: 75%;
}
#usersPane2{
  width: 23%;
}
#chatInput{
  width: 90%;
}
#chatSend{
  width: 10%;
}
span.chat{
  /*padding-left: 3px;
  padding-right: 3px;*/
}
#juketable{
  margin-top: -15px;
  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 */
/******************/

#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;
}

/****************/
/* Account Page */
/****************/
.accountWrap{
  border: 1px solid grey;
  margin-bottom: 4px;
}
.accountHeader{
  width: 100%;
  background-color: blue;
}
.accountHeader div{
  cursor: pointer;
  padding: 10px;
  font-weight: bold;
  color: white;
}
.accountHeader div:hover{
  cursor: pointer;
  background-color: darkblue;
  color: lightblue;
}
.accountContent{
  width: 100%;
  background-color: lightblue;
  display: none;
}
.accountContent div{
  padding: 10px;
}

.saveAllDiv{
	border: solid 2px black;
	margin-top: -2px;
	margin-bottom: 7px;
}

.saveAllIcon,.saveAllButton,.saveAllText{
	vertical-align: middle;
}

.saveAllText{
	font-weight: bold;
	font-size: 14px;
}

.saveAllInnerDiv{
	width: 100%;
}

.saveAllUnsaved{
	background-color: #FEEFB3;
	border-color: #9F6000;
	color: #9F6000;
}

.saveAllSaved{
	background-color: #AAFFAA;
	border-color: #007700;
	color: #007700;
}

.styleButton{
	width: 30px;
	height: 30px;
	border-width: 2px;
	border-style: solid;
	margin-right: 5px;
	float: left;
	cursor: pointer;
}

#accountServerMessages{
	position: fixed;
	top: 250px;
	left: 50%;
	width: 500px;
	height: 200px;
	margin-left: -250px;
	border: 3px solid #000000;
	background-color: #F9FAAA;
	overflow: auto;
	text-align: left;
	padding-top: 3px;
	padding-left: 5px;
	display: none;
}

/**********/
/* General*/
/**********/

.unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.stretchedToMargin {
	display: block;
	position:absolute;
	height:auto;
	bottom:0;
	top:0;
	left:0;
	right:0;
}