body {
margin: 0;
background-color: #1E4A96;
color: #e5effd;
font-family: "Trebuchet MS", arial, sans-serif;
font-size: 11px; }

td {
color: #e5effd;
font-family: "Trebuchet MS", arial, sans-serif;
font-size: 11px; 
}

img.link
{
	vertical-align:middle; 
	padding-bottom:1px;
	padding-right:4px;
}

tr.lvitem 
{
	height: 19px;
	cursor: pointer;
	white-space: nowrap;	
}

tr.lvitem td
{
	padding-left: 2px;
	padding-right: 2px;
	color: #000000;
}

tr.lvitem td a
{
	color: #000000;
}

tr.lvitem td:nth-child(2) {
  width: 19px; /* i have no idea why this is needed to make them small enough. */
}

tr.lvitem td.name:hover
{
	text-decoration: underline;
}

tr.lvitem td.lviteml
{
	width: 2px;
	padding-left: 0px;
	padding-right: 0px;
}

tr.lvitem td.lvitemr
{
	width: 2px;
	padding-left: 0px;
	padding-right: 0px;
}

a:link, a:visited {
color: #ffffff;
text-decoration: none; }
a:hover { text-decoration: underline }

img { border: 0px }
img.screenshot { border: 1px solid #000000 }

div.article 
{ 
  padding: 12px 10px 8px 10px; 
  margin-bottom: 15px; 
  margin-top: 5px; 
  width:802px; 
  background: #2e5aa6;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #182e53;
}

table.header { position: relative; margin-top: 8px; margin-bottom: 8px }

ul { margin-left: 16px; padding-left: 0px; margin-top: 5px }

div.listview
{
  margin-left: 10px; 
  margin-right: 10px; 
  margin-top: 5px;
  margin-bottom: 15px;
  border: 1px solid #000000; 
  background: white;
  box-shadow: 2px 2px 6px 4px rgba(0,0,0,0.3)
}

div.listviewhdr
{
  background-image:url(lvhdr.gif);
  height:23px;
  color:#000000;
  font-weight: bold;
  text-align:center;
  line-height: 23px;
  cursor: default;
}

div.listviewhdr:hover
{
  background-image:url(lvhdro.gif);
}

div.listviewhdr.link:hover
{
  cursor: pointer;
  text-decoration: underline;
}

table.listviewclient
{
  width: 100%; 
  border: 2px solid white;
}