.lightbox-overlay {

position:       fixed;
  top:              0%;
  left:            0%;
  width:            100%;
  height:           100%;
  background-color: gray;
  z-index:          1001;
  -moz-opacity:     0.6;
  opacity:          .60;
  filter:           alpha(opacity=60);

   /* z-index:          10000 !important;  this causes an issue on /demo/ */ 
}

.lightbox-content-aup {
  
   position:        fixed;
   -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
  top:              5%;
  left:             20%;
  min-width:600px;
  min-height:500px;
  width:           60%;
  height:           40%;
 _width:           650px; /*IE6*/
  _height:          550px; /*IE6*/
  text-align:center;
  padding:          0;
 /* border:           8px solid #c9dbed; */
  background-color: white;
  z-index:          1002;
  overflow:         auto;
-webkit-box-shadow: 0 0 0 10px  rgba(0,0,0,0.5);
box-shadow: 0 0 0 10px rgba(0,0,0,0.5);
}
    
#vps-support {font-family:Arial, Helvetica, sans-serif; font-size:11px; }

#vps-support td{padding:4px;  border-bottom: 1px solid #cadae7; }
#vps-support th{font-size:14px; font-weight:bold; border: 1px solid #cadae7; padding:6px 0; text-align:center; background:#2a4964; color:#FFF}
.col2 {text-align:center;border-right: 1px solid #cadae7; border-left: 1px solid #cadae7;}
.col1 {border-left: 1px solid #cadae7;font-size:11px;}

.category {text-align:center;  font-size:12px; font-weight:bold;border-right: 1px solid #cadae7; border-left: 1px solid #cadae7; background:#d2eafe}
.category td{border-left: 1px solid #cadae7;}	
/*dashed tooltips.tooltip-line a{border-bottom:1px dashed #444;text-decoration:none;} .tooltip-line a:link{border-bottom:1px dashed #444;text-decoration:none;} .tooltip-line a:visited{border-bottom:1px dashed #444;text-decoration:none;} .tooltip-line a:hover{border-bottom:0;text-decoration:none;} .tooltip-line a:active{border-bottom:1px dashed #06c;text-decoration:none;}*/



.tooltip {
border-bottom: 1px dashed #000; 
color: #000000; 
outline: none;
cursor: help; 
text-decoration: none;
position: relative;

}

a.tooltip {text-decoration:none}


.tooltip span {
margin-left: -999em;
position: absolute;

}

.tooltip:hover span {
border-radius: 5px 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
position: absolute;
left: 1em; 
/*top:2em*/
top: -20px;
z-index: 99;
/*margin-left:0*/
margin-left: 170px; width: 240px;
/*updated positioning on OCt26th release to fix IE8 z-index*/
}

.tooltip:hover img {
border: 0; margin: -10px 0 0 -55px;
float: left; 
position: absolute;
}

.tooltip:hover em {
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size: 1.2em; 
font-weight: bold;
display: block; 
padding: 0.2em 0 0.6em 0;
}

.classic { padding: 0.8em 1em; }

* html a:hover { background: transparent; }

.classic {background: #f4ffc8; border: 1px solid #bbb; }

.disclaimer {font-size: 11px; color:#333}