body
{
	background-image: URL("../../design/images/gradient_2.png");
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #3f3f3f;
	padding: 0px;
	margin: 0px;
}

a
{
	color: #003698;
}

h1
{
	margin:0px;
	font-size: 16pt;
	font-weight: bold;
}

h2
{
	font-size: 11pt;
	margin: 10px 0px 0px 0px;
}

p
{
	margin: 5px 0px 0px 0px;
}

p.ingress
{
	font-weight: bold;
	margin-bottom: 15px;
}

/* Enclosing all content */
div.mainContainer
{
	margin-top: 10px;
	margin-left: 30px;
	width: 949px;
}

img.smallTopLogo
{
	margin-top: 10px;
	margin-left: 30px;
	border: 0px none;
}

/* Enclosing all content in popups */
div.mainContainer.smallContainer
{
	width: 733px;
	
}

/* The header with the search forms*/
div.header
{
	background-image: URL("../../design/images/topgfx-logo.gif");
	background-repeat: no-repeat;
	height: 154px;
	/*border: 1px solid green;*/
}

div.header.smallHeader
{
	background-image: URL("../../design/images/topgfx-logo-small.gif");
	height: 61px;
}

/* All that varies between pages */
div.contents
{
	height: 524px;
	vertical-align: top;
	border-bottom: 3px solid white;
	overflow: auto;
	background-color: white;
	font-size: 8pt;
	color: #3f3f3f;
	position: relative; /* To enable absolute positioning of sub elements relative to this one */
}

div.contents.smallContents
{
	overflow: hidden;
	height: 655px;
	width: 733px;
}

/* Expandable menu at the bottom of the page */
div.bottomMenu
{
	height: 524px;
	margin-bottom: 5px;
	/*position: relative;*/
	/*border: 2px solid brown;*/
	height: auto; /* Would otherwise inherit height from div.contents */
}

table.bottomMenuTable
{
	width: 100%;
	border-collapse: collapse;
}

table.bottomMenuTable.expanded
{
	display: none;
}

table.bottomMenuTable.collapsed
{
	display: table;
}

table.bottomMenuTable td
{
	/*border: 1px solid green;*/
	padding: 0px;
}

/* Toggle button for expanding/collapsing menu */
td.menuButtonCell
{
	width: 28px;
	cursor:pointer;
}

td.menuBarCell
{
	width: 28px;
	vertical-align: top;

}

/* The menu element */
td.menuElement
{
	background-image: URL("../../design/images/gradient_menu.png");
	background-repeat: repeat-x;
	border-left: 2px solid white;
	font-size: 10pt;
	font-weight: bold;
	width: 33%;
	cursor:pointer;
}

td.expandedMenuCell 
{
	background-image: URL("../../design/images/background_expanded_menu.png");
	background-repeat: repeat-x;
	border-left: 2px solid white;
	vertical-align: top;
	/*border: 2px solid blue;*/
	height: 119px;
}

div.expandedMenuCellContents
{
	margin-top: 2px;
	padding-top: 0px;
	height: 117px; 
	overflow: auto;
	font-size: 8pt;
	background-color: #feedd1;
}

td.expandedMenuRowSeparator
{
	height: 2px;
	background-color:white;
}

/* Footer */
div.footer
{
	position: relative;
	background-image: URL("../../design/images/bottom_background.png");
	background-repeat: no-repeat;
	top: -5px;
	margin: 0px;
	padding: 0px;
	font-size: 7pt;
	/*color: #8c8c8c;*/
	color: #004894;
	vertical-align: bottom;
	height: 114px;
	/*border: 2px solid brown;*/
}

/* transparent div placed over the logo*/
div.fakeImageLink
{
	position:absolute; 
	cursor: pointer; 
	background-color: transparent; 
}

div.fakeImageLink.homeLink
{
	top: 110px; 
	left: 60px;
	height:80px; 
	width: 300px; 
}

div.fakeImageLink.smallHomeLink
{
	top: 30px; 
	left: 35px;
	height:44px; 
	width: 305px; 
}

div.fakeImageLink.closeWindowLink
{
	top: 43px; 
	left: 655px;
	height:25px; 
	width: 90px; 
}

div.fakeImageLink.bioforskLink
{
	top: 5px; 
	left: 5px;
	height:80px; 
	width: 140px; 
}


/* Box with form for searching in pest database */
div.searchBox
{
	position:relative;
	left: 349px;
	padding-top: 3px;
}

