body{
		padding: 0px;
		margin: 0px;
		margin-bottom: 10px;
		font-family: helvetica;
		text-shadow:#0a1a2b 1px 1px 2px;
		font-size: 11px;
	}
	

	
	.charTable {
		border: 1px solid #000; 
		border: 0px; 
		margin: 0px 10px 0px 25px;
		z-index: 1001;
	}
	
	.charTable tr td {
		padding: 3px 10px 3px 10px; 
		border-bottom: 1px solid #000;
		border-right: 1px solid #666;
		background: #eee;
	}
	
	.topDiv {
		height: 25px;
		margin-bottom: 15px;
	}
	
	.mainDiv
	{
		margin: 0px 20px 0px 20px;
	}
	
	.loginText {
		position: absolute;
		z-index: 1001;
		right: 0px;
		height: 16px;
	}
	
		
	.loginTextOn {
		position: absolute;
		z-index: 1001;
		right: 0px;
		height: 16px;
		font-size: 11px;
		color: #FFF;
		font-weight: bold;
		padding: 7px;
	}
	
	.loginTextOn .realmSelect {
		display: inline-block;
		margin: -5px 20px 0px 10px;
		padding: 0px 10px 0px 10px;
		font-size: 15px;
		color: #bbb;
		
	}
	
	.loginTextOn .realmSelect  select{
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #999;
		padding: 2px 5px 2px 5px;
	}
	
	.loginTextOn a{
		text-decoration: none;
		font-weight: bold;
		color: #fff;
	}
	
	.loginTextOn a:hover{
		color: #69c;
	}
	
	.loginText  a{
		display: block;
		padding: 8px 10px 8px 14px;
		text-decoration: none;
		font-weight: bold;
		color: #fff;
		font-size: 11px;
	}
	
	.loginDiv
	{
		visibility: hidden;
		background: #f8f8f8;
		border: 1px solid #ddd;
		border-top: 0px;
		position: absolute;
		right: 0px;
		top: 32px;
		padding: 10px;
		font-weight: bold;
		color: #666;
		text-shadow: none;
		
		-moz-border-radius-bottomleft: 25px;
		border-bottom-left-radius: 25px;
		
		-moz-box-shadow:    0px 5px 5px 0px #ccc;
		-webkit-box-shadow: 0px 5px 5px 0px #ccc;
		box-shadow:         0px 5px 5px 0px #ccc;
	}
	
	.mainDiv{
		text-shadow: none;
	}
	
	.clear { 
		overflow: hidden;
		width: 100%;
	}

	.mainTable tr .mainDiv{
		-moz-border-radius: 10px;
		border-radius: 10px; 
		
		background: #eeeeee;
		border: 2px solid #ddd; 
		text-align: center;
		padding: 20px;
		vertical-align:top;
	}
	
	.mainTable tr .mainDiv .subDiv{
		padding: 15px;
		background: #90AAC3;
		-moz-border-radius: 10px;
		border-radius: 10px; 
	}
	
	.mainTable tr .mainDiv .title
	{
		text-align:center;
		font-size: 50px;
		font-weight:bold;
		color: #000;
		margin: -15px 0px 15px 0px;
		text-shadow: #000 0px 0px 10px;
	}
	
	.mainTable tr .td{
		background: #d9d9d9;
		padding: 20px;
		border: 1px solid #d9d9d9;
		vertical-align:top;
	}
	
	.mainTable tr .td .title{
		text-align:center;
		font-size: 50px;
		font-weight:bold;
		color: #DBE0E5;
		margin: -15px 0px 15px 0px;
		text-shadow: #000 0px 0px 5px;
	}
	
	.notWorking{
		font-size: 15px;
		display: block;
		color: red;
	}
	
	.exportDiv	{
		width: 100%
	}
	
	.mainTable tr .td .img{
		opacity: .4;
		position:absolute;
		text-align:right;
		margin: -10px;
	}
	
	div.console
	{
		color: #fff;
		font-family: courier;
		width: 600px;
		background: #000;
		border: 6px solid #CCC;
				
		-moz-border-radius: 15px;
		border-radius: 15px;
		padding: 25px;
		
		margin: 0px 0px 10px 0px;
	}
	
	.command_send
	{
		width: 600px;
		margin-bottom: 10px;
		-moz-border-radius: 4px;
		border: 1px solid #000;
		padding: 2px 5px 2px 5px;
	}
	
	/* BUTTONS */.buttons a, .buttons button{
    display:inline-block;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;   
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 8px;
			 -webkit-border-bottom-left-radius: 8px;
			        -moz-border-radius-topleft: 8px;
			     -moz-border-radius-bottomleft: 8px;
			            border-top-left-radius: 8px;
			         border-bottom-left-radius: 8px;
	}
	.buttons button{
		width:auto;
		overflow:visible;
		padding:4px 10px 3px 7px; /* IE6 */
		
		
	}
	.buttons button[type]{
		padding:5px 10px 5px 7px; /* Firefox */
		line-height:17px; /* Safari */
	}
	*:first-child+html button[type]{
		padding:4px 10px 3px 7px; /* IE7 */
	}
	.buttons button img, .buttons a img{
		margin:0 3px -3px 0 !important;
		padding:0;
		border:none;
		width:16px;
		height:16px;
	}
	
	/* STANDARD */
	
	button:hover, .buttons a:hover{
		background-color:#dff4ff;
		border:1px solid #c2e1ef;
		color:#336699;
	}
	.buttons a:active{
		background-color:#6299c5;
		border:1px solid #6299c5;
		color:#fff;
	}
	/* POSITIVE */
	
	button.positive, .buttons a.positive{
		color:#529214;
	}
	.buttons a.positive:hover, button.positive:hover{
		background-color:#E6EFC2;
		border:1px solid #C6D880;
		color:#529214;
	}
	.buttons a.positive:active{
		background-color:#529214;
		border:1px solid #529214;
		color:#fff;
	}
	
	/* NEGATIVE */
	
	.buttons a.negative, button.negative{
		color:#d12f19;
		text-shadow: none;
	}
	.buttons a.negative:hover, button.negative:hover{
		background:#fbe3e4;
		border:1px solid #fbc2c4;
		color:#d12f19;
	}
	.buttons a.negative:active{
		background-color:#d12f19;
		border:1px solid #d12f19;
		color:#fff;
	}
	
	/* Disable */
	.buttons a.disable, button.disable{
		color:#555;
		text-shadow: none;
	}
	.buttons a.disable:hover, button.disable:hover{
		background: #fff;
	}
	.buttons a.disable:active{
	}
	
	.topBarTitle
	{
		margin: 0px 0px 6px 15px;
		font-size: 13px;
		color: #333;
	}
	.meter { 
			height: 10px;  /* Can be anything */
			position: relative;
			margin: 5px 0 0px 0; /* Just for demo spacing */
			background: #555;
			-moz-border-radius: 25px;
			-webkit-border-radius: 25px;
			border-radius: 25px;
			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
			box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
			padding: 2px;
		}
		.meter > span {
			display: block;
			height: 100%;
			   -webkit-border-top-right-radius: 20px;
			-webkit-border-bottom-right-radius: 20px;
			       -moz-border-radius-topright: 20px;
			    -moz-border-radius-bottomright: 20px;
			           border-top-right-radius: 20px;
			        border-bottom-right-radius: 20px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
					 
			background-color: rgb(43,194,83);
			position: relative;
			overflow: hidden;
		}
		
		.animate > span:after {
			display: none;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		
		@-moz-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		
		
		.blue > span {
			background-color: #336699;
			background-image: -moz-linear-gradient(top, #336699, #6699cc);
			/*background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #336699),color-stop(1, #6699cc));
			background-image: -webkit-linear-gradient(#336699,, #6699cc); */
		}
		
		.red > span {
			background-color: #f0a3a3;
			background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
			background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
		}
		
		.nostripes > span > span, .nostripes > span:after {
			-webkit-animation: none;
			-moz-animation: none;
			background-image: none;
		}