
/*Some Stylesheet Classes handling the general appearance of the Manual*/

	body			{
				background:url(../images/background.jpg);
				//background-color:#E6FFF0;
				font-family:sans-serif;
				font-size:12 pt;
				font-stretch:expanded;
				text-align:justify;
				}
	
	 h1			{
				text-align:center;
				margin-top:5%;
				}
	
	h2			{
				font-size:14pt;
				}
	
	h3			{
				font-size:12pt;
				}
	
	
	a:link			{
				text-decoration:none;
				}
	
	a:visited		{
				text-decoration:none;
				}
	
	a:hover			{
				color:red;
				}
	
	button			{
				background:url(../images/bgblue.jpg);
				border-width:2px;
				border-style:solid;
				border-color:black;
				}
	
	div.title p		{
				margin-top:2%;
				text-align:center;
				font-weight:bold;
				}
	
	div.foot		{
				margin-top:5%;
				}

	div.back		{
				margin-top:1%;
				font-weight:bold;
				text-align:center;
				}


	div.Image		{
				margin-top:2%;
				margin-bottom:2%;
				}

	div.Image td		{
				text-align:justify;
				width:360px;
				padding-left:10px;
				padding-right:10px;
				vertical-align:top;
				}
	
	div.Short_Dia		{
				margin-top:2%;
				margin-bottom:2%;
				}
	
	div.Short_Dia td	{
				padding-left:10px;
				padding-right:10px;
				vertical-align:top;
				}

	td.caption		{
				font-style:oblique;
				}
	
	div.caption		{
				font-style:oblique;
				}
	
	div.menu li		{
				font-weight:bold;
				margin-bottom:10px;
				}
	
	div.Selection_Buttons	{ 
				width:25%;
				text-align:center;
				margin-top:5px;
				margin-left:37.5%;
				margin-right:37.5%;
				z-index:2;
				}
	
	div.CommentBox		{
				position:absolute;
				width:30%;
				border-width:2px;
				border-style:solid;
				padding:10px;
				background:url(../images/bgblue.jpg);
				}
	
	div.Alphabet		{
				width:50%;
				margin-left:25%;
				margin-right:25%;
				text-align:center;
				}
	
	div.Alphabet table	{
				width:100%;
				}

	

	div.Map_Menu		{
				position:absolute;

				display:none;
		
				top:20%;

				width:50%;

				margin-left:25%;

				margin-right:25%;

				background:url(../images/bgwhite.jpg);
				border-width:2px;

				border-style:solid;

				padding:10px;

				}


/*Stylesheet Classes handling everything concerning the PopUps*/
	
	div.Popup		{
				position:absolute;
				border-width:2px;
				border-style:solid;
				background:url(../images/bgwhite.jpg);
				overflow:hidden;
				z-index:2;
				}	
	
	div.Caption_Area		{
				width:800px;
				text-align:justify;
				}
	
/*Stylesheet Classes concerning the Exercise Chapter*/
	
	div.Feedback		{
				position:absolute;
				top:100px;
				left:37.5%;
				border-width:2px;
				border-style:solid;
				/*padding:10px;*/
				background-image:url(../images/bgred.jpg);
				}

	div.Diagrams_Short td	{
				text-align:center;
				width:230px;
				vertical-align:bottom;
				}
	
	
	div.Overlay		{
				position:relative;
				width:100%;
				margin-top:5%;
				}
	
	div.Interaction		{
				position:relative;
				width:75%;
				left:12.5%;
				margin-top:5%;
				}		
