/* 3 kleuren donker naar licht
a)  #69A2A5
b)  #32619C
c)  #FFCD37
*/

.PortalImage {
	margin: 10px;
	padding: 10px;
}
.Error
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #FF0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.HeadBg
{
    BACKGROUND-COLOR: #69A2A5}
Body
{
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	width: 100%;
	text-align: center;
}
.FooterBg
{
    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: center; 
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;    
scrollbar-base-color: #93B5BE;
scrollbar-arrow-color: #FFFFFF;
scrollbar-face-color: #93B5BE;
}

.rb_DefaultLayoutTable
{
	width: 800px;
	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: center; 
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;    
scrollbar-base-color: #93B5BE;
scrollbar-arrow-color: #FFFFFF;
scrollbar-face-color: #93B5BE;   
}

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

.SiteTitle
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 24px;
    PADDING-BOTTOM: 10px;
    COLOR: #FFFFFF;
    PADDING-TOP: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    TEXT-DECORATION: none;
    text-transform: uppercase;
}
/* Tab menu layout */
.SelectedTabBg
{
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #50566A;
	text-align: center;
	 
		}
.SelectedTab
{
    FONT-SIZE: 11px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #69A2A5;
}

.OtherTabsBg
{
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #808285;
	vertical-align: middle;
	text-align: center;
}

.OtherTabs{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #FFCD37;
}

