/* ************************************************************** */
/* Basic Styles */
/* ************************************************************** */

html
{
    height: 100%; /* trick for always showing vertical scrollbars avoiding the jumping effect */
    padding: 0;
    margin: 0;
}

#page
{
    padding: 0 0 0 0; /*background: url('https://assets3ajax.dynatrace.com/images/footer_bg.png') bottom left repeat-x white;  */
    margin: 0;
}

form
{
    padding: 0;
    margin: 0;
}

html {height:100%}
body
{   
    
    height:100%;
    font-size: small;
    font-family:  Verdana, Arial, Sans-Serif;
    padding: 0;
    margin: 0; /* background: #d0e2e9;*/
    background:#393939;
       
}

/* This hacks are for IE6 and IE7.
   Target: get the same font size as in Firefox.
   "small" is not the same in FF or IE
*/
* html body, * + html body
{
    font-size: 82%;
}

object { outline:none; }
img:focus,a {outline:none;}

/* Avoid wrong line height for superscript characters, for example the (R) symbol */
sup
{
    vertical-align: top;
    font-size: 0.8em;
    line-height: 100%;
}

img
{
    border: 0;
}

#page_margins {

    background:#fff;
    width:950px;
    min-height:1000px;
    margin:0 auto 0 auto;
    background: #fff url(../../images/bg/shadow.png) repeat-y;
    background-position:center;
    padding:0 70px;
}

#page {

    font-size:87%;
}




/* --- */

div {
padding:0;
margin:0;
border:0px solid #DDD;
}

/* Header */

#page_top {
    height:154px;
     overflow:hidden;
     background: url('https://assets3ajax.dynatrace.com/images/header/header.jpg') no-repeat;
}

#download {
    
    float:left;
    margin: 25px 90px 0 448px;
}

#search {
    border:0;        
    height:20px;
    width:180px;
    padding: 2px 15px 0 20px;
    margin-right:38px;
}

#topcontrols {
    float:right;    
    padding:11px 29px 0 0;
}

#topcontrols ul, #topcontrols li {
    margin:0;
    padding:0;    
}
#topcontrols li {
    display:inline;
    width:150px;
    padding-left:8px;
    font-weight:bold;
}

#topcontrols .username {
 color:#C9D3E0;
 font-weight:normal;   
     font-size:90%;
     padding:0 10px 0 0;
}

#logolink a {
    float:left;
    display:block;
    height:150px;
    width:220px;

}

/* footer */

#footer {
background:#728DA0;
padding: 3px 0 0 75px;
clear:both;
color:#fff;
height:27px;
border-bottom:1px solid #8da4b4;

}

#footer ul.links {
    padding:0;
    margin:0;
    float:right;
    padding:0px 115px 0 0;
    width:280px;
}



#footer ul.links li {
    list-style:none;
    padding:0 0 0 5px;
    margin:0;
    display:inline;
}

#footer a, #footer a:visited {
    color:#fff;
   
}

/* content area */

.center {
text-align:center;
}


#page_center {
    margin:  0 0 20px 75px ;
    
}
ul#page_columns {
    padding:0;
    margin:0;
    overflow:auto;
}
ul#page_columns li.page_column {
    list-style:none;
    float:left;
}
#page_left_col {
    
    width:590px;
    min-height:750px;       
   
}
#page_right_col {
    padding-top:13px;
    width:258px;
}

#content {
    border-top:1px solid #e3e3e3;
    padding:23px 25px 0 0;
    margin-right:16px;
    
}

/* headlines */
#content h1, h2 {
    color:#363636;
    margin:0;
    padding:0;
    
    font-family:Arial,sans-serif;
}
#content h1 {
    font-size:160%;
    margin-bottom:14px;
}
#content h2 {
    padding:12px 0 12px 0;
    font-size:140%;
    color:#333;
}
#content h3 {
    font-family:Arial,sans-serif;
   font-size:140%;
   font-weight:Bold;
   color:#a5a5a5;
}

#content .notopmargin {
    margin-top:0;
}

/* boxes */



.rightbox {    
    height:170px;
    width:146px;
    padding:10px;    
    background-position:0 0px;
}

.page_column .shortrightbox {
    height:116px;
    background-position:0 -200px;
}

.rightbox .header {
    border-bottom:1px solid #d4d4d4;
    margin-bottom:7px;
    padding-bottom:0px;
    padding-top:3px;
    padding-bottom:1px;
}

.rightbox {
    font-size:1.15em;
}

#page ul {
    padding:0;
    margin:0 0 0 15px;
}

