@charset "utf-8";
/* CSS Document for Home Page */

/* CSS For Home Page Layout */
body { margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; background-color:#000000; background-image:url(../images/background.jpg); background-repeat:repeat-x;}
td,tr {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}

.fullSite { margin:0; height:auto; width:100%; }

	.headerTop { width:966px; height:45px; margin:auto; background-image:url(../images/header-top.png); background-repeat:no-repeat;}
	.mainHeader { width:966px; height:auto; margin:auto; }
		.fullHeader { width:auto; height:100px; }
		.logo {	height:70px; width:300px; margin:15px 0px 0px 20px;	float:left; }

	.menuHeader { width:100%; height:26px; background-image:url(../images/body-header.jpg); background-repeat:repeat-x; }	
			
	.fullContent { width:966px; height:auto; margin:auto }
			
	.fullFooter { width:966px; height:90px; margin:auto}
	
	.footerBar { width:100%; height:40px; position:fixed; bottom:0; z-index:9999; background-image:url(../images/footer-chat-bar.png); background-repeat:repeat-x;}
	
	.footerBarDiv ul
	{
		color:#FFF;
		list-style:none;
		margin:10px 10px 0px 0px;
		text-align:center;
	}
	.footerBarDiv ul li { height:30px; background-image:url(../images/footer-chat-bar-divider.png); background-repeat:no-repeat; background-position: 0px 0px; float:right; display:inline; padding:10px}
	
	.footerBarDiv li:hover
	{
		background-color:#C6F;
	}
	
	.chatWindow
	{
		z-index:100000;
		height:auto;
		width:227px;
		background-color:#C6F;
		position:fixed;
		right:0;
		bottom:0;
		margin:0px 0px 30px 0px;
		border:1px solid #5D0164;
		
	}
	
	.chatTitle
	{
		height:20px;
		font-weight:bold;
		padding:5px 0px 3px 5px;
		background-image:url(../images/footer-chat-bar.png);
		background-repeat:repeat-x;
	}



/* CSS For Home Page Wording */

.wallMenu { font-size:14px; color:#FFF; font-weight:bold; }

.largeSize { font-size:18px; }
.blackHeaderText { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000 }
.blackHeaderTextNormal { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000 }
.whiteHeaderText { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF }
.whiteHeaderTextNormal { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF }
.purpleHeaderText { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#5D0166 }
.purpleHeaderTextNormal { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#5D0166 }
.whiteNormalText { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF }
.smallWhiteText { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; color:#FFFFFF }

.regPageText { height:16px; width:250px; color:#333333;border:1px solid #CCCCCC; }
.regPageText:hover {border:1px solid #9900FF;}

.redText { color:#FF0000; }

.notBar { border-bottom:1px solid #CCC; padding-bottom:5px; margin:8px;}

.recent { margin:5px; margin-left:10px;}

/* CSS For Button */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/* Big Button */

a.button {
    background: transparent url('../images/button-right.png') no-repeat scroll top right;
    color: #FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
    display: block;
    float: left;
	font-weight:bold;
    height: 32px;
    margin-right: 6px;
    padding-right: 13px; /* sliding doors padding */
    text-decoration: none;
	cursor: hand;
	cursor: pointer;
}

a.button:hover
{
	color:#F9F9F9;
	text-decoration:none;
}

a.button span {
    background: transparent url('../images/button-left.png') no-repeat;
    display: block;
    line-height: 22px;
    padding: 5px 0 5px 13px;
} 

a.button:active {
    background-position: bottom right;
    color: #F9F9F9;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 13px; /* push text down 1px */
} 

/* Small Button */

a.buttonSmall {
    background: transparent url('../images/small-button-right.png') no-repeat scroll top right;
    color: #FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
    display: block;
    float: left;
	font-weight:bold;
    height: 25px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
	cursor: hand;
	cursor: pointer;
}

a.buttonSmall:hover
{
	color:#F9F9F9;
	text-decoration:none;
}

a.buttonSmall span {
    background: transparent url('../images/small-button-left.png') no-repeat;
    display: block;
    line-height: 22px;
    padding: 2px 0 1px 10px;
} 

a.buttonSmall:active {
    background-position: bottom right;
    color: #F9F9F9;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonSmall:active span {
    background-position: bottom left;
    padding: 3px 0 0px 10px; /* push text down 1px */
} 

/* CSS For Button Finish*/

a
{
	/*color:#5D0166;*/
	color:#FFFFFF;
	text-decoration:none;
}

a:hover
{
	color:#990099;
	text-decoration:none;
}


/* For Graph */

#container {
  width: 18px;
  height:300px;
  margin: 2px 5px 5px 0; 
  padding: 0px; 
  /*background-color:#61026A; */
  overflow:hidden;
  float:left;
}

#bar {
  background-color: #F7F7F7;
  width: 16px;
}

#bar-label
{
  float:left;
  color:#333;
  font-family:Verdana, Geneva, sans-serif;
  font-size:8px;
  line-height:20px;
  text-align:center;
  margin-top:-15px;
}

#container:hover
{
  background-color:#61026A;
}

#graph
{
	width:auto;
	height:310px;
	margin:5px;
	background-image:url(../images/graph-bar.png);
/*	background-position:10em;
*/}

#details
{
	width:auto;
	height:20px;
	margin:5px;
	float:none;
}

#details-name {
  width: 18px;
  height:20px;
  margin: 2px 5px 5px 0; 
  padding: 0px; 
  float:left;
  
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  font-size:8px;
  line-height:20px;
  font-weight:bold;
}

#unit-content
{
  width: 16px;
  height:300px;
  margin: 2px 5px 15px 0; 
  padding: 1px; 
  float:left;
}

#unit
{
	height:50px;
	font-size:10px;
	text-align:right;
}