﻿/* background color for the content part of the pages */
Body
{
	background-color: white;
	margin: 0px;
}

.ControlPanel, .PagingTable
{
	width: 100%;
	background-color: #FFFFFF;
	border-right: #003366 1px solid;
	border-top: #003366 1px solid;
	border-left: #003366 1px solid;
	border-bottom: #003366 1px solid;
}

.SkinObject
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #003366;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.SkinObject:link
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:visited
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:hover
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:active
{
	text-decoration: none;
	color: #003366;
}

/* styles for LANGUAGE skinobject */
.Language
{
	vertical-align: middle;
	margin: 0px;
}

.Language img
{
	border: none;
}


/* style for module titles */
.Head
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
	color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
}

/* text style used for error messages */
.NormalRed
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
	background-color: White;
	color: Red;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
}
.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_Footer
{
	background-color: White;
}
.DataGrid_Header
{
	background-color: Transparent;
	color: Black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.DataGrid_Item
{
	background-color: Transparent;
	color: Black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
}
.DataGrid_SelectedItem
{
	background-color: Silver;
	color: Blue;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

.TreeMenu_NodeSelected
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	background-color: #dcdcdc;
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover
{
	text-decoration: none;
	color: #ff0000;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active
{
	text-decoration: none;
	color: #003366;
}

/* styles used in the FileManager */
.FileManager
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 400px;
}
.FileManager_ToolBar
{
	border-bottom: black 1px solid;
	height: 25px;
}
.FileManager_Explorer
{
	height: 100%;
	border: #696969 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
}

.FileManager_FileList
{
	height: 100%;
	border: #696969 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
	overflow: auto;
}

.FileManager_MessageBox
{
	text-align: center;
	vertical-align: middle;
	background-color: White;
	padding: 25px 25px 25px 25px;
}

.FileManager_Header
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #E7E7FF;
	background-color: #9EBFF6;
	border-bottom: #696969 1px solid;
	height: 25px;
}

.FileManager_Pager
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	background-color: #EEEEEE;
	border-top: #696969 1px solid;
	height: 25px;
}

.FileManager_StatusBar
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	background-color: #dedfde;
	height: 25px;
	margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	background-color: #F8F8F8;
	border-top: black 1px dashed;
	border-bottom: black 1px dashed;
}

.FileManager_AltItem
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	background-color: #EEEEEE;
	border-style: none;
}
.FileManager_SelItem
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: White;
	background-color: #99ffff;
	border-style: none;
}

.FileManagerTreeNode
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

.FileManagerTreeNodeSelected
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	background-color: #dcdcdc;
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link
{
	text-decoration: none;
	color: #003366;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited
{
	text-decoration: none;
	color: #003366;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover
{
	text-decoration: none;
	color: #ff0000;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active
{
	text-decoration: none;
	color: #003366;
}

/* styles used in the Wizard Framework */
.Wizard
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 400px;
	width: 650px;
}
.WizardButton
{
	border-right: #696969 1px solid;
	padding-right: 2px;
	border-top: #696969 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: #696969 1px solid;
	padding-top: 2px;
	border-bottom: #696969 1px solid;
	background-color: #dcdcdc;
}
.WizardHeader
{
	background: #ffffcc;
	border-bottom: black 1px solid;
	height: 40px;
}
.WizardFooter
{
	border-top: black 1px solid;
	background: #ccffcc;
	height: 25px;
	text-align: right;
}
.WizardBody
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 325px;
}
.WizardHelp
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	padding-bottom: 5px;
	border-left: black 1px solid;
	width: 180px;
	padding-top: 5px;
	background-color: #ccffff;
}
.WizardHelpText
{
	overflow: auto;
	font-size: 8pt;
	width: 180px;
	color: black;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	height: 300px;
}
.WizardText
{
	font-size: 9pt;
	color: black;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}


/* MAS 20080908 Ronald Jansen Heerema Portals Styles */

html, body, div, p, th, td, li, dd, dt, h1, h2, h3, h4, h5, h6, .normal
{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #12334d; /* fall back color - default */ 
  line-height :13pt;  
}

