/* ============================================================================================================ */
/* NOTE: Some classes will be used in the RAD Editor as Customer specific styles.                               */
/*       -> See /RadControls/Editor/ToolsFile.xml under section <classes> to specify the list of                */
/*          Customer specific classes which will be shown in the 'Apply CSS Classes' combobox of the RAD editor */
/*          Look for following remark which indicates these styles                                              */
/* Customizable -> see note at begin of CSS file */
/* ============================================================================================================ */

/* Default style for the content part of the pages */
Body
{
    width: 100%;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    font-weight: normal;
    font-size: small;
    color: #333333;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    vertical-align: top;
    text-align: left;
    background-position: left top;
    background-image: url(DesktopDefaultBorder/Afbeeldingen/Border_TopOuterTop.png);
    background-repeat: repeat;
}
img
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
tr, td
{
    font-weight: normal;
    font-size: small;
}
/* ... */
.Error
{
    font-weight: bold;
    color: red;
}
.HeadBg
{
}
/* 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 BluePrint, not just desktopdefault.aspx */
/* This is used throughout all standard - user based pages */
.bp_DefaultLayoutDiv
{
    width: 100%;
    text-align: center;
}
/* bp_DefaultLayoutTable width: 990px -> fits on 1024px screen */
.bp_DefaultLayoutTable
{
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: left;
    border-right: 0px solid;
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
}
/* 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 BluePrint, 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 */
.bp_AlternateLayoutDiv
{
    text-align: left;
}
.bp_AlternateLayoutTable
{
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-spacing: 0;
    text-align: left;
}
/*  DESKTOP PORTAL BANNER SETTINGS */
bp_DefaultPortalHeader
{
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

bp_AlternatePortalHeader
{
}
/*  DESKTOP PORTAL Footer SETTINGS */
.bp_DefaultPortalFooter
{
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
.bp_AlternatePortalFooter
{
    font-size: x-small;
}
/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle
{
    padding-right: 10px;
    padding-left: 10px;
    font-weight: bold;
    font-size: medium;
    padding-bottom: 10px;
    color: #b177eb;
    padding-top: 30px;
}
/* background/border colors for the selected tab */
.TabBg
{
    color: olive;
}
/* background/border colors for the unselected tabs */
.OtherTabsBg
{
    color: #000000;
}
/* text style for the selected tab */
.SelectedTab
{
    color: #000000;
}
/* text style for the unselected tabs */
.OtherTabs
{
    font-weight: bold;
    color: #993300;
    background-color: #D9EAF1;
}
/* hyperlink styles of the unselected tabs */
A.OtherTabs:link
{
    color: #000000;
}
A.OtherTabs:visited
{
    color: #000000;
}
A.OtherTabs:active
{
    color: #ffffff;
}
A.OtherTabs:hover
{
    color: #990000;
}
/* text style for the site links (at extreme top-right of header) */
.SiteLink
{
    font-size: xx-small;
    color: #ffffff;
    text-decoration: none;
}
.SiteLink A:link
{
    color: #ffffff;
    text-decoration: none;
}
.SiteLink A:visited
{
    color: #ffffff;
    text-decoration: none;
}
.SiteLink A:active
{
}
.SiteLink A:hover
{
    text-decoration: underline;
}
/* style for separator between site links */
.Accent
{
    font-weight: bold;
    color: #ffffff;
}
/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message
{
}
.bp_PageKeyPhrase
{
}
/* style of item titles by Announcements and events */
.ItemTitle
{
    font-size: small;
    font-weight: bold;
    color: #99cc33;  
}
/* style of item dates by Announcements and events */
.ItemDate
{
    font-size: x-small;
    font-weight: normal;
    color: #333333;  
}
/* style of CreatedBy and CreatedDate used by Announcements and events */
.CreatedBy
{
}
.CreatedDate
{
}
/* GENERAL */
/* style for module titles */
.Head
{
    font-weight: bold;
    font-size: medium;
    color: #000000;
}
/* style of item titles on edit and admin pages */
.SubHead
{
    font-size: small;
    font-weight: bold;
    color: #000000;
    vertical-align: top;
    text-align: left;
    white-space:nowrap
}
.TitleHead
{
    font-size: small;
    font-weight: bold;
    color: #000000;
    white-space:nowrap
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
    font-size: small;
    font-weight: bold;
    color: #000000;
}
/* Customizable -> see note at begin of CSS file */
/* text style used for most text rendered by modules */
.Normal 
{
    font-size: small;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-size: small;
}
.NormalRed
{
    font-weight: bold;
    color: red;
}
.NormalBold
{
    font-weight: bold;
}
.NormalItalic
{
    font-style: italic;
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
    border-right: #868789 1px solid;
    border-left: #e5f2cc 1px solid;
    border-bottom: #ffffff 0px solid;
    border-top: #ffffff 0px solid;
    font-weight: normal;
    font-size: small;
    text-align: center;
    background-position: left center;
    background-image: url(CommandButtonBackground.gif);
    background-repeat: repeat-x;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    margin: 5px 5px 5px 0px;
    line-height:25px;
    height: 25px;
}

Input.CommandButton
{
    line-height: 1em;
}
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
    color: #1F2837;
    text-decoration: none;
}
A.CommandButton:visited
{
    color: #1F2837;
}
A.CommandButton:active
{
    color: #1F2837;
}
A.CommandButton:hover
{
    color: #000000;
    background-position: left center;
    background-image: url(CommandButtonBackground_Hover.gif);
    background-repeat: repeat-x;
}
/* Customizable -> see note at begin of CSS file */
.H1
{
    font-size: xx-large;
    color: #333333;
    font-family: 'Times New Roman' , Tahoma, Verdana, Helvetica, sans-serif;
    font-variant: small-caps;
}
/* Customizable -> see note at begin of CSS file */
.H2
{
    font-weight: bolder;
    font-size: large;
    color: #99cc33;
}
/* Customizable -> see note at begin of CSS file */
.H3
{
    font-weight: bolder;
    font-size: x-small;
    color: #9b9b9b;
}
/* Customizable -> see note at begin of CSS file */
.H4
{
    font-weight: normal;
    font-size: x-small;
    font-style: italic;
    text-decoration: underline;
}
/* Customizable -> see note at begin of CSS file */
.H5
{
    font-weight: normal;
    font-size: xx-small;
}
DT
{
    font-weight: bold;
    color: #000000;
}
H6
{
    font-weight: bold;
    font-size: x-small;
    color: #000000;
}
TFOOT
{
}
THEAD
{
}
TH
{
    font-weight: bold;
    vertical-align: baseline;
}
/* Styles for hyperlinks */
A:link
{
    color: #000080;
    text-decoration: underline;
}
A:active
{
    color: #000080;
}
A:hover
{
    color: #000080;
    
}
A:visited
{
    color: #800080;
}
/* ... */
SMALL
{
    font-size: xx-small;
}
BIG
{
    font-size: small;
}
BLOCKQUOTE
{
    font-family: 'Lucida Console' , monospace;
}
PRE
{
    font-family: 'Lucida Console', monospace;
}
UL LI
{
    list-style-image: url(LI.gif);
    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: #0066ff;
    height: 1pt;
    text-align: left;
}
/* Articles */
/* style for Articles titles */
.ArticleHead
{
    font-weight: bold;
    font-size: small;
    color: #0066ff;
}
.module
{
    font-size: small;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #ffffff;
    background-image: url(afbeeldingen/MiddlePane_Background.png);
}
A.SiteLink
{
    color: #004375;
}
/* Styles for the DesktopThreePanes.ascx: left, content and right panes */
.HorizontalSeparator
{
    background-image: url(HorizontalSeparator.png);
    background-repeat: repeat-x;
    background-color: transparent;
    height: 1px;
    background-position: left center;
}
.VerticalSeparator
{
    background-image: url(VerticalSeparator.png);
    background-repeat: repeat-y;
    background-color: transparent;
    width: 1px;
    background-position: center top;
}
.LeftPane
{
    background: url(afbeeldingen/LeftPaneBackground.png) #ffffff no-repeat left bottom;
}
.RightPane
{
    background-color: #EDF4FF;
}
.ContentPane
{
    background-color: #edf4ff;
}
/* ... */
A.SelectedTab
{
    font-weight: bold;
}
A.OtherTabs
{
    color: green;
}
A.SelectedTab:hover
{
    color: #990000;
}
.menu
{
    color: #800080;
    background-color: #4169e1;
}
.LastModified
{
    font-size: x-small;
    color: #808080;
    line-height: 30px;
    vertical-align: bottom;
}
/* Class for aligning the help icon of module settings */
.bp_helpicon
{
    vertical-align: top;
    text-align: left;
}
/* ================================
   HtmlEditor
   ================================ */
/* Not in use 
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
{
    color: #00008b;
}
.MessageAuthor
{
    color: #a9a9a9;
}
.MessageBody
{
    color: #000000;
}
/* ================================
   Survey Module
   ================================ */
.SurveyQuestion
{
    color: #8b0000;
}
.SurveyPanel
{
    color: #000000;
    background-color: #C0C0C0;
}
.SurveyOption
{
    color: #000000;
}
.SurveyButton
{
    color: #8b0000;
    font-weight: bold;
}
/* =============================
   BreadCrumbs styles
   ============================= */
.bc_Row
{
}
.bc_Text
{
    font-size: xx-small;
}
.bc_Link, .bc_Link:link, .bc_Link:visited
{
    font-size: xx-small;
    color: #333333;
    cursor: pointer;
}
.bc_Link:hover
{
    text-decoration: underline;
    color: #333333;
    cursor: pointer;
}
/* =============================
   Calendar styles
   ============================= */
.EventCalendarItem
{
    font-size: inherit;
    font-family: Tahoma;
    font-weight: bold;
}
/* ================================= */
/* Styles for bp_Events calendar */
/* ================================= */
.bp_EventCalendar_SelectedDayStyle
{
    background-color: #333399;
    color: White;
}
.bp_EventCalendar_TodayDayStyle
{
    background-color: #CCCCCC;
}
.bp_EventCalendar_OtherMonthDayStyle
{
    color: #999999;
} 
.bp_EventCalendar_NextPrevStyle
{
    font-weight: bold;
    font-size: 8pt;
    color: #333333;
    vertical-align: bottom;
}
.bp_EventCalendar_DayHeaderStyle
{
    font-weight: bold;
    font-size: 8pt;
}
.bp_EventCalendar_TitleStyle
{
    background-color: White;
    border-color: Black;
    border-width: 4px;
    font-weight: bold;
    font-size: 12pt;
    color: #333399;
}
/* ================================= */
/* Styles for FAQ Module */
/* ================================= */
.faqs_itemstyle
{
}
.faqs_selecteditemstyle
{
    background-color: #ccff66;
}
/* =============================
   SolpartNavigation menu styles
   ============================= */
.spm_MenuContainer
{
}
.spm_MenuBar
{
}
.spm_MenuBar TD
{
}
.spm_MenuBreak
{
    border-top: #ffffff 1px;
}
.spm_MenuItem
{
}
.spm_MenuItem TD
{
    font-size: medium;
    color: #ffffff;
    padding-left: 0px;
    padding-right: 5px;
    background-color: #99cc33;
    cursor: pointer;
}
.spm_MenuIcon
{
    border-left: solid 0px #A8D3EC;
}
.spm_MenuItemSel
{
    
}
.spm_MenuItemSel TD
{
    font-size: medium;
    padding-left: 0px;
    padding-right: 5px;
    cursor: pointer;
    color: #333333;
}
.spm_SubMenu
{
    z-index: 200;
}
.spm_SubMenu TD
{
    font-size: x-small;
    background-color: #e5f2cc;
    color: #333333;
    
}
.spm_MenuArrow
{
    font-family: webdings;
    cursor: pointer;
}
.spm_RootMenuArrow
{
    font-family: webdings;
    cursor: pointer;
}
/* ================================ */

/* =================================
   SimpleMenu Module - static styles
   ================================= */
/*.sm_SimpleMenu
{
    font-size: x-small;
    color: #ffffff;
    background-color: #ffffff;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    width: 100%;
    border-bottom: #000000 1px solid;
}
.sm_SimpleMenu A:hover
{
    font-size: x-small;
    color: #ffffff;
    text-decoration: none;
}
.sm_SelectedTab
{
    font-size: x-small;
    color: #ffffff;
    font-weight: bold;
    background-color: #1e90ff;
}
.sm_OtherSubTabs
{
    font-size: x-small;
    color: #ffffff;
    background-color: #1e90ff;
}
.sm_OtherSubTabsAlt
{
    font-size: x-small;
    color: #ffffff;
    background-color: #1e90ff;
}
.sm_Header
{
    font-size: x-small;
    color: #000000;
    border-bottom: black 2px solid;
}
.sm_Header A:link, .sm_Header A:visited
{
    font-size: x-small;
    color: #000000;
}
.sm_Header A:hover
{
    font-size: x-small;
    color: #000000;
    font-weight: bold;
}
.sm_Footer
{
    font-size: x-small;
    color: #000000;
    border-top: black 2px solid;
}
*/
/* ================================ */

/* =================================
   SimpleMenu Module - dhtml styles
   ================================= */
/*
.sm_HWMenuItem
{
    color: #000000;
    font-size: x-small;
    font-family: Verdana, Helvetica, sans-serif;
    border: solid 1px #00008b;
    border-collapse: collapse;
}
.sm_HWMenuHiItem
{
    color: #ffffff;
    background-color: #000000;
    font-size: x-small;
    font-family: Verdana, Helvetica, sans-serif;
    border: solid 1px #ffd700;
}
.sm_HWMenuSubItem
{
    color: #000000;
    font-size: x-small;
    font-family: Verdana, Helvetica, sans-serif;
    border: solid 1px #00008b;
}
.sm_HWMenuHiSubItem
{
    color: #ffffff;
    background-color: #000000;
    font-size: x-small;
    font-family: Verdana, Helvetica, sans-serif;
    border: solid 1px #ffd700;
}
*/
/* ================================ */
/*.sm_SPMenuBar
{
    height: 27px;
}
.sm_SPMenuBar TD
{
    font-size: x-small;
    font-weight: bold;
}
.sm_SPSubMenu
{
    z-index: 200;
    border: solid 1px black;
}
.sm_SPSubMenu TD
{
    font-weight: bold;
}
.sm_SPMenuBreak
{
}
.sm_SPMenuItem
{
    padding-right: 5px;
    padding-left: 5px;
    font-size: x-small;
    cursor: pointer;
    height: 22px;
    background-color: #ffffff;
}
.sm_SPMenuItem TD
{
    font-size: x-small;
}
.sm_SPMenuIcon
{
    border-left: solid 1px #ffffff;
}
.sm_SPMenuItemSel
{
    font-size: x-small;
}
.sm_SPMenuItemSel TD
{
    font-size: x-small;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}
.sm_SPMenuArrow
{
    font-family: webdings;
    cursor: pointer;
}
.sm_SPRootMenuArrow
{
    font-family: webdings;
    cursor: pointer;
}
/* ================================ */
/* =================================
   LeftPaneMenu 
   ================================= */
.LeftPane_ItemClassName .LeftPane_HiClassName .LeftPane_SubClassName .LeftPane_HiSubClassName .sm_SPMenuContainer
{
    height: 27px;
    border-bottom: #ff0000 1px solid;
    border-top: #ff0000 1px solid;
}
/* ================================ */
/* =================================
   Styles for eID actionscreens 
   ================================= */
.bp_eIDsubform_TableLayout
{
    width: 100%;
    margin: 0px 0px 0px 0px;
    border-collapse: collapse;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-spacing: 0;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.bp_eIDsubform_Instruction_td 
{
    text-align: center;
    vertical-align: middle;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.bp_eIDsubform_Action_td
{
    text-align: center;
    vertical-align: middle;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-top: 0px;
}
.bp_eIDsubform_Status_td
{
    text-align: center;
    vertical-align: middle;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-top: 0px;
}
.bp_eIDsubform_Information_td
{
    text-align: left;
    vertical-align: middle;
    background-position: left top;
    background-image: url(eIDsubscreen_Information_td.png);
    background-repeat: repeat-x;
    padding-right: 0px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 10px;
}
.bp_eIDsubform_Action_Label
{
    font-weight: bold;
    font-size: larger;
}
/*   ================================= */
/*     Styles for event calendar       */
/*   ================================= */
.bp_EventCalendar_SelectedDayStyle
{
	background-color: #333399;
	color: #ffffff;
}

.bp_EventCalendar_TodayDayStyle
{
	background-color: #CCCCCC;
}

.bp_EventCalendar_OtherMonthDayStyle
{
	color: #999999;
} 

.bp_EventCalendar_NextPrevStyle
{
	font-weight:bold;
	color:#333333;
	vertical-align:bottom;
}

.bp_EventCalendar_DayHeaderStyle
{
	font-weight:bold;
}

.bp_EventCalendar_TitleStyle
{
	background-color: White;
	border-color: Black;
	border-width: 1px;
	font-weight: bold;
	color:#333399;
}
/*     Styles for ModuleTitle buttons  */
/*   ================================= */
.bp_ModuleTitle_Buttons
{
    cursor: pointer;
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
    vertical-align:middle;
}