body {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.4em;background-color: #5a584d;
	margin: 0px;
	padding: 0;
	
}

p.dots {border-style: dotted; } 

.title {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 18px;
}

.proxy { border: 1px dotted black; }

h2 { padding: 5px; margin: 5px; border-bottom: 2px solid #bbb; line-height: 7px; font-size: 14px; margin-top: 20px; margin-bottom: 0px; color: #333; }

.playground { background: #fff; margin-left: 5px; margin-right: 5px; position: relative; padding: 10px; }

.example { width: 200px; height: 100px; background: #fff; position: relative; }

.text {
	font-size:12px;
	color:#FFFFFF;
}
 
a {color:#006699; text-decoration: none;} 

a:hover {color: #FF3300; text-decoration: none;}

a:active {color: #006699; text-decoration: none; }

a:visited { color: 006699; text-decoration: none; }


img {border: 0;}

table.greydots { border-color: rgb( 204, 204, 204); border-style: dotted; } 

.indexgreybox  {WIDTH: 290px; margin:0px auto; TEXT-ALIGN: left; PADDING:10px; BORDER: 1px solid #808080; LINE-HEIGHT: 160%;color:black; background: white;}

.raftinggreybox  {WIDTH: 290px; margin:0px left; TEXT-ALIGN: left; PADDING:5px; BORDER: 1px solid #808080; LINE-HEIGHT: 160%;color:black; background: whitesmoke;}

.datesgreybox  {WIDTH: 200px; margin:0px left; TEXT-ALIGN: left; PADDING:10px; BORDER: 1px solid #808080; LINE-HEIGHT: 160%;color:black; background: whitesmoke;}

.header_center  {margin:0px auto; }

a.white:link {color: #ffffff; text-decoration: underline;}

a.white:hover {color: #ff3300; text-decoration: none;}

a.white:active {color: #ffffff; text-decoration: none; }

a.white:visited { color: ffffff; text-decoration: none; }