/* ========================================
Brooke's custom PhpGedView theme (based on Xenea) 
Last updated 7/6/07 
========================================= */


.something {
/*empty style to make sure that the BODY style is not ignored */
}

html, body {
margin: 0;
padding: 0;
}

body {
color: #000000;
background-color: #FFFFFF;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 16px;
margin: 1px;
}

#wrap1 {
width: 95%;
border: none;
margin: 10px auto;
text-align: center;
}

#wrap2 {
width: 100%;
border: none;
margin: none;
text-align: left;
}




h1 {
color: #132e4f;
font-family: georgia;
font-size: 22px;
line-height: 31px;
font-weight: normal;
padding: 0;
margin: 5px 0;
}


.blockh2 {
color: #1A406E;
font-family: georgia;
font-size: 16px;
line-height: 20px;
font-weight: bold;
padding: 0;
margin: 5px 0;
}

.blockhc {
color: #1A406E;
font-family: georgia;
font-size: 16px;
line-height: 20px;
font-weight: bold;
padding: 0;
margin: 5px 0;
}



.blockcontent {
}


a.link:link {
color: #0c4790;
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold;
}
a.link:active {
color: #0c4790;
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold;
}
a.link:visited {
color: #0c4790;
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold;
}
a.link:hover {
color: #0066ff;
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold;
}
a {
color: #0c4790;
text-decoration: none;
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold;
}

a:hover	{
color: #0066ff;
text-decoration: underline;
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold;
}
ul {
padding-left: 15px;
padding-right: 15px;
margin: 8px;
}
.center { text-align: center; }
table.center{
margin-left: auto;
margin-right: auto;
}
th {
font-weight: 100; }
.button {
width: 60px
}
.gedcom_table {
border: 1px solid #84beff;
margin:0;
width:99%;
}
.person_box {
background-color: #f0F9FF;
border: 1px solid #84beff;
/*	background-color: #FFFFFF;
border: solid #84beff 1px;  */
}
.person_boxF {
background-color: #fff0f0;
border: 1px solid #ff2080;
/*	background-color: #FFFFFF;
border: solid #993366 1px;  */
}
.person_boxNN {
background-color: #FFFFFF;
border: solid #008080 1px;
}
.person_box:target, .news_box:target, #gedcom_stats:target {
background-color: #FFFFCC;
}
.list_table {
margin-left: auto;
margin-right: auto;
}
.list_label {
color: #0d3159;
background-color: #cad5d5;
font-family: verdana, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
padding: 4px;
}
.list_label_wrap {
color: #000066;
background-color: #C3DFFF;
font-family: verdana, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
}
.list_value {
background-color: #ecf1ef;
border: solid #c1cdcd 1px;
color: #000000;
font-family: verdana, sans-serif;
font-size: 12px;
vertical-align: top;
white-space: nowrap;
}
.list_value_wrap {
background-color: #ecf1ef;
border: solid #c1cdcd 1px;
color: #000000;
font-family: verdana, sans-serif;
font-size: 12px;
vertical-align: top;
}
.list_value_wrap_red {
background-color: #ecf1ef;
border: solid #c1cdcd 1px;
color: red;
font-family: verdana, sans-serif;
font-size: 12px;
vertical-align: top;
}

.list_item {
font-size:11px;
/*white-space: nowrap;*/
}
.facts_table {
width: 99%;
}





.table1 {
padding: 0;
margin: 8px 0;
border-width: 1px;
border-spacing: 0;
border-style: solid;
border-color: #808fa0;
border-collapse: collapse;
}

.table1 td {
padding: 1px 6px;
border-top: 1px;
border-bottom: 1px;
border-right: 1px;
border-left: 1px;
border-style: solid;
border-color: #808fa0;
}



.facts_label {
width: 20%;
margin: 0;
padding: 0;
font-family: verdana, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 16px;
text-align: right;
color: #132E4F;
background-color: #C4D0E2;
}



========================================

