#flivia_log{
	position:absolute;
	z-index:1000;
	right:0;
	width:195px;
	bottom:0px;
	height:200px;
	overflow:auto;
	border-style:dashed;
	border-color:red;
	border-width:1px;
	background-color:#aaffaa;
	display:none;
}



body {
	font-family:arial,sans-serif;
	font-size:9pt;
}

textarea {
	width:80%;
	height:150px;
}

textarea.q {
	width:90%;
	height:120px;
}

textarea.a {
	width:500px;
	height:50px;
}


#body {
	position:absolute;
	top:100px;
	left:50px;
	right:50px;
	bottom:50px;
}

span#title {
	position:absolute;
	left:0px;
	top:5px;
	font-size:16pt;
	font-weight:bold;
	width:150px;
}

table.jointable tr td {
	padding:4px;
}

table.jointable tr td.roomname {
	font-weight:bold;
}

table.jointable tr td.numplayers {
	text-align:right;
}

span.loginblock {
	float:right;
	width:300px;
	text-align:right;
	color:#ffa;
}

span.loginblock a:link, span.loginblock a:visited {
	color: #9999ff;
}

.catlabel, .qlabel, .alabel {
	font-weight: bold;
}

.loginlabel, span.login {
	color:#555;
	font-size:8pt;
}

table.indextable {
	margin-left:auto;
	margin-right:auto;
	width:700px;
}

table.indextable td {
	width:33%;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	color:#333333;
}

table.indextable td a.button{
	background:url(/images/button.gif);
	display:block;
	text-align:center;
	vertical-align:center;
	width:150px;
	height:50px;
	color:#004000;
	margin-left:auto;
	margin-right:auto;
	font-size:14pt;
	font-weight:bold;
}

.buttondesc {
	font-color:#888;
	font-size:0.8em;
}

div.button{
	position:relative;
	background:url(/images/button.gif);
	text-align:center;
	vertical-align:center;
	width:150px;
	height:50px;
	color:#004000;
	margin-left:auto;
	margin-right:auto;
	font-size:14pt;
	font-weight:bold;
	cursor:pointer;
}

div.buttonouter {
	width: 100%;
	height: 50px;
	overflow: hidden;
	display: table;
	position: static;
}

div.buttonmiddle {
	display: table-cell; vertical-align: middle; width: 100%;
}


div.buttonshadow {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	position:relative;
	height:100%;
	width:100%;
	color:#004000;
}

div.buttontext {
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:100%;
	top:-2px;
	left:-2px;
	color:#eeffee;
}

div.buttonfloater {
	float:left;
	height:50%;
	margin-bottom:-25px;
}


#flasher{
	height:40px;
}

.flag_desc{
	width:400px;
}

.flagbar {
	padding:10px 10px 10px 10px;
	float:right;
	
}


/* Game Interface */

#gameinfo, #question, #playerlist, #chatwrapper {
	/*border-style:solid;
	border-color:#777777;
	border-width:1px;*/
}

#gamewrapper{
	background:#aaffaa;
	position:absolute;
	z-index:10;
	left:40px;
	right:40px;
	top:90px;
	bottom:15px;
	text-align:left;
}

#popupnotifier {
	position:absolute;
	z-index:100;
	width:600px;
	text-align:center;
	vertical-align:center;
	left:50%;
	margin-left:-450px;
	font-size:24pt;
	font-weight:bold;
	height:150px;
	display:none;
}

#popuptext{
	width:100%;
	text-align:center;
}



#gameinfo{
	position:absolute;
	left:0;
	top:0;
	right:0;
	height:45px;
}

#question{
	z-index:10;
	position:absolute;
	left:0;
	right:200px;
	top:80px;
	min-height:85px;
}

#questiontext{
	padding-right:150px;
	font-size:11pt;
	font-weight:bold;
}

