body
{
    margin: 5px 10px 5px 10px;
}

html, body
{
	background-color: #ffffff;
}

h1
{
    font: 1.4em "Trebuchet MS", Tahoma, sans-serif;
    font-weight: normal;
    color: #0066CC;
    padding: 0 0 12px 0;
}
h2
{
    font: 1.2em "Trebuchet MS", Tahoma, sans-serif;
    font-weight: bold;
    color: #0066CC;
    padding: 0 0 12px 0;
}
h3
{
    font: 1em "Trebuchet MS", Tahoma, sans-serif;
    font-weight: bold;
    color: #000000;
    padding: 0 0 4px 0;
}

a, a:visited
{
    color: #0066CC;
    text-decoration: none;
}
a:hover
{
    color: #0066CC;
    text-decoration: underline;
}
li
{
    margin: 0 0 0 10px;
}

#public-menu
{
	width: 75em;
}

#public-menu a
{
    display: block;
}

#public-menu li
{
    display: block;
    font-size: 0.8em;
    list-style-type: none;
    padding: 0;
    width: 10em;
}

#public-menu ul li
{
    display: block;
    background: url( ../zssStandards/images/tab_background.png ) top left repeat-x;
    border: 1px solid black;
    color: black;
    cursor: default;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    text-align: center;
}

#public-menu ul li:hover
{
    background: url( ../zssStandards/images/tab_background_hover.png ) top left repeat-x;
    color: black;
}

#public-menu ul li.selected
{
    background: white;
    border-bottom: 1px solid white;
    color: black;
}

#public-submenu
{
	position: relative;
	top: -1em;
	padding-top: 0;
	margin-top: 0;
}

#public-submenu a
{
    display: block;
	color: #999999;
}

#public-submenu a:hover
{
	color: black;
}

#public-submenu li
{
	display: block;
	font-size: 0.8em;
	list-style-type: none;
	padding: 0.5em;
	margin: 0.5em;
}


#public-submenu ul li
{
	display: block;
	border: 1px solid #999999;
	color: #999999;
	cursor: default;
	float: left;
	padding: 0em 0em;
	text-align: center;
	width: 11em;
}

#public-submenu ul li:hover
{
	background: url( ../zssStandards/images/tab_background_hover.png ) top left repeat-x;
	color: black;
}

#public-submenu ul li.selected
{
	color: black;
}

#public-body
{
    background-color: white;
    border: 1px solid black;
    color: black;
    margin-top: -1px;
    padding: 20px 15px 25px 15px;
    vertical-align: top;
    width: 75em;
    display: table;
    clear: both;
}

div.Block
{
    font: normal 1em/1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 0 0 10px 0;
    padding: 5px 5px 5px 5px;
    border: 1px black solid;
}

.Msg
{
    font: normal 1em/1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 0 0 10px 0;
    padding: 5px 5px 5px 5px;
    border: 1px black solid;
    background: #FFFFFF;
    color: #FF0000;
    max-width: 25em;
    width: 25em;
}

.section_column
{
	clear: right;
	float: left;
}

.section
{
	border: 1px solid black;
	clear: both;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	background-color: #f4f4f2;
}

