/* cookie banner */

div.cookiebanner-close {
	background: rgb(0, 149, 213);
    display: inline-block;
    padding: 2px 6px 2px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    margin: auto 10px;
}

div.cookiebanner-close:hover {
	outline:0;
	text-decoration: underline;
}


/* root element for tabs  */
ul.tabs { 
	list-style:none;
	margin:0 !important; 
	padding:0;	
	height:27px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0px 5px 0px 0px  !important;	
	list-style-image:none !important; 
	background-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	display:block;
	height: 25px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#000  !important;
	padding:0px 0px 1px 0px;
	margin:0;	
	background-color: #D5E4FB !important;
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none  !important;	
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	line-height:27px;
	border-color: #999 #999 #BED6F9;
	border-style: solid;
	padding: 0;
	background: #BED6F9 !important;
	border-width: 1px;
	font-weight: bold;
	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important; 
	line-height:27px;
	border-color: #999 #999 #BED6F9;
	border-style: solid;
	border-width: 1px;
	background: #BED6F9 !important;
	font-weight: bold;
	padding: 0;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

div.panes {
	border:1px solid #999;
	padding : 5px;
}



/* simple css-based tooltip */ 
div.jqt-tooltip { /* jqt ==> jQuery tooltip: dont mix with highcharts tooltip */
    background-color:#fff; 
    border:2px solid #3399FF; 
    padding:10px 15px; 
    width:630px; 
    display:none; 
    /*color:#000; */
    text-align:left; 
    font-size:12px;
	z-index: 1000;
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #3399FF; 
    -webkit-box-shadow:0 0 10px #3399FF; 
}

div.jqt-tooltip-50 {
	width: 290px;
}



/* the overlayed element */
.apple_overlay, #overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;
	text-align: left;

	
	
}


/* default close button positioned on upper right corner */
.apple_overlay div.close,
#overlay div.close{
	background-image:url(../images/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

 
/* container for external content. uses vertical scrollbar, if needed */ 
div.contentWrap { 
    position: relative;
    height:431px; 
    overflow-y:scroll; 
    margin-bottom: 10px;
}


label.overlabel {
    position:absolute;
    padding:2px 0px 0px 5px;
    font-size: 100.01% !important; 
    text-indent:0px !important;
    line-height:14px !important;
    z-index:1;
    color:#999;
  }
  
.jquerygridlink {
   display: block;
   text-decoration: underline;
   font-weight: bold;
   cursor: pointer;
}

#rsperror {
  font-size: 110%;
  font-weight: bold;
  line-height:34px !important;
}