/*<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 */

/* META CSS*/
.metadata                                  { padding: 5px 0; color: #9e9e9e; font-size: 0.9em; }
.date                                      { }
.time                                      { }
.author                                    { }
.rssicon                                   { float: right; }

a.gogo                                     { font-weight: bold; line-height: 1.5em; padding:0 0 0 15px; background:url(../images/arrow_blue.png) 0 2px no-repeat; }
a.gogo:hover                               {  }
a.close                                    {  }
a.open                                     {  }
a.top                                      {  }
a.bottom                                   {  }
a.first                                    {  }
a.last                                     {  }
a.next                                     {  }
a.prev                                     {  }
a.overview                                 { display: block; padding: 0 0 0 15px; margin:15px 0 0 0; background:url(../images/arrow_blue_back.png) 0 3px no-repeat; font-weight: bold; clear: both; }

.feedbackbox,
.feedback                                  { display: block; padding: 10px; margin: 10px 0; border: 1px solid #cccccc; color: #444444; font-weight: bold; text-align: center; background: #eeeeee; }
.alertbox,
.alert                                     { display: block; padding: 10px; margin: 10px 0; border: 1px solid #000000; color: #000000; font-weight: bold; text-align: center; background: #eeeeee; }
.errorbox                                  { display: block; padding: 10px; margin: 10px 0; border: 1px solid #990000; color: #990000; font-weight: bold; text-align: center; background: #eeeeee; }
.error                                     { color: #990000; }
.required                                  { color: #990000; font-weight: bold; }
.info                                      { padding: 0 10px; color: #21428d; background: #eeeeee; }

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

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

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

/* Listview */
/* note: agenda, news, whoiswho gebruikt inline styles voor dynamische afstand en hoogte afbeelding */
div.listview                                        { margin: 20px 0 0 0; }
div.listview div.item                               { padding: 0; margin: 0 0 20px; border:none; }
div.listview div.item div.summary                   { margin: 0 0 0 80px; color:#444444; min-height: 62px; }
div.listview div.item div.useroptions               { margin: 10px 0 0 0; }
div.listview div.item div.thumb                     { position: absolute; width: 62px; }

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-top:0; } /*metadata in elements*/

div.listview.twocol                                 { margin-left:-20px; }
div.listview.twocol div.item                        { float:left; width:50%; margin-bottom: 30px; }
div.listview.twocol div.item div.summary            { margin-left:95px; }
div.listview.twocol div.item div.thumb              { margin:0 0 0 20px; }

/* 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                                   { padding: 10px 0; }
div.itemleft                               { float: left; width: 100px; }
div.itemright                              { float: right; width: 310px; }
div.item>div.metadata:first-child,
div.itemleft>div.metadata:first-child,
div.itemright>div.metadata:first-child     { padding-top:0; padding-bottom:2px; } /*metadata before other elements*/

div.aside div.item                         { padding: 10px 0; border-bottom: 1px solid #eeeeee; }
div.aside div.itemleft                     { float: left; width: 40px; }
div.aside div.itemright                    { float: right; width: 160px; }

/* tableview */
table.tableview                            { border-right: 1px solid #cecece; border-top: 1px solid #cecece; }
table.tableview th,
table.tableview h3,
table.tableview h3 a                        { color:#44a0b4; font-size:1.1em; font-weight:bold;  }
table.tableview td                         {border-bottom: 1px solid #cecece; border-left: 1px solid #cecece; padding: 5px; vertical-align: top; }
table.tableview tr                          { }
table.tableview thead th                   { background:#d3dfe2; padding:5px; }
table.tableview tfoot td                   { font-style:italic; text-align: right; color: #9e9e9e; border-top: 1px solid #cccccc; }
table.tableview td:hover                   { background: #d3dfe2; }
table.tableview tfoot tr:hover td          { background: #ffffff; }

/* pagemenu */
div.pagemenu ul                            { display: inline-block; width: 100%; background: #9e9e9e; border-bottom: 1px solid #9e9e9e; margin:0; padding: 0; list-style: none; }
div.pagemenu ul li                         { float: left; height: 20px; 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; }

/* toc */
ul.toc                                     { margin: 10px 0 ; padding:0; list-style:none; border: 1px solid #cecece; border-bottom:none; }
ul.toc li                                  { border-bottom: 1px solid #cecece;}
ul.toc li a                                { background: url(../images/arrows_sprite.png) no-repeat scroll right -55px transparent; color: #44a0b4;font-weight: bold; padding: 7px 20px 7px 15px; line-height: 1.5em; display:block; }
ul.toc li a:hover                          { background:#d3dfe2;}
a.totop                                    { top: -20px; position: relative; }

h2 span.toctop                             { padding: 16px 0 0 0; display:block; }
h2 a.toctop                                { display: block; float: right; outline:none; background:#e9e9e9 url(../images/arrows_sprite.png) no-repeat right 1px; width:20px; height:20px; }
h2 a.toctop:hover                          { background:#e9e9e9 url(../images/arrows_sprite.png) no-repeat right -239px;}
/* image caption */
.imagecaption                              { display:block; font-style: italic; color: #9e9e9e; word-wrap: break-word; }

/* document download */
span.document a                            { display: block; position: relative; border: 1px solid #eeeeee; padding: 5px 5px 5px 45px; text-decoration: none; min-height:29px; }
span.document a img                        { position: absolute; left: 5px; top: 3px; }
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; }

/* external video */
div.externalvideo                          { position:relative; padding:30px 0 56.25% 0; height:0; overflow: hidden; }
div.externalvideo iframe,
div.externalvideo object,
div.externalvideo embed                    { position:absolute; top:0; left:0; width:100%; height:100%; }

/* form */
form.formview                              { margin:0; }
form.formview fieldset                     { display: block; padding: 0 0 20px 0; margin: 20px 0 0 0; border-bottom: 1px solid #c7c7c7; }
form.formview legend                       { display: block; padding: 0; font-family: "Helvetica Neue", arial, sans-serif; font-size: 1.2em; color: #4db4ca; font-weight:normal; }

form.formview label                        { padding: 0 20px 0 0; height: 35px; display: table-cell; vertical-align: middle; }
form.formview div.formrow                  { padding: 5px 0; }
form.formview div.colone                   { float: left; width: 30%; padding: 0 10px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form.formview div.coltwo                   { float: left; width: 70%; }

form.formview div.formrowextra                         { }
form.formview div.formrowextra div.colthree label      { padding: 0 10px 0 10px;}
form.formview div.formrowextra div.colone              { float: left; width: 30%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
form.formview div.formrowextra div.coltwo              { float: left; width: 24.5%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
form.formview div.formrowextra div.colthree            { float: left; width: 21%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
form.formview div.formrowextra div.colfour             { float: left; width: 24.5%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }

form.formview input.password,
form.formview input.text,
form.formview input.file                   { width:100%; border: 1px solid #c7c7c7; padding: 0 5px; height: 35px; line-height: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form.formview input.file                   { background: #f5f5f5; }
form.formview input.text:focus,
form.formview input.password:focus         { background: #f5f5f5; }
form.formview input.checkbox,
form.formview input.radio                  { margin-right:5px;  height: 35px; line-height: 35px; float: left; }
form.formview div.radiooptions input       { float:left;  }
form.formview div.radiooptions label       { }
form.formview div.horizontal input         { float:none; clear:none; }
form.formview div.horizontal label         { float:none; }
form.formview select                       { width:100%; border: 1px solid #c7c7c7; background: #f5f5f5;  padding: 10px 5px; }
form.formview textarea                     { width:100%; border: 1px solid #c7c7c7; font-family: inherit; font-size:1em; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize:vertical; }
form.formview textarea:focus               { background: #f5f5f5; }

form.formview span.date                    { display: block; float: left; width: 60%;}
form.formview span.time                    { display: block; float: left; width: 40%; }

form.formview div.formrowextra span.date    { width: 100%; }

form.formview span.day,
form.formview span.month,
form.formview span.year                     { display: inline-block; width: 28%;}
form.formview span.hour,
form.formview span.minute                  { display: inline-block; width: 39%;}

button                                     { border: 1px solid #c7c7c7; background: #7bb752; padding: 0 22px; height: 38px; line-height: 38px; color: #FFFFFF; font-size: 16px; }
button:hover                               { border: 1px solid #c7c7c7; background: #6ea44a; }

/*form validation*/
form.formview span.required                { position: relative;  margin: 0 5px 0 0; color: #4db4ca; font-weight: bold; }
form.formview span.required em             { position: absolute; left: -1000em; }
form.formview div.error                    { font-weight:bold; color:#990000; }
form.formview div.error label              {}
form.formview div.errormessage             {}
form.formview div.error input.text,
form.formview div.error input.password     { border: 1px solid #990000; }
form.formview div.error textarea           { border: 1px solid #990000; }

/* Placeholder */
.placeholder { color: #BABABA; font-size: 15px; }
.placeholder:focus { color: #000000; font-size: 15px; }
:-moz-placeholder { color: #BABABA; font-size: 15px; }
::-moz-placeholder { color: #BABABA; font-size: 15px; }
:-ms-input-placeholder { color: #BABABA; font-size: 15px; }
::-webkit-input-placeholder { color: #BABABA; font-size: 15px; }

/* Jquery Jcrop tapmodo*/
div.jcrop-popup                            { padding: 20px; } /*jcrop colorbox padding inner*/
div.formthumbwrap                          { position: relative; padding: 0 0 10px 0; }
div.formthumb                              { position: absolute; top: 0; left: 0; }
div.formthumbdetails                       { font-style: italic; min-height: 50px; word-break: break-all; }
a.jcroplink                                { padding: 0 0 10px 0; display: inline-block; }

/*alphabetical pager*/
ul.abc                                     { margin:10px 0 0 -3px; padding:0; list-style:none; }
ul.abc li                                  { float:left; width:22px; height:22px; line-height:22px; text-align:center; margin:0 0 3px 3px; background:#f1f1f1; border:1px solid #9e9e9e; color:#666666; border-radius: 3px; }
ul.abc li.all                              { width:auto; padding:0 5px; }
ul.abc li a                                { display:block; text-decoration:none; }
ul.abc li:hover a                          { background:#21428D; color:#ffffff; }
ul.abc li.selected                         { background:#21428D; border:1px solid #9e9e9e; color:#ffffff; }
ul.abc li.selected a                       { color:#ffffff; }

/* mediaitem */
div.mediadownloadblock                            { border: 1px solid #9e9e9e; padding: 5px; }
div.mediadownloadblock h4                         { padding: 0; }
div.mediadownloadblock span                       { display:block; float:left; }
div.mediadownloadblock span.colone                { width:32px; padding:0 10px 0 0; }
div.mediadownloadblock span.coltwo                { width: auto; padding:0 10px 0 0; }
div.mediadownloadblock span.description           { }

/* wysiwyg readmoreblock */
div.wysiwyg-readmoreblock div.buttonmore,
div.wysiwyg-readmoreblock div.buttonless            { display: inline-block; border: 1px solid #acabae; border-radius: 4px; padding: 8px; font-weight: bold; color: #4DB4CA; cursor: pointer; }
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 -303px; }
div.buttonless span.wysiwyg-readmoreblock-icon      { background-position: right -243px; }
div.wysiwyg-readmoreblock div.readmorecontent       { border-top: 1px dotted #acabae; padding: 15px 0; }