@charset "utf-8";
/* CSS Document */
body
{
/*	background-color:#09F;*/
	background:url(background.jpg) repeat;
	width:1000px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.banner
{
	background:#FFF;
	width:100%;
	height:120px;
	border:black 1px dashed;
}
.banright
{
	width:200px;
	float:right;
}
.left
{
	background:#FFF;
	width:120px;
	margin-top:10px;
	float:left;
	border:black 1px dashed;
}
.right
{
	background:#FFF;
	width:120px;
	margin-top:10px;
	float:right;
	border:black 1px dashed;
}
.body
{
	background:#FFF;
	width:720px;
	margin-left:130px;
	margin-top:10px;
	padding:10px;
	border:black 1px dashed;
}
.footer
{
	background:#FFF;
	width:720px;
	margin-left:130px;
	margin-top:10px;
	padding:10px;
	border:black 1px dashed;
	text-align:center;
}
.pagetitle
{
	text-align:center;
}
.error
{
	color:red;
	font-weight:bold;
}
tr.style1
{
	background-color:white;
}
tr.style2
{
	background-color:#CCC;
}
ul.nav
{
	margin:0;
	padding:0;
	list-style-type:none;
}
.appdetails-description
{
	width:100%;
	clear:both;
}
.appdetails-details
{
	width:48%;
	float:left;
}
.appdetails-screenshot
{
	width:48%;
	float:right;
	text-align:center;
}
img
{
	border-style:none;
}

/* Awesome Buttons */
.awesome, .awesome:visited
{
	background: #222 url(alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover
{
	background-color: #111; color: #fff;
}
.awesome:active
{
	top: 1px;
}
.small.awesome, .small.awesome:visited
{
	font-size: 11px; padding: ;
}
.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited
{
	font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}
.large.awesome, .large.awesome:visited
{
	font-size: 14px; padding: 8px 14px 9px;
}

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #0c27b4; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover							{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }

#menu {
width: 100%; /* set width of menu */
background: #eee;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2, #menu h3 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a, #menu h3 {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->