h1 {
  font: bold 16pt Arial, sans-serif;
  margin-bottom: 1em;
  }
  
h2 {
  font: bold 12pt Arial, sans-serif;
  color: #348899;
  }  
  
a {
  color: #348899;
}

a:hover {
  color: #962d3e;
}

a img { border: 0 }

.draggable {
  width: 50px;
  height: 50px;
  background-color: red;
  opacity: 1;  
}

.move {
  background-color: green;
  opacity: 0.5;
}

dl.dropdown { width: 100px }
dl.dropdown dd { display: block; overflow: hidden; }
dl.dropdown dd ul {
  list-style-type: none;
}
dl.dropdown dd li {
  padding: 2px;
  color: white;
  background-color: #348899;
  border-bottom: 1px dashed #979c9c;
  font: normal 12px Verdana, Tahoma, Arial, sans-serif;  
}

dl.dropdown dt {
  padding: 2px;
  color: white;
  background-color: #348899;
  font: normal 12px Verdana, Tahoma, Arial, sans-serif;
  cursor: pointer;
}

.tooltip {
  width: 184px; 
  color: white;
}

.tip-title {
	font-size:12px;
	font-weight: bold;
	color: #999;
	padding: 8px 8px 4px;
	background:url(tooltip.png) top left;
}

.tip-text {
  color:#fff;
  font-size: 10px;
  font-family: Verdana, sans-serif;
  padding:4px 8px 8px;
  background:url(tooltip.png) bottom right;
}

.tip-title a , .tip-text a {
  color:#fff;
  text-decoration: none;
}		

pre { 
  margin: 0 0 2em 0;
  padding: 5px;
  color: white;
  background-color: #348899;
  font-size: 9pt;
}