/* HTML */
body {
		background-color: #111;
		background-image: url('bg.gif');
		color: #0f0; 
		font-family: Courier New; 
		font-size: 1em; 
		direction: rtl; 
		text-align: right; 
		margin: 50px;
}
h1 {color: #eee; font-style: italic; margin-top: 0; text-align: center;}
img {border: 0px;}


/* Classes */

div.wrapper,
div.footer 	{width: 700px; margin: 20px auto; border: double 4px #888 ;padding: 30px; background-color: #000;}
div.header 	{text-align: center; color: #666;}
div.content {line-height: 1.25em; text-align: justify;}
div.footer 	{text-align: center !important; margin: 20px auto 0 auto; background-color: #022; border-color: #088;}

p.info {color: #f42; padding: 10px; border: solid 8px; border-color: #a42 #621 #411 #832; margin: 30px 0; font-weight: bold; background-color: #311;}

div.times table 			{color: #ff0; padding: 10px; border: solid 8px; border-color: #550 #330 #220 #440; font-weight: bold; background-color: #110; margin: auto; width: 100%;}
div.times table td, 
div.times table th 			{width: 200px; padding: 2px;}
div.times table td 			{font-weight: normal;} 
div.times table th 			{font-weight: bold;}
div.times table thead tr th	{font-weight: bold; color: #cc0; text-align: center;}
div.times table tbody tr td {vertical-align: top;}
div.times table tbody tr td, 
div.times table tbody tr th	{border: solid 1px #440; border-collapse: collapse; text-align: right;}

div.wrapper a:link{color: MediumSpringGreen; text-decoration: none;}
div.wrapper a:visited{color: MediumSpringGreen; text-decoration: none;}


/** Tooltip **/
span.tipped 				{position: relative; cursor: help; border-bottom: dashed 1px #444;}
span.tipped div.tip 		{display: none;}
span.tipped:hover div.tip	{display: inline; position: absolute; top: -250px; right: -150px; width:400px;}

span.tipped2 				{position: relative; cursor: help; border-bottom: none;}
span.tipped2 div.tip2 		{display: none;}
span.tipped2:hover div.tip2 {display: inline; direction: ltr; text-align: left; position: absolute; top: -100px; right: 100px; width:500px;}


/*** tooltip appearance ***/
div.tip 	{background: #033; border: dashed 2px #066; font-size: 0.9em; color: #8ff; padding: 10px; z-index: 100;}
div.tip h1 	{font-weight: bold; font-size: 1.2em; font-style: normal !important; text-align: right; color: inherit; margin: 0 0 1em 0;}
div.tip img	{margin: 5px 10px;}
div.tip a 	{color: #fff;}

div.tip2 {background: #033; border: none; font-size: 0.75em; color: #8ff; font-weight: bold;}