/*<license>
Copyright (c) 2010, 2011, triptic bv
All Rights Reserved.

This source is subject to the qdo LICENSE AGREEMENT.
Please see the 'License.txt' file for more information.
All other rights reserved.

THIS CODE AND INFORMATION ARE PROVIDED "AS IS" WITHOUT WARRANTY OF ANY
KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND/OR FITNESS FOR A
PARTICULAR PURPOSE.
</license>*/
/* VIEWS */

/*buttons*/
button                                     { margin: 0; padding: 0; width: auto; overflow: visible; font-size: 15px; line-height: normal; }
button::-moz-focus-inner                   { border: 0; padding: 0; }

input.button,
button                                     { cursor: pointer; font-family: Arial, Helvetica, sans-serif; position: relative; border: none; display: inline-block; background: #98194e; color: #ffffff; font-weight: bold; line-height: normal; min-height: 24px; padding: 3px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
                                             behavior: url('htc/PIE.htc'); }
button:hover                               { background: #4d4d37; }

button.smallgrey                           { cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 12px; position: relative; border: none; display: inline-block; background: #666666; color: #ffffff; font-weight: bold; line-height: 18px; height: 20px; padding: 1px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
                                             behavior: url('htc/PIE.htc'); }
button.smallgrey:hover                     { background: #4d4d37; }

button.smallred                           { cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 12px; position: relative; border: none; display: inline-block; background: #98194e; color: #ffffff; font-weight: bold; line-height: 18px; height: 20px; padding: 1px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
                                             behavior: url('htc/PIE.htc'); }
button.smallred:hover                     { background: #4d4d37; }

a.button                                   { position: relative; display: inline-block; background: #98194e; color: #ffffff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: normal; text-decoration: none; padding: 3px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
                                             behavior: url('htc/PIE.htc'); }
a.button:hover                             { background: #4d4d37; }

a.bluebutton                               { position: relative; display: inline-block; background: #98194e; color: #ffffff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: normal; text-decoration: none; padding: 3px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
a.smallgrey                                { cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px; position:relative; border:none; display:inline-block; background:#efeeed; color: #292929; font-weight:bold; line-height:18px; height:20px; padding:3px 15px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.15); -moz-box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.15); box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.15);
                                             behavior: url('htc/PIE.htc'); }
a.smallgrey:hover                          { background:#dddddd; }
a.smallgrey:focus                          { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

a.bluebutton:hover                         { background: #4d4d37; }

a.bigbutton                                { position: relative; background: #98194e; color: #ffffff; font-weight: bold; font-family: 'CandelaBold', Arial, Helvetica, sans-serif; font-size: 16px; line-height: normal; text-decoration: none; padding: 3px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
                                             behavior: url('htc/PIE.htc'); }
a.bigbutton:hover                          { background: #074C64; }

div.content input.button,
div.content button.button,
div.content a.button,
div.content a.bluebutton                   { padding: 3px 15px; margin: 0 10px 0 0; }

div.contentflow a.button                   { background: #98194e; }
div.contentflow a.button:hover             { background: #4d4d37; }

div.contentflow input.button,
div.contentflow button.button              { background: #074C64; }
div.contentflow input.button:hover,
div.contentflow button.button:hover        { background: #4d4d37; }

/* META CSS*/
.metadata                                  { color: #676767; }
.date                                      { font-size: 0.8em; }
.time                                      { font-size: 0.8em; }
.author                                    { font-size: 0.8em; }
.source                                    { font-size: 0.8em; }
.tag                                       { font-size: 0.8em; }
.category                                  { font-size: 0.8em; }
.rss                                       { color: #C46533; font-size: 0.9em; font-weight: bold; }
.styler                                    { }
.rssicon                                   { float: right; margin-top: 8px;}
.rssicon a                                 { color: #C46533; font-size: 0.9em; font-weight: bold; }
.mediadownload-icon                        { margin-right: 5px; }

a[href^="http"]                            {  }
a[href^="mailto"]                          {  }

a.gogo                                     { font-weight: normal; text-decoration: none; line-height: 1.5em; padding: 0 10px 0 0; background: url(../images/sprite_icons.png) 100% 8px no-repeat; }
a.gogo:hover                               { text-decoration: underline; }
a.close                                    {  }
a.open                                     {  }
a.top                                      {  }
a.bottom                                   {  }
a.first                                    {  }
a.last                                     {  }
a.next                                     {  }
a.prev                                     {  }
a.overview                                 { display: block; padding: 0 0 10px 10px; margin: 10px 0 0 0; background: url(../images/sprite_icons.png) 0 6px no-repeat; clear: both; }

.right                                     { float: right }

.feedback                                  { display: block; padding: 10px; margin-bottom: 10px; border: 1px solid #074C64; color: #074C64; font-weight: bold; text-align: center; background: #EFEEED; }
form.formview .feedback                    { margin-bottom: 20px; }
.alert                                     { display: block; padding: 10px; border: 1px solid #990000; color: #990000; font-weight: bold; text-align: center; }
form.formview .alert                       { margin-bottom: 20px; }
.required                                  { color: #98194E; font-weight: bold; }
p.required                                 { color: #666666; }
.info                                      { padding: 0 10px; color: #21428d; background: #eeeeee; }

div.webedit                                { float: right; position: relative; margin-top: -15px; }
div.webedit a                              { display: block; font-size: 0.9em; font-weight: bold; }
div.webedit a:hover                        { color: #990000; }

div.textintro                              { margin: 0 0 10px 0; }
div.textfoot                               { margin: 10px 0; }

/*em tooltip*/
span.em-info                               { white-space: nowrap; }
span.em-info sup                           { position: relative; top: -0.6em; padding: 0 2px 0 3px; vertical-align: baseline; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #6a0a2f; cursor: help; }
h1 span.em-info sup                        { font-size: 14px; top: -0.8em; color: #074C64; }
h2 span.em-info sup,
h3 span.em-info sup,
h4 span.em-info sup,
h5 span.em-info sup                        { font-size: 50%; }
li.selected>a>span.em-info sup,
button span.em-info sup                    { color: #ffffff; }
div.em-tooltip                             { position: absolute; z-index: 999; background: #ededcc; border: 1px solid #cfd065; width: 150px; padding: 10px; font-size: 12px; line-height: 15px; color: #000000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url('htc/PIE.htc'); }

/*tell a friend*/
div.preview                                { margin: 0 0 30px; }

/* listview */
ul.listview                                { list-style: none; margin: 20px 0; padding: 0; border-top: 1px solid #eeeeee; }
ul.listview li                             { border-bottom: 1px solid #eeeeee; padding: 2px 0; }
ul.listview li ul                          { }
ul.listview li ul li                       { border: none; }

/* extendedlistview  */
dl.dlistview                               { margin: 0; padding: 10px 0; }
dl.dlistview dt                            { font-weight: bold; margin: 0; padding: 0; }
dl.dlistview dd                            { margin: 0; padding: 0; }

/* item overview  */
div.item                                   {  }
div.aside div.item                         { padding: 0; }
div.itemleft                               { background: #efeeed; text-align: center; }
div.itemright                              { }

/* Listview */
/* note: agenda, news, whoiswho gebruikt inline styles voor dynamische afstand en hoogte afbeelding */
div.listview                                        { margin: 10px 0 0 0; }
div.listview div.item                               { position: relative;  }
div.listview div.item ~ div.item                    { margin-top: 20px; padding-top: 20px; }
div.listview div.item h4                            { padding: 0; }
div.listview div.item h4 a                          { text-decoration: none; }
div.listview div.item div.summary                   { color: #000000; }
div.listview div.item div.summary .metadata         { padding-bottom: 0; }
div.listview div.item div.useroptions               { margin: 10px 0 0 0; }
div.listview div.item div.thumb                     { position: absolute; width: 50px; }
div.listview div.item div.thumb img                 { display: block; margin: 0 auto; max-width: 100%; height: auto; }
div.listview div.item div.thumb+div.summary         { margin: -2px 0 0 70px; min-height: 80px; }

div.listview div.metadata~div.summary,
div.listview div.metadata~div.thumb                 { margin-top: 10px; } /*metadata before other elements*/
div.listview div.item>div.metadata:first-child,
div.listview div.summary>div.metadata:first-child   { padding: 0; } /*metadata in elements*/

/* footer items */
div.footertop div.listview div.item div.thumb               { width: 80px; height: 80px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div.footertop div.listview div.item div.thumb+div.summary   { margin: -2px 0 0 100px; min-height: 80px; }


/* tableview */
table.standardtable                            { }
table.standardtable th                         { background: #eeeeee; }
table.standardtable td                         { border-bottom: 1px solid #9e9e9e; border-right: 1px solid #9e9e9e; }
table.standardtable td:first-child             { border-left: 1px solid #9e9e9e; }
table.standardtable thead th                   { background: #9e9e9e; color: #ffffff; }
table.standardtable tfoot td                   { font-style: italic; text-align: right; color: #9e9e9e; }
table.standardtable tr:hover                   { background: #eeeeee; }
table.standardtable tr:first-child td          { border-top: 1px solid #9e9e9e; }
table.standardtable tr:hover th                { background: #9e9e9e; }
table.standardtable tfoot tr:hover td          { background: #ffffff; }

/* pagemenu */
div.pagemenu ul                            { height: 20px; background: #9e9e9e; border-bottom: 1px solid #9e9e9e; margin: 0; padding: 0; list-style: none; }
div.pagemenu ul li                         { float: left; line-height: 21px; }
div.pagemenu ul li a                       { float: left; display: block; font-weight: bold; padding: 0 10px; border-right: 1px solid #ffffff; color: #ffffff; text-decoration: none; }
div.pagemenu ul li a:hover                 { background: #21428d; }
div.pagemenu ul li.selected a              { background: #ffffff; color: #21428d; }
div.pagemenu ul li.selected a:hover        { background: #ffffff; }
div.pagemenu ul li a:visited               { color: #ffffff; }

/* tread menu */
div.treadmenu                              { margin: 0; border: 1px solid #eeeeee; padding: 5px; }
div.treadmenu ul                           { list-style: none; margin: 0; padding: 0; }
div.treadmenu ul li                        { float: left; padding: 0; color: #9e9e9e; display: block; font-weight: bold; font-style: italic; }
div.treadmenu ul li a                      { float: left; display: block; padding: 1px 0 1px 0; margin: 0 5px 0 0; text-decoration: none; font-weight: normal; word-wrap: break-word; }
div.treadmenu ul li a:hover                { text-decoration: underline; }
div.treadmenu ul li.last                   { clear: right; }

/* toc */
ul.toc                                     { border: 1px solid #D9D8D7; margin: 10px 0 0 0; padding: 10px; list-style: none; }
ul.toc li                                  { background: url(../images/sprite_icons.png) -595px 7px no-repeat; padding: 2px 0 2px 10px; }
ul.toc li a                                { text-decoration: underline; }
a.totop                                    { top: -20px; position: relative; }

h2 a.toctop                                { position: relative; display: block; float: right; outline: none; background: url(../images/icons/toctop.gif) no-repeat 100% 4px; width: 20px; height: 20px; }
h2 a.toctop span                           { background: green; position: absolute; left: -1000em; }

/* image caption */
.imagecaption                              { display: block; max-width: 100%; font-style: italic; color: #676767; word-wrap: break-word; font-size: 0.8em; }

/* document download */
span.document a                            { display: block; border: 1px solid #eeeeee; padding: 5px; text-decoration: none; }
span.document a img                        { margin-right: 10px; }
span.document a:hover                      { border: 1px solid #9e9e9e; }

/* download */
div.downloaditem                           { border: 1px solid #eeeeee; padding: 10px; }
div.downloaditem:hover                     { border: 1px solid #9e9e9e; }
div.downloaditem div.itemleft              { float: left; width: 40px; padding-top: 8px; }
div.downloaditem div.itemright             { float: right; width: 360px; }

div.aside div.downloaditem div.itemright   { width: 130px; }

/*default slider horizontal*/
div.sliderwrap                                                                 { position: relative; width: 219px; background: url(../images/sprite_tool.png) 0 -164px no-repeat; font-size: 12px; color: #074c64; }
div.sliderwrap div.slider                                                      { position: relative; z-index: 1; width: 213px; height: 15px; background: url(../images/sprite_tool.png) -15px 0 no-repeat; color: #074c64; text-align: left; cursor: pointer; }
div.sliderwrap div.slider span.ui-slider-handle                                   { position: absolute; z-index: 2; top: -2px; margin: 0 -7px; width: 15px; height: 15px; background: url(../images/sprite_tool.png) 0 0 no-repeat; cursor: pointer; outline: none; text-decoration: none;  }
div.sliderwrap div.slider span.ui-slider-handle:hover,
div.sliderwrap div.slider span.ui-state-focus                                     { background: url(../images/sprite_tool.png) 0 -80px no-repeat; text-decoration: none;  }

div.sliderwrap div.slider span.ui-slider-handle>span                              { display: none; position: absolute; z-index: 999; bottom: calc(100% + 10px); width: 73px; min-height: 19px; padding: 3px; margin: -28px 0 0 -32px; font-size: 10px; background: #ffffff; border: 1px solid #c8ca4f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div.sliderwrap div.slider span.ui-slider-handle>span:after                        { position: absolute; content: ''; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -4px; border-style: solid; border-width: 6px 4px 0 4px; border-color: #ffffff transparent transparent transparent; }
div.sliderwrap div.slider span.ui-slider-handle>span:before                       { position: absolute; content: ''; bottom: -7px; left: 50%; width: 0; height: 0; margin-left: -4px; border-style: solid; border-width: 6px 4px 0 4px; border-color: #c8ca4f transparent transparent transparent; }
div.sliderwrap div.slider span.ui-slider-handle:hover>span.tooltip,
div.sliderwrap div.slider span.ui-state-focus>span.tooltip                        { display: block; }

/*default slider vertical*/
div.sliderwrap-vertical                                                        { position: relative; width: 219px; background: url(../images/sprite_tool.png) 0 -1035px no-repeat; font-size: 12px; color: #074c64; }
div.sliderwrap-vertical div.slider                                             { position: relative; z-index: 1; width: 11px; height: 219px; background: url(../images/sprite_tool.png) -180px 100% no-repeat; color: #074c64; text-align: left; cursor: pointer; }
div.sliderwrap-vertical div.slider a.ui-slider-handle                          { position: absolute; z-index: 2; left: -2px; margin: -7px 0; width: 15px; height: 15px; background: url(../images/sprite_tool.png) 0 -860px no-repeat; cursor: pointer; outline: none; text-decoration: none; }
div.sliderwrap-vertical div.slider a.ui-slider-handle:hover,
div.sliderwrap-vertical div.slider a.ui-state-focus                            { background: url(../images/sprite_tool.png) 0 -940px no-repeat; text-decoration: none;  }

div.sliderwrap-vertical div.slider a.ui-slider-handle>span                     { display: none; position: absolute; z-index: 999; width: 73px; height: 19px; padding: 3px; margin: -28px 0 0 -32px; font-size: 11px; background: url(../images/sprite_tool.png) 0 -731px no-repeat; }
div.sliderwrap-vertical div.slider a.ui-slider-handle:hover>span.tooltip,
div.sliderwrap-vertical div.slider-vertical a.ui-state-focus>span.tooltip      { display: block; }


/* standard formview */
form.formview                                   { margin: 15px 0; padding: 0 0 15px; background: #f2f1f0; float: left; width: 100%; }
form.formview input.required                    { border: 1px solid #99eeee; color: #99eeee; }

.required                                       { position: relative; }
.required em                                    { position: absolute; left: -1000em; }

form.formview legend                            { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #21428d; }
form.formview label                             { padding: 0 6px 0 0; min-height: 18px; }
form.formview div.colone label                  { color: #074C64; font-weight: bold; }
form.formview div.colone strong label           { color: #6a0a2f; }

form.formview div.formrow                       { padding: 10px 15px; }

form.formview div.colone                        { padding: 0 5% 0 0; color: #074C64; font-weight: bold; }

/* Question in title markup */
form.formview div.colone span.title-question                    { text-align: right; }
form.formview div.colone span.title-question label              { font-weight: normal; color: #292929; }
form.formview div.colone span.title-question div.errormessage   { padding-top: 3px; }

form.formview div.colone small                  { font-weight: normal; color: #292929; line-height: 1.2em; }
form.formview div.colone strong                 { color: #6a0a2f; font-weight: bold; }
form.formview div.coltwo                        { padding: 0; }

form.formview div.buttonrow                     { text-align: left; }
form.formview div.statictext                    { padding: 10px 15px; }
form.formview div.formrow iframe                { margin: 10px 15px; }

form.formview input.text                        { border: 1px solid #9e9e9e; padding: 4px; margin-right: 6px; /*width: 244px;*/ }
form.formview input.smalltext                   { width: 122px; *width: 110px; /*ie padding and width*/ }
form.formview input.file                        { border: 1px solid #9e9e9e; }
form.formview input.password                    { border: 1px solid #9e9e9e; margin-right: 10px; }
form.formview input.radio,
form.formview input.checkbox                    { cursor: pointer; }
form.formview input.radio:disabled,
form.formview input.checkbox:disabled           { cursor: default; }

form.formview div.medicationformrow             { padding: 3px 0 0; }
form.formview div.medicationcolone              { float: left; width: 50%; padding: 0 2% 0 0; color: #074C64; }
form.formview div.medicationcoltwo              { float: left; width: 40%; padding: 0; }
form.formview div.medicationcoldouble           { color: #074C64; padding: 6px 0 0 0; }

form.formview div.horizontal-twocol             { margin: 0;  }
form.formview div.horizontal-twocol div.col     { float: left; width: 50%; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form.formview div.adress                        { width: 274px; }
form.formview div.adress label                  { font-weight: bold; color: #074C64; }
form.formview div.adress div.col                { width: 60%; }
form.formview div.adress div.col + div.col      { width: 40%; }
form.formview div.adress input                  { width: 100% !important; margin-right: 0; }

/*checkbox radio*/
form.formview div.coltwo input.checkbox         { float: left; height: 20px; vertical-align: middle; }
form.formview div.coltwo input.checkbox+label   { float: left; display: inline-block; max-width: 519px; }

form.formview div.coltwo input.radio            { float: left; height: 20px; vertical-align: middle; }
form.formview div.coltwo input.radio+label      { float: left; display: inline-block; max-width: 519px; }

/*checkbox radio plus*/
form.formview div.coltwo div.checkbox                  { margin: 0 0 2px 24px; display: inline-block; width: 530px; }
form.formview div.coltwo div.checkbox input.checkbox   { float: left; height: 28px; margin: 0 0 0 -24px; }
form.formview div.coltwo div.checkbox>label            { float: left; }
form.formview div.coltwo div.checkbox label            { min-height: 20px; line-height: 18px; padding: 5px 0 0 0; display: inline-block; }
form.formview div.coltwo div.checkbox label+input.text { margin-left: 5px; }

form.formview div.coltwo div.radioplus                     { margin: 0 0 2px 24px; display: inline-block; width: 530px; }
form.formview div.coltwo div.radioplus input.radio         { float: left; height: 28px; margin: 0 0 0 -24px; }
form.formview div.coltwo div.radioplus label               { float: none; min-height: 20px; line-height: 28px; *line-height: 18px; padding: 5px 0 0 0; display: inline; }
form.formview div.coltwo div.radioplus label+input.text    { margin-left: 5px; }

form.formview input.button                      { padding: 1px 4px; border: 1px solid #9e9e9e; background: #21428d; color: #ffffff; font-weight: bold; }
form.formview input.text:focus                  { border: 1px solid #074C64; }
form.formview select                            { padding: 3px; border: 1px solid #9e9e9e; }
form.formview textarea                          { border: 1px solid #9e9e9e; padding: 4px; font-family: inherit; font-size: 1em; width: 100%; max-width: 332px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
form.formview textarea:focus                    { border: 1px solid #074C64; }

/*timefield*/
table.timefield                                 { width: 250px; margin: 3px 0; }
table.timefield tr td                           { border: none; padding: 0 10px 0 0; }
table.timefield tr td select                    { width: auto; }
form.formview div.inaccurate                    { float: left; }
form.formview div.inaccurate input.checkbox     { float: left; height: 20px; margin: 5px 4px 0 0; }
form.formview div.inaccurate label              { padding: 0; line-height: normal }

form.formview div.coltwo button,
form.formview div.coltwo a.button               { margin-right: 10px; }

form.formview .error                            { color: #990000; }
form.formview div.error input,
form.formview input.error                       { border: 1px solid #990000; }
form.formview div.error input.radio,
form.formview div.error input.checkbox,
form.formview input.error.radio,
form.formview input.error.checkbox              { border: none; }
form.formview div.error textarea,
form.formview textarea.error                    { border: 1px solid #990000; }
form.formview select.error                      { border: 1px solid #990000; }
form.formview div.errormessage                  { font-weight: normal; color: #990000; }

form.formview,
form.formview input.text,
form.formview input.password,
form.formview select,
form.formview textarea                          { position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url('htc/PIE.htc'); }

form.formview div.coltwo div.fortimefield       { float: left; margin: 3px 7px 3px 0; }

form.formview div.coltwo div.date-range         { display: inline-block; }

/* Form multi checkboxes, radio's & .horizontal */
/* ========================================================================= */
div.multioptions                    { }
div.multioptions input              { float: left; clear: left; margin-top: 4px; }
div.multioptions label              { float: left; font-weight: normal; cursor: pointer; }
div.multioptions label ~ input      { margin-top: 9px; }
div.multioptions label ~ label      { margin-top: 5px; }

/* Height checkbox and radio reset for multioptions */
form.formview div.coltwo div.multioptions input[type="checkbox"],
form.formview div.coltwo div.multioptions input[type="radio"]    { height: auto; }

/* Form multioptions horizontal */
/* ========================================================================= */
div.multioptions.horizontal    {}
div.multioptions.horizontal input           { float: none; clear: none; }
div.multioptions.horizontal label           { float: none; }
div.multioptions.horizontal label ~ input,
div.multioptions.horizontal label ~ label                  { margin-top: 0; }
div.multioptions.horizontal label + input[type="checkbox"],
div.multioptions.horizontal label + input[type="radio"]    { margin-left: 10px; }

div.coltwo div.multioptions,
div.coltwo a.multioptions-toggle   { margin-top: 10px; }
div.coltwo a.multioptions-toggle   { display: inline-block; }

/* Form question inline options */
/* ========================================================================= */
div.question-inline div.multioptions        { display: inline-block; }
div.question-inline div.multioptions label  { color: #6a0a2f; }

div.question-inline div.multioptions.horizontal label + input[type="radio"]    { position: relative; }
div.question-inline div.multioptions.horizontal label + input[type="radio"]:before    { position: absolute; top: 0; left: -10px; bottom: -1px; border-left: 1px solid #9e9e9e; content: ""; }

/* Form example preview */
/* ========================================================================= */
form.formview-example div.colone,
form.formview-example div.colone small,
form.formview-example div.colone strong,
form.formview-example div.colone label,
form.formview-example div.colone strong label               { color: #676767; }

/*checkbox radio*/
form.formview-example div.coltwo input.checkbox,
form.formview-example div.coltwo input.radio,
form.formview-example div.coltwo label                      { cursor: default; }

/* ======================================================================== */
/* Range Slider */
/* ======================================================================== */
div.input-rangeslider  { margin-top: 20px; max-width: 500px; }
div.input-rangeslider span.input-rangeslider-label-begin { display: inline-block; float: left; font-size: 12px; }
div.input-rangeslider span.input-rangeslider-label-end   { display: inline-block; float: right; font-size: 12px; }
div.input-rangeslider div.rangeslider.rangeslider--horizontal   { float: left; clear: left; margin-top: 8px; }
div.input-rangeslider div.rangeslider .rangeslider__fill        { background-color: transparent; }

div.input-rangeslider .rangeslider                 { background: #dddddd; }
div.input-rangeslider .rangeslider__handle          { width: 40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
div.input-rangeslider .rangeslider__handle:after    { width: 40px; height: 40px; border: none; right: 0; left: 0; background-image: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
div.input-rangeslider input[type="range"]:focus + .rangeslider .rangeslider__handle { -moz-box-shadow: 0 0 8px rgba(200, 202, 79, 0.9); -webkit-box-shadow: 0 0 8px rgba(200, 202, 79, 0.9); box-shadow: 0 0 8px rgba(200, 202, 79, 0.9); }
div.input-rangeslider div.output                    { display: block; margin-top: 15px; text-align: center; font-weight: bold; font-size: 18px; }


/*---------------- tekenradar flow ---------------------------------*/

form.formview div.colview div.colviewfirst      { float: left; margin: 3px 5px 3px 0; min-width: 155px; }
form.formview div.colview div.colviewsecond     { float: left; margin: 3px 5px 3px 0; }


/*general styles flow*/
div.copyright                                               { text-align: right; font-size: 11px; color: #868686; }
div.contentflow span.bluefont                               { color: #074C64; }

/*contentflow*/
div.contentflow div.personname                              { font-weight: bold; color: #074C64; padding: 0 0 10px; margin: 0 0 20px; border-bottom: 1px solid #d9dadb; }
div.contentflow div.personname div.anothername              { color: #98194e; font-weight: normal; }

div.contentflow form.formview div.formrow                   { width: 550px; padding-bottom: 40px; }
div.contentflow form.formview div.nopadding                 { padding-bottom: 0; }
div.contentflow form.formview div.emptyrow                  { height: 40px; }
div.contentflow form.formview div.colone                    { float: none; width: auto; padding: 0; }
div.contentflow form.formview div.coltwo                    { float: none; width: auto; }
div.contentflow form.formview input.text                    { *padding: 4px 10px; *width: 232px; /*ie padding and width*/ }
div.contentflow div.radio                                   {}

/*chooser person / anotherperson*/
div.contentflow div.chooseperson                            { display: inline-block; width: 100%; padding: 3px 0; }
div.contentflow div.anotherperson                           { border-top: 1px solid #cccccc; margin: 10px 0 0; padding: 10px 0 0 0; }
div.contentflow div.anotherperson>div.person                { margin: 5px 0 0 20px; }
div.contentflow div.anotherperson div.personrow             { padding: 2px 0; display: inline-block; }
div.contentflow div.anotherperson div.colone                { float: left; width: 104px; margin: 0 10px 0 0; color: #292929; font-weight: normal; }
div.contentflow div.anotherperson div.colone label          { color: #292929; font-weight: normal; }
div.contentflow div.anotherperson div.coltwo                { float: left; width: 412px }

/*openstreetmap*/
div.fieldmap                                                { margin: 8px 0 0; }
div.openstreetmap                                           { position: relative; background: #E9E9BF; border: 1px solid #CFD065; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url('htc/PIE.htc'); }
div.openstreetmap div.searchmap                             { padding: 10px; }
div.openstreetmap div.searchmap div.item                    { float: left; height: 26px; line-height: 26px; }
div.openstreetmap div.searchmap div.item>span               { display: inline-block; float: left; padding: 0 10px 0 0; }
div.openstreetmap div.searchmap div.item>input.location     { width: 215px; }
div.openstreetmap div.searchmap div.item>input.country      { width: 120px; }

/*indentificationview*/
div.indentificationview                                     { padding: 0 0 30px; margin: 0 0 30px; display: inline-block; width: 100%; border-bottom: 1px solid #d9dadb; }
div.indentificationview div.registrationcol                 { width: 250px; float: left; padding: 0 20px 0 0;  border-right: 1px solid #cccccc; }
div.indentificationview div.registrationcol div.item        { margin: 0 0 20px; }
div.indentificationview div.logincol                        { width: 285px; float: left; padding: 0 0 0 20px; }
div.indentificationview div.logincol form.formview          { margin: 5px 0 0; padding: 0 0 15px; border: 1px solid #cccccc; }
div.indentificationview form.formview div.formrow           { padding-bottom: 20px; }
div.indentificationview a.button                            { background: #074C64; }
div.indentificationview a.button:hover                      { background: #4d4d37; }

/*em - addtekenbeet*/
div.choosetekenbeet                                         { border-bottom: 1px solid #d9dadb; padding: 3px 0; }
div.choosetekenbeet label                                   { width: 430px }
div.choosetekenbeet span.showinfo                           { display: block; width: 71px; float: right; background: transparent url(../images/sprite_icons.png) -509px -128px no-repeat; border: 1px solid #F2F1F0; border-bottom: none; color: #134C64; height: 26px; padding: 2px 20px 0 5px; margin: -2px 0 0 0; cursor: pointer; text-align: right; }
div.choosetekenbeet span.active                             { background: #f7f7f7 url(../images/sprite_icons.png) -509px -259px no-repeat; border: 1px solid #D9DADB; border-bottom: none; }
div.choosetekenbeet div.infobox                             { display: block; margin: 0 0 15px; padding: 8px 5px 8px 22px; color: #333333; background: #f7f7f7; border: 1px solid #D9DADB; border-top: none; }
div.addtekenbeet                                            { border-bottom: 1px solid #d9dadb; padding: 3px 0 5px; display: inline-block; width: 548px; }

/*questiontable*/
table.questiontable                                         { padding: 0; margin: 10px 0 0; }
table.questiontable tr th,
table.questiontable tr td                                   { vertical-align: top; border: none; }
table.questiontable tr th                                   { font-weight: bold; background: #074C64; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: none; color: #FFFFFF; font-size: 11px; line-height: normal; text-align: center; padding: 3px 5px; }
table.questiontable tr th:first-child                       { text-align: left; width: auto; padding: 0; background: none; border-left: none; }
table.questiontable tr td                                   { border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: none; text-align: center; padding: 5px; }
table.questiontable tr td:first-child                       { text-align: left; width: auto; border-left: 1px solid #cccccc; padding-left: 6px; }

table.questiontable tr td:not(:first-child)                     { white-space: nowrap; } /*White-space only for non (first) question column*/
table.questiontable tr td:not(:first-child) input[type="radio"] { margin: 0; }

/*multitable*/
table.multitable select                                     { width: auto; }
table.multitable tr th:first-child                          { text-align: center; padding: 3px 5px; background: #074C64; border-left: #cccccc; }


/*questiontable*/
table.numberedtable                                         { padding: 0; margin: 10px 0 0; }
table.numberedtable thead tr th,
table.numberedtable tbody tr td,
table.numberedtable tfoot tr td                             { vertical-align: top; border: none; }
table.numberedtable thead tr th                             { font-weight: bold; background: #074C64; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: none; color: #FFFFFF; font-size: 11px; line-height: normal; text-align: center; padding: 3px 5px; }
form.formview table.numberedtable thead tr th label         { padding: 0 10px; cursor: pointer; }
table.numberedtable tbody tr td                             { border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: none; }
table.numberedtable tbody tr td                             { text-align: center; padding: 5px; }
form.formview table.numberedtable tbody tr td input.radio   { float: none; }
table.numberedtable tfoot tr td                             { border-bottom: 1px solid #F2F1F0; border-right: 1px solid #F2F1F0; border-top: none; font-size: 13px; color: #333333; padding: 3px 0; }
table.numberedtable tfoot tr td:first-child                 { border-left: 1px solid #F2F1F0; }
table.numberedtable thead tr th:first-child,
table.numberedtable tbody tr td:first-child                 { border-left: 1px solid #cccccc; }

/* form.formview-example questiontable*/
form.formview-example table.numberedtable thead tr th       { background-color: #676767; }
form.formview-example table.numberedtable tfoot tr td       { color: #676767; }
form.formview-example table.numberedtable thead tr th label { cursor: default; }

/*questiontable-nested-tables*/
table.questiontable.questiontable-nested-tables > tbody > tr > th:not(:first-child)     { width: 70px; }
table.questiontable.questiontable-nested-tables > tbody > tr > td > table               { width: 100%; margin: 0; }

table.questiontable.questiontable-nested-tables table tr th:not(:first-child)   { width: 79px; padding-left: 0; padding-right: 0; background-color: rgba(0,0,0,.08); border-top: 1px solid; border-color: #cccccc; color: #000000; }
table.questiontable.questiontable-nested-tables table tr td,
table.questiontable.questiontable-nested-tables table tr td:first-child         { border: none; }
table.questiontable.questiontable-nested-tables table tr td:not(:first-child)   { width: 80px; padding-left: 0; padding-right: 0; }


/*medication*/
div.medication                                              { padding: 0 0 0 22px; }
div.medication div.medicationrow                            { margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #cccccc; }
div.medication div.medicationrow:first-child                { margin: 0; border: none; }
div.medication div.medicationrow input.text                 { width: 200px; margin: 0 10px 0 0; }
div.medication div.medicationrow select                     { padding: 3px 0; border: 1px solid #9e9e9e; width: 250px; }
div.medication div.medicationbutton                         { position: relative; padding: 10px 0; border-top: 1px solid #cccccc; text-align: right; }

/*medication row q100*/
div.medication div.specialist                               { float: left; width: 180px; }
div.medication div.contactcount                             { float: right; width: 320px; }
div.medication div.specialist label,
div.medication div.contactcount label                       { display: block; }


/*antibiotics #row_p339*/
div#row_p339                                                                { width: 500px; padding-top: 0; margin: -20px 0 0 25px; }
div.antibiotics                                                             { padding-bottom: 40px; }
div.contentflow form.formview div.antibiotics div.formrow                   { width: 510px; margin-top: 0; margin-bottom: 0; padding: 0; }
div.contentflow form.formview div.antibiotics div.formrow + div.formrow     { margin-top: 10px; padding-top: 10px; }
div.antibiotics label                                                       { color: #074c64; font-weight: bold; }
div.antibiotics select { max-width: 215px; }
div.contentflow form.formview div.antibiotics div.col                       { float: left; }
div.contentflow form.formview div.antibiotics div.col:first-child           { min-width: 110px; float: left; }
div.antibiotics div.antibioticsrow + div.antibioticsrow                     { margin-top: 20px; padding-top: 20px; border-top: 1px solid #cccccc;  }
form.formview div.antibiotics div.coltwo button                             { margin-right: 0; }


/*big or small teek*/
div.chooseteek                                              { float: left; width: 262px; margin: 0 26px 0 0; text-align: left; }
div.chooseteek div.teekinfo                                 { text-align: left; min-height: 108px; font-size: 12px; line-height: 19px; }
div.chooseteek input.radio                                  { float: left; }
div.chooseteek label                                        { cursor: pointer; display: block; background: #ffffff; float: left; width: 233px; padding: 0; margin: 0 0 0 6px; }
div.chooseteek label span.imgdunteek                        { display: block; width: 233px; height: 134px; background: url(../../../modules/tekenradar_flow/templates/default/images/small_teek.jpg) 0 0 no-repeat; }
div.chooseteek label span.imgdikteek                        { display: block; width: 233px; height: 134px; background: url(../../../modules/tekenradar_flow/templates/default/images/big_teek.jpg) 0 0 no-repeat; }
div.chooseteek img                                          { border: 1px solid #cccccc; }
div.chooseteek+div.chooseteek                               { margin: 0; }

/*mijntekenradar*/
div.mijntekenradar                                          {}

div.mijntekenradar ul                                       { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #D9DADB; }
div.mijntekenradar ul li                                    { border-top: 1px solid #D9DADB; padding: 5px 0; display: block; }

div.mijntekenradar div.unfinished                           { margin: 0 0 50px; }
div.mijntekenradar div.unfinished ul li                     { display: inline-block; width: 100%; }
div.mijntekenradar div.finished ul                          { margin: 0 0 50px; }
div.mijntekenradar div.finished ul li                       { padding: 6px 0 0; border-top: 1px solid #D9DADB; }

div.mijntekenradar span.melding                             { float: left; display: inline; width: 335px; }
div.mijntekenradar span.melding span.date                   { display: block; color: #555555; font-size: 0.8em; }
div.mijntekenradar span.buttons                             { float: right; width: 230px; display: inline; }

div.mijntekenradar a.moreinfo                               { display: block; width: 73px; float: right; background: #ffffff url(../images/sprite_icons.png) -518px -128px no-repeat; border: 1px solid #D9DADB; border-bottom: none; color: #134C64; height: 25px; padding: 2px 20px 0 5px; margin: 16px 0 0 0; position: relative; z-index: 2; }
div.mijntekenradar a.moreinfo:hover                         { background: #f7f7f7 url(../images/sprite_icons.png) -510px -128px no-repeat; border: 1px solid #D9DADB; border-bottom: none; }
div.mijntekenradar a.expandinfo                             { background: #f7f7f7 url(../images/sprite_icons.png) -510px -258px no-repeat; border: 1px solid #D9DADB; border-bottom: none; }
div.mijntekenradar div.iteminfo                             { display: block; width: 562px; padding: 5px 8px; margin: -1px 0 10px 0; background: #f7f7f7; border: 1px solid #D9DADB; }
div.mijntekenradar div.iteminfo>ul                          { margin: 0; padding: 0; list-style: none; border: none; }
div.mijntekenradar div.iteminfo>ul>li                       { margin: 0; padding: 2px 0; border: none; }

div.mijntekenradar ul li a.button                           { position: relative; display: inline-block; background: #98194e; color: #ffffff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: normal; text-decoration: none; padding: 3px 15px; margin: 0 0 0 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
                                                              behavior: url('htc/PIE.htc'); }
div.mijntekenradar ul li a.button:hover                     { background: #4d4d37; }
div.mijntekenradar ul li a.buttongrey                       { background: #666666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url('htc/PIE.htc'); }
div.mijntekenradar a.add                                    { float: right; margin: 0; font-size: 14px; font-family: 'Open Sans', arial, helvetica, sans-serif; font-weight: normal; text-decoration: underline; color: #98194e; }
div.mijntekenradar a.add:hover                              { color: #404040; }

/*opmerkingen in flow*/
div.contentflow form.opmerkingform                          { padding: 0; }
div.contentflow form.opmerkingform div.formrow              { padding-bottom: 0; }
div.contentflow form.opmerkingform div.formrow textarea     { width: 540px; }
div.contentflow form.opmerkingform div.feedback             { margin: 0; }
div.contentflow form.opmerkingform div.buttonrow            { padding: 15px 0; }

/*otheroptions*/
div.contentflow div.otheroptions                            { padding: 0 0 0 22px; }
div.contentflow div.optionrow                               { padding: 8px 0 0 0; }

/* consent confirmatieon yes/no */
div.breakfieldcustom input                                  { clear: both; float: left; }
div.breakfieldcustom label                                  { float: left; }

/* klachtenlijst 4wk / 3mnd */
div.question-group                                          { padding: 0 15px; }
div.question-group > div.formrow:first-child                { margin-left: 0; }
div.question-group > div.formrow:first-child div.colone     { border-bottom: 1px solid #cccccc; }
div.question-group > div.formrow                            { margin-left: 20px; padding-bottom: 10px!important; }
div.question-group div.formrow                              { padding-left: 0; padding-right: 0; }


/* gezondheid */
div.formrow label em.em-grey                                { color: #999999; }

/* Responsive pdif form */
div.responsive-pdif-flow form.formview div.formrow,
div.responsive-pdif-flow form.formview div.coltwo div.radioplus                     { width: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

div.responsive-pdif-flow form.formview div.coltwo input.checkbox + label,
div.responsive-pdif-flow form.formview div.coltwo div.radioplus                     { max-width: calc(100% - 30px); }
div.responsive-pdif-flow form.formview div.coltwo div.radioplus table.timefield     { width: auto; }

/* wysiwyg readmoreblock */
div.wysiwyg-readmoreblock div.buttonmore,
div.wysiwyg-readmoreblock div.buttonless            { display: inline-block; padding: 8px; border: 1px solid #074C64; font-weight: bold; color: #ffffff; background: #074C64; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div.wysiwyg-readmoreblock div.buttonmore:hover,
div.wysiwyg-readmoreblock div.buttonless:hover      { background: #f1f1f1; }

span.wysiwyg-readmoreblock-icon                     { display: inline-block; width: 20px; height: 11px; background: transparent url("../images/arrows_sprite.png") no-repeat scroll right -64px; }
div.buttonless span.wysiwyg-readmoreblock-icon      { background-position: right -3px; }
div.wysiwyg-readmoreblock div.readmorecontent       { padding: 15px 0; border-top: 1px dotted #acabae; }

form.privacy-consent div.coltwo input.checkbox+label { float: none; margin-left: 16px; max-width: calc(100% - 50px); }