/* Need to put these properties directly to td (not in parent div) to work in IE */
div.searchBox td
{
	/*color: white;*/
	font-weight: bold;
	font-size: 8pt;
}

/* Styling for sentence, making it look like a hyperlink */
span.topAddToEncycl
{
	font-weight:normal;
	text-decoration: underline;
	cursor: pointer;
}

/* Light themeing of form elements */
input,select
{
	font-size: 8pt;
	background-color: #e6ebf5;
}

/* Common width for all select boxes in the header */
select.topSelect
{
	width: 192px;
}

/* Button in search form in the header */
button.searchTopButton
{
	font-size: 8pt;
}

/* ######## COMMON (BUT NOT UNIVERSAL) STYLES ####### */

/* Container for vertical strip with pictures */
div.pictureStrip
{
	width: 208px;
	position: absolute;
	left: 533px;
	top: 0px;
	/*height: 524px;*/
	height: 522px;
	z-index: 100;
	background-color: transparent;
	overflow: hidden;
	/*border: 1px solid red;*/
}

div.pictureStrip.smallPictureStrip
{
	height: 478px;
}

div.pictureStrip.emptyStrip
{
	background-color: #e6ebf5;
}

/* Standard left column, expecting pictureStrip to be on the right */
div.leftColumn
{
	width: 533px;
	height: 524px;
	overflow:hidden;
}


/* Standard right column, expecting pictureStrip to be on the left */
div.rightColumn
{
	width: 208px;
	position: absolute;
	/*left: 700px;*/
	left: 741px;
	top: 0px;
	height: 524px;
	overflow:auto;
}

/* Standard topic heading */
div.topicHeading
{
		width: 100%;
	font-size: 16pt;
	font-weight:bold;
	background-color: #b3c2e1;	
}

div.topicHeading.smallTopicHeading
{
			padding: 15px 0px 15px 10px;
		height: auto;
		width: 198px;
			font-size: 10pt;
	background-color: #afd6f1;
}

div.textBlock
{
	margin: 0px;
	padding: 10px;
	background-color: transparent;
	/*border: 0px none;*/
	/*overflow:hidden;*/
}

table.myEncyclopedia
{
	width: 100%;
	border-collapse: collapse;
}

table.myEncyclopedia td
{
	padding: 5px 10px 0px 10px;
	font-size: 10pt;
}

table.myEncyclopedia td.rightCol
{
	text-align: right;
}

img
{
	border: 0px none;
}

/* Styling an image to make it look like a link */
img.imageLink
{
	cursor:pointer;
}

/* Styling the organism tree */
div.organismTreeContainer
{
	position: absolute;
	display: none;
	top: 270px;
	left: 30px;
	z-index: 50;
	/*background-color: #feedd1;*/
	background-color: #e6ebf5;
	font-size: 10pt;
	padding-right: 20px;
	padding-top: 10px;
}

span.pseudoHref
{
	text-decoration: underline;
	color: #003698;
	cursor: pointer;
}

.gwt-Tree .gwt-TreeItem
{
	font-size: 10pt;
}

.gwt-Tree .gwt-TreeItem-selected
{
	/*background-color: #fdba47;*/
	background-color: #afd6f1;
}

table.footerTable
{
	position: relative;
	top: 89px;
	width: 100%;
	font-size: 7pt;
	color: #004894;
	/*background-color: #afd6f1;*/
}

table.footerTable td
{
	padding: 5px;
}

td.tagCell
{
	text-align: right;
}

div.mainIllustration
{
	height: 495px;
}

div.illlustrationThumbStrip
{
	height: 140px;
	width: 733px;
	/*border: 1px solid green;*/
	overflow-x: auto;
	overflow-y: hidden;
}

div.illlustrationThumbStrip td
{
	vertical-align: bottom;
}

span.keyword
{
	color: green;
	border-bottom: 1px dashed green;
}

#dhtmltooltip
{
	position: absolute;
	width: 150px;
	border: 1px solid #4e7187;
	padding: 3px;
	background-color: #35a333;
	color: white;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. 
	Below line should always appear last within this CSS
	The shadow only works with MS Windows...
	*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#cultureTooltipBox
{
	display: none;
	position: absolute; 
	background-repeat: no-repeat; 
			background-image: url('../../design/images/tooltip-boks.gif');
		width:255px; 
		height:156px; 
		top: 54px; 
		left: 430px;
		z-index: 100; 
		padding: 10px 18px 15px 20px;
	}

#cultureTooltipBox ul
{
	}