/* ================================
    CSS STYLES FOR RAINBOW PORTAL
    FUGRO TEST
    v1.0, 01/2004
   ================================
*/

// light yellow : #FFFEE5
// mid yellow   : #FFFCC9
// #FFF7A3
//  #E9E3C9

/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg
{
    background-color: RED;
}

.Bodytext {
    font-family: verdana, tahoma;
    text-align: justify;
  	font-size: 11px;
  	color: #202020;
}

.Presstext {

  	font-family: verdana, tahoma;
  	font-size: 11px;
  	color: #304352;
	font-weight:bolder;
}
.Servicetext {
		font-size:11px;
		font-family:arial,tahoma;
		color:#404040;
		text-align:justify;
}

/* background color for the content part of the pages */
Body
{
    background-color: #ffffff;
    margin: 0px 0px 0px 0px;
    font-family: arial, verdana, tahoma;
}

p,td,li,textarea,input,div,span,blockquote,select {
    font-family: verdana, tahoma;
  	font-size: 11px;
  	color: #000000;
}

.TitleNoTheme {
    display : none;
    color : #ffffff;
    background-color: #ffffff;
}


/* The div and the table style allow you to offer cross browser support for table positioning and size which allows you to apply your theme to all pages within rainbow, not just desktopdefault.aspx */
/* This is used throughout all standard - user based pages */
.rb_DefaultLayoutDiv
{
    text-align:  left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.rb_DefaultLayoutTable
{
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
}

/* The div and the table style allow you to offer cross browser support for table positioning and size which allows you to apply your theme to all pages within rainbow, not just desktopdefault.aspx */
/* This is used throughout all non-standard - admin type based pages e.g edit pages, site admin pages. You can keep them the same size as the standard ones to maintain a consistent look or you may need more space for admin features. This gives you that flexibility */

.rb_AlternateLayoutDiv
{
    text-align:  left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.rb_AlternateLayoutTable
{
    width: 100%;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
}

/*  DESKTOP PORTAL BANNER SETTINGS */

rb_AlternatePortalHeader
{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-collapse: collapse;
}

rb_DefaultPortalHeader
{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-collapse: collapse;
}

/*  DESKTOP PORTAL Footer SETTINGS */

rb_AlternatePortalFooter
{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-collapse: collapse;
}

rb_DefaultPortalFooter
{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-collapse: collapse;
}

/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle
{
    font-weight: bold;
    font-size: 22px;
    color: #402C0C;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

/* background/border colors for the selected tab */
.TabBg
{
    color: #000000;
    font-family: Verdana, Tahoma, Helvetica, sans-serif
}

/* background/border colors for the unselected tabs */
.OtherTabsBg
{
    background-color: #999999;
    border-color: #000000;
    font-family: Verdana, Tahoma, Helvetica, sans-serif color: #000000;
}

/* text style for the selected tab */
.SelectedTab
{
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 9px;
    color: #ffffff;
    font-weight: bold;

}

/* text style for the unselected tabs */
.OtherTabs
{
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link
{
    text-decoration: none;
    color: #000000;
}

A.OtherTabs:visited
{
    text-decoration: none;
    color: #000000;
}
A.OtherTabs:hover
{
    text-decoration: none;
    color: #ffffff;
}
A.OtherTabs:active
{
    text-decoration: none;
    color: #000000;
}



/* text style for the site links (at extreme top-right of header) */
.SiteLink
{
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #404040;
}

/* hyperlink style for the site links */
.SiteLink A:link
{
    text-decoration: none;
    color: #404040;
}

.SiteLink A:visited
{
    text-decoration: none;
    color: #404040;
}
.SiteLink A:hover
{
    text-decoration: underline;
    color: #404040;
}
.SiteLink A:active
{
    text-decoration: none;
    color: #404040;
}



/* style for separator between site links */
.Accent
{
    color: #ffffff;
    font-weight: bold;
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee;
}

/* style of item titles by Announcements and events */
.ItemTitle
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #D1AC77;
}

/* style of item dates by Announcements and events */
.ItemDate
{
    font-weight: bold;
    font-size: 11px;
    color: #999999;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

/* GENERAL */
/* style for module titles */
.Head
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}

/* style of item titles on edit and admin pages */
.SubHead
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #3C3C3C;
    border-bottom:solid 1px #638AA5;
    border-top:solid 1px #638AA5;
    padding-left:12px;
    background:url(brown_square1.gif) no-repeat;
    background-position: center left

}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    color: #22546D;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red;
}

.NormalBold
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #22546D;
}

.NormalBold:link
{
	color:#000;
}
.NormalBold:visited
{
	color:#000;
}
.NormalBold:hover
{
	color:#000;
}
.NormalBold:active
{
	color:#000;
}

.NormalItalic
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #22546D;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    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: #D1AC77;
}

A.CommandButton:visited
{
    text-decoration: underline;
    color: #D1AC77;
}

A.CommandButton:active
{
    text-decoration: underline;
    color: #D1AC77;
}