#page .rightbox ul.linklist {
    padding:0;
    margin:0;
    list-style:none;
}
#page .rightbox .linklist li {
    padding:0;
    margin:0 0 4px 0;
}

#page ul.normallist 
{
    margin: 0 0 10px 15px;
}
#page #content ul li 
{
    
    margin: 0 0 0 15px;
}

/* Links */
#page a, #page a:visited {
    text-decoration:none;
    color:#46789e;
}
#page a:hover {    
    text-decoration:underline;
}

#footer a,#footer a:visited {
    color:#ecf7ff;
}




/* FORMS */

.fieldvalidatorerror {

clear:both;
margin-left:155px;
color:#c50909;
font-weight:bold;
white-space:nowrap;
overflow:visible;
}

.error,.info {
    font-size:1.2em;
    display:block;
    color:#c50909;
    font-weight:bold;
    float:none;
    width:100%;
    text-align:left;
    clear:both;
}
.error {
    color:#c50909;
}
.info {  
    color:#2ba600;
}

div.registration {
background:#FFDD7B;

padding:15px;
width:400px;
margin:0 0 00px 0;
}

.registration input  {
width:160px;
margin-bottom:3px;
}

.registration label, .form label {
    clear:both;
    display:block;
    float:left;
    width:200px;
    text-align:right;
    padding-right:5px;    
    overflow:auto;
}

div.formheader {
    padding:5px 15px;
    width:350px;
    background:#EFEFEF;
    color:#BBB;
    font-weight:bold;
}

.clear {clear:both;}

.captcha {
    margin-top:5px;
    width:155px;
    padding-left:205px;
    background:transparent !important;
}

.captcha img {
    border:1px solid #BCBCBC;
    
}

label.long {
    width:250px;    
    font-size:0.9em;
}
.checkbox input {
   
   width:15px;
}
.checkbox {
    float:left;
}

/* login form */

.unconfirmed {
    padding:15px;
    border:#FFDB71 1px solid;
    background:#FFECB4 ;
    margin: 0 0 10px 0;        
}

div.loginform, div.registernow {
-moz-border-radius:8px;
background:#DEE3E6;
width:220px;
margin:0 5px 15px 0;
padding:5px 15px 5px 15px;

border:0px solid #0172BB;
float:left;
height:155px;
}

div.registernow {    
background:#d5e8ff;
}

input[type="text"]:focus,input[type="password"]:focus {
border:1px solid #7F9DB9;
background:#FFE78B;
padding: 2px 1px;
}

.loginform .title {
    display:block;
    width:100%;
    color:#333;
    font-size:1.3em;   
     padding:0 0 0 20px;      
}
.loginform label {   
    color:#333;
    width:80px;  
    text-align:left;  
    padding-left:3px;
}
.loginform input[type="password"], .loginform input[type="text"] {
    width:130px;
}
.loginform input[type="submit"] {
    margin-right:7px;
}

.loginform  label {float:none}
.loginform .logincheckbox input {
    display:inline;
}
.loginform .logincheckbox label {
    display:inline;
}

.button {
    font-weight:bold;
    padding:8px;   
    background:#FFF;
    height:27px;
    vertical-align:middle;
 
}
.button a {
 
}
.button:hover {
    
}

.preview span.preview {
    font-weight:bold;
    background:#FFDD7B;
    
}

/* END FORMS */

/* tables */

table.downloads {
    border-collapse:collapse;
    
    
}
table.downloads td, table.downloads th {
    text-align:left;
    padding:15px;    
    
}
table.downloads th {
    background:#6EB5E3;
    color:#fff;
    border-right:1px solid #fff;
}
table.downloads td {
    background:#e9f7ff;
    border-right:1px solid #fff;
}

#beta th 
{
    background:#D1E4EF;
    color:#6EB5E3;
}

#page #beta a.downloadbutton:hover
{
    background:#6EB5E3;
    color:#fff;
}

.version , .currentversion
{
    color:#c3c3c3;
    
    padding:4px 6px;
    margin-left:10px;
    
}
.currentversion 
{
    color:#6EB5E3;
}

.downloadlink 
{    
    background:#2395C6;
    color:#fff;
    padding:4px 6px;    
    -moz-border-radius:5px;   
}

#page #beta a.downloadbutton:visited, #page #beta a.downloadbutton
{
    background:#D1E4EF;
    color:#6EB5E3;
}