.facts_labelrela {
background-color: #ffffff;
}
.facts_label02 {
color: #000000;
background-color: #ffffff;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
padding: 4px 4px 4px 4px;
/* width: 20%; */
text-align: center;
font-weight: bold;
}
.facts_label03 {
color: #000000;
background-color: #ffffff;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
padding: 4px 4px 4px 4px;
/* width: 20%; */
text-align: center;
font-weight: bold;
}

.facts_value {
margin: 0;
padding: 1px 5px;
border-width: 1px;
border-spacing: 0;
border-style: solid;
border-color: #b5b5b5;
border-collapse: collapse;
font-family: verdana, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 16px;
text-align: left;
color: #000000;
background-color: #EBEFF6;

}





.facts_valuerela {
background-color: #ffffff;
}
.facts_value02 {
background-color: #ffffff
color: #000000;
font-family: verdana, sans-serif;
font-size: 12px;
padding: 4px 4px 4px 4px;
/*text-align: left;*/
}
.facts_labelred {
color: #000000;
border: solid red 2px;
background-color: #9DD8FF;
font-family: verdana, sans-serif;
font-size: 12px;
padding: 4px 4px 4px 4px;
width: 20%;
text-align: center;
}
.facts_valuered {
background-color: #ffffff;
border: solid red 2px;
color: #000000;
font-family: verdana, sans-serif;
font-size: 12px;
padding: 4px 4px 4px 4px;
/*text-align: left;*/
}
.facts_labelblue {
color: #000000;
border: solid blue 2px;
background-color: #ffffff;
font-family: verdana, sans-serif;
font-size: 12px;
padding: 4px 4px 4px 4px;
width: 20%;
text-align: center;
}
.facts_valueblue {
background-color: #ffffff;
border: solid blue 2px;
color: #000000;
font-family: verdana, sans-serif;
font-size: 12px;
padding: 4px 4px 4px 4px;
/*text-align: left;*/
}
.tabs_table {
width: 99%;
}
.tab_cell_active {
color: #000066;
background-color: #FFFFFF;
border-color: #FF6633;
border-width: 1px;
border-bottom-style: none;
border-top-style: solid;
border-right-style: solid;
text-align: center;
font-weight: bold;
}
.tab_cell_inactive {
color: #000066;
background-color: #ECF5FF;
border-color: #FF6633;
border-width: 1px;
border-right-style: solid;
text-align: center;
font-weight: bold;
}
.tab_cell_inactive_empty {
color: #000066;
background-color: #dCe5eF;
border-color: #FF6633;
border-width: 1px;
border-right-style: solid;
text-align: center;
font-weight: bold;
}
.tab_cell_inactive_empty A {
color: #5555ff;
}
.tab_active_bottom {
background-color: #FFFFFF;
border-top: none;
border-bottom: none;
border-left: none;
border-right: none;
height: 5px;
}
.tab_inactive_bottom {
background-color: #FFFFFF;
border-left: none;
border-right: none;
border-top: solid #FF6633 1px;
height: 5px;
}
.tab_inactive_bottom_right {
background-color: #FFFFFF;
border-left: none;
border-right: none;
border-top: solid #FF6633 1px;
width: 35%;
height: 5px;
}
.name1 {
color: #0c4790;
font: bold 11px   verdana, helvetica, sans-serif;
}
.namered {
border: solid red 1px;
}
.nameblue {
border: solid blue 1px;
}
.details1 {
color: #000000;
font: 11px   verdana, helvetica, sans-serif;
text-decoration: none;
}
.name2 {
color: #36648B;
font: bold 11px   verdana, helvetica, sans-serif;
vertical-align: top;
}
.details2 {
color: #000000;
font: 11px   verdana, helvetica, sans-serif;
text-decoration: none;
}
.nameZoom {
color: #000000;
font: bold 14px   verdana, helvetica, sans-serif;
}
.detailsZoom {
font: 14px   verdana, helvetica, sans-serif;
text-decoration: none;
}

.name_head {
color: #1A406E;
font-family: georgia;
font-size: 16px;
line-height: 20px;
font-weight: bold;
padding: 0;
margin: 5px 0;
}

