﻿.JQScrollbars { scrollbar-base-color: #0073bd; scrollbar-arrow-color: White; }

/* Help en Info(News) dialog content */
.JQHelpDialog,
.JQNewsDialog { background: white; font: bold 9pt Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: #0073bd; width: 300px; }

/* Help JQ Dialog */
/* Kop hoofdonderwerp help pagina */
.JQHelpkop1 { background-color: transparent; /*???: misschien nodig voor bepaald type browser ???*/
    font-size: 10pt; text-transform: uppercase;
}
.JQHelpkop2 { background: white url(JQBottomMenuDialogs/bgNewsDate.png) repeat-y top right;
    background-color: transparent; /*???: misschien nodig voor bepaald type browser ???*/
    font-size: 10pt; padding: 6px; text-align: right; border-radius: 10px; 
}
.JQDataHelpText,
.JQParamHelpText { background: transparent url(JQBottomMenuDialogs/bgHelpItem.png) repeat-y 0 0; font: normal 10pt Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: white; padding: 6px; border-radius: 10px; }

/* Help informatie knoppen bij parameter omschrijvingen*/
.JQHelpButtons { background-position: -2 -2; background-repeat: no-repeat; border: none; }

/* News JQ Dialog */
/* Grid layout voor nieuws (In HelpFrame) */
.JQNewsGrids1 { font: normal 10pt Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: white; border: none none transparent; }

/*Kop van de Grid*/
.JQNewsHeader1 { font: bold 10pt Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: #0073bd; border: 2px solid white; }

/*Items in de Grid*/
.JQNewsItem0,
.JQNewsItem1 { font: normal 10pt Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; border: 2px solid white; vertical-align: top; padding: 6px; border-radius: 10px; }

.JQNewsItem0 { background: white url(JQBottomMenuDialogs/bgNewsDate.png) repeat-y 0 0; color: #0073bd; }
.JQNewsItem1 { background: transparent url(JQBottomMenuDialogs/bgNewsItem.png) repeat-y 0 0; color: white; }

/*Einde, Footer Gris */
.JQNewsFooter1 { background: #C3C3C3; text-align: center; height: 40px; }
.JQNewsFooter1 td { border: 2px solid white; border-radius: 10px; }
.JQNewsFooter1 span,
.JQNewsFooter1 a:link, 
.JQNewsFooter1 a:visited,
.JQNewsFooter1 a:active { font: bold 10pt Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;color: Black; text-decoration: none; padding: 4px; }
.JQNewsFooter1 span,
.JQNewsFooter1 a:hover,
.JQNewsFooter1 a:active { border: 1px solid black; background: white; }

/* Settings Dialogs */
.JQResetButtons, .JQTextInputTransparent, 
.JQTextLabels, .JQDotLabels,
.JQSubsetIndexLabels, .JQAxisIndexLabels, .JQAnnotationIndexLabels,  
.JQPullDowns, .JQPullDownsUnicode, .JQPullDownsTransparent, .JQPullDownsUnicode,
.JQSubsetIndexPullDowns, JQElementIndexPullDowns, .JQAnnotationIndexPullDowns
{ position: absolute; }

.JQTextLabels, .JQDotLabels { font: bold 11px Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; vertical-align: 20%; line-height: 20px; }
.JQSubsetIndexLabels, .JQAxisIndexLabels, .JQAnnotationIndexLabels { font: normal 10px Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; vertical-align: 20%; line-height: 20px; }

.JQTextLabels, .JQSubsetIndexLabels, .JQAxisIndexLabels, .JQAnnotationIndexLabels { text-align: left; }

.JQTextLabels, .JQDotLabels { color: #0073bd; background-color: transparent; }
.JQSubsetIndexLabels { padding: 1px; color : #0073bd; background-color: #D9EAF5; border-radius: 4px; }
.JQAxisIndexLabels { padding: 1px; color: black; background-color: #DCF4D9; border-radius: 4px; }
.JQAnnotationIndexLabels { padding: 1px; color : #0073bd; background-color: #FFF3BF; border-radius: 4px; }
.JQDotLabels { overflow: hidden; clip: rect(auto auto auto auto); text-align: center; }

.JQResetButtons { background: #0073bd url(JQBottomMenuDialogs/bgResetButton.gif) no-repeat top left; padding: 1px; border: 0px solid; text-align: left; border-radius: 10px; }
.JQTextInputTransparent { font: bold 10px Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: #0073bd; background-color: transparent; border: 1px solid #0073bd; border-radius: 4px; }

.JQColorPalette { z-index: 11000; position: absolute; border: 1px solid #0073bd; padding: 9px; border-radius: 5px;}

.JQColorSelectButtons, .JQPushedColorSelectButtons, .JQColorButtons,
.JQPushedColorButtons {border: 0px solid; cursor: pointer; border-radius: 4px;}
.JQColorButtons { background: transparent url(JQBottomMenuDialogs/bgColorButton.png) no-repeat top left; }
.JQPushedColorButtons { background: transparent url(JQBottomMenuDialogs/bgColorButtonpush.png) no-repeat top left; }
.JQColorSelectButtons { background: transparent url(JQBottomMenuDialogs/bgColorSelectButton.png) no-repeat top left; }
.JQPushedColorSelectButtons { background: transparent url(JQBottomMenuDialogs/bgColorSelectButtonpush.png) no-repeat top left; }

.JQPullDowns, .JQPullDownsTransparent, .JQSubsetIndexPullDowns, .JQAxisIndexPullDowns, .JQAnnotationIndexPullDowns { font: bold 10px Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; border-radius: 4px; }
.JQPullDownsUnicode { font: bold 10px Tahoma Unicode Ms, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; border-radius: 4px; }

.JQPullDowns, .JQPullDownsUnicode, .JQPullDownsTransparent { color : #0073bd; background-color: transparent; border: 1px solid #0073bd;  }
/*.JQPullDownsTransparent { color: #0073bd; background-color: #D5DFED;  border: 1px solid #0073bd;}*/
.JQSubsetIndexPullDowns { color : #0073bd; background-color: #D9EAF5; border: 2px solid #0073bd; }
.JQAxisIndexPullDowns { color: black; background-color: #DCF4D9; border: 2px solid #0073bd; }
.JQAnnotationIndexPullDowns { color : #0073bd; background-color: #FFF3BF; border: 2px solid #0073bd; }

/* Lijn met label */
.JQSectionLabel { position: absolute; left: 20px; background-color: #0073bd; font-size: 11px; color: White; margin-top: 5px;  height: 16px; text-align: center; 
    -ms-transform: skew(0deg,-4deg); /* IE 9 */
    -webkit-transform: skew(0deg,-4deg); /* Chrome, Safari, Opera */
    transform: skew(0deg,-2deg);
    box-shadow: -5px 5px 5px rgba(0,115,189, 0.3);
    border-top-left-radius: 0px;
    border-top-right-radius:8px;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:8px;
}