body,html {
	height: 99%;
	width: 99%;
}
body {
	background: #000;
	background-image: url('galaxy.jpg');
	background-position: center center;
	background-repeat: no-repeat;
}
h4 {
	text-decoration: underline;
}
h4:first-letter {
	font-size: 125%;
}
#heading {
	color: #FFFFFF;
	font-family: Consolas;
	font-size: 32pt;
	margin-bottom: 0.25em;
	text-align: center;
	width: 100%;
}
#heading b{
	 color: #EFDFEB;
}
#nav {
	margin:0 auto;
	width:97%;
}
#nav .ui-tabs-nav {
	height: 2.35em;
	text-align: center;
}
#nav .ui-tabs-nav li {
	display: inline-block;
	float: none;
	font-size: 80%;
	margin: 0.6em 0 0;
	width: 9em;
}
#nav .ui-tabs-nav li.ui-tabs-selected {
	font-size: 100%;
	margin-top: 0em;
}
#nav .ui-tabs-nav li a {
	text-align: center;
	width: 7em;
}
#nav > div {
	height: 27em;
	overflow-y: auto;
}
#logo {
	left: 50%;
	margin: -175px;
	position: fixed;
	top: 50%;
	z-index: -1;
}

#ranking {
	position: relative;
	padding-left: 6.5em;
}
#ranking .ui-tabs-nav {
	position: absolute;
	left: 0.25em;
	top: 0.25em;
	bottom: 0.25em;
	width: 6em;
	background: #000;
}
#ranking .ui-tabs-nav li {
	right: 1px;
	width: 100%;
	border-right: 2px solid #CCC;
	border-bottom-width: 1px !important;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	overflow: hidden;
	margin-bottom: 10px;
}
#ranking .ui-tabs-nav li.ui-tabs-selected {
	border-right: 3px solid #FFF;
}
#ranking .ui-tabs-nav li a {
	float: right;
	width: 100%;
	text-align: right;
}
#ranking div {
	height: 24em;
}

#cstatus {
	text-align: center;
}

#gameboard {
	border: 2px solid #DFEBEF;
	float: left;
}
#gameboard th{
	background: url('css/dark-hive/images/ui-bg_highlight-soft_33_003147_1x100.png') repeat-x center;
	font-size: 80%;
	height: 2.5em;
}
#gameboard td{
	text-align: center;
}
#gameboard td b span{
	width: 2.5em;
}

#questionbox {
	float: right;
	height: 22.5em;
	width: 20.5em;
}

#answerbox {
	display: none;
	text-align: center;
}

#answerbox code {
	color: #ffff00;
 	font-size: 16pt;
	font-weight: bold;
}

#reloadgb {
	cursor: pointer;
	left: 0.5em;
	position: absolute;
	top: 3em;
} 

#lraccord div{
	font-family: Consolas;
	text-align: center;
}

#lraccord span{
	display:block;

}

#lraccord span input{
	background: #00550c;
	border:1px solid #adff2f;
	color: #adff2f;
}

#lraccord p{
	font-size: 80%;
}

#lrerror {
	display: none;
	text-align: center;
}

a.alink, .ui-widget-content a.alink {
	cursor: pointer;
	color: #9999CC; 
	text-decoration: none;
}
a.alink:hover {
	cursor: pointer;
	color: #99CC99;
	text-decoration: none;
}
a.alink:active {
	cursor: pointer;
	color: #CC9999;
	text-decoration: none;
}

b.greenb, b.ui-state-default.greenb {
    background: url('css/custom-theme/ui-bg_highlight-soft_60_4ca20b_1x100.png') repeat-x center;
    border: 1px solid #45930b;
    color: #ffffff;
}
b.greenb:hover {
    background: url('css/custom-theme/ui-bg_highlight-soft_50_4eb305_1x100.png') repeat-x center;
    border: 1px solid #8bd83b;
    color: #ffffff;
}
b.greenb:active {
    background: url('css/custom-theme/ui-bg_highlight-hard_30_285c00_1x100.png') repeat-x center;
    border: 1px solid #72b42d;
    color: #ffffff;
}


b.blueb, b.ui-state-default.blueb {
    background: url('css/custom-theme/ui-bg_highlight-soft_60_0b4ca2_1x100.png') repeat-x center;
    border: 1px solid #0b4593;
    color: #ffffff;
}
b.blueb:hover {
    background: url('css/custom-theme/ui-bg_highlight-soft_50_054eb3_1x100.png') repeat-x center;
    border: 1px solid #3b8bd8;
    color: #ffffff;
}
b.blueb:active {
    background: url('css/custom-theme/ui-bg_highlight-hard_30_00285c_1x100.png') repeat-x center;
    border: 1px solid #2d72b4;
    color: #ffffff;
}


b.redb, b.ui-state-default.redb {
    background: url('css/custom-theme/ui-bg_highlight-soft_60_a20b4c_1x100.png') repeat-x center;
    border: 1px solid #930b45;
    color: #ffffff;
}
b.redb:hover {
    background: url('css/custom-theme/ui-bg_highlight-soft_50_b3054e_1x100.png') repeat-x center;
    border: 1px solid #d83b8b;
    color: #ffffff;
}
b.redb:active {
    background: url('css/custom-theme/ui-bg_highlight-hard_30_5c0028_1x100.png') repeat-x center;
    border: 1px solid #b42d72;
    color: #ffffff;
}


b.grayb, b.ui-state-default.grayb {
    background: url('css/custom-theme/ui-bg_highlight-soft_35_adadad_1x100.png') repeat-x center;
    border: 1px solid #cccccc;
    color: #333333;
}
b.grayb:hover {
    background: url('css/custom-theme/ui-bg_highlight-soft_60_dddddd_1x100.png') repeat-x center;
    border: 1px solid #dddddd;
    color: #000000;
}
b.grayb:active {
    background: url('css/custom-theme/ui-bg_inset-soft_15_121212_1x100.png') repeat-x center;
    border: 1px solid #000000;
    color: #ffffff;
}