A:link {    COLOR:#000000;    TEXT-DECORATION: underline}
A:visited{    COLOR: #000000;    TEXT-DECORATION: underline}
A:hover{    COLOR: #69A2A5;    TEXT-DECORATION: underline}
A:active{    COLOR: #69A2A5;    TEXT-DECORATION: none}

.OtherTabsBg A{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	height: 23px;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-right: 7px;
	padding-left: 7px;
	vertical-align: middle;
}
.OtherTabsBg A:link{
	COLOR: #DCDDDF;
	TEXT-DECORATION: none;
}
.OtherTabsBg A:visited{    COLOR: #DCDDDF;    TEXT-DECORATION: none;}
.OtherTabsBg A:hover{	COLOR: #FFFFFF;	TEXT-DECORATION: none;}
.OtherTabsBg A:active{    COLOR: #FFFFFF;    TEXT-DECORATION: none;}

.SelectedTabBg A{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	height: 23px;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-right: 7px;
	padding-left: 7px;
	}
.SelectedTabBg A:link{    COLOR: #FFFFFF;    TEXT-DECORATION: none;}
.SelectedTabBg A:visited{    COLOR: #FFFFFF;    TEXT-DECORATION: none;}
.SelectedTabBg A:hover {    COLOR: #FFFFFF;    TEXT-DECORATION: none;}
.SelectedTabBg A:active{    COLOR: #FFFFFF;    TEXT-DECORATION: none;}


.RightPane A{
	COLOR: navy;
	TEXT-DECORATION: none;
}
.RightPane A:link{
	COLOR: #69A2A5;
	text-decoration: none;
}
.RightPane A:visited{
	COLOR: #69A2A5;
	text-decoration: none;
}
.RightPane A:hover{    COLOR: #69A2A5;  TEXT-DECORATION: underline}
.RightPane A:active{    COLOR: #69A2A5}


.FooterBg A:link{    COLOR: #69A2A5}
.FooterBg A:visited{    COLOR: #69A2A5}
.FooterBg A:hover{    COLOR: #FFFFFF;    TEXT-DECORATION: underline}
.FooterBg A:active{    COLOR: #69A2A5}

.ContentPane A{    COLOR: navy;    TEXT-DECORATION: underline}
.ContentPane A:link{    COLOR: #69A2A5}
.ContentPane A:visited{    COLOR: #69A2A5}
.ContentPane A:hover{    COLOR: #69A2A5;  TEXT-DECORATION: underline}
.ContentPane A:active{    COLOR: #69A2A5}

.SiteLink
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	white-space: nowrap;
}
.SiteLinkSeperator{
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	padding: 0 2;
}
A.SiteLink:link {    COLOR: #FFFFFF;    TEXT-DECORATION: none}
A.SiteLink:visited{    COLOR: #FFFFFF;    TEXT-DECORATION: none}
A.SiteLink:hover{    COLOR: #FFCD37;    TEXT-DECORATION: none}
A.SiteLink:active{    COLOR: #FFCD37;    TEXT-DECORATION: none}

A.CommandButton:link {    COLOR: #ffffff;    TEXT-DECORATION: none;}
A.CommandButton:visited{    COLOR: #ffffff;    TEXT-DECORATION: none;}
A.CommandButton:hover{    COLOR: #ffffff;    TEXT-DECORATION: underline}
A.CommandButton:active{    COLOR: #ffffff;    TEXT-DECORATION: none;}

A.NormalTextBox:link {    COLOR: #ffffff;    TEXT-DECORATION: none;}
A.NormalTextBox:visited{    COLOR: #ffffff;    TEXT-DECORATION: none;}
A.NormalTextBox:hover{    COLOR: #ffffff;    TEXT-DECORATION: none}
A.NormalTextBox:active{    COLOR: #ffffff;    TEXT-DECORATION: none;}


.LeftPane{
	background-image:  url("left.gif");
	background-repeat: no-repeat;
}
#LeftPaneTemplateContainer{
	width: 135px;
	display: block;
}
.ContentPane{
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;

}
#ContentPaneTemplateContainer{}
.RightPane{ }
#RightPaneTemplateContainer{
	width: 30px;
}
.RightPane .Normal
{
	text-align: left;
}

/* .RightPane TD{    COLOR: black; FONT-SIZE: 10px;} */

.Accent
{
    FONT-WEIGHT: bold;
    COLOR: #69A2A5
}
.Message
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #69A2A5;
	 Color:#FFFFFF;
}
.ItemTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #69A2A5;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.ItemTitle {
	font-size: 11px;
	font-weight: normal;
}
A.ItemTitle:link {
	text-decoration: none;
}
A.ItemTitle:visited {text-decoration: none;}
A.ItemTitle:hover {text-decoration: underline;}
A.ItemTitle:active {text-decoration: underline;}

.ItemDate
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.Head
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.SubHead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.TitleHead
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px;
	border-bottom-style: none;
	padding-bottom: 20px;
}
.SubSubHead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.Normal
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #333333;
    LINE-HEIGHT: 18px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;}
.NormalTextBox
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		border-right: 1px solid black;
	border-top: #69A2A5 1px solid;
		background: #FFFFFF;
		margin: 1px;
	padding-left: 4px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-top: 2px;
	overflow: visible;
	border-left: #69A2A5 1px solid;
	color: black;
	border-bottom: black 1px solid;
	text-align: left;
	width: 145px;
	line-height: 12px; 
}
/* Error tekst in bv SignIn */
.NormalRed
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.NormalBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.NormalItalic
{
    FONT-SIZE: 11px;
    FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	border-right: 1px solid black;
	border-top: #69A2A5 1px solid;
	font-weight: normal;
	font-size: 10px;
	margin-top: 2px;
	overflow: visible;
	border-left: #69A2A5 1px solid;
	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 1px;
	border-bottom: black 1px solid;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	width: 145px;
	line-height: 12px;
	background-color: #69A2A5;
	
}

Input.CommandButton 
{
	line-height: 13px;
}

H1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 20px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
H2
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 20px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
H3
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
H4
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
H5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
DT
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
H6
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TFOOT
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
THEAD
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TH
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: baseline;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
SMALL
{
    FONT-SIZE: 8px
}
BIG
{
    FONT-SIZE: 14px
}
BLOCKQUOTE
{
    FONT-FAMILY: Lucida Console, monospace
}
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
}
HR
{
    COLOR: #000000;
    HEIGHT: 1pt;
    TEXT-ALIGN: left
}
.ArticleHead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #0066ff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.module
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
	 BACKGROUND-COLOR: #000000
}

.Menu
{
    COLOR: navy;
    BACKGROUND-COLOR: blue
}



/* ================================
   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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color:darkblue;
}
   
.MessageAuthor
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: darkgray
}

.MessageBody
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: black
}

/* ================================
   EnhancedHtml
   ================================ */
EnhancedHtmlTitlePage
{
	text-decoration: none;
}
.EnhancedHtmlActiveLink
{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.EnhancedHtmlActiveLink A:link
{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.EnhancedHtmlIndexMenu{
	padding-left: 35px;
}
.EnhancedHtmlLink
{
    font-size: 11px;
}
span.EnhancedHtmlLink
{
	font-weight: normal;
	color: #CC0000;
}
.EnhancedHTMLSeparator{
}
/* ================================
   Survey Module
   ================================ */
.SurveyQuestion
{

	color: darkred;
}

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

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

/* =============================
   BreadCrumbs styles
   ============================= */
.BreadCrumbs		{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
	margin: 0;
	padding: 0;
}
.BreadCrumbsText	{
FONT-SIZE:11px;
}
.BreadCrumbsLink, .BreadCrumbsLink:link, .BreadCrumbsLink:visited {
FONT-SIZE:10px;
font-weight:normal;
text-decoration:none;
color:black
}
.BreadCrumbsLink:hover	{text-decoration:underline;}


/* ===================================================================================
   These styles are primarily intended for use with the asp:datagrid tag.
   NOTE: PortalSearch and GoogleSearch only uses _Header, _Item and _AlternatingItem.
   =================================================================================== */
.Grid_Header
{
	color: #FFFFFF;
	background-color: #697898;
}
.Grid_Footer 
{
}
.Grid_Item
{
}
.Grid_AlternatingItem
{
	background-color: #F0F0F0;
}
.Grid_SelectedItem
{
}
.Grid_Pager
{
}



/*** Module **/

.modulePadding 
{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
} 

.RightPane .ModuleWrap{
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 0px;
}
.Leftpane .modulePadding 
{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
} 

.ContentPane DIV
{
	padding-top: 0px;
}
/*
.UserDefinedTable_ascx .Normal{
	font-size: 12px;
	line-height: normal;
	vertical-align: top;
	text-align: left;
}*/
.HeaderMenu{
	text-align: right;
	vertical-align: middle;
	background-color: #808285;
}
.HeaderMenuSep{
	vertical-align: top;
	color: #FFFFFF;
}
.Disclaimer{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	line-height: 23px;
}

/* XtraBar */

.XBContainer{
	width: 88px;
	text-align: right;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	height: 50px;
	line-height: 14px;
	display: block;
	margin-top: 0px;
	margin-left: 22px;
}
.XBHeader{
	visibility: hidden;
}
.XBFooter{visibility: hidden;}
.XBGroup{
	width: 88px;
}
.XBGroupTextOpen {
	text-transform: uppercase;
	font-weight:600;
}
.XBGroupTextClosed {
	text-transform: uppercase;
}

.XBItemText{
	text-transform: lowercase;
	font-size: 1.05em;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	width: 77px;
	line-height: 14px;
	letter-spacing: -0.1em;
	padding-right: 3px;
	}
.XBItem .XBActive{
	font-weight: bold;
}
.XBBetweenGroups{
	height: 15px;
	width: 81px;
}
.XBGroupText A:link{
	COLOR: #FFFFFF;
	text-decoration: none;
}
.XBGroupText A:visited{    COLOR: #FFFFFF;
	text-decoration: none;}
.XBGroupText A:hover{    COLOR: #FFCD37;    TEXT-DECORATION: none}
.XBGroupText A:active{    COLOR: #FFCD37;
	text-decoration: none;}

.XBGroupTextOpen A:link{
	COLOR: #FFFFFF;
	text-decoration: none;
}
.XBGroupTextOpen A:visited{    COLOR: #FFFFFF;	text-decoration: none;}
.XBGroupTextOpen A:hover{    COLOR: #FFCD37;    TEXT-DECORATION: none}
.XBGroupTextOpen A:active{
	COLOR: #FFCD37;
	text-decoration: none;
}

.XBItem A:link{	COLOR: #FFFFFF;	text-decoration: none;}
.XBItem A:visited{    COLOR: #FFFFFF;	text-decoration: none;}
.XBItem A:hover{    COLOR: #FFCD37;    TEXT-DECORATION: none}
.XBItem A:active{    COLOR: #FFCD37;	text-decoration: none;}


	
.ModuleWrap{
	padding-left:0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.Leftpane .ModuleWrap 
{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
} 

.XtraBarMenu_ascx{
	margin-left: 0px;
}
.LeftPane .Normal
{
}

.NoPane{
  text-align: center;
}

.BreadCrumbs_ascx{
	height: 30px;
}
.BreadCrumbs_ascx .ModulePadding{
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}