/* text style used for help text rendered by modules */
.Help
{
	border-right: black 1px solid;
	padding-right: 2px;
	border-top: black 1px solid;
	padding-left: 2px;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 2px;
	border-left: black 1px solid;
	color: black;
	padding-top: 2px;
	border-bottom: black 1px solid;
	font-family: Tahoma, Arial, Helvetica;
	background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
	text-decoration: underline;
	color: #003366;
}

A.CommandButton:visited
{
	text-decoration: underline;
	color: #003366;
}

A.CommandButton:hover
{
	text-decoration: underline;
	color: #ff0000;
}

A.CommandButton:active
{
	text-decoration: underline;
	color: #003366;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: #dddddd;
	color: #000000;
	font-family: Verdana, sans-serif;
}


/* GENERIC */
H1
{
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H2
{
	font-size: 18px;
	font-weight: normal;
	color: #666644;
}

H3
{
	font-size: 15px;
	font-weight: bold;
	color: #003366;
}

H4
{
	font-size: 14px;
	font-weight: bold;
	color: #003366;
}

H5, DT
{
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}

H6
{
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

TFOOT, THEAD
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	color: #003366;
}

TH
{
	vertical-align: baseline;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}

A:link
{
	text-decoration: underline;
	color: #003366;
}

A:visited
{
	text-decoration: underline;
	color: #003366;
}

A:hover
{
	text-decoration: underline;
	color: #ff0000;
}

A:active
{
	text-decoration: underline;
	color: #003366;
}

SMALL
{
	font-size: 8px;
}

BIG
{
	font-size: 14px;
}

BLOCKQUOTE, PRE
{
	font-family: Lucida Console, monospace;
}


UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}
OL UL LI
{
	list-style-type: disc;
}

HR
{
	color: #696969;
	height: 1pt;
	text-align: left;
}

/* Module Title Menu */
.ModuleTitle_MenuContainer
{
	border-bottom: blue 0px solid;
	border-left: blue 0px solid;
	border-top: blue 0px solid;
	border-right: blue 0px solid;
}

.ModuleTitle_MenuBar
{
	cursor: pointer;
	height: 16px;
	background-color: Transparent;
}

.ModuleTitle_MenuItem
{
	cursor: pointer;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	border-left: white 0px solid;
	border-bottom: white 1px solid;
	border-top: white 1px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon
{
	cursor: pointer;
	background-color: #EEEEEE;
	border-left: #EEEEEE 1px solid;
	border-bottom: #EEEEEE 1px solid;
	border-top: #EEEEEE 1px solid;
	text-align: center;
	width: 15px;
	height: 21px;
}

.ModuleTitle_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	background-color: #FFFFFF;
	border-bottom: #FFFFFF 0px solid;
	border-left: #FFFFFF 0px solid;
	border-top: #FFFFFF 0px solid;
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak
{
	border-bottom: #EEEEEE 1px solid;
	border-left: #EEEEEE 0px solid;
	border-top: #EEEEEE 1px solid;
	border-right: #EEEEEE 0px solid;
	background-color: #EEEEEE;
	height: 1px;
}

.ModuleTitle_MenuItemSel
{
	cursor: pointer;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
}

/* Main Menu */
.MainMenu_MenuContainer
{
	background-color: transparent;
}
.MainMenu_MenuBar
{
	cursor: pointer;
	height: 16px;
	background-color: Transparent;
}
.MainMenu_MenuItem
{
	cursor: pointer;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	border-left: white 0px solid;
	border-bottom: white 1px solid;
	border-top: white 1px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}
.MainMenu_MenuIcon
{
	cursor: pointer;
	background-color: #EEEEEE;
	border-left: #EEEEEE 1px solid;
	border-bottom: #EEEEEE 1px solid;
	border-top: #EEEEEE 1px solid;
	text-align: center;
	width: 15px;
	height: 21px;
}
.MainMenu_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	background-color: #FFFFFF;
	border-bottom: #FFFFFF 0px solid;
	border-left: #FFFFFF 0px solid;
	border-top: #FFFFFF 0px solid;
	border-right: #FFFFFF 0px solid;
}
.MainMenu_MenuBreak
{
	border-bottom: #EEEEEE 1px solid;
	border-left: #EEEEEE 0px solid;
	border-top: #EEEEEE 1px solid;
	border-right: #EEEEEE 0px solid;
	background-color: #EEEEEE;
	height: 1px;
}
.MainMenu_MenuItemSel
{
	cursor: pointer;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	background-color: #C1D2EE;
}
.MainMenu_MenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-top: #FFFFFF 0px solid;
}
.MainMenu_RootMenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
}

