body { background-color:#3F4C6B; }
#Master { width:auto; }
#Header a:link,
#Header a:visited { display:block; margin:4px 0px 0px 8px; color:#C3D9FF; font-size:8pt; font-family:Arial; text-decoration:none; }
#Header a:hover,
#Header a:active  { text-decoration:underline; }


a:visited { color:#000088; }

#LeftSide           { width:150px; vertical-align:top; }
#LeftSide .Login	{ margin:4px 0px 0px 8px; color:White; font-size:8pt; font-family:Arial; }
#LeftSide h1        { color:#CDEB8B; margin: 16px 4px 8px 4px; padding:0; font-size:10pt; font-family:Tahoma,Arial; }
#LeftSide a:link,
#LeftSide a:visited { display:block; margin:4px 0px 0px 8px; color:#C3D9FF; font-size:8pt; font-family:Arial; text-decoration:none; }
#LeftSide a:hover,
#LeftSide a:active  { text-decoration:underline; }

#MainWrap { width:auto; }
.MainFill { width:100%; background-color:White; }
#MainInnerSpacer { line-height:0px; height:1px; width:450px; }
#MainInner       { background-color:White; padding:0px 22px 25px 22px; text-align:justify; font-family:Tahoma,Arial; font-size:10pt; }
#MainInner h1    { font-family:Tahoma,Arial; font-size:11pt; color:#73880A; margin-bottom:8px; padding-bottom:0px; }
#MainInner h2    { font-family:Tahoma,Arial; font-size:10pt; color:#73880A; margin-bottom:8px; padding-bottom:0px; }
#MainInner input { font-family:Tahoma,Arial; font-size:10pt; }
#MainInner small { font-size:8pt; }

.footnote { font-size:8pt; }

#EnterQuery { padding:5px 0px 5px 25px; background-color:#eeeeee; }

/* tab menu elements */
#menu { border-bottom:1px solid #ccc; margin:0; padding-bottom:19px; padding-left:10px; }
#menu ul, #menu li	{ display:inline; list-style-type:none; margin:0; padding:0; }
#menu a:link, #menu a:visited	{ background:#E8EBF0; border:1px solid #ccc; color:#666; float:left; font-size:small; font-weight:normal; line-height:14px; margin-right:8px; padding:2px 10px 2px 10px; text-decoration:none; }
#menu li a.current { background:#fff; border-bottom:1px solid #fff; color:#000; }
#menu a:hover { color:#f00 !important; }
#contents { background:#fff; border:1px solid #ccc; border-top:none; clear:both; margin:0px; padding:15px; }

a.GoBack:link,
a.GoBack:visited { color:#0066cc; text-decoration:none; }
a.GoBack:hover,
a.GoBack:active  { text-decoration:underline; }
a.GoBack img     { width:16px; height:16px; }

div.popMenu { background-color:#C3D9FF; border:solid 1px #3F4C6B; position:absolute; width:125px; padding:12px; top:24px; left:0px; }
div.popMenu a.item:link,
div.popMenu a.item:visited { display:block; padding:3px 0px 3px 9px; border:solid 1px #C3D9FF; text-align:left; text-decoration:none; color:Black; }
div.popMenu a.item:hover,
div.popMenu a.item:active { border:solid 1px #0000ff; color:#0000ff; background-color:#D4EAFF; }
div.popMenu a span.note { display:block; font-size:7pt; padding-left:6px; }

div.EntryForm { background-color:#cdeb8b; padding:8px; border:outset 2px #cdeb8b; width:280px; }
.EntryForm table { width:100%; }
.EntryForm td { font-size:10pt; }
.EntryForm td input { font-size:8pt; font-family:Arial; }
.EntryForm td.buttons { text-align: right; }

.DatabaseList           { margin-left:18px; }
.DatabaseList a:link,
.DatabaseList a:visited { font-family:Tahoma,Arial; font-size:10pt; text-decoration:none; }
.DatabaseList a:hover,
.DatabaseList a:active  { text-decoration:underline; }

.PrivilegeTable th,
.PrivilegeTable td { font-family:Tahoma,Arial; font-size:10pt; font-weight:normal; border-right:solid 1px gray; border-bottom:solid 1px #aaa; text-align:center; }
.PrivilegeTable i    { color:#777; }
.PrivilegeTable .no  { color:#777; }
.PrivilegeTable .yes { color:#080; }
.PrivilegeTable .mix { }

.GridViewHeader:link,
.GridViewHeader:visited { display:block; color:#0066cc; font-family:Tahoma,Arial; font-size:8pt; text-decoration:none; margin-bottom:4px; }
.GridViewHeader:hover,
.GridViewHeader:active  { text-decoration:underline; }
.GridView { font-family:Tahoma,Arial; font-size:8pt; }
.GridView td { padding:1px 12px 1px 4px; }
.GridView a { color:#000088; text-decoration:none; }
.GridView a:hover { color:#0000BB; text-decoration:underline; }
.Entity { display:block; border-top:1px solid black; text-decoration:none; color:#000088; }
.Entity:hover { color:#0000BB; background-color:#BBFFBB; }

#EntityList table { padding:0px; margin:0px; border-style:none; }
#EntityList td { padding:1px 12px 1px 4px; }
#EntityList tr.alt { background-color:#ddf; }

#PagingButtons { padding:5px 0px 5px 25px; background-color:#eeeeee; }
#PagingButtons a { text-decoration:none; font-weight:bold; }

#BrowseList table { padding:0px; margin:0px; border-style:none; }
#BrowseList td { padding:1px 12px 1px 4px; }
#BrowseList tr.alt { background-color:#ddf; }

#ProgenyDiv table { padding:0px; margin:0px; border-style:none; }
#ProgenyDiv td { padding:1px 12px 1px 4px; }
#ProgenyDiv tr.alt { background-color:#ddf; }
#ProgenyDiv tr.subject { font-weight:bold; background-color:#bbf; font-size:11pt; }
#ProgenyDiv tr.parent { font-weight:bold; background-color:#bbf; font-size:10pt; }

.hint   { font-size:8pt; }
.male   { background-color:#ccccff; }
.female { background-color:#ffcccc; }
.NotInDb { color:#888888; }
#PedigreeDiv { padding-top:16px; }
#PedigreeDiv table { border:1px solid #777; background-color:White; }
#PedigreeDiv td    { padding:2px; border:1px solid #999; font-family:Arial; font-size:8pt; }
#PedigreeDiv a:link,  #PedigreeDiv a:visited { text-decoration:none; color:#008; }
#PedigreeDiv a:hover, #PedigreeDiv a:active  { text-decoration:underline; color:#00a; }

div#PedigreeBackdrop { position:absolute; top:0px; left:0px; border:solid 3px #CDEB8B; background-color:White; margin:15px; padding:15px; }

.Controls a:link,
.Controls a:visited { display:block; background-color:#ffcccc; margin:10px 25px 2px 25px;
					 color:#880000; font-family:Arial; font-size:12pt; font-weight:bold;
					 text-decoration:none; text-align:center; border:1px solid #AA0000;
					 width:90px;
}
.Controls a:hover,
.Controls a:active  { text-decoration:underline; background-color:#CDEB8B; }

div.UpdateProgress { position:relative; height:0px;  }
div.UpdateProgress img { position:absolute; height:40px; width:40px; right:-15px; top:-15px; }
.gray { color: Gray; }

.StatusDetail { margin:14px; padding:8px; border:2px solid #C3D9FF; }
.StatusDetail div { margin-left:12px; }

.PedigreeGraph a { display:block; }
.PedigreeGraph a:link,
.PedigreeGraph a:visited { background-color:Transparent; font-size:10pt; color:Black; text-decoration:none; border:1px solid transparent; }
.PedigreeGraph a:hover,
.PedigreeGraph a:active { border:1px solid gray;}

.tbContainer {
	margin:0px 25px 0px 25px;
	padding-left:25px;
	border-bottom:solid 1px #3F4C6B;
}

.tbContainer a {
	display:inline;
	border:solid 1px #3F4C6B;
	padding:0px 12px 0px 12px;
	background-color:#ddd;
	text-decoration:none;
	color:Black;
}

.tbContainer a.current:link,
.tbContainer a.current:active,
.tbContainer a.current:visited,
.tbContainer a.current:hover {
	color:Black;
	border-bottom:solid 1px #fff;
	background-color:#fff;
	cursor:default;
}

.tbContainer a:hover,
.tbContainer a:active {
	color:#0000bb;
	background-color:#ddf;
}