#question > #countdown {
	position:absolute;
	height:85px;
	width:150px;
	right:0;
	top:0;
	/*border-width:0 0 0 1px;
	border-style:dotted;
	border-color:#777777;*/
	font-size:24pt;
	text-align:center;
	vertical-align:center;
	font-weight:bold;
}

#sounds {
	position:absolute;
	width:165px;
	text-align:center;
	right:0;
	bottom:5px;
}

#playerwrapper {
	position:absolute;
	width:165px;
	right:0;
	top:80px;
	bottom:45px;
}

#playerlist {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
}

#playerlist .playerheader{
	font-size:11pt;
	font-weight:bold;
}

#playerlist .player{
	font-size:9pt;
}

#playerlist .correct {
	color:#007700;
	font-weight:bold;
}

#playerlist .player .score {
	float:right;
	text-align:right;
	font-family:monospace;
}

#chatwrapper {
	position:absolute;
	top:180px;
	bottom:50px;
	left:0;
	right:200px;
	padding-left:5px;
	overflow:auto;
}

#chatenter {
	position:absolute;
	bottom:0;
	height:35px;
	left:0;
	right:204px;

}

#chatenter > input {
	position:absolute;
	left:0;
	top:0;
	width:99%;
	padding:0px;
	font-size:12pt;
	font-weight:bold;
	height:25px;
	
}

#gamename{
	font-size:14pt;
	font-weight:bold;
}

#gamecategory{
	font-size:11pt;
	font-weight:bold;
}



/* chat line colors and stuff */

#chatwrapper .say{
	color:#444444;
}

#chatwrapper .hint{
	color:#0000ff;
	font-weight:bold;
}

#chatwrapper .join {
	color:#888800;
}

#chatwrapper .question{
	color:#ff0000;
	font-weight:bold;
}

#chatwrapper .answers{
	color:#000000;
	font-weight:bold;
}

#chatwrapper .close {
	color:#aa5555;
}

#chatwrapper .correct {
	color:#007700;
	font-weight:bold;
}

#chatwrapper .gameover {
	font-weight:bold;
	color:#f00;
}

#chatwrapper .winner {
	font-size:10pt;
	font-weight:bold;
	color:#070;
}

#questiontext .gameover {
	font-size:48pt;
	font-weight:bold;
	text-align:center;
	color:#f00;
	width:100%;
}

#questiontext .winners{
	font-size:24pt;
	text-align:center;
	width:100%;
	color:#0f0;
	font-weight:bold;
}


.tab {

}

.rounded,.flash_div_warning,.flash_div_error,.flash_div_good {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-width:1px;
	border-style:solid;
	padding:10px;
}

.rounded {
	border-color:#444;
	background-color:#ccc;
	color:#222;
}

.flash_div_warning,.flash_div_error,.flash_div_good{
	font-weight:bold;
	width:100%;
}



.flash_div_error,.flash_div_error > a.flash_div_closer:link {
	border-color:#aa0000;
	background-color:#ffaaaa;
	color:#aa0000;
}

.flash_div_warning,.flash_div_warning > a.flash_div_closer:link {
	border-color:#555500;
	background-color:#ffffaa;
	color:#555500;
}

.flash_div_good,.flash_div_good > a.flash_div_closer:link {
	border-color:#005500;
	color:#005500;
	background-color:#aaffaa;
}

a.flash_div_closer {
	float:right;
	font-weight:normal;
	border:none;
}


.flag_title{
	font-size:10pt;
	font-weight:bold;
	padding-bottom:10px;
}

.flag_date{
	font-family:monospace;
}

.flag_login{
	font-weight:bold;
}

.flag_type{
	font-weight:bold;
	font-size:9pt;
}

.tabs{
	position:relative;
	height:28px;
}

a.tab:link, a.tab:visited, a.tab:active {
	position:relative;
	top:2px;
	float:left;
	display:block;
	margin-left:10px;
	padding:5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius:5px;
	border-width:1px;
	border-style:solid;
	border-color:black;
	background-color:#999;
	text-decoration:none;
	font-weight:bold;
	color:black;
	height:15px;
}