/* LEGACY STYLES from DNN 1-2 */
.HeadBg
{
	background-color: #CCCCCC;
}

.TabBg
{
	background-color: black;
}

.SelectedTab
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.SelectedTab:link
{
	text-decoration: none;
	color: white;
}

A.SelectedTab:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.SelectedTab:hover
{
	text-decoration: none;
	color: #cccccc;
}

A.SelectedTab:active
{
	text-decoration: none;
	color: #eeeeee;
}

.OtherTabs
{
	font-weight: bold;
	font-size: 8.5pt;
	color: white;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.OtherTabs:link
{
	text-decoration: none;
	color: white;
}

A.OtherTabs:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.OtherTabs:hover
{
	text-decoration: none;
	color: #cccccc;
}

A.OtherTabs:active
{
	text-decoration: none;
	color: #eeeeee;
}

.PagingTable
{
	height: 33px;
}

/*
.LabelEditOverClass
{	
	cursor: pointer;
	text-decoration: underline overline;
}
*/

.LabelEditTextClass
{
	border: solid 1px red;
	background-color: Transparent;
}

.LabelEditWorkClass
{
	/*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/
	border: solid 0px red;
	background-color: Transparent;
}

/* style for the DNNTextSuggest control select menu */
.SuggestTextMenu
{
	border: solid 1px black;
	white-space: nowrap;
	background: white;
}
/* style for the DNNTextSuggest control selected menu node */
.SuggestNodeOver
{
	background-color: navy;
	color: White;
}


/*Edit In Place Tool Bar Classes*/
.eipbackimg
{
	border: outset 1px; /*give toolbar a 3D look*/
	position: absolute; /*needed so it doesn't take up space */
	margin-top: -22px; /*specify toolbar to be just above text */
	white-space: nowrap; /* makes toolbar horizontal */
	background: url(../../images/eip_toolbar.gif);
	background-color: #99cccc;
	height: 22px;
}

.eipbuttonbackimg
{
	width: 21px;
	height: 21px;
	cursor: pointer; /*change mouse to pointer when hover over button*/
	display: -moz-inline-box; /* Gecko proprietary  (ORDER IS IMPORTANT HERE!)*/
	display: inline-block; /* supported by Opera and ? */
}

.eipbutton_edit
{
	background: url(../../images/eip_edit.gif) no-repeat 100% center;
}
.eipbutton_save
{
	background: url(../../images/eip_save.gif) no-repeat 100% center;
}
.eipborderhover
{
	border: outset 1px;
}

/* used to collapse panes without any content in them */
.DNNEmptyPane
{
	width: 0px;
}

/* used to set the different module align options - from module settings */
.DNNAlignleft
{
	text-align: left;
}
.DNNAlignright
{
	text-align: right;
}
.DNNAligncenter
{
	text-align: center;
}

/* Login Styles */
.LoginPanel
{

}

.LoginTabGroup
{
	
}

.LoginTab {
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #FFF;
	border: 1px #25569a solid;
}

.LoginTabSelected{
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #FFF;
	background-position: 0% -41px;
	border: 1px #25569a solid;
}

.LoginTabHover
{
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #555;
	border: 1px #C00 solid;
	cursor:pointer;
}

.LoginContainerGroup
{
	clear: both;
	padding-top: 5px;
}

.LoginContainer
{
	
}



li
{
}

li a
{
	line-height:normal;
}

.pagemaster 
{ 
	background-color: #ffffff;
	font-size: 10px;
	color: #12334d;
	margin-top:-1px;
}

.skinmaster 
{
	height: 100%;
	background-color: #ffffff;
	font-size: 10px;
	color: #12334d;
	vertical-align: top;
}

.pagebody 
{
	height: 100%;
	background-color: #ffffff;
	font-size: 10px;
	color: #12334d;
	vertical-align: top;
}

.skinheader 
{
	margin-bottom: 8px;
	height: 28px;
	padding-right: 0px;
	
	text-align: center;
	vertical-align: top;
}

.skinheader a:link, .skinheader a:visited
{
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
.skinheader a:hover
{
	text-decoration: 'underline';
}

.skinheader .linksTable
{
    border-collapse: collapse; 
    padding-right:10px;
}

.skinheader .linksTableRight
{
    border-collapse: collapse; 
}

.skinheader .searchTableInput
{
}
.skinheader .searchTableButton
{
}

.skinheader .NormalTextBox
{
	height: 18px;
	width: 1638px;
	color: #8B8CB0;
    border-width: 1px;
}

.skinfooter 
{
	background-color: #FFFFFF;
	border-top-style: solid;
	border-top-color: #D9D8D8;
	border-top-width: 1px;
	
	height: 28px;
	padding-top:10px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom:8px;
	text-align: center;
	vertical-align: middle;
	
	color: #717070;
	font-weight: bold;
	font-size: 10px;
	
	margin-top:10px;
}

.skinfooter a:link, 
.skinfooter a:visited
{
	color: #717070;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}
.skinfooter a:hover
{
	color: #717070;
	text-decoration: 'underline';
}
.skinfooter .companyname 
{
	color:#717070;
	font-size: 10px;
}


.skinsubheader 
{
	background-color: #FFFFFF;
	height: 28px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom:8px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 11px;
}

.skinsubheader a:link, .skinsubheader a:visited
{
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
.skinsubheader a:hover
{
	text-decoration: 'underline';
}

.skinsubheader .divider
{
}

.dividerFooter
{
	color: #717070;	
}

.skinsubheader .magnifier
{
	padding-left: 25px;
	
}

.skinsubheader .magnifierDecrease
{
	padding-left: 0px;
	border: solid 1px #0B297A;
	color: #0B297A;
}
.skinsubheader .magnifierIncrease
{
	padding-left: 0px;
	border: solid 1px #0B297A;
	color: #0B297A;
}

.skinsubheader .loginTable
{
}

.skinsubheader .linksTable
{
}
.hometop
{
}

.topbarTitle
{
	margin:0;
	font-size:20px;
	color: #008ad4;
	padding-right:10px;
	font-weight: bold; 
}

.topbarReadMore
{
	font-size:11px;
	color: #0B297A;
	padding-right:10px;
}

.middlecontent .bannerpane 
{
	vertical-align: top;
}

.middlecontent .maincontent 
{
	padding-bottom: 0px;
}

.contentpane
{
}

.middlecontent .contentpane 
{
	border: 1px solid #B8B7B7;
	
	vertical-align:top;
	padding-top: 10px;
	padding-left: 10px;
	padding-right:0px;
}

.middlecontent .introTable
{
	border: 0px;
	padding-top: 5px;
}
.middlecontent .introTable .introDetailText 
{
	padding-top: 5px;
	border-top: 1px solid #E35B23;
	font-size: 10px;
}


.homemiddle
{
	margin-bottom: 32px;
}
.homemiddle a:link img, .homemiddle a:visited img
{
    border-color: #dae5eb;
}

.homemiddle a:hover img
{
}

.homemiddle .middleimage
{
    padding-left: 8px;
    padding-right: 8px;
}

.homebottom h2
{
	font-size: 16px;
	font-weight: bold;
}    

.pagetop 
{
	margin-bottom: 16px;
}

.titlePane
{
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 5px;
}

.titlePane h1, .titlePane h2, .titlepane h3,
.titlePane h4, .titlePane h5, .titlepane h6, 
.titlePane p,
.latestcontent h1, .latestcontent h2, .latestcontent h3,
.latestcontent h4, .latestcontent h5, .latestcontent h6, 
.contentpane h1, .contentpane h2, .contentpane h3,
.contentpane h4, .contentpane h5, .contentpane h6
{
	margin-bottom: 0px;
}

.latestcontent p
{
	color: #12334d;	
	font-size:11px;
	line-height: 13pt;
}

.menucontent
{
    padding-bottom: 16px;
}

.maincontent
{
	padding-left: 16px;
	padding-right: 26px;
	padding-bottom: 16px;
	padding-top: 10px; 
}

.maincontent p, .maincontent div, .maincontent td,
.contentpane p, .contentpane div, .contentpane td
{
	font-size:11px;
	line-height: 13pt;
	color: #12334d;	
}

.maincontent td
{
	/* line-height:normal; */
} 

.maincontent p, .contentpane p, .contentpane .normal div
{
	margin-top:5px;
	margin-bottom: 10px;	
}

.contentpane .normal div
{
	margin-right:5px;
}

.maincontentwide
{
	padding-left: 16px;
	padding-right: 0px;
}
.maincontent .Normal
{
	line-height: 160%;
}

.maincontent a:link, .maincontent a:visited, .contentpane a:link, .contentpane a:visited
{
	text-decoration: underline;
}

.maincontent a:hover, .contentpane a:hover
{
	text-decoration: underline;
	color: #008ad4;
}

.maincontent h2, .maincontent h3
{
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

.maincontent h2
{
	font-size: 18px;
}

.maincontent h3
{
	font-size: 12px;
}

.latestcontent a:link, .latestcontent a:visited
{
	text-decoration: none;
}
.latestcontent a:hover
{
	text-decoration: none;
	color: #008ad4;
}

.latestcontent
{
	
}

.latestcontent .ListViewContainer, 
.latestcontent #items UL LI A 
{
	width:250px;
}

.groupsites
{
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 40px;
}

.groupsites img
{
	padding-left: 10px;
	padding-top: 20px;
}

.NormalTextBox
{
    font-family: Verdana;
    
}

.NewsHeader, .ProjectHeader
{
    padding-bottom: 10px;
}

.NewsLocation, .ProjectLocation
{
    font-weight: bold;
    font-size: 10px;
    color: #008ad4;
}

.NewsDate, .ProjectDate
{
    font-size: 10px;
    color: #008ad4;
}

.NewsListYears, .ProjectListYears
{
    border-bottom: 1px solid #bdd2da;
}

.NewsListYearsSel, .ProjectListYearsSel
{
    border-bottom: 1px dashed #bdd2da;
}

.NewsListforSearch 
{
    display: none;
}

.VacancyTabs 
{
    margin-bottom: 15px;
}

A.VacancyListUnselected:link, A.VacancyListUnselected:visited
{
    display:block;
    width: 141px;
    height: 15px;
    cursor: hand;
    text-decoration: none;
    text-align: center;
    border-bottom: solid 1px #bdd2da;
    font-size: 10px;
    font-weight: bold;
    padding-left: 2px;
    
}

A.VacancyListSelected:link, A.VacancyListSelected:visited
{
    display:block;
    width: 141px;
    height: 15px;
    cursor: hand;
    text-decoration: none;
    text-align: center;
    border-left:  solid 1px #bdd2da;
    border-right:  solid 1px #bdd2da;
    border-top:  solid 1px #bdd2da;
    font-size: 10px;
    font-weight: bold;
    padding-left: 2px;
}

.MainMenu_MenuContainer {
	background-image: url('images/menu_bg.gif');
	background-repeat: repeat-y;
	background-position: top left;
	height: 32px;
}

.MainMenu_MenuItem 
{
	color: White; 
	border: 0; 
	background:transparent;
	padding-right:8px;
}

.MainMenu_MenuItem td, .MainMenu_MenuItemSel td
{
	font-size:12px;
}

.MainMenu_MenuItemSel 
{
	border: 0; 
	background:transparent;
	padding-right:8px;
}

.MainMenu_SubMenu
{
	background: silver;
}

/* HouseMenu */
#heeremaMenu
{
	padding: 2px 0px 0px 0px;
}

#heeremaMenu ul 
{
	margin: 0;
	padding: 0px;
	font-size: 10px;
	list-style-type: none;
}

#heeremaMenu a 
{
	display: block;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 6px;
	padding-top: 6px;
	color: #12334d;
	text-decoration: none;
	font-weight: normal;
	width: 200px;
	margin: 0;
	border-bottom:  1px solid #bdd2da;
}

#heeremaMenu a#heeremaMenuCurrentLink 
{
	font-weight: bold;
}

#heeremaMenu a:hover 
{
}

#heeremaMenu li 
{
	display: inline;
	margin: 0;
	border: 0;
	padding: 0;
}
#heeremaMenu li ul li a 
{
	text-indent: 16px;
	background-image: url(images/sub_current.gif);
	background-repeat: no-repeat;
	background-position: 7px;
}
#heeremaMenu li ul li ul li a 
{
	text-indent: 32px;
	background-image: url(images/sub_current2.gif);
	background-repeat: no-repeat;
	background-position: 7px;
}
a#heeremaMenuParentLink 
{

	padding-left: 0px; 
	padding-bottom: 12px;
	padding-top: 0px;
	width: 200px;
	color: #12334d;
	background-color: White;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
#heeremaMenuParentItem a 
{ 
	color: #12334d;
	background-color: White;
	text-decoration: none;
}

/* Items */
#items #overviewContainer 
{
	margin: 0;
	padding: 0;
}


#items .ListViewHeaderShowAll 
{
	font-size: 10px;
	font-weight: bold;
	color: #008AD5;
	margin:0px 0px 0px 0px;

	padding-top: 4px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.ListViewHeaderShowAll 
{
	text-align: right;
}

#items .listviewcontainerheader
{
	/*width: 290px;*/
}

.ListViewContainer
{
	width: 290px;
}
#items .ListViewHeader, #items h2 
{
	font-size: 14px;
	font-weight: bold;
	color: #008AD5;
	margin: 0px 0px 0px 0px;
	/*float:left;*/
	
	padding-top: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 5px;
}

#items  .ListViewContainer 
{
}


.ListHeaderTable
{
	padding:0px;
	width:100%;	
}

#items ul, #overviewContainer ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#items ul li, #overviewContainer ul li {
	display: inline;
	list-style-type: none;
	clear: left;
	border: 0;
	margin: 0;
	padding: 0;
}

#items ul li a 
{
	display: block;
	font-size: 10px;
	padding: 5px 0px 10px 0px;
	color: #717070;
	text-decoration: none;
	font-weight: bold;
	line-height: 180%;
	border-right: 5px solid White;
	border-top: 1px solid #bdd2da;
	width: 285px;
}

#items ul li a img {
	float: left;
	display: block;
	margin:  5px 8px 0px 0px;
}
#items ul li a td.DayMonth {
	float: left;
	display: block;
	margin: 0;
	/*margin-bottom:100px;*/
	margin-top:2px;
	width: 73px;
	height: 50px;
	text-align: center;
}
#items ul li a span {
	color: #717070;
	line-height: 140%;
	font-weight: normal;
	/*width: 100%;*/
}
#items ul li a:hover {
	color: #0f274e;
	
	/*width: 289px;*/
	/*width: 279px;*/
}
#items ul li a:hover .latestContent {
}

#items ul li a:hover .latestDate {
	color: #717070;
}

#items ul li.heerema a:hover {
	color: #717070;
	background: White;
	cursor: hand;
}

