/*
  ._______________________________________________________________.
  |                    == MWNF Office v4.0 ==                     |
  +_______________________________________________________________+
  |                                                               |
  |      Developed by Pascal (Meta) Havelange                     |
  |        contact: havelangep@hotmail.com                        |
  |                                                               |
  |      All rights reserved.                                     |
  +_______________________________________________________________+
  |      Copyright Museum With No Frontiers (c) 2005, 2006        |
  |        website: http://www.museumwnf.org/                     |
  ._______________________________________________________________.
*/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	background-color: #ffffff;
}

body, table, td, input, textarea, select, option, p, a, li, span, .regular, .regular-e, .regular-field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 1.0em;*/
	font-size: 8pt;
	font-weight: normal;
	line-height: 1.2em;
	color:#000000;
}
a {
	text-decoration: none;
}
img {
	border-style: none;
}

.shown {
	visibility: visible;
}
.hidden {
	visibility: hidden;
/*	display: none;*/
}
.fully-hidden {
	visibility: hidden;
	display: none;
}

.regular, .regular-row, .regular-row-centered, .regular-e, .regular-field, .regular-row-red, .regular-row-rightaligned, .regular-row-leftaligned {
	padding: 5px 0px 2px 5px;
}

td.regular-row-centered, td.regular-row-rightaligned, td.regular-row-leftaligned {
	vertical-align: top;
}
td.regular, td.regular-row, td.regular-e, td.regular-field, td.regular-row-red {
	vertical-align: top;
	text-align: left;
}
td.regular-row, td.regular-row-red, td.regular-row-centered, td.regular-row-rightaligned, td.regular-row-leftaligned  {
	border-style: solid;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px;
}
.regular-row-centered {
	text-align: center; 
	vertical-align: middle;
}
.regular-row-rightaligned {
	text-align: right;
}
.regular-row-leftaligned {
	text-align: left;
}

.regular-e {
	background-color: #FFCC33;
	color: #800000;
}

.regular-row-red {
	background-color: #FFCC33;
	color: #800000;
}

/* *** Styles *** */
.menu-bar, .section-bar, .section-bar-selected, .section-bar-e {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #ffffff;
}
.menu-bar {
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: normal;

	background-color: #365580;
	
	padding: 0px 5px 0px 5px;
}
.section-bar, .section-bar-selected, .section-bar-e {
	font-size: 0.9em;
	font-weight: bold;
	
	background-color: #8F9EB1;
	
	height: 16px;
	
	padding: 0px 0px 0px 5px;
}
.language-bar {
	font-weight: bold;
	font-size: 0.9em;
	
	color: #ffffff;
	background-color: #afbed1;
}

.section-bar {
	text-transform: uppercase;
}
.section-bar-selected {
	background-color: #FFB14B;
}
.section-bar-e {
	background-color: #800000;
	color: #FFCC33;
	font-size: 1.1em;
}
.banner-bar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #FFB14B;
	
	text-align: right;
	vertical-align: middle;
	
	background-color: #ffffff;
	
	background-image: url('../images/mwnf-logo-white.jpg');
	background-position: center left;
	background-repeat: no-repeat;
}
.footer-bar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #9A9A9A;
	
	background-color: #ffffff;
}
.tab-bar {
	background-color: #FFFFFF;
}
.small-tab-bar, .subtab-bar {
	background-color: #CCCCCC;
}
td.tab-bar, td.small-tab-bar, td.large-tab-bar, td.subtab-bar {
	vertical-align: bottom;
	text-align: left;
}
table.small-tab-bar, table.subtab-bar {
	width: 100%;
}

.tab, .tab-selected, .small-tab, .small-tab-selected, .tab-grayed, .large-tab, .large-tab-selected, .large-tab-grayed {
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}
.subtab, .subtab-selected, .small-subtab, .small-subtab-selected {
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	text-transform: capitalize;
}

.tab, .tab-selected, .tab-grayed {
	padding: 2px 2px 2px 3px;
	width: 110px;
}
.large-tab, .large-tab-selected, .large-tab-grayed {
	padding: 2px 2px 2px 3px;
	width: 200px;
}
.small-tab, .small-tab-selected {
	padding: 1px 1px 0px 1px;
	width: 25px;
}
.subtab, .subtab-selected {
	padding: 1px 1px 0px 1px;
	width: 90px;
}
.small-subtab, .small-subtab-selected {
	padding: 1px 1px 0px 1px;
	width: 40px;
}

.tab-selected, .small-tab-selected, .large-tab-selected, .subtab-selected, .small-subtab-selected {
	background-color: #365580;
}
.tab, .small-tab, .large-tab, .subtab, .small-subtab {
	background-color: #8F9EB1;
}
.tab-grayed, .small-tab-grayed, .large-tab-grayed, .subtab-grayed, .small-subtab-grayed {
	background-color: #CCCCCC;
	color: #666666;
	border-color: #CCCCCC;
}
td.tab, td.tab-selected, td.small-tab, td.small-tab-selected, td.large-tab, td.large-tab-selected, td.subtab, td.subtab-selected, td.small-subtab, td.small-subtab-selected {
	border-width: 1px 1px 0px 1px;
	border-color: #365580;
	border-style: solid;
}
.tab-spacer {
	background-color: #FFFFFF;
	width: 5px;
}
.small-tab-spacer, .subtab-spacer {
	background-color: #CCCCCC;
	width: 5px;
}


