body 
{
	background-color: #ffffff;
	color: #000000;
	font-family: "Arial";
}

a:link
{
	color: #0000ff;
}

a:visited
{
	color: #a000a0; 
}

h1, h2, h3, h4, h5
{
	font-family:Comic Sans MS;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

p.legal
{
	font-size:xx-small;
}

.small
{
	font-size:smaller;
}

input.button 
{
	font-family:Comic Sans MS;
	background-color:#000033;
	color: #ffffff;
	font-weight: bold;
}

table
{
}

td
{
	padding-right: 5;
	padding-left: 5;
	
}

tr.Header
{
	font-weight: bold;
}

tr.Item
{
	background-color: #e0f0ff; 
}

tr.AlternatingItem
{
	background-color: #c0d0ff;
}

td.NoBackColor
{
	background-color: #ffffff;
}

.ErrorMessage
{
	font-size:smaller;
	color:Red;
	font-weight:bold;
}

.TopBar
{
	position:relative;
	top:5px;
	right:2px;
	font-size:smaller;
	background-color: #e0f0ff;
	border-style:solid;
	border-color:#c0d0ff;
	z-index:1;
}

.SideBar
{
	position:relative;  /* Allow the top border to overwrite the TopBar top border */
	background-color: #e0f0ff;
	padding-left:6px;
	padding-right:6px;
	border-left-style:solid;
	border-left-color:#c0d0ff;
	border-right-style:solid;
	border-right-color:#c0d0ff;
	border-bottom-style:solid;
	border-bottom-color:#c0d0ff;
	z-index:2;
}

.SidebarText
{
	font-size:small;
}

.SidebarTextCentered
{
	font-size:small;
	text-align:center;
}

ul.FamilyFriendsList
{
  margin:.5em 0 1.25em;
  padding:0 0px;
  list-style:none;
}

ul.FamilyFriendsList li
{
  background:url("images/ArrowBullet.png") no-repeat 2px .1em; 
  margin:0;
  padding:0 0 3px 16px; 
  line-height:1.0em;  
  font-size:small;
}

.SidebarSectionHeader
{
	text-align:center;
}

.FamilyHeader /* Same as table alternating item color */
{
	background-color:#c0d0ff;
	padding-left:6px;
	padding-right:6px;
}

.ItemCommentsEntry
{
	width:90%;
}