/* LESS VARIABLES */
.rounded-corners (@radius: 5px) {
	border-radius: @radius;
  	-webkit-border-radius: @radius;
  	-moz-border-radius: @radius;
}
/* ############## */

/* LESS VARIABLES */
.rounded-corners (@radius: 5px) {
	border-radius: @radius;
  	-webkit-border-radius: @radius;
  	-moz-border-radius: @radius;
}
/* ############## */

#glossary {
	top: -10000px;
	opacity: 0;
	position: absolute;
	left: 50%;
	width: 340px;
	background: #FFFFE4;
	.rounded-corners(3px);
	box-shadow:	0 4px 16px rgba(0,0,0, 0.2),
		  inset 0px 0px 30px rgba(0,0,0, 0.02);
	border: 1px solid rgba(0,0,0, 0.2);
	z-index: 1000;
	font-family: Octava;
	
	.triangle {
		position: absolute;
		-webkit-transform: rotate(45deg);
		width: 25px;
		height: 25px;
		background: #FFFFE4;
		left: 50%;
		margin-left: -12px;
		
		
		&.bottom {
			border-bottom: 1px solid rgba(0,0,0, 0.2);
			border-right: 1px solid rgba(0,0,0, 0.2);
			bottom: -14px;
		}
		&.top {
			border-left: 1px solid rgba(0,0,0, 0.2);
			border-top: 1px solid rgba(0,0,0, 0.2);
			top: -14px;
		}
	}
	.container {
		padding: 15px;
	}
	h3 {
		letter-spacing: 1px;
		padding-bottom: 8px;
		text-transform: none;
	}
	iframe, img {
		margin: 12px 0 0 0;
	}
}
#glossary-words {
	display: none;
}
span.glossary-word {
	background: url(../images/marker.png);
	background: #FFFFC2;
	cursor: help;
}