@CHARSET "ISO-8859-1";

.toptabs {
	height:2em;
	background-color:#B2CEEE;
	width:980px;
	z-index:9;
	position:relative;
	text-align:center;
}
	.toptabs .group {
		margin-left:200px;
		float:left;
		text-align:left;
		height:2em;
	}		
	.toptabs .label {
		float:left;
		line-height:2em;
		margin-left:10px;
		display:inline;
	} 
	
	.toptabs .tab a {color:black;}
	.toptabs .tab a:visited {color:black;}
	.toptabs .tab a:active {color:black;}
	
	.toptabs .tab {
		float:left;
		margin-left:10px;
		display:inline;
		height:2em;
		line-height:2em;
		padding:0 4px;
		color:black;
	} 
	.toptabs .active .up {
		background:url(/img/arrows16.png) no-repeat -16px 0;
		width:16px;	height:16px;
		vertical-align:middle;
		float:left;
		margin:8px 4px;
	} 
	.toptabs .active .down {
		background:url(/img/arrows16.png) no-repeat 0 0;
		width:16px;	height:16px;
		vertical-align:middle;
		float:left;
		margin:8px 4px;
	} 
	
.topcap {
	margin-top:-8px;
}
	
.lefttabs {	
	width:120px;/*7.5em;*/
	float:left;
	padding-top:3em;
	display:inline;
	text-align:right;
}
.lefttabs a{	
	text-decoration:none;	border:none;	width:100%;	height:100%;	color:white;	display:block;
}
.lefttabs a:hover{	
	text-decoration:none;	border:none;	width:100%;	height:100%;	color:white;	display:block;
}
.lefttabs a:visited{	
	text-decoration:none;	border:none;	width:100%;	height:100%;	color:white;	display:block;
}
.lefttabs a:active{	
	text-decoration:none;	border:none;	width:100%;	height:100%;	color:white;	display:block;
}
.ubertab .active a			{	color:black; }
.ubertab .active a:hover		{	color:black; }
.ubertab .active a:visited	{	color:black; }
.ubertab .active a:active		{	color:black; }

	.lefttabs .ubertab {
		text-align:left;
		float:right;
		margin-top:10px;
		clear:both;
		display:inline;
		white-space: nowrap;
		
		width:120px;
	}
	
	.lefttabs .ubertab p		{	margin:10px;	}
	
	/* size inactive ubertabs */
	.lefttabs .ubertab a div	{	padding:10px;	}			
	.lefttabs .active a div		{	padding:auto;	}
	
	.lefttabs .ubertab .tab{
		text-align:center;
		float:right;
		margin-top:0.1em;
		margin-bottom:0.3em;
		padding:4px 0px;
		height:1.2em;
		width:115px;
		clear:both;
		background:white;
		display:inline;
		white-space: nowrap;
	}
	.lefttabs .ubertab .active{
	}
	.lefttabs .ubertab .tab .active{
	}
	
	.lefttabs .header {
		text-align:center;
		float:right;
	}
	.lefttabs .header a div			{	padding:5px 0;	}
	.lefttabs .header a .clear		{	padding:0;	}

.stuffs {
	min-height:35em;
	height:auto !important;
	height:35em;
	
	width:750px;
	
	background:none;
	
	color:black;
	text-align:left;
	float:left;
	display:inline;
	position:relative;
}

	.no-results{
		margin-top:5em;
		text-align:center;
	}
	
	
/*---------*/
	.Paginator	{
		width:600px;
		text-align:center;
		margin:auto;
		padding: 5px 0;
	}
		.btm-pagin-rsrv {
			width:100%;
			height:2em;
		}
		.btm-pagin {
			position:absolute;
			bottom:0;
			margin-bottom:-25px;
			width:100%;
			z-index:9;
			overflow:visible;
		}
		.top-pagin {
			position:absolute;
			top:0;
			margin-top:-25px;
			width:100%;
			z-index:9;
		}
	
	.creation	{
		width:200px;
		height:200px;
		margin:20px;
		text-align:left;
		position:relative;
		overflow:hidden;
		display:inline;
		float:left;
	}	

	.creation .text {
		position:absolute;
		/*top:25%;*/
		bottom:0;
		width:200px;
		display:block;
		/*height:50%;*/
		/* Mozilla ignores crazy MS image filters, so it will skip the following */
		/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/awht.png');*/
	}
	
	/* Hides from IE5-mac \*/
	* html .creation .text {height: 50%;}
	/* End hide from IE5-mac */ 

	/* IE ignores styles with [attributes], so it will skip the following. */
	/*.creation .text[class] {
	  background:transparent url(/img/awht.png) repeat top left;
	}
	*/
		.title, .username, .time, .rank {
			
			position:relative;
			padding:0.3em;
			margin-bottom:0.3em;
			background:white;
			white-space:nowrap;
			text-align:left;
			
			border: 2px solid #d0d0d0;
			border-right:0;
			border-bottom: 2px solid #9d9d9d;
			border-top: 2px solid #e0e0e0;			
		}
		.creation .rank {
			text-align:center;
			font-weight:bold;
			
			position:absolute;
			top:0;
			left:0;
			
			border: 2px solid #d0d0d0;
			border-left:0;
			border-bottom: 2px solid #9d9d9d;
			border-top: 0;
		}
		.creation .title {
			font-size:1.0em;
			font-weight:bold;
			float:right;
			text-align:right;
		}
		.creation .username {
			float:right;
			clear:both;
			white-space:nowrap;
		}
		.creation .time {
			color:grey;
			font-size:0.8em;
			
			clear:both;
			float:right;
			white-space:nowrap;
		}
		
		.coverlink {
			
			width:100%;
			height:100%;
			position:absolute;
			
			top:0px;
			/*background-color:green;*/
			
		}
		
		.creation a, .creation a:visited{
			width:100%;
			height:100%;
			display:block;
			
			border:0;
			text-decoration:none;
			
			color:#404040;
		}
		.creation a:hover {
			border:0;
			text-decoration:none;
			color:#000000;
		}
		
	.row	{
		width:730px;
		margin:auto;
		text-align:center;
	}