.section_row
{
	font: normal 1em/1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
	clear: left;
	margin: 0.5em 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.section_row label
{
	font: normal 1em/1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	text-align: right;
}

.section_row label.short
{
	width: 10em;
}

.section_row label.required
{
	font-weight: bold;
}

.section_title
{
    font: bold 1em/1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: url( ../zssStandards/images/tab_background.png ) top left repeat-x;
	border-bottom: 1px solid black;
	text-align: center;
}

.section_button_row
{
}

.section_button_row a
{
    display: block;
    color: black;
    font: normal 0.8em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.section_button_row li
{
	border: 1px solid black;
	margin: 0.25em;
	clear: none;
	float: left;
	text-align: center;
	padding: 0.25em 0.5em;
	background-color: #bfb97f;
	margin-bottom: 1em;
}

.section_button_row ul li
{
    display: block;
    border: 1px solid black;
    color: black;
    cursor: default;
    float: left;
    text-align: center;
}

table.search-results
{
}

table.search-results tr:hover td
{
	background-color: #faaa46;
}

table.search-results th
{
	font-weight: bold;
	border-bottom: 3px solid black;
	vertical-align: bottom;
	background-color: #f4f4f2;
}

table.search-results td
{
	border-bottom: 1px solid black;
	vertical-align: top;
}

table.search-results th,
table.search-results td
{
	padding: 0.25em;
	text-align: left;
}
table.search-results th
{
	padding-left: 0.5em;
	padding-right: 0.5em;
}
table.search-results a 
{
	color: black;
}

table.search-results a:visited 
{
	color: red;
}

table.search-results tr.button_row:hover td
{
	background-color: transparent;
}

table.search-results tr.button_row td
{
	border-bottom: 0;
}

.event
{
}

.family
{
	color: #003399;
}

.historical
{
	color: #cc3300;
}

table.info_table
{
	font: normal 1em/1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 1px solid black;
}

table.info_table th
{
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	background-color: #bfb97f;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

table.info_table td
{
	vertical-align: top;
	font-weight: normal;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

table.info_table img
{
	padding: 0.5em;
}

ul.document
{
	padding: 0;
	margin-left: 0;
	padding-left: 1em;
	list-style-image: url(../media/images/r_arrow.gif);
}

.view_tab
{
	clear: none; 
	background-color:#bfb97f;
	padding-left: 0.25em;
	padding-right: 0.25em;
	float: right;
	text-align: right;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	margin-right: -0.25em;
}

.view_tab a
{
    display: block;
	color: #000000;
	text-decoration: none;
	border-bottom: 0;
}

.view_tab a:hover
{
	text-decoration: none;
	border-bottom: 0;
}

.breadcrumbs
{
	font: 8pt normal "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.breadcrumbs a
{
	font: 8pt normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: 1px solid black;
}

.breadcrumbs a:hover
{
    color: #720e34;
    text-decoration: none;
	border-bottom: 1px solid #720e34;
}

table.gallery_table
{
}

table.gallery_table td
{
	vertical-align: top;
	padding: 0.25em;
}

table.gallery_table td:hover
{
	background-color: #bfb97f;
}

.pedigree_cell
{
	vertical-align: middle;
	margin-left: 40px;
}

.pedigree_line
{
	position: absolute;
	background-color: black;
	z-index: 10;
}

.pedigree_popup
{
	font: 9pt normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	visibility: hidden;
	border: 1px solid black;
	background-color: #bfb97f;
	z-index: 100;
	width: 225px;
}

.person_info
{
	font: 9pt normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 1px solid black;
	background-color: #bfb97f;
	width: 220px;
	min-height: 80px;
	padding: 0.25em;
}

.person_info img
{
	float: left;
	padding: 0.25em;
	padding-right: 0.5em;
	clear: none;
}

.vert_menu
{
	font: normal 1em/1.1em Arial, Times New Roman, Times;
	padding-left: 0;
}

.vert_menu a
{
    display: block;
}

.vert_menu ul
{
	list-style-type: none;
}

.vert_menu li
{
    display: block;
	font: normal 1em/1.1em Arial, Times New Roman, Times;
	list-style-type: none;
	padding: 0;
	clear: both;
}

.vert_menu ul li
{
    display: block;
	background: url( ../zssStandards/images/tab_background.png ) top left repeat-x;
	border: 1px solid black;
	color: black;
	cursor: default;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 15em;
}

.vert_menu ul li:hover
{
	background: url( ../zssStandards/images/tab_background_hover.png ) top left repeat-x;
	color: black;
}

.vert_menu ul li.selected
{
	background: white;
	border-bottom: 1px solid white;
	color: black;
}

.vert_menu a,
.vert_menu a:visited,
.vert_menu a:active
{
    font: normal 1em/1.7em Arial, Verdana, sans-serif;
    color: #2F5E8C;
}

.vert_menu a:hover
{
    font: normal 1em/1.7em Arial, Verdana, sans-serif;
    color: #6095CA;
}

.return_row
{
	float: right;
	margin-top: -0.5em;
	padding-right: 0;
	padding-bottom: 0.5em;
	position: relative;
	left: 0.25em;
}

/* --- Timeline styles --- */

.timeline_line
{
	position:absolute;
	left: 35px;
	top: 0px;;
}

.timeline_tick
{
	font-family: normal 6px/0.5em Arial;
	position: absolute;
	left: 0px;
	text-align: left;
}

.timeline_event
{
	font-family: normal 6px/0.4em Arial;
	position: absolute;
	left: 50px;
	text-align: left;
	border: 1px solid black;
	background-color: #bfb97f;
	padding-right: 0.5em;
}

.timeline_diagbox
{
	position:absolute;
	left: 40px;
	font-family: normal 7px/0.4em Arial;
	height: 0px;
	width: 0px;
	background-image: url('../media/images/diagline2.gif');
	background-position: 0% 0%;
}

.timeline_event_tick
{
	position: absolute;
	left: 38px;
	top: 10px;
}