.date {
font-weight: bold;
}
.label {
color: #000000;
font: bold 11px verdana, helvetica, verdana, sans-serif;
}
.field {
color: #000000;
font: 11px verdana, helvetica, verdana, sans-serif;
}
.error {
color: #000000;
font-family: verdana, helvetica, verdana, sans-serif;
font-weight: bold;
}
.largeError {
color: #000000;
font: large verdana, helvetica, verdana, sans-serif;
font-weight: bold;
}
.warning {
color: #003366;
font-family: verdana, helvetica, verdana, sans-serif;
font-weight: bold;
}
.indent {
padding: 0 0 0 5px;;
}
.indent_rtl {
padding-right: 7px;
}
.image {
height: 150px;
padding: 5px;
border: solid black 1px;
}
.sex_image {
height: 9px;
width: 9px;
/*	margin: 0px 3px;  */
padding-left: 3px;
padding-right: 3px;
border: none;
vertical-align: middle;
}
.pedigree_image_portrait {
float: left;
height: 50px;
border: solid black 1px;
margin-right: 3px;
}
.pedigree_image_portrait_rtl {
float: right;
height: 50px;
border: solid black 1px;
margin-left: 3px;
}
.pedigree_image_landscape {
float: left;
width: 50px;
border: solid black 1px;
margin-right: 3px;
}
.pedigree_image_landscape_rtl {
float: right;
width: 50px;
border: solid black 1px;
margin-left: 3px;
}
.pedigree_form {
width: 60px;
}
.thumbnail {
height: auto;
padding: 5px;
}
.icon {
border: none;
}
.link {
font-size: 11px;
text-align: center;
}
.sublinks_table {
border: solid #b4c2c2 1px;
}
.sublinks_cell {
font-size: 11px;
background-color: #ECF1EF;
}
.sublinks_table .icon {
width: 25px;
height: 25px;
}
.menuitem .icon {
width: 32px;
height: 32px;
}
.submenu .icon {
width: 25px;
height: 25px;
}
.subheaders {
color: #1A406E;
font-family: georgia;
font-size: 16px;
line-height: 20px;
font-weight: bold;
padding: 0;
margin: 5px 0;
/*
font-size: 14px;
font-weight: bold;
text-indent: 20px;
margin-top: 15px;
vertical-align: bottom;
font-family: verdana, sans-serif;*/
}

.age {
font-size: 9px;
}

.source_citations {
display: none;
}

.contact_links {
text-align: center;
}
.theme_form {
margin-top: 0px;
font-size: 14px;
font-family: verdana, sans-serif;
color: white;
}
/* This is the original.
* It's not used, but it's left in in case you want to go back to it. */
.flag {
width: 15px;
border: solid black 1px;
}
/* This one is for the currently active language.  It's different in Opera!! */
.activeflag {
height: 15px;
border: none;
opacity: 1;		/* Opera,IE does not yet support this (booo!) */
}
/* This one is for an inactive language when the mouse is hovering over it */
.brightflag {
height: 15px;
border: none;
opacity: 1;		/* Opera,IE does not yet support this (booo!) */
}
/* This one is for an inactive language when the mouse is not hovering over it */
.dimflag {
height: 15px;
border: none;
opacity: 0.4;	/* Opera,IE does not yet support this (booo!) */
}
.header_select {
font-size: 9pt;
}
.lang_form {
margin-top: 3px;
}