A.CommandButton:hover
{
    text-decoration: underline;
    color: red;
}




/* GENERIC */
H1
{
    font-family: verdana, tahoma;
    font-weight:bolder;
    text-align: left;
  	font-size: 13px;
  	color: #0A479E;
}

H2
{
    font-family: verdana, tahoma;
    font-weight:bolder;
    text-align: left;
  	font-size: 11px;
  	color: #0A479E;
}

H3
{
    font-family: arial,verdana;
    font-weight: bold;
    text-align: left;
  	font-size: 12px;
  	color: #606060;
}

H4
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #D1AC77;
}

H5, DT
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #D1AC77;
}

H6
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #D1AC77;
}

TFOOT, THEAD
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #D1AC77;
}

TH
{
    vertical-align: baseline;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #D1AC77;
}

    a   {
        text-decoration: none;
        color: #22546D;
    }
	
	a:link
	{
		color: #22546D;
	}
    a:hover {
    	color: #22546D;
        text-decoration: underline;
    }



    a.nounderline,a.nounderline:visited,a.nounderline:hover {
        text-decoration: none;
    }

    a.inline    {
        color: #22546D;
        text-decoration: none;
    }

    a.inline:visited {
        color:  #22546D;
        text-decoration: none;
    }

    a.inline:hover {
        color:  #22546D;
        text-decoration: underline;
    }

SMALL
{
    font-size: 8px;
}

BIG
{
    font-size: 14px;
}

BLOCKQUOTE, PRE
{
    font-family: Lucida Console, monospace;
}


UL LI
{
	list-style-type:square;
	text-align: justify;
}

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;
}

HR
{
    color: #c0c0c0;
    height: 1pt;
    text-align: left;
}

/* Articles */
/* style for Articles titles */
.ArticleHead
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}

.module
{
    padding: 10;
}

.Error
{
    font-weight: bold;
    color: #FF0000;
}


/* ================================
   HtmlEditor
   ================================ */

DIV.edmenuback{
    background-color: #cccccc;
    border-bottom: 0px solid #929292;
    border-left: 1px solid #929292;
    border-right: 1px solid #929292;
    border-top: 1px solid #929292;
    width: 100%
}

TD.edmenuStyle{
    width: 75px;
    padding-top: 2px;
    padding-left: 2px;
    text-align: right;
}

TD.edmenuEditor{
}

TD.edmenuHTML{
    text-align: right;
    width: 35px;
}

/* ================================
   Discussion
   ================================ */
.MessageTitle
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color:darkblue;
}

.MessageAuthor
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: darkgray
}

.MessageBody
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

TR, TD
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size:  14;
    font-weight: normal;
}

/* ================================
   Survey Module
   ================================ */
.SurveyQuestion
{

    color: darkred;
}

.SurveyPanel
{
    color: silver;
    background-color: silver;
}

.SurveyOption
{
    color: #000000;
}

.SurveyButton
{
    color: darkred;
    font-weight: bold;
}

/* ================================
   Menus
   ================================ */

.Menu
{
    font-family: Tahoma, Verdana,sans-serif;
    font-size: 8px;
    font-weight: normal;
    cell-spacing:0;
   
}



/* Header */
.SelectedTabHeader
{
    padding:1px 4px 1px 4px;
    color: #0A246A;
    font-family:arial;
    font-size:11px;
    text-decoration: none;
    display:inline-block;
    background-color:#ffffff;
    font-weight:bold;
}

/* text style for the unselected tabs */
.OtherTabsHeader
{
    padding:0px 4px 0px 4px;
    color: #ffffff;
    font-family:arial;
    font-size:11px;
    text-decoration: none;
    font-weight:bold;
    display:inline-block;
   
}

.TabBgHeader
{
    color: #ffffff;
    font-family: Verdana, Tahoma, Helvetica, sans-serif
}

/* background/border colors for the unselected tabs */
.OtherTabsBgHeader
{
    background-color: #999999;
    border-color: #000000;
    font-family: Verdana, Tahoma, Helvetica, sans-serif color: #ffffff;
}

/* text style for the unselected tabs */
.OtherTabs
{
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

/* hyperlink styles of the unselected tabs */
A.OtherTabsHeader:link
{
    text-decoration: none;
    color: #ffffff;
}

A.OtherTabsHeader:visited
{
    text-decoration: none;
    color: #ffffff;
}

A.OtherTabsHeader:active
{
    text-decoration: none;
    color: #ffffff;

}

A.OtherTabsHeader:hover
{
        color: #ffffff;
        font-family:arial;
        font-size:11px;
        text-decoration: underline;
         font-weight:bold;
}


.NewsItemTitle
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #D1AC77;
}
/* TOPBAR*/
.topbar  {
        padding:2px 5px 2px 5px;
        color: #ffffff;
        font-family:arial;
        font-size:11px;
        text-decoration: none;
        line-height:150%;
        display:inline-block;
        height:10px;
    }
	
	A.topbar:link 
	{
		        padding:2px 5px 2px 5px;
        color: #ffffff;
        font-family:arial;
        font-size:11px;
        text-decoration: none;
        line-height:150%;
        display:inline-block;
        height:10px;

    }
	
	A.topbar:visited 
	{
		padding:2px 5px 2px 5px;
        color: #ffffff;
        font-family:arial;
        font-size:11px;
        text-decoration: none;
        line-height:150%;
        display:inline-block;
        height:10px;

    }

    A.topbar:hover {
        padding:2px 5px 2px 5px;
        color: #ffffff;
        font-family:arial;
        font-size:11px;
        display:inline-block;
        height:10px;
        text-decoration: underline;
    }

    A.topbar:active {
        padding:2px 5px 2px 5px;
        color: #0A246A;
        font-family:arial;
        font-size:11px;
        text-decoration: none;
        display:inline-block;
        height:10px;
        background-color:#ffffff;
    }
    .menuTable
    {
        border-bottom: 1px solid #18495A;
        border-top: 1px solid #18495A;
    }