.form, .display {
	width: 100%;
	height: 100%;
}
table.form {
}
table.display {
	padding: 0;
	
}
.display td {
	padding: 0.1em 0 0 0.5em;
}
.display td.formfield-label {
	border-style: none;
}

.formfield-label, .formfield-sub-label {
	font-style: italic;
	vertical-align: top;
}
.formfield-value, .formfield-sub-value {
}
.formfield-title, .formfield-sub-title {
	font-weight: bold;
	font-style: italic;
}
.formfield-section-title {
	font-weight: bold;
	font-style: italic;
	background-color: #9a9a9a;
}

th.formfield-label, th.formfield-sub-label {
	font-style: normal;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: capitalize;
	
	text-align: left;
	padding: .1em;
}
th.formfield-value, th.formfield-sub-value {
	font-style: normal;
	font-size: 1.2em;
	font-weight:bold;
	
	text-align: left;
	padding: .1em;
}

.hr {
	border-style: solid;
	border-width: 0px 0 1px 0;
	border-color: #d8d8d8;
	height: 3px;
}


.navigation-bar, .navigation-bar-button, .navigation-bar-position {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #9A9A9A;
}
td.navigation-bar-button {
	width: 16px;
}
td.navigation-bar-position {
	width: 48px;
	text-align: center;
}


.page-container, .menu-container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
.page-container {
	font-weight: normal;
	color: #000000;

	background-color: #E9E7E3;
}
.menu-container {
	font-weight: bold;
	color: #ffffff;

	background-color: #E9E7E3;
	
	vertical-align: top;
}

.menu-theme, .menu-theme-selected, .menu-theme-grayed, .menu-theme-grayed2, .menu-theme-grayed3, .menu-topic, .menu-topic-grayed, .menu-topic-selected, .header-field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #365580;
	
	height: 16px;
	
	text-align: left;
	vertical-align: middle;
}
.header-field {
	vertical-align: top;
}
td.menu-theme, td.menu-theme-selected, td.menu-theme-grayed, .menu-theme-grayed2, .menu-theme-grayed3, td.menu-topic, td.menu-topic-grayed, td.menu-topic-selected, td.header-field {
	padding: 4px 4px 0px 8px;
}
.menu-theme-selected {
	color: #ffffff;
	background-color: #FFB14B;
}
.menu-theme-grayed3 {
	color: #ffffff;
	background-color: #FFB14B;
}
.menu-theme-grayed2 {
	color: #365580;
}
.menu-theme-grayed {
	color: #999999;
}
.menu-topic, .menu-topic-grayed, .menu-topic-selected {
	font-size: 0.9em;
}
td.menu-topic, td.menu-topic-grayed, td.menu-topic-selected {
	font-size: 0.9em;
	padding: 2px 0px 0px 20px;
}
.menu-topic {
	color: #859CBC;
}

#spacer-menu-first-item {
	padding: 5px 5px 0px 8px;
}

/* *** Record Display Styles *** */
.record-title {
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	color: #000000;
}
.record-subtitle {
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	color: #646464;
}
.record-text {
	font-size: 1.0em;
	font-weight: normal;
	color: #000000;
	text-align: justify;
	line-height: 1.3em;
}
.record-picture {
	border-style: none;

	vertical-align: top;
	padding: 5px 10px 5px 10px;
}
.framed-picture {
	border-style: solid; 
	border-color: #cacaca; 
	border-width: thin;
}

/* *** Some other styles *** */

.fill-space, .error-frame {
	width: 100%;
	height: 100%;
}
.page {
	width: 100%;
}

table.error-frame {
	border-style: solid;
	border-width: thick;
	border-color: #800000;
	margin: 10px 10px 10px 10px;
	
	background-color: #FFCC33;
}

div.img-180x135 {
	width: 180px;
	height: 135px;
	background-color: white;
	border-style: solid;
	border-color: #e0e0e0;
	border-width: .2em;
	text-align: center;
}

div.img-180x135 img {
	border-style: none;
}

/* http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm */
#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: #ffffe0;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

/* Contact Exports */
div.contact_record {
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	margin: 1em;
	
	width: 95%;
}

div.contact_record div.contact_header {
	background-color: #000000;
	color: #ffffff;
	font-size: 12pt;
	font-weight: bold;
	width: 100%;
	padding: 0.5em 0 0.5em 0;
}
div.contact_record div.contact_header_inner {
	margin: 0.1em 0.5em 0.1em 0.5em;
}
div.contact_record div.contact_header_type {
	float: right;
	font-size: 10pt;
	padding: 0 1em 0 1em;
}
div.contact_record div.contact_data {
	margin: 0.1em 0.5em 0.1em 0.5em;
}

div.contact_record .header {
	font-weight: bold;
}

div.contact_record .address {
	font-weight: normal;
}

div.contact_record pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
}