body
{
  font-family: Verdana, Helvetica, Arial, Tahoma, Sans-Serif, 'Microsoft Sans Serif';    
  font-size: 14px;
  margin: 16px 5% 0 5%;
  background-color: #555a60;
  color: #002244;
}

h2
{
  text-align: center;
  color: #666666;
  margin: 8px 0 8px 0;
}

h3
{
  text-align: center;
  color: #888888;
  margin: 8px 0 12px 0;
}

h4
{
  font-variant: small-caps;
  background-color: #ddeeff;
  border: solid 1px #ccddee;
  border-left: solid 6px #ccddee;
  padding: 1px 0 2px 6px;
  margin-top: 4px;
}

h4.important
{ 
  color: #ffffff;
  background-color: #ff7777;
  border: solid 1px #ff4444;
  border-left: solid 6px #ff4444; 
}

p.important
{
  color: #880000;
}

#sidebar
{
  width: 180px;
  height: auto;
  float: left;
  white-space: nowrap;
  margin-right: 16px;
  margin-left: 4px;
}

#content
{
  overflow: auto;
  margin-right: 4px;
  margin-left: 0px;
  margin-bottom: 8px;
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
  background-color: #ffffff;
  border: solid 1px #8090a0;
}

div.copyright
{
	padding-top: 8px;
  text-align: center;
  font-size: small;	
  color: #708090;
	border-top: dotted 1px #607080;
}

div#menu
{
  margin-bottom: 32px;
}

/* div#menu a:link, a:visited, a:hover, a:active */

div#menu a
{
  display: block;
  width: auto;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  padding: 3px 8px 3px 6px;
  margin: 4px 0px 4px 0px;
  border-top: solid 1px;
  border-bottom: solid 1px;
  border-left: solid 6px;
  border-right: solid 1px;
  border-color: #707880;
  background-color: #606870;
	color: #a0b8c0;
}

div#menu a.selected
{
  border-top: solid 1px;
  border-bottom: solid 1px;
  border-left: solid 6px;
  border-right: solid 1px;
  border-color: #808890;
  background-color: #707884;
	color: #ffffff;
}

div#menu a:hover
{
  background-color: #808894;
	color: #ffffff;
}

div#meu a.subitem
{
	padding-left: 8px;
}

div#sidebar div.version
{
  padding: 4px 4px 4px 4px;
  font-style: italic;
  font-size: small;
  margin-bottom: 32px;	
  background-color: #a0b0c0;
  border: solid 1px #607080;
  color: #667788;
}

div#sidebar div.version span
{
  font-style: normal;
  color: #405060;
}

div#content div.version
{
	font-style: normal;
	font-weight: bold;
	color: #337799;
}

div#content p, div#content div, div#content table
{
	margin-left: 8px;
	margin-right: 8px;
}

/* hint */
div#content p>span
{
	color: #222200;
	border: dotted 1px #bbbba0;
	background-color: #ffffd0;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 6px;
}

div.apptitle
{
	margin: 0px 0px 16px 0px;
}

div.apptitle img
{
	margin: 0px 8px 0px 0px;
	vertical-align:middle;
}

div.apptitle span
{
	color: #ffaa55;
  font-weight: bold;
	vertical-align:middle;
}

div.appdownload
{
	width: 50%;
	margin-bottom: 16px;
	color: #997766;
	background-color: #ffffe0;
	display: block;
	padding: 8px 8px 8px 8px;
	border: dashed 1px #eeccaa;
}

div.appdownload p
{
	margin: 0px 0px 4px 0px;
}

div.srcdownload
{
	margin-bottom: 16px;
	color: #666666;
	background-color: #f4f4f4;
	padding: 8px;
	width: 50%;
}

div.srcdownload p
{
	margin: 0px 0px 4px 0px;
}

div.srcdownload a
{
	margin-left: 8px;
	color: #8888bb;
}

div.screenshots
{
	overflow: auto;
	margin-bottom: 16px;	
}

div.screenshots div
{
	float: left;
}

div.screenshots img
{
	padding: 0px 4px 0px 4px;
	border: none;
}