.selected-option {
background-color: #ECF5FF;
border: solid #84beff 1px;
}
.favorites_form {
margin-top: 0px;
font-size: 14px;
font-family: verdana, sans-serif;
color: white;
}
.thememenuitem {
color: white;
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
padding: 1px;
}
.thememenuitem A {
color: white;
}
.thememenuitem_hover {
color: #FF0000;
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
padding: 1px;
}
.themesubmenu {
color: #000000;
text-decoration: none;
font-family: verdana, sans-serif;
font-size: 11px;
text-align: left;
background-color: #ECF5FF;
border: solid #84beff 1px;
white-space: nowrap;
width: 100px;
}
.favmenuitem {
color: white;
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
padding: 1px;
}
.favmenuitem A {
color: white;
}
.favmenuitem_hover {
color: #FF0000;
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
padding: 1px;
}
.favsubmenu {
color: #000000;
text-decoration: none;
font-family: verdana, sans-serif;
font-size: 11px;
text-align: center;
background-color: #ECF5FF;
border: solid #84beff 1px;
white-space: nowrap;
}
.favsubmenuitem A {
color: #000000;
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
background-color: #ECF5FF;
white-space: nowrap;
text-align: left;
}
.favsubmenuitem_hover A {
color: #ff0000;
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
background-color: #ffffff;
white-space: nowrap;
text-align: left;
}
.help {
font-weight: bold;
cursor: help;
}
.menuitem {
color: #000000;
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-align: center;
padding: 1px;
}
.menuitem_hover	{
color: #000000;
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-align: center;
padding: 1px;
}
.submenu {
color: #000000;
text-decoration: none;
font-family: verdana, sans-serif;
font-size: 11px;
text-align: center;
background-color: #ecf1ef;
border: solid #b4c2c2 1px;
white-space: nowrap;
}
.submenu_rtl {
color: #000000;
text-decoration: none;
font-family: verdana, sans-serif;
font-size: 11px;
text-align: center;
background-color: #ECF5FF;
border: solid #84beff 1px;
white-space: nowrap;
}
.submenuitem {
color: #000000;
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
background-color: #ecf1ef;
white-space: nowrap;
text-align: left;
padding: 1px;
}
.submenuitem_rtl {
color: #000000;
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
background-color: #ECF5FF;
white-space: nowrap;
text-align: right;
padding: 1px;
}
.submenuitem_hover {
color: #000000;
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
background-color: #c1cdcd;
white-space: nowrap;
text-align: left;
padding: 1px;
}
.submenuitem_hover_rtl {
color: #000000;
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
background-color: #ffffff;
white-space: nowrap;
text-align: right;
padding: 1px;
}
.news_box {
background-color: #ffffff;
border-bottom: 3px double #808fa0;
padding: 8px;
}

.news_box ul{
margin: 0 0 0 0;
padding:0;
list-style-type: none;
}

.news_box li{
padding: 0 0 0 40px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 26px 4px;
list-style-type: none;
}

.news_title {
font-family: arial;
font-size: 15px;
line-height: 23px;
font-weight: bold;
color: #2068B1;
padding: 6px 0;
margin: 0;
}	

}
.news_date {
font-family: verdana, sans-serif;
color: black;
font-size: 11px;
font-weight: bold;
}

.menuitem a { color: #0c4790; }

.menuitem a:hover { color: #0066ff; }


.current_day {
font-weight: bold;
font-size: 16px;
}
.cal_day {
float: left;
font-weight: bold;
}
.rtl_cal_day {
direction: rtl;
float: right;
color: blue;
font-weight: bold;
}
.helpheader {
font-family: verdana, sans-serif;
color: black;
font-size: 16px;
font-weight: bold;
}

.helpstart {
font-family: verdana, sans-serif;
font-size: 14px;
line-height: 21px;
font-weight: bold;
color: #2068B1;
padding: 5px 0;
margin: 0;
}

.helptext {
font-family: verdana, sans-serif;
color: black;
font-size: 11px;
}

#content {
margin-left: 1px;
}

#footer {
clear: both;
color: #000066;
font-family: verdana, Helvetica, sans-serif;
font-size: 12px;
width: 99%;
}

/*-- index.php specific style sheets -- */
.small_inner_block {
/*	max-height: 190px;
height: auto; 
overflow: auto;
font: normal 11px  verdana, Helvetica, sans-serif;
text-decoration: none;*/
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 16px;
vertical-align: top;
}

.block {
background: url("images/topgradient.jpg") top left repeat-x;
border-right: 1px solid #808fa0;
border-left: 1px solid #808fa0;
border-bottom: 1px solid #808fa0;
color: #000000;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 16px;
vertical-align: top;
margin: 0 0 10px 0;
padding: 5px;
background-color: #ffffff;
}