#page a.downloadbutton:visited, #page a.downloadbutton
{
    background:#2395C6;
    color:#fff;
    padding:8px 4px;    
    -moz-border-radius:5px 5px;   
    font-weight:bold;
}
#page a.downloadbutton:hover , #page #beta a.downloadbutton:hover
{
    text-decoration:none;
    background:#6EB5E3;
    color:#fff;
}



/* drop shadow */

.dropshadow-shadow {
    background:#EFEFEF;
}
.dropshadow-content {
    position:relative;
    top:4px;
    left:4px;
    background:#fff;
}


/* Content */

#content p, #content ul {    
    line-height:1.3em;
    text-align:justify;
}
#content p {    
    padding:0;
    margin:0 0 1.3em 0;
}

.col2_3070 .col1 {
    float:left;
    width:200px;
} 
.col2_3070 .col2 {
    float:right;
    width:340px;
} 

#content  li {
    list-style-image: url(https://assets3ajax.dynatrace.com/images/common/libullet.png); 
    
    padding-bottom:3px;
}

.right-align {
text-align:right;
}
.left-align {
text-align:left;
}
.center-align {
text-align:center;
}

#content .quote {    
    clear:both;    
    color:#666;
    padding:15px 0px 0px 0px;
     
    margin: 0 0px 0 0px;   
    width:auto;
    
    overflow:auto;
}

#content .quote .left{
    background:url(https://assets3ajax.dynatrace.com/images/bg/quote_left.png);
    width:32px;    
    float:left;
    height:65px;
}

#content .quote .middle {
    background:url(https://assets3ajax.dynatrace.com/images/bg/quote_bg.png) repeat-x;
    float:left;
    width:auto;
    padding:10px 10px 0 0;
}
.quote .left, .quote .right, .quote .middle {
    float:left;
}



#content .quote .from {
    font-style:italic;
    font-size:1em;
    
    color:#999797;
    font-weight:bold;
    
    
    text-align:right   
}

#content .quote p {
    margin:5px 5px 5px 32px;
}

.small {font-size:0.7em;}

#content  ul.imglist-h {
    padding:0;
    margin:0;
    list-style:none;   
}
#content  ul.imglist-h li {
    padding:0;
    margin:0;
    list-style:  none;
}
#content  ul.imglist-h li {
float:left;
width:200px;

}
#content ul.imglist-h img {
    float:left;
    padding-right:12px;
}


/* vertical list */
#content  div.imglist-v {
    padding:0;
    margin:0 0 28px 20px;
    list-style:none;   
}

#content  div.imglist-v>div {
    padding:0;
    clear:both;
    margin:0 0 16px 0;
    list-style:  none;
    overflow:auto;
}
#content div.imglist-v img {
    float:left;
}
#content div.imglist-v p {
    font-weight:bold;
    font-size:1.2em;
    padding:0;
    margin:0 0 0 0x;
}
#content div.imglist-v p.descr {
    font-weight:normal;
    font-size:1.0em;    
}

#content div.imglist-v a {
    font-weight:bold;
    font-size:1.2em;
}

 .text {     
    padding:0;
    margin:0 0 0 120px;
}
#page div.imglist-v .text p {
    margin:0;
}
#page div.imglist-v .text ul {
    padding:6px 0 0 0;
}
#page .thumbs img {
    border:1px solid #CCC !important;
}


.vers {
    font-size:2em;
}

.leftimage, .rightimage {
    clear:both;
    overflow:visible;
}

.leftimage img {
    float:left;
    margin:0 30px 0 0;    
}

.leftimage .content {
    margin-left:170px;
}

.rightimage img {
    float:right;
    padding:0 0 0 12px;    
}

textarea.feedback {
    width:364px;
    height:12em;
}
.radiobuttonlist label {width:auto;float:none;} 

#content .topmargin {
    padding:20px 0 0 0;
}

#page .dtlink {
    display:block;
    background:#A80014;
    color:#fff !important;
    font-size:1.3em;
    font-weight:bold;
    padding:0px;
    width:180px;
    text-align:center;
}
#page .dtlink:hover {
    background:#    
}

#content .sendlogfile label {
    display:block;
    float:left;
    width:100px;
    
    clear:both;
}
#content .sendlogfile input[type="text"] {
    width:200px;
}
#content .sendlogfile input[type="file"] {
    width:340px;
}

.logfilename {
    overflow:auto;
    display:block;
    padding:5px;
    font-family:Monospace;
    font-size:1.1em;
    font-weight:bold;
    height:35px;
    white-space:normal;
}

div.logfile {
    width:320px;
    padding:15px;
    margin:5px 0;
    background:#ECF1F3;
}