#items ul li.marine a:hover {
	color: #0f274e;
	background: White;
	border-right: 5px solid #dc2e1e;
	cursor: hand;
}

#items ul li.fabrication a:hover {
	color: #0f274e;
	background: White;
	border-right: 5px solid #fcda08;
	cursor: hand;
}

#items ul li.dockwise a:hover {
	color: #0f274e;
	background: White;
	border-right: 5px solid #1995d8;
	width: 100%;
	cursor: hand;
}

#items ul li.intec a:hover {
	color: #0f274e;
	background: White;
	border-right: 5px solid #009342;
	cursor: hand;
}

#items ul li.grp a:hover {
	color: #0f274e;
	background: White;
	border-right: 5px solid #fcda08;
	cursor: hand;
}

#items ul li.hfge a:hover {
	color: #0f274e;
	background: White;
	border-right: 5px solid #fcda08;
	cursor: hand;
}

/* Latest */
ul#itemlist .latest 
{
	font-size: 10px;
	color: #0f2751;
	font-weight: normal;
}

ul#itemlist .latestDate {
	color: #008ad4;
	font-weight: bold;
}

#items a .latestTitle 
{
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}

#items a .latestContent
{
	line-height: 160%;
	font-size: 9px;
}

#items a.latestLink 
{
	font-size: 9px;
}