#index_main_blocks {
clear: none;
width: 73%;
float: left;
}

#index_small_blocks {
clear: none;
width: 25%;
float: right;
}

#index_full_blocks {
clear: none;
width: 100%;
/*float: center;*/
}

#random_picture {
text-align: center;
}

/*-- pedigree chart specific stylesheets --*/
#pedigree_chart {
position: relative;
top: -240px;
left: 0px;
width: 99%;
}
/*-- pedigree chart rtl specific stylesheets --*/
#pedigree_chart_rtl {
position: relative;
float: right;
top: -240px;
right: 0px;
width: 99%;
}

/*-- descendancy chart specific stylesheets --*/
#descendancy_chart ul {
background-image: url(images/vline.gif);
background-repeat: repeat-y;
background-position: left top;
list-style: none;
margin: 0px 0px 5px 15px; /* top right bottom left */
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#descendancy_chart li {
list-style: none;
margin: 0px 0px 0px -15px; /* top right bottom left */
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
/*-- descendancy chart rtl specific stylesheets --*/
#descendancy_chart_rtl ul {
background-image: url(images/vline.gif);
background-repeat: repeat-y;
background-position: right top;
list-style: none;
margin: 0px 15px 5px 0px; /* top right bottom left */
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#descendancy_chart_rtl li {
list-style: none;
margin: 0px -15px 0px 0px; /* top right bottom left */
padding: 0px 2px 0px 0px; /* top right bottom left */
}

/*-- relationship chart specific stylesheets --*/
#relationship_chart {
position: relative;
top: -40px;
left: 0px;
}
#relationship_chart_rtl {
position: relative;
top: -40px;
right: 11px;
}

/*-- ancestry chart specific stylesheets --*/
#ancestry_chart ul {
background-image: url(images/vline.gif);
background-repeat: repeat-y;
background-position: left top;
list-style: none;
margin: 0px 0px 0px 15px; /* top right bottom left */
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#ancestry_chart li {
list-style: none;
margin: 0px 0px 2px -15px; /* top right bottom left */
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
/*-- ancestry chart rtl specific stylesheets --*/
#ancestry_chart_rtl ul {
background-image: url(images/vline.gif);
background-repeat: repeat-y;
background-position: right top;
list-style: none;
margin: 0px 15px 0px 0px; /* top right bottom left */
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#ancestry_chart_rtl li {
list-style: none;
margin: 0px -15px 2px 0px; /* top right bottom left */
padding: 0px 2px 0px 0px; /* top right bottom left */
}

/*-- timeline chart specific styles --*/
#timeline_chart {
position: relative;
top: 0px;
}
.timeline_table {
}
.person0 {
background-color: #ECF5FF;
border: outset #84beff 1px;
vertical-align: top;
}
.person1 {
background-color: #AAFFAA;
border: outset #AAFFAA 1px;
vertical-align: top;
}
.person2 {
background-color: #FFAAAA;
border: outset #FFAAAA 1px;
vertical-align: top;
}
.person3 {
background-color: #AAAADD;
border: outset #5555FF 1px;
vertical-align: top;
}
.person4 {
background-color: #FF5555;
border: outset #FF5555 1px;
vertical-align: top;
}
.person5 {
background-color: #55FF55;
border: outset #55FF55 1px;
vertical-align: top;
}

.listlog {
line-height: 20pt;
color: #555555;
font-family: verdana, sans-serif;
}
.barra {
color: #000000;
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal
}
.blanco {
color: #000000;
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold
}
input {
border-top-color: #ffffff;
border-left-color: #ffffff;
border-right-color: #000066;
border-bottom-color: #000066;
border-top-width: 1px;
border-left-width: 1px;
font-size: 11px;
border-bottom-width: 1px;
font-family: Verdana, Helvetica, sans-serif;
border-right-width: 1px
}
textarea {
border-top-color: #ffffff;
border-left-color: #ffffff;
border-right-color: #000066;
border-bottom-color: #000066;
border-top-width: 1px;
border-left-width: 1px;
font-size: 11px;
border-bottom-width: 1px;
font-family: Verdana, Helvetica, sans-serif;
border-right-width: 1px
}
select {
border-top-color: #84beff;
border-left-color: #84beff;
border-right-color: #84beff;
border-bottom-color: #84beff;
border-top-width: 1px;
border-left-width: 1px;
font-size: 11px;
border-bottom-width: 1px;
font-family: Verdana, Helvetica, sans-serif;
border-right-width: 1px
}
form {
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px
}