#content .logfile_panel {
    background:#f6f0e1;
    padding:5px;
}

#content label.completeline {
    text-align:left;
    width:100%;
}

#content .sendlogfile {

}

.sendlogfile .fieldvalidatorerror {    
    margin-left:0;
}

#content  .twocols {
    overflow:auto;
    width:320px;
    float:left;
    margin : 0px auto 15px auto;
    padding:19px 0 29px 0;
    border-width: 1px 0  1px 0;
    border-color:#E3E3E3;
    border-style:solid;        
}

.twocols .inside {
    width:100%;
     overflow:auto;
     margin:0 auto 0 auto;
}

#content  .twocols .col1, #content .twocols .col2 {
    float:left;
    width:160px;       
}
.twocols img {
    float:left;
    padding:0 8px 0 0;
}

#news 
{
background:url(https://assets3ajax.dynatrace.com/images/bg/betabox.jpg) no-repeat;
margin-left:10px;
font-size:0.9em;

width:208px;
height:143px;
padding:0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
color:#fff;
}
#news h2 {
padding: 7px 5px 5px 15px;
color:#fff;
}
#news a, #news a:visited {color:#fff;}
#news ul, #news li {
    color:#fff;
    list-style-type:none;
    list-style-image:none;
    text-align:left;
    padding:0;
    margin:0;
    }

#news ul, #news li 
{
    padding-left:20px;
    margin-left:20px;
    list-style-type:disc;
    color:#46789E;
}

#news ul li a:link, #news ul li a:visited
{
    color:#46789E;
    font-weight:bold;
}
/* slider */

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:180px;
	height:150px;
	overflow:hidden; 
	}
	
span#prevBtn a,span#nextBtn a{
    font-weight:bold;
    padding:0 15px;
    background:#FFE993;
    width:15px;
    height:12px;
} 

#page #content #slider ul li {margin:0}
#page #content  ul#slider {margin:0}

#content .demo {
    padding:15px 0 0 15px; 
    background:url(https://assets3ajax.dynatrace.com/demo_bg.gif) repeat-x;
}


/* end slider */
/* auto slider */

#page #content #autoslider  {
height:125px;
overflow:hidden;
padding:0;margin:0;
}
#page #content #autoslider ul, #page #content  #autoslider li {
padding:0;margin:0;
list-style:none;
}


/* / auto slider */

/* demo link */
#demolink {
    width:210px;
    height:150px;
    background:url('https://assets3ajax.dynatrace.com/images/button/teaserbutton.jpg') no-repeat;
    
}
#demolink:hover {
   
    background-position:0 -258px ;

}

#demolink a.demolink {
    height:100%;
    width:100%;
    display:block;
    overflow:hidden;
}

.rightfloat {
float:right;
}
.leftfloat {
float:right;
}

#page a.moretestimonials{
display:block;
text-align:right;
color:#aaa;
font-size:0.8em;
margin-right:13px;
}


/* sprites */
.rightbox, .shortrightbox, .dtlabs,.twitter, .btn_download, .dynatrace, .solution1, .solution2, .learn, .presentedby, .getmore,.ajaxmini,.cclogo,#search {
background:url(https://assets3ajax.dynatrace.com/images/sprites.png) no-repeat;
}

.dtlabs {
background-position:-175px -275px;
width:105px;
height:67px;
}
.twitter {
background-position:0 -350px;
width:125px;
height:98px;
}

.dynatrace {
background-position: -175px -225px;
width:129px;
height:31px;
}

.btn_download {
background-position:-325px 0px;
width:167px;
height:35px;
display:block;
padding:36px 0 0 20px;
}

.solution1,.solution2 {
width:72px;
height:72px;
}
.solution1 {
background-position:-175px 0px;
}
.solution2 {
background-position:-175px -75px;
}

.learn, .getmore, .presentedby {
width:120px;
height:19px;
}
.learn {
background-position:-325px -175px;
}
.getmore {
background-position:-325px -175px;
}
.presentedby {
background-position:-325px -150px;
}
.ajaxmini {
width:36px;
height:15px;
background-position:-175px -180px;
}

.cclogo {
width:21px;
height:18px;
background-position:-175px -150px;
}

#search {
background-position:-325px -75px ;
}

/************************************************/
/* jquery.lightbox */
/**
 * jQuery lightBox plugin 
 * @name jquery-lightbox-0.5.css 
 * @version 0.5 
 * @example Visit https://leandrovieira.com/projects/jquery/lightbox/
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 80%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* =================================================== */
/* Menu.CSS */