#items a.latestLink .newsPicture
{
	height: 83px;
	width: 83px;
	border: solid 1px #D6D6D6;
}

#items a.latestLink .projectPicture
{
	height: 70px;
	width: 70px;
	border: solid 1px #D6D6D6;
}

#items a.latestShowAll:link, #items a.latestShowAll:visited {
	display: block;
	padding-top: 8px;
	padding-left: 4px; 
	font-weight: bold;
	font-size: 10px;
	height: 20px;
}
#items a.latestShowAll:hover, #items a.latestShowAll:active {
	color: #008ad4;
	text-decoration: none;
}
#items .latestError
{
	padding-left: 4px; 
	font-weight: bold;
	font-size: 12px;
}

#items a .latestLocation 
{
}

#items a .latestReadmore
{
	font-size: 10px;
	text-decoration: underline;
}
#items a .latestDay {
	overflow: hidden;
	padding:  0 0 0 0;
	margin: 0px 0 0 0 ;
	color: #008ad4; 
	font-weight: bold; 
	font-size: 30px;
	line-height: 30px;
}
#items a .latestMonth {
	padding: 0;
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	color: #008ad4;
}
#items a .latestEventDate, #items a .latestLocation
{
	color: #717070;
	line-height: 160%;
	font-size: 9px;	
}

