/*--- Messages shown in pages ---*/
/*------ Error Messages------*/
.Error { color: red; font-weight: bold; }
.Error ul { list-style-image: none; list-style-type: square; }
.ErrorAsterisk { color: red; font-weight: normal; }
.ErrorSummary { color: red; }
.ErrorSummary ul { list-style-image: none; list-style-type: square; }
.ErrorMessage { border: 1px dashed black; padding: 2px; background-color: #EE0000; color: Yellow; font-weight: bold; font-size: 8pt; font-family: Tahoma; text-align: center; }
/*------ Succes Messages ------*/
.Success { color: green; font-weight: bold; }
.Neutral { color: #024D6E; font-weight: bold; }
.SmallText { font-size: smaller; }
.LargeText { font-size: larger; }

html body .RadInputMgr { border-width: 1px; border-style: solid; padding: 2px 1px 3px; }
.TextBox {border-width:1px; border-style:solid; border-bottom-color:#b8b8b8; border-top-color:#8e8e8e;border-right-color:#b8b8b8; border-left-color:#8e8e8e;background: #fff;color: #000;}
.TextBox:Hover{border-color: #515151;}
.Optional {}
.ReadOnly, .ReadOnly:Hover {border-top-color:#BFBFBF;border-bottom-color:#EAEAEA; border-right-color:#EAEAEA; border-left-color:#BFBFBF;}
.Required  {border-top-color:#727272;border-bottom-color:#9E9E9E; border-right-color:#9E9E9E; border-left-color:#727272;}
.Required.ReadOnly,.Required.ReadOnly:Hover {border-top-color:#8e8e8e;border-bottom-color:#9E9E9E; border-right-color:#9E9E9E; border-left-color:#727272;}

.DropDownList{ border-width:1px; border-style:solid; border-bottom-color:#b8b8b8; border-top-color:#8e8e8e;border-right-color:#b8b8b8; border-left-color:#8e8e8e;background: #fff;color: #000;}

.FakeLink /*idem a*/ { color: #002B4C; text-decoration: underline; font-weight: bold; cursor: hand; cursor: pointer; }
.FakeLink:hover /*idem a*/ { color: #024D6E; text-decoration: underline; }

.Label { text-align: right; display: inline-block; width: 200px; margin-right: 10px; text-transform: none; }

.Caption { color: #002B4C; font-style: italic; }
.TextAfterControl { /* dient om txt gealinieerd naast control te plaatsen. */ vertical-align: middle; }

/* SearchModule */
.SearchModule { }
.SearchModule .SearchBox { color: black; font-size: 0.92em; /*11px (parent=12px)*/ background-color: #ffffff; border: solid 1px black; width: 175px; height: 12px; vertical-align: top; }
.SearchModule .SearchLabel { color: #aaaaaa; font-size: 1em; /*12px (parent=12px)*/ }

.Button { color: white; background-color: #19476D; border: solid 1px #9FC8D6; }
.RadioButton { }
.CheckBox { }
.FieldSet { border: solid #cccccc 1px; }
.FieldSetLegend { font-weight: bold; }

/** Grid Layout **/
.GridStrong { border: solid 1px #024D6E; }
.GridFilterRow { background-color: #024D6E; }
/* nowrap afgezet ! white-space:nowrap; */
.GridItemAlt { /*vertical-align:top;*/ background-color: #eeeeee; }
.GridItemAlt td { font-size: 80%; }
.GridItemNormal { /*vertical-align:top;*/ background-color: white; }
.GridItemNormal td { font-size: 80%; }
.GridItemEdit { vertical-align: top; background-color: #024D6E; }
.GridHeader td { background-color: #eeeeee; /*color: white;*/ font-weight: bold; }
.GridHeaderStrong td { background-color: #9FC8D6; color: white; font-weight: bold; }
.GridFooter td { color: black; /*background-color: #eeeeee;*/ font-style: italic; font-size: 80%; }
.Pager td { /*background-color: #19476D;*/ color: black; font-size: 80%; }

/** HTML Overrides **/

html { overflow-y: scroll; overflow-x: auto; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; /* 16px */ color: #012351; background-color: #CCCCCC; margin: 0px; padding: 0px;  }
pre { font-family: Arial; color: #002B4C; font-size: 12px; line-height: 1.166; display: inline; }
a { color: #002B4C; text-decoration: underline; font-weight: bold; }
a:hover { color: #024D6E; text-decoration: underline; }

h1 { color: #000000; font-size: 1.2em; font-weight: bold; border-bottom: solid 1px gray; }


h2 { color: #000000; font-size: 1.1em; font-weight: bold; }
h3 { color: #000000; font-size: 1em; font-weight: bold; }
h4 { color: #87a6d2; font-size: 10pt; }

img { border-style: none; /* img - remove the blue border around img links */ }
INPUT, OPTION, SELECT, TEXTAREA { /*font-size: 1em; /*10px (parent = PageContainer)*/ }


/** Page layout **/

.PageContainer { width: 1200px; margin: 0px auto; border: solid 1px black; background-color: White; font-size: 0.7em; /* 11px (parent= body)*/ }
.PageContainer .PageHeader { height: 79px; border: 0px; background-image: url(../images/layout-flaris-header2.png); background-repeat: repeat-x; }
.PageContainer .PageBody .PageColumn { padding-top: 5px; position: relative; float: left; }
.PageContainer .PageBody .MainCol { overflow: hidden; }
.PageContainer .PageFooter { clear: both; background-color: #ECEEF6; }

/** Module layout **/

.ContainerBase .Content { overflow: visible; }
.Container { background-color: Transparent; border: 0px; }
.ContainerBorder { background-color: #f0f3fa; border: solid 1px #b6c2e5; margin-bottom: 5px; }

.ContainerBorderTitled { background-color: #f0f3fa; border: solid 1px #b6c2e5; margin-bottom: 5px; }
.ContainerBorderTitled .Content { margin: 5px; }
.ContainerBorderTitled .Title { margin-left: 0px; margin-top: 0px; background-color: #b6c2e5; }
.ContainerBorderTitled .Title span { font-weight: 900; font-size: 12px; height: 20px; margin-left: 5px; margin-top: 5px; display: inline-block; line-height: 14px; }

.MetaData { font-style: italic; font-size: 90%; }

.MessageBoard /*Wordt gebruikt om commantaar, opmerkingen, ... op te pagina te plaatsen */ { top: 2px; background-color: #EAEFFF; border-style: dashed; border-width: 1px; border-color: gray; vertical-align: top; padding: 5px; margin-top: 5px; }

.Comment /*Wordt gebruikt om commantaar, opmerkingen, ... op te pagina te plaatsen */ { background-color: #EAEFFF; padding: 5px; border-style: dashed; border-width: 1px; border-color: gray; margin: 5px 5px 5px 5px; }
/*Cursor pointer instelen op radMenuItems met actie */
.rmRootGroup .rmItem .ActionRadMenuItem.rmLink {cursor:pointer;}
.rmRootGroup .rmItem .ActionRadMenuItem .rmText {cursor:pointer;}