@charset "utf-8";
/* CSS Document */
* {padding:0;margin:0;}
html {background:#666  url(graphs/html_bg.png) repeat-x;overflow-y:scroll;font-family:"Trebuchet MS",Verdana,Tahoma;font-size:12px;}
img {border:none;}
body{width:960px;margin:0 auto;p}

a{text-decoration:none;color:#039;}
a:hover{text-decoration:underline;color:#09f;}


#header {width:100%;height:80px;position:relative;}
#logo {
	display:block;
	position:absolute;top:9px;left:10px;
	width:280px;height:71px;
	background:url(graphs/logo.png) no-repeat;
	overflow:hidden;
	text-indent:-5000px;
}
#version{display:block;position:absolute;right:20px;top:0px;color:#999;}
#content {width:100%;position:relative;}
#footer {clear:both;padding:5px 20px;text-align:right;color:#ddd;}
	#footer a{color:#fff;font-style:italic;}
/*HEADER*/

#search{position:absolute;right:20px;top:40px;}
	
	input#search_field 
	{
	width:111px;height:27px;padding:3px 2px;
	border:none;
	background:url(graphs/search_bar.gif) no-repeat top left;
	color:#fff;font-size:16px;line-height:20px;font-weight:bold;
	}
	
	input#search_button
	{
		width:27px;height:27px;
		background:url(graphs/search_button.png) no-repeat;
		_background:url(graphs/search_button.gif) no-repeat;
		border:none;
		text-indent:-5000px;overflow:hidden;
		cursor:pointer;
		opacity:0.85;filter:alpha(opacity='85');
	}
	input#search_button:hover {opacity:1;filter:alpha(opacity='100');}

#categories{position:absolute;bottom:0px;left:310px;height:65px;overflow:hidden;}
	#categories a
	{
	position:relative;top:5px;
	display:block;float:left;
	width:65px;height:70px;overflow:hidden;
	margin:0 2px 0 0;
	text-decoration:none;
	cursor:pointer;
	}

	#categories a span{display:block;width:65px;height:15px;line-height:15px;color:#ddd;text-align:center;font-size:11px;font-weight:bold;}
	#categories a:hover span {color:#fff;}
	#categories a div {
		width:55px;height:60px;
		margin:0 5px;
		/*background:url(graphs/categories_bg.png) no-repeat;*/
		background:url(graphs/categories_bg.gif) no-repeat;
		opacity:0.70;
		filter:alpha(opacity='70');
	}
	#categories a:hover div { opacity:0.9;filter:alpha(opacity='90');}
	#categories a img 
	{
		display:block;
		position:absolute;top:17px;left:7px;
		width:50px;height:45px;
	}

#usability {height:20px;padding:5px 0 0 740px ;}
	#usability span{display:block;height:20px;margin:0 4px 0 0;float:left;font-size:13px;color:#444;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:18px;}
	.sort 
	{
		height:20px;overflow:hidden;display:block;
		float:left;margin:0;
		cursor:pointer;
		background:url(graphs/sorting.gif) no-repeat;
		text-indent:5000px;
	}
	.alpha{width:35px;background-position:0px -20px;}
	.alpha_clicked {background-position:0px 0px;cursor:auto;}
	.date{width:35px;background-position:-34px -20px;}
	.date_clicked {background-position:-34px 0px;cursor:auto;}
	.popularity{width:70px;background-position:-68px -20px;}
	.popularity_clicked {background-position:-68px 0px;cursor:auto;}


.item
{
	display:block;
	width:310px;height:190px;position:relative;
	margin:5px 4px;float:left;
	
	background:url(graphs/item_bg.png) no-repeat;
	_background:url(graphs/item_bg.gif) no-repeat;
	
}
.item .item_logo
{
	position:absolute;top:10px;left:13px;
	display:block;overflow:hidden;
	width:80px;height:75px;
}
.item .item_headers
{
	position:absolute;top:10px;left:100px;
	display:block;overflow:hidden;
	width:200px;height:75p;
}
	.item .item_headers h1 {font-size:15px;height:21px;line-height:21px;} .item .item_headers h1 a{color:#222;}
	.item .item_headers h2 {font-size:13px;height:20px;line-height:20px;} .item .item_headers h2 a{color:#333;}
	.item .item_headers h2 sup {font-weight:normal;font-size:9px;}
	.item .item_headers h3 {font-size:13px;height:18px;line-height:18px;color:#333;font-weight:normal;}
	.item .item_headers h4 {font-size:11px;height:16px;line-height:16px;color:#444;font-weight:normal;}

.item .item_description
{
	position:absolute;top:90px;left:18px;
	width:274px;height:56px;
	overflow:hidden;
	font-size:11px;line-height:14px;
	text-align:justify;
}
.item .itemScreenshots
{
	position:absolute;top:150px;left:20px;
	height:25px;line-height:25px;
	font-size:14px;font-weight:bolder;
}
.item  .downloads 
{
	position:absolute;top:150px;left:115px;
	height:25px;line-height:25px;
	font-size:14px;font-weight:bolder;
	color:#333;
}
.item  .downloads span {float:left;margin:0 5px 0 0;}
.item  .downloads a
{
	display:block;float:left;margin:0 5px 0 0;
	width:25px;height:25px;overflow:hidden;
	text-indent:5000px;
	background-color:#ccc;
}
.item  .downloads a.pc 		{background:url(graphs/icon_win.png);_background:url(graphs/icon_win.gif);opacity:0.6;filter:alpha(opacity='60');}
.item  .downloads a.apple 	{background:url(graphs/icon_apple.png);_background:url(graphs/icon_apple.gif);opacity:0.6;filter:alpha(opacity='60');}
.item  .downloads a.linux 	{background:url(graphs/icon_linux.png);_background:url(graphs/icon_linux.gif);opacity:0.6;filter:alpha(opacity='60');}
.item  .downloads a.pc:hover,.item  .downloads a.apple:hover, .item  .downloads a.linux:hover
{opacity:1;filter:alpha(opacity='100');}

.budge{position:relative;width:35px;height:35px;top:3px;left:270px;overflow:hidden;cursor:help;z-index:500;}

.budge_new 
{ 
background:url(graphs/budge_new.png) no-repeat;
_background:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="graphs/budge_new.png", sizingMethod="crop");
cursor:help;
}
.budge_must
{
background:url(graphs/budge_must.png) no-repeat;
_background:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="graphs/budge_must.png", sizingMethod="crop");
}
.budge_beta
{
background:url(graphs/budge_beta.png) no-repeat;
_background:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="graphs/budge_beta.png", sizingMethod="crop");
}

#noResults 
{
	color:#fff;
}