/* latestVacancies :( */
#items a .vacancyTitle {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}
#items a .vacancyDate {
	color: #717070;
	font-size: 9px;
	line-height: 160%;
}
#items a .vacancyContent {
	line-height: 160%;
	font-size: 9px;
}
#items a .vacancyMore {
}
#items .vacancyLink 
{
	margin-bottom: -3px;
}

/* List */
.overviewContainer {
	width: 100%;
	margin-top: -1px;
}
.overviewContainer2 {
	width: 100%;
	margin-top: 4px;
	padding-left: 16px;
}
.overview 
{
	font-size:10px;
	border-bottom: 1px solid #bdd2da;
	margin-bottom: 15px;
}
.listTitle
{
	display: block;
	margin-bottom: 3px;
	width: 100%;
	font-weight: bold;
	font-size: 11px;
	color: #12334d;
	text-decoration:none !important;
}
.listDate {
	font-size: 10px;
	color: #008ad4;
	font-weight: normal;
}
.listPortal {
	color: #008ad4;
	font-weight:bold;
	font-size: 10px;
}
.listLocation {
	font-size: 10px;
	color: #008ad4;
}
.listContent, .listContent td{
	display: block;
	margin: 3px 0 3px 0;
	font-size: 10px;
	color: #12334d;
	font-weight: normal;
}

