/*
 * -----------------------------------------
 * Other
 * -----------------------------------------
*/
	html, body
	{
		height: 100%;
		width: 100%;
		margin: 0px;
		padding: 0px;
		font-family: arial;
		font-size: 11px;
		background-color: #DDDDDD;
		min-height: 100%; 
		margin-bottom: 1px;

	}
	p
	{
		font-family:arial;
		margin: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size:11px;
	
	}
	.mini_glossary
	{
		font-family:arial;
		padding: 10px 10px 10px 10px;
		font-size:11px;
		background-color:#EEEEEE;
		border: 1px solid #CCCCCC;	
		color:#666666;
	}	
	.box_main
	{
		font-family:arial;
		padding: 10px 10px 10px 10px;
		font-size:11px;
		background-color:#EEEEEE;
	}	
	.box_right_hej
	{
		width:348px;  

		background-color:#eeeeee;
		padding: 10px 10px 10px 10px;
		margin: 0 0 0px 0px;
		border: 1px solid #CCCCCC;	
	}
		.box_right
	{
		width:160px;  
		float: right;
		background-color:#eeeeee;
		padding: 10px 10px 10px 10px;
		margin: 0 0 10px 10px;
		border: 1px solid #CCCCCC;	
		color:#666666;
	}
		.box_illustration
	{
	 
		float: right;
		padding: 10px 10px 10px 10px;
		margin: 0 0 10px 10px;

	}
	h1
	{
		font-family:arial;
		color:#CC0000;
		font-size:20px;
		font-weight:normal;
		padding: 0 0 0 0;
		margin: 0 0 0 0;

		} 
	h2
	{
		font-family:arial;
		color:#669900;
		font-size:22px;
		font-weight:normal;
		padding: 0 0 0 0;
		margin: 0 0 0 0;

		} 
	h3
	{
		font-family:arial;
		font-size:15px;
		color:#669900;
		padding: 0 0 0 0;
		margin: 0 0 -5px 0;

	} 
	
	h4
	{
		font-family:arial;
		font-size:13px;
		color:#CC0000;
		padding: 0 0 6px 0;
		margin: 0 0 0 0;
	}
	
	h5
	{
		font-family:arial;
		font-size:13px;
		font-weight:bold;
		color:#CC0000;
		padding: 0 0 0 0;
		margin: 0 0 1px 0;
	}
	
	hr
	{
	border: 1px solid gray;	
	height:1px;
	}
	
	hr.double
	{
	border: 1px solid gray;
	
	}
	
	a
	{
		font-family:arial;
		font-size: 11px;
		text-decoration:none;
		font-weight:bold;
		color:#99cc00;
	}
	
	a:hover
	{
			text-decoration: underline;
	}
	
	a:active
	{
		color: #666666;
		text-decoration: none;
	}
		
	iframe
	{
		padding: 0;
		margin: 0;
	}
	
	div.p
	{
		padding: 0 0 5px 0;
		margin: 0;
	}
			
	
	/* DIV POPUP BOX */
	div.popupPosition
	{
		width: 300px;
		height: 170px;
		position: absolute; 
		top: 170px; 
		left: 200px; 
		background-color: white;
		border: 1px solid black;
		overflow: hidden;
		z-index: 101;
	}
	div.paddedText
	{
		padding: 5px 10px 5px 10px;
		margin: 0;
	}
	
	img
	{
		border: 0;
	}
	
	.float_left
	{
		float: left;
	}
	
	.float_right
	{
		float: right;
	}
	
	
	
	.schoolMenuLink_locked
	{
		color: #cccccc;
		font-size: 11px;
		font-weight: normal;
	}
	a.schoolMenuLink_locked:hover
	{
		text-decoration: none;
	}
	
	.schoolMenuLink_unlocked
	{
		color: #999999;
		font-size: 11px;
		font-weight: normal;
		
	}
	.schoolPagingPrev_unlocked
	{
		color: #999999;
		font-size: 11px;
		font-weight: normal;
		float:left;
	}
	.schoolPagingNext_unlocked
	{
		color: #999999;
		font-size: 11px;
		font-weight: normal;
		float:right;
	}
	
	.schoolMenuHeader_unlocked
	{
		color: #669900;
		font-size: 13px;
		font-weight: bold;
		padding-bottom: 3px;
	}
	
	.schoolMenuHeader_locked
	{
		color: #999999;
		font-size: 13px;
		font-weight: bold;
		padding-bottom: 3px;
	}
	
	table.probabilities
	{
		width: 100%;
		border: 0px;
	}
	tr.probabilities_top
	{
		background: #c4ad98;
	}
	tr.probabilities_even
	{
		background: #f2eae3;
	}
	tr.probabilities_uneven
	{
		background: #e4d5c6;
	}