/*

	mua.css  --  keeyai.com/mua
	Written by Collin Green 

*/

body 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	background-color: #F5F5F6;
}


/******************************************************************************
LOGO
*******************************************************************************/

div.logo
{
	background-color: #222222;

	border-top: solid 6px #BBBBBB; 
	border-bottom: solid 4px #BBBBBB; 
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 90px;

	margin-bottom: 140px;
	display: block;
}

div.logo2
{

	/**/
	background-image: url(../images/logo3.gif);
	background-position: center;
	background-repeat: no-repeat;
	
	position: absolute;
	top: 5px;
	left: 10px;
	width: 99%; 
	height: 150px;
	font-size: 65px;
	color: white;
	text-align: left;

}



/******************************************************************************
CONTAINER
*******************************************************************************/

div.container {
	margin-top: 150px;
	margin-right: 20px;
	
}
.ajax_loading { background: url(../images/spinner.gif) no-repeat center center; }
span.fineprint { font-size: 75%; display: block;}

.error { color: red; }


a { color: #EE6600; text-decoration: none; cursor: pointer;}
pre 
{
	display: block;
	font-family: 'Courier New', Courier, monospace;
	font-size: 11px;
	max-height: 250px;
	overflow: auto;
	margin: 0 0 10px 0;
	padding: 10px;
}

hr 
{
	background-color: #ddd;
	color: #ccc;
	height: 1px;
	border: 0px;
}	
/******************************************************************************
CONTENT
*******************************************************************************/

div#content
{
		margin-left: 220px; 
		margin-right: 220px;
		border: 2px solid #bbbbbb;
		background-color: #DDDDDD;
		padding: 10px;
}


div#content table th { text-transform: capitalize; }
div#content table tr.even{ background-color: #D0DAE1; }
div#content table tr.odd { background-color: #E6EDF2; }
div#content table tr.totalrow { font-weight: bold; }

div#content table a, div#content table a:hover, div#content table a:visited { color: black; }
div#content table td { padding: 0 10px; }


div#left { float: left; width: 200px; }
div#login { font-size: 80%; }

div#right { float: right; width: 200px; }

div#rightad, div#leftad { margin: 20px; }


div.item { border: 1px solid black; padding: 5px; margin-left: 10px; margin-bottom: 20px;}

div#userinfo { position: absolute; top: 60px; left: 10px; color: white; }
div#userinfo { font-weight: bold; }

ul#leaguemembers 
{ 
	list-style-type: decimal; 
	font-family: Courier New;
	font-size: 80%;
	margin-left: -15px;
}

ul#leaguemembers a, ul#leaguemembers a:visited { color: black; text-decoration: underline; }
ul#leaguemembers a:hover { color: #666666; }
ul#leaguemembers span.playerscore {  }

div#shouts ul { list-style-type: none; }
div#shouts ul li{ margin-left: -15px; margin-bottom: 5px; font-size: 85%;}
div#shouts ul li span.name { font-weight: bold; }

p.newspost { border: 1px solid black; padding: 10px; margin: 10px; }
p.newspost span.time { font-weight: bold; display: block; margin: 4px; text-decoration: underline;}
p.newspost span.message { margin-left: 20px; }

ul#leaguelist { list-style-type: decimal; font-family: Courier New; }
ul#leaguelist span.numplayers { }

div.flagged { border: 1px solid black; width: 150px; padding: 10px; margin: 10px; float: left; }
span.flagged span.scoreby { }
span.flagged span.flaggedby { }
/******************************************************************************
TAIL
*******************************************************************************/

div.clear {	clear: left; }

div.tail
{
	margin: 30px 0px 10px 0px;
	text-align: center;
	font-weight: bold;
}