a.tabselected:link, a.tabselected:visited, a.tab:active {
	background:#ddd;
	border-bottom-color:#ddd;
}

a.tab:hover {
	background:#fff;
}

.tabcontent {
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottom-left: 5px;
	-webkit-border-radius-bottom-right:5px;
	-webkit-border-radius-top-right:5px;
	background-color:#ddd;
	border-width:1px;
	border-style:solid;
	border-color:#000;
}






/* Flag Popup */

div.flagpopup {
	z-index:10000;
	width:400px;
	height:65px;
	background:#fcc;
	font-weight:bold;
	text-align:center;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	top:50%;
	bottom:50%;
	border-width:2px;
	border-color:#000;
	border-style:solid;
	padding:5px;
}

div.flagpopup > input.flagtext {
	width:200px;
}

div.flagnotifier {
	background:red;
	color:white;
	display:none;
	font-weight:bold;
	width:100%;
	text-align:center;
}


table tr {
	vertical-align:top;
}

table.profile td {
	padding:20px;
}

table.profileinner td {
	padding:5px;
}

.result_win {
	font-weight:bold;
	color:green;
}

.result_lose{
	font-weight:bold;
	color:red;
}

.result_leave{
	font-weight:bold;
	color:pink;
}



table.leaderboard td, table.result td{
	padding:4px;
}

.tableheader * {
	font-weight:bold;
}


div.gameinfo { }

div.gamerelativetime {
	font-size:1.5em;
	font-weight:bold;
}

span.gametime {
	font-size:1em;
	font-weight:normal;
	font-style:italic;
	color:#777;
}

div.gametitle {
	font-size:3em;
	font-weight:bold;
}

div.gamecat {
	font-size:1.5em;
	font-weight:bold;
	color:#777;
}



/* Rounded Shadow Stuff */

.roundedshadow{
	border-style:none;
	background:#fff;
}

.roundedshadow .left, .roundedshadow .right, .roundedshadow .top, .roundedshadow .bot {
	z-index:1;
	position:absolute;
}

.roundedshadow .topleft, .roundedshadow .topright, .roundedshadow .botleft, .roundedshadow .botright {
	z-index:2;
	position:absolute;
}


.roundedshadow .topleft {
	width:6px;
	height:12px;
	top:-12px;
	left:-5px;
	background:url(/images/topleft.png);
}


.roundedshadow .top {
	width:100%;
	height:12px;
	left:0;
	top:-12px;
	background:url(/images/top.png);

}

.roundedshadow .topright {
	width:14px;
	height:12px;
	right:-13px;
	top:-12px;
	background:url(/images/topright.png);
}

.roundedshadow .right {
	height:100%;
	width:13px;
	right:-13px;
	top:0;
	background:url(/images/rightside.png);

}

.roundedshadow .botright {
	height:15px;
	width:13px;
	right:-13px;
	bottom:-15px;
	background:url(/images/botright.png);
}

.roundedshadow .bot {
	height:15px;
	bottom:-15px;
	left:5px;
	right:0;
	background:url(/images/bot.png);
}


.roundedshadow .botleft {
	height:15px;
	width:10px;
	bottom:-15px;
	left:-5px;
	background:url(/images/botleft.png);
}

.roundedshadow .left {
	width:5px;
	height:100%;
	top:0;
	left:-5px;
	background:url(/images/leftside.png);
}


#ask{
	display:none;
	width:300px;
	height:150px;
	background-color:#f77;
	border-color:#f00;
	color:#a33;
}

#ask input.text {
	width:100%;
}

table.playtable {
	width:100%;
}

.sectionwrapper hr{
	margin-top:10px;
	margin-bottom:10px;
}


table.playtable td {
	padding:10px;
	width:33%;
}

.sectionwrapper{ width:250px;overflow:hidden;}