html,body
{
 background-color: #000000;
 font-family: tahoma;
 font-size: 10pt;
 color: #FFFFFF;
 margin: 0px;
 padding-bottom: 30px;
}

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

td
{
	font-size: 8pt; 
}

INPUT.custominput
{
  font-weight: normal; 
  font-size: 8pt; 
  color: #FFFFFF;
  height: 12px;
  padding: 2px;
  border-width: 1px; 
  BORDER-BOTTOM: #848484 1px solid; 
  BORDER-LEFT: #848484 1px solid; 
  BORDER-RIGHT: #848484 1px solid;
  BORDER-TOP: #848484 1px solid;  
  background-color: #181A1B;
}


INPUT.custombutton
{
  font-family: verdana, sans-serif;
  font-weight: bold;  
  font-size: 8pt; 
  color: #B5B1AB; 
  height: 19px;
  padding-bottom: 2px;
  border-color: #3E4D53;
  border-top: 1px solid #3D3D3D;
  border-bottom: 1px solid #3D3D3D;
  border-left: 1px solid #3D3D3D;
  border-right: 1px solid #3D3D3D;
  background-color: #181A1B;
}

SELECT.customselect
{
  font-family: tahoma;
  font-weight: normal; 
  font-size: 8pt; 
  color: #FFFFFF; 
  padding-bottom: 2px;
  border-color: #3E4D53;
  border-top: 1px solid #3D3D3D;
  border-bottom: 1px solid #3D3D3D;
  border-left: 1px solid #3D3D3D;
  border-right: 1px solid #3D3D3D;
  background-color: #181A1B;
}

#sidebars {
  height: 100%;
}

TEXTAREA.customtextarea
{
  font-size: 9pt; 
  color: #C6C6C6;
  padding: 5px;
  BORDER-BOTTOM: #6C6C6C 1px solid; 
  BORDER-LEFT: #6C6C6C 1px solid; 
  BORDER-RIGHT: #6C6C6C 1px solid;
  BORDER-TOP: #6C6C6C 1px solid;
  scrollbar-face-color: #888888; 
  scrollbar-highlight-color: #000000; 
  scrollbar-3dlight-color: #3D3D3D; 
  scrollbar-shadow-color : #000000; 
  scrollbar-darkshadow-color : #000000; 
  scrollbar-track-color : #000000; 
  scrollbar-arrow-color : #000000;  
  background-color: #181A1B;
}

#dhtmlgoodies_tooltip{
    background-color:#000000;
	border: 1px solid #9C9277;
	position:absolute;
	display:none;
	z-index:20000;
	padding:2px;
	font-size:0.9em;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
	font-family: "Helvetica", Arial, sans-serif;
}

#dhtmlgoodies_tooltipShadow{
    position:absolute;
    background-color:#cccccc; 
    display:none;
    z-index:10000;
    opacity:0.7;
    filter:alpha(opacity=70);
		-khtml-opacity: 0.7;
   		-moz-opacity: 0.7;
   		-moz-border-radius:6px;	/* Rounded edges in Firefox */
}

div.centered {
  text-align: center;
}

.minibox {
  color: #FFFFFF;
  font-family: tahoma;
  font-size: 9pt;
  text-align: center;
}

.menu {
  color: #FFFFFF;
  font-family: tahoma;
  font-size: 8.2pt;
  text-align: left;
}

#shoutbox {

  color: #FFFFFF;
  font-family:;
  font-size:;
  text-align:; 
}

#submit {
  font-weight: bold; 
  font-size: 7.9pt; 
  color: #FFFFFF; 
  border-width: 1px; 
  border-color: #3E4D53; 
  background-color: #181A1B;
}

#dropdown {
  width: 90%;
  background-color: #000000; 
}

.profilestats {
 font-family: tahoma;
 font-size: 8pt;
 color: #FFFFFF;
}
  
p
{
	text-align: justify;
}
  
.online_0
{
	COLOR: #FFFFFF
}

.online_1
{
	COLOR: #DDDDDD;
}

.online_2
{
	COLOR: #BBBBBB;
}

.online_3
{
	COLOR: #999999;
}

.online_4
{
	COLOR: #777777;
}

#fixedChatHolderDiv
{
	position: fixed;
	width: 100%;
	bottom: 0px;
	text-align: center;
}

#fixedChatDiv
{
	width: 1042px;
	height: 100%;
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../gfx/bg.png");
	background-repeat: repeat;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(100, 100, 100);
}

#fixedChatHolderDivRHS
{
	position: fixed;
	width: 300px;
	bottom: 0px;
	right: 0px;
}

#fixedChatDivRHS
{
	width: 300px;
	height: 100%;
	z-index: 2;
	margin-left: auto;
	background-image: url("../gfx/bg.png");
	background-repeat: repeat;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(100, 100, 100);
}

div.tutorialDialog
{
	background: url(http://cdn.sigmastorm.com/tutorial/inner_bg_tutorial.jpg);
}

div.tutorialDialog .ui-widget-content
{
	font-size: 13px;
	color: rgb(0,0,0);
	text-align: left;
}

div.tutorialDialog .ui-widget-content a
{
	color: rgb(0,0,255);
	text-decoration: underline;
}

div.tutorialDialog .ui-dialog-titlebar
{
	font-size: 13px;
	background: url(http://cdn.sigmastorm.com/tutorial/tutorial_title_bar.png);
	border: solid 1px #1d305c;
	color: rgb(255,255,255);
}

.arrow
{
    background-image: url(http://cdn.sigmastorm.com/tutorial/arrows-combine.png);
    width: 55px;
    height: 45px;
    float: left;
}

.log
{
	font-size: 12px;
}

.log.special
{
	color: #FF0;
}

.arrow-n, .arrow-s  { width: 45px; height: 55px; }
.arrow-n  { background-position: -55px 0px; }
.arrow-e  { background-position: -100px -55px; }
.arrow-s  { background-position: -55px 55px; }
.arrow-w  { background-position: 0 -55px; }

.arrow-ne, .arrow-se, .arrow-nw, .arrow-sw {width: 55px; height: 55px;}
.arrow-ne { background-position: -1000 0; }
.arrow-se { background-position: -100px 55px; }
.arrow-sw { background-position: 0 55px; }
.arrow-nw { background-position: 0 0; }