@charset "utf-8";
body {
    margin: 0;
    text-align: left;
}

h2 {
    font: bold 1.4em 'Lucida sans', 'Trebuchet MS', Tahoma, Arial;
    color: #555;
}

.white_box { 
   font-family: Helvetica, Verdana, Arial;
   font-size:150%;
   color:navy; border: dotted 1px navy; 
   padding: 4px; background-color:white; margin:3px
}
    
a { 
	text-decoration: none;
}

.button {
	background-color: #ccc;
	padding: 0 1.5em;
	border: 1px solid #777;
    border-radius: .2em;
	font: 10pt Arial, Helvetica;
}

/* Hexadecimal entities for the icons */

.add:before {
    content: "\271A";
}

.edit:before {
    content: "\270E";        
}

.delete:before {
    content: "\2718";        
}

.save:before {
    content: "\2714";        
}

.email:before {
    content: "\2709";        
}

.like:before {
    content: "\2764";        
}

.next:before {
    content: "\279C";
}

.star:before {
    content: "\2605";
}

.spark:before {
    content: "\2737";
}

.play:before {
    content: "\25B6";
}

#debug_log {
	background-color: #aaa;
	border: solid black 2px;
	overflow: auto;
	width: 100%;
	height: 100%;
}

#debug_log:before {
	content : "Debugging Messages";
	display:block;
	text-align: center;
	font: bold 10pt sans-serif;
}

.debug_message {
	border-bottom: solid black 1px;
	font: 10pt Arial, Helvetica;
}