A.listLink {
	width: 100%;
	font-weight: bold;
	font-size: 10px;
	color: #008ad4;
}
A.listLink:visited {color: #008ad4;}
A.listLink:hover {}

TD.listTDLink
{
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #bdd2da;
}
TD.listTDTitle
{
padding-bottom: 10px;
}

TD.listTDLinkVacancy
{
padding-top: 0px;
padding-bottom: 20px;
/*border-bottom: 1px solid #bdd2da;*/
}
TD.listTDTitleVacancy
{
padding-bottom: 0px;
}

.maincontent TABLE TABLE
{
	/*height: auto !important;*/
}

.maincontent TABLE TABLE TD
{
	vertical-align: top;
}

.maincontent TABLE TABLE TD DIV, .maincontent TABLE TABLE TD P
{
	margin:0px!important;
	padding:0px!important;
}

.projectPicture
{
	width:70px;
	height:70px;
	margin-top:5px;
}

.projectPictureCell
{
	width:80px;
}


.newsPicture
{
	width:83px;
	height:83px;
	margin-top:5px;
}

.newsPictureCell
{
	width:95px;
}


@media print {
	.skinheader
	{
		display : none;
	}	
	.mainmenuPane 
	{
		display: none;
	}
	.imagePane
	{
		display: none;
	}
	.logoPane
	{
		text-align: left;
		padding: 0px;
		margin: 0px;
		width: 80px;
	}
	.titlePane
	{
		padding-left: 0px;
		padding-right: 350px;

	}
	.menucontent
	{
		display: none;
	}
	#heeremaMenu
	{
		display: none;
	}
	.maincontent
	{
		padding-top: 16px;
		padding-right: 0px;
		padding-left: 102px;
		margin: 0px;
		/*width: 430px;*/
	}
	.latestcontent 
	{
		visibility : hidden;
	}
	.hometop
	{
		display: none;
	}
	.homemiddle
	{
		display: none;
	}
	.rightpane
	{
		display: none;
	}
}
