/* ----- Tooltips */
.tip .title { font: italic 17px Georgia, serif;
              padding: 5px; 
              display: block; 
              background: #0F6788; 
              color: #fff; }

.tip .content {
	font-size: 11px;
	padding: 5px;
	width: 150px;
	background: dodgerblue;
	color: #fff;
	text-align: left;
}

.dark, .darkborder { width: 210px; }

.dark .title, .darkborder .title { 
              border: 5px solid #999999; 
              border-bottom: none; 
              padding: 5px; 
              font: italic 17px Georgia, serif; 
              display: block; 
              background: #606060; 
              color: #fff; }

.dark .content, .darkborder .content { 
              font: 12px Georgia, serif; 
              padding: 10px; 
              background: #808080; 
              color: #fff; 
              border: 5px solid #999999;
			  text-align: left; }


.darkborder .content { border-top: none; }

/* ----- Page */
/* ul.tooltips { clear: both; 
              list-style-type: none; 
              margin-left: 10px;} */

ul.tooltips li { //height: 18px; 
                 //line-height: 18px; 
                 margin-bottom: 4px; 
                 //cursor: pointer; 
                 //float: left; 
                 //clear: both; 
                 //border-bottom: 1px solid dodgerblue;}

div.code { position: relative; 
           clear: both; 
           float: left; 
           margin: 10px 0 0 10px; 
           border: 1px solid #cccccc; 
           background: #efefef; 
           padding: 8px;}

.showsource {
	font-size: 14px;
	margin-left: 5px;
	background: #dfeaf9;
	color: #333333;
	height: 20px;
	float: left;
	clear: both;
	padding: 0 8px 0 8px;
	margin-top: 10px;
	cursor: pointer;
	font-style: italic;
	border: 1px solid #7AA8E7;
	width: 15em;
}