/*

This stylesheets contains all styles for the menus.

*/
.topmenu a:hover
{    
    text-decoration: none;
    color:#5F6E73;
}
.topmenu a:active
{
    color:#5F6E73;
}
.topmenu a
{
    color:#5F6E73;
}
.topmenu
{
    color:#5F6E73;
}

/**** BEGIN red menue bar */
/* font of top red menue */
.menu
{    
    font-family:Arial, Verdana,sans-serif;    

    font-size: 12.5px;
    color: #5F6E73;
    
    padding: 0px 0px 0px 0px;    
    border:0;
    margin:0 auto 0px 0;    
    
    background-position:left;
    
    text-transform:uppercase;
    width:auto;
    vertical-align:top;     
    margin-top:15px;
}

/* Hack to get rid of the 1px margin between menu and banner*/
/** html table.menu, *+html table.menu
{
    position:relative;
    top:-1px;
}*/

table.menu td {padding:0;text-align:center}

.menu_corner , .menu_filler
{
   padding:0px 0 0 0;
   margin:0;
}

table.mainMenuItem 
{
 border-width: 0px 0px 0 0px;
 border-style:dotted;
 border-color:#cfcfcf;
 padding:0;
 margin:0; 
 text-align:center;
}



table.mainMenuItem:hover
{
 border-width: 0px 0px 0 0px;
 border-style:dotted;
 border-color:#cfcfcf;
  background: url(https://assets3ajax.dynatrace.com/images/menu/menu_bg_over.png) repeat-x;
}

table.mainMenuItem a:hover
{
    background: url(https://assets3ajax.dynatrace.com/images/menu/menu_bg_over.png) repeat-x;
}

/*links of menu bar including padding between entries */
.menu a
{

    font-weight:bold;
    text-decoration:none;
      padding: 0;
 
}
table.menu_selected 
{
 
 
  background: url(https://assets3ajax.dynatrace.com/images/menu/menu_bg_over.png) repeat-x;
}
.menu_selected a
{
    height:22px;
    
     padding: 0;
    text-align:center;
    color:black;
    
}
/* vertical position of menue bar - on top of red menue bar header */
.menu_bar
{
    position:relative;
    top: 0px;
    padding: 0px 0px 0px 0px;
    /*background-image: url(images/bg_header.gif);*/
    background-position:left;
/*    z-index:2; /* i love internet explorer */
}
/**** END red menue bar */


.mainMenuDynamic a
{
    display:block;       
    padding: 0px 20px 0px 18px;
    line-height: 20px;    
    font-weight: normal;
    color:#434C5D;    
    
}


/* color for hover links of subbar */

.mainMenuDynamic a:hover
{
    /*color:white;*/   
    text-decoration:none;
}

.mainMenuDynamicItem
{    
   z-index:1000;
}
.mainMenuDynamicItem {
}

a.mainMenuSelected
{
    
   font-weight:bold;
}

.mainMenuItem
{
    color: #5F6E73;
    height: 20px;    
   
}

.mainMenuDynamicHover:hover
{

    background: #5487B5;
    Color: White;
}

.nav_bgheader {
font-family:Arial,Verdana,sans-serif;
    font-size:92%;
    color: #a7b1bd;/*color:#5DA5CD;*/
    
    margin:0;
    padding:0 0 0 7px;
    font-weight:normal;
    border-bottom:1px solid white;
    width:100%;
   
}

table.nav_bgheader {
    margin:0;
    padding: 0 0 8px 0;
}

table.submenuitem
{    

    text-decoration:none;
    color:#5DA5CD;
    
    padding:1px 0px;
    margin-bottom:0px;  
}

table.submenuitem a
{ 
    font-weight:normal;
}
table.subMenuDynamicItem
{       
    font-weight:normal;    
    text-decoration:none;
    color:#5DA5CD;   
    padding:0px;    
    font-size:87%;
    width:20em;
}

.submenuitem:hover a:hover, .submenuitem:hover a, .subMenuDynamicItem a:hover
{
    color:White;
}
table.submenuitem a
{
display:block;
}

.submenuitem a
{     
    padding:2px 0px;
}

table.mainmenuitem tr td{
background:transparent;
padding-top:0em;
}

.mainmenu
{
height:20px;
padding:0;
margin:0;
border:3px solid red;
}

/* Shadowbox */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png);}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
/* --- */

.cover {

position:absolute;
top:100px;
z-index:1000;
height:100%;
width:100%;
background: url('http://s3.dynatrace.com/images/pixel.gif' ) repeat;
}