H2 {
color: #1A406E;
font-family: georgia;
font-size: 16px;
line-height: 20px;
font-weight: bold;
padding: 0;
margin: 5px 0;
}

.formField {
font-family: verdana, sans-serif;
font-size: 12px;
}

/*-- pseudo-class for fanchart: used on server-side to draw image --*/
.fan_chart {
/*-- font-family must contain a server TTF file --*/
font-family: url(./fonts/LucidaSansRegular.ttf);
font-size: 7px;
color: #000000;
background-color: #EEEEEE;
}
.fan_chart_box {
background-color: #B1CFF0;
}
.fan_chart_boxF {
background-color: #E9DAF1;
}

.starredname {
text-decoration: underline;
}
.search_hit {
background-color: #FFFF00;
}
.nowrap {
white-space: nowrap;
}
.details_label {
font-weight: bold;
}
.accesskeys{
width : 1px;
height: 1px;
overflow: hidden;
}
/* Style for the top and bottom bar */
.topbottombar {
color: #FFFFFF;
background-color: #838B8B;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
padding: 4px;
text-align: center;
font-weight: bold;
}
/* Style for the subbar in  */

.subbar {
background-color: #ECF5FF;
border: solid #C3DFFF 1px;
color: #000066;
font-family: verdana, sans-serif;
font-size: 11px;
padding: 3px;
white-space: nowrap;
vertical-align: top;
}
/* Style for the descriptionbox */
.descriptionbox {
color: #0d3159;
background-color: #cad5d5;
font-family: verdana, sans-serif;
font-size: 12px;
padding: 4px;
white-space: nowrap;
vertical-align: top;
font-weight: bold;
}

/* Style for the optionbox */
.optionbox {
background-color: #ecf1ef;
border: solid #b4c2c2 1px;
color: #000000;
font-family: verdana, sans-serif;
font-size: 11px;
padding: 3px;
vertical-align: top;
white-space: nowrap;
}
.wrap {
white-space: normal;
}
.ltr {
text-align: left;
}
.vmiddle {
vertical-align: middle
}

/* Colors */
.red {
color: #FF0000;
}
.rela {
filter: alpha(opacity=67);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=67);
-moz-opacity: 0.67;
opacity: 0.67;
}

/* Text direction */
.ltr {
text-align: left;
}
.rtl {
text-align: right;
}

/* Width settings */
.width10 {
width: 10%;
}
.width20 {
width: 20%;
}
.width25 {
width: 25%;
}
.width30 {
width: 30%;
}
.width33 {
width: 33%;
}
.width40 {
width: 40%;
}
.width50 {
width: 50%;
}
.width60 {
width: 60%;
}
.width66 {
width: 66%;
}
.width70 {
width: 70%;
}
.width75 {
width: 75%;
}
.width80 {
width: 80%;
}
.width90 {
width: 90%;
}
.width100 {
width: 100%;
}

/* Font sizes */
.font11 {
font-size: 11px;
}
.font9 {
font-size: 9px;
}

/* Chart styles */
.pedigree_table {
margin: 0;
}

/* Message box */
.messagebox {
background-color: #DFEEFF;
border: solid #C3DFFF 1px;
}

/* Change indicators */
.change_new {
border: solid #0000FF 2px;
}

.change_old {
border: solid #FF0000 2px;
}

.door {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.door dd {
margin:2px 2px 2px 2px;
padding:2px 6px 2px 6px;
height:100%; float:left;
font-weight:bold;
display:none;
-moz-border-radius-topleft: 0.6em;
-moz-border-radius-topright: 0.6em;
}