img
{
	border: none;
}

#header
{
  margin-bottom: 16px;
}

div.clear
{
	clear: both;
}

div.main span.img_left
{
	background: url("../gfx/main/topbanner.png") no-repeat top left;	
	height: 80px;
	display: block;
}

div.main span.img_right
{
	background: url("../gfx/main/topbanner_right.png") no-repeat top right;
	height: 80px;
	display: block;
	float: right;
	width: 220px;
}

div.ancal span.img_left
{
	background: url("../gfx/ancal/topbanner.png") no-repeat top left;	
	height: 80px;
	display: block;
}

div.ancal span.img_right
{
	background: url("../gfx/ancal/topbanner_right.png") no-repeat top right;
	height: 80px;
	display: block;
	float: right;
	width: 220px;
}

div.bottomnav
{
	margin-top: 16px;
	margin-right: 8px;
	margin-bottom: 4px;
	border-top: dashed 1px #bbccdd;
}

div.bottomnav a
{
	margin: 8px 4px 4px 4px;
  padding: 4px 4px 4px 4px;
  display: block;
  width: auto;
  text-decoration: none;
  font-weight: bold;
  font-size: smaller;  
  border: dotted 1px #4466aa;
  background-color: #88aaff;
	color: #ffffff;
}

div.bottomnav a.prev
{
	float: left;
}

div.bottomnav a.next
{
	float: right;	
}

div#content table
{
  border: solid 1px #ccddee;
}

div#content thead
{
  background-color: #ddeeff;
  border: solid 1px #ccddee;
  color: #3377aa;
}

div#content td
{
  padding: 2px 4px 2px 4px;
  border: solid 1px #ccddee;
  color: #446688;
}

div#content td.id
{
	text-align: right;
}

div#content td.status
{
	text-align: center;
}

div#content td.desc
{
	text-align: left;
}

dt
{
	color: #7799bb;
	margin-left: 8px;
}

dd
{
	list-style-type: none;
	margin-top: 4px;
	margin-left: 16px;
	margin-bottom: 6px;
}

div.smallscreenshots
{
	overflow: auto;
}

div.smallscreenshots div
{
	float: left;
	width: 180px;
	margin-bottom: 16px;
	padding: 3px 4px 2px 3px;
	background-color: #e0e0e0;
	border: solid 1px #c0c0c0;
}

div.smallscreenshots img
{
	width: 180px;
	border: solid 1px #888888;
}

div.smallscreenshots span
{
	color: #444444;
	font-size: x-small;
	font-weight: normal;
	text-align: center;	
	display: block;
	margin-top: 3px;
}

div.donate
{
	text-align: center;	
	margin-right: 8px;	
	margin-top: 16px;
	margin-bottom: 16px;
}

div.donate form
{
	padding-top: 16px;
	padding-bottom: 16px;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	color: #997766;
	background-color: #d0e0ff;
}

div#downAccept
{
	height: 16px;
	padding: 6px 0px 6px 0px;
	color: #664433;
	border-top: dashed 1px #eeccaa;
}

div#downAccept input
{
	height: 100%;
	vertical-align:middle;
}

div#downAccept span
{
	height: 100%;
	vertical-align:middle;
	margin-left: 6px;
}

div.downAnCalInfo
{
	margin: 0px 0px 8px 0px;
	padding: 6px 0px 0px 0px;
	font-weight: bold;
	color: #885544;
}

div#AnCalDownLink, a
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#ieInfo
{
	color: #222200;
	text-align: center;
	margin-bottom: 16px;
}

div#ieInfo h3
{
	color: #884400;
	background-color: #ffffb0;
	width: 70%;
	padding: 4px 8px 4px 8px;
	margin: 0px 0px 0px 0px;
}

div#ieInfo p
{
	color: #884400;
	background-color: #ffffd0;
	width: 70%;
	padding: 2px 8px 2px 8px;
	margin: 0px 0px 0px 0px;
}

div#menu a.level0
{
}

div#menu a.level1
{
	margin-left: 8px;
}