/* ==================Fugro menu================== */

#menu  {
    margin: 0px;
}

#menuInvisible
{
	visibility:hidden;
	height:0px;
    
}

#menuInvisible table
{
	height:0px;
    width:0px;
}

#menu img {
    border: 0;
    vertical-align: absmiddle;
}

#menu table {
    width: 175px;
    border: 0;
    padding: 0;
    margin: 0;
    background-color: #fcfcfc;
    horizontal-align: left;
}

#menu td {

    display:block;
    padding: 0;
    spacing: 0;
}

#menu div.header
{
    padding: 3px; background-color: #6389A0; color: #ffffff; font-weight: bold; border-bottom: 1px solid #393939;
    font-size: 11px;
    border-bottom: 1px solid #606060;

}

#menu a
{
    font-size:11px;
    background-color:transparant;
    display: block;
    margin: 0;
    padding: 2px;
    border-bottom: 1px solid #6389A0;


    padding-left: 5px;line-height:150%;

    text-align:left;
    color:#22546D;
    text-decoration: none;
    font-weight:normal;


}

#menu a:hover {background-color: #D2DDE3;color:#393939;text-decoration: none;font-weight:normal;}

#menu a.selected
{
    border-bottom: 1px solid #6389A0;padding-left: 5px;line-height:150%;background-color: #D2DDE3;color:#393939;text-decoration: none;font-weight:normal;
}


/* Three panes */
.LeftPane
{
    padding-right: 0px;
    padding-left: 5px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 5px;
    border-right: dotted thin #eee;
    width:180px;
}

.RightPane
{
    padding-right: 5px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 5px;
    border-left: dotted thin #eee;
    width:180px;

}
.ContentPane
{
    border-right: none;
    padding-right: 5px;
    border-top: none;
    padding-left: 5px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: none;
    padding-top: 5px;
    border-bottom: none;
    width:100%;
}

/* ================================
   toegevoegd door Erol 16 nov 2006
   ================================ */

.tabellinksonder {
	border-right: #000000 1px solid;
	border-top: #000000 0px solid;
	border-left: #000000 0px solid;
	border-bottom: #000000 1px solid
}

.tabelonder {
	border-right: #000000 0px solid;
	border-top: #000000 0px solid;
	border-left: #000000 0px solid;
	border-bottom: #000000 1px solid
}

.tabelright {
	border-right: #000000 1px solid;
	border-top: #000000 0px solid;
	border-left: #000000 0px solid;
	border-bottom: #000000 0px solid
}


.bluebg {
	background-color : #336C97;
}

.whitebg {
	background-color : #ffffff;
}


.services {
    font-family: arial,verdana;
    font-weight: bold;
    text-align: left;
  	font-size: 12px;
  	color: #606060;
	}

.servicetext {
		font-size:11px;
		font-family:arial,tahoma;
		color:#404040;
		text-align:justify;
	}

a.newslight,a.newslight:visited	{
		color: #336C97;
		text-decoration: none;
		font-family: verdana;
		font-size: 10px;
	}

a.newslight:hover {
		color: #0085EC;
		text-decoration: underline;
		font-family: verdana;
		font-size: 10px;
	}
	
.newsheader, .downloadheader	{
	font-family			: verdana, arial, sans-serif;
	font-size			: 12px;
	text-align			: left;
	color				: #8f7756;
	font-weight			: bold;
}


.tdheader 	{
	font-family			: verdana, arial, sans-serif;
	font-size			: 11px;
	text-align			: center;
	color				: #000000;
	font-weight			: bold;
	background-color	: #b5c3ce;
}

.tdheaderleft 	{
	font-family			: verdana, arial, sans-serif;
	font-size			: 11px;
	text-align			: left;
	color				: #000000;
	background-color	: #b5c3ce;
}	


.button {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 11px; BORDER-LEFT: 1px solid; COLOR: #ffffff; BORDER-BOTTOM: 1px solid; border-color:#A86300; FONT-FAMILY: verdana; BACKGROUND-COLOR: #6389a0; width:100px ;FONT-WEIGHT:BOLD;
}