/* Hints ============================================================== */

	/* KashmaNiaC.com.au 2010 uses many 'hints' which are activated by Javascript. I wanted to make them a little
	   more friendly and consistent (design-wise) than the typical browser-driven hint systems and thus here goes
	   some pretty complex CSS-work to adapt to their overall complexity and scalability */
   .hint {
   		min-width: 200px;

		padding: 46px 74px 72px 36px;
		position: absolute;
		
		z-index: 500;
		
		display: none;
		visibility: hidden;
		
		/*opacity: 0.0;*/
		/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
		/*filter: alpha(opacity=0);*/

	}
	
	.hintTL {
		width: 36px;
		height: 46px;
		position: absolute;
		top: 0px;
		left: 0px;
		
		z-index: 100;
	}
	
	.hintTop {
		height: 46px;
		
		background-image: url(../images/hintTop.png);
		background-position: left top;
		background-repeat: repeat-x;		
		position: absolute;
		
		top: 0px;
		left: 36px;
		right: 74px;
		z-index: 101;
	}
	
	
	.hintTR {
		width: 74px;
		height: 46px;
		
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 102;
	}
	
	.hintLeft {
		background-image: url(../images/hintLeft.png);
		background-position: left top;
		background-repeat: repeat-y;
		
		width: 36px;
		
		position: absolute;
		left: 0px;
		top: 46px;
		bottom: 72px;
	}
	
	.hintBody {
		background-color: #FFFFFF;
		color: #1E1E1E;
		overflow: auto;
	}
	
	.hintBody h3 {
		font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
		font-size: 14pt;
		color: #1E1E1E;
	}
	
	.hintBody p {
		font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
		font-size: 10pt;
		color: #1E1E1E;
		
		line-height: 125%;

		font-weight: 100;
	}
	
	.hintBody img {
		margin-right: 4px;
	}

	strong {
		font-weight: bold;
	}
	
	.hintRight {
		background-image: url(../images/hintRight.png);
		background-position: right top;
		background-repeat: repeat-y;
		
		width: 74px;
		
		position: absolute;
		right: 0px;
		top: 46px;
		bottom: 72px;
	}

	.hintBL {
		width: 36px;
		height: 72px;
		
		position: absolute;
		left: 0px;
		bottom: 0px;
	}
	
	.hintBottom {
		height: 72px;
		
		background-image: url(../images/hintBottom.png);
		background-position: left bottom;
		background-repeat: repeat-x;
		
		position: absolute;
		left: 36px;
		right: 74px;
		bottom: 0px;
	}
	
	.hintBR {
		width: 74px;
		height: 72px;
		
		position: absolute;
		right: 0px;
		bottom: 0px;
	}
	
	/*
	© Kashi Samaraweera 2009 | KashmaNiaC.com.au
	*/