* {margin: 0;padding: 0;}

html 	{
	height: 100%; 
	margin-bottom: 1px; 
	font: 76%/1.6 Helvetica, Arial, Tahoma, 'Lucida Grande', Verdana, Sans-Serif; 
	color: #1b1c20; 
}

/** Example 1 **/
#example1 {border: dashed 2px #999999; padding: 15px; margin: 15px; }

#example1 a:link, a:active {color: #FF0000; text-decoration: none;}
#example1 a:hover {color: #FF0000; text-decoration: underline;}
#example1 a:visited {color: #990000; text-decoration: none;}

/** Example 2 **/
#example2 {border: dashed 2px #999999; padding: 15px; margin: 15px; }
	
#example2 a:link, a:active {color: #25A30A; text-decoration: none;}
#example2 a:hover {color: #25A30A; text-decoration: underline;}
#example2 a:visited {color: #25A30A; text-decoration: line-through;}


/** Example 3 **/
#example3 {border: dashed 2px #999999; padding: 15px; margin: 15px; }
	
#example3 a:link, a:active {color: #25A30A; text-decoration: underline;}
#example3 a:hover {color: #25A30A; text-decoration: none;}
#example3 a:visited {color: #FFFFFF; text-decoration: none;	background-color: #77B575;}
	

/** Example 4 **/
#example4 {border: dashed 2px #999999; padding: 15px; margin: 15px;}

#example4 a:link, a:active {color: #25A30A; text-decoration: underline;}
#example4 a:hover {color: #25A30A; text-decoration: none;}
#example4 a:visited {color: #888888; text-decoration: none;	background: url(visited-icon.gif) no-repeat 0% 50%; padding-left: 12px;}

/** Example 4.1 **/
#example41 {}

#example41 a:link, a:active {color: #25A30A; text-decoration: underline;}
#example41 a:hover {color: #25A30A; text-decoration: none;}
#example41 a:visited {color: #888888; text-decoration: none; background: url(visited-icon.gif) no-repeat 0% 50%; padding-left: 12px;}
#example41 a:visited:hover {color: #25A30A;	background: url(visited-icon-hover.gif) no-repeat 0% 50%;}	
	

/** Example 5 **/
#example5 {border: dashed 2px #999999; padding: 15px; margin: 15px;}

/** Example 5.1 **/
#example51 a:link, a:active {color: #25A30A; text-decoration: underline;}
#example51 a:hover {color: #25A30A; text-decoration: none;}
#example51 a:visited {color: #25A30A; text-decoration: underline;}
#example51 a:visited:before {color: #25A30A; text-decoration: underline; content: "(ok) ";}

/** Example 5.2 **/
#example52 a:link, a:active {color: #25A30A; text-decoration: underline;}
#example52 a:hover {color: #25A30A; text-decoration: none;}
#example52 a:visited {color: #25A30A; text-decoration: underline;}
#example52 a:visited:after {color: #25A30A; text-decoration: underline; content: " (ok)";}

/** Example 5.3 **/
#example53 a:link, a:active {color: #25A30A; text-decoration: underline;}
#example53 a:hover {color: #25A30A; text-decoration: none;}
#example53 a:visited {color: #25A30A; text-decoration: none;}
#example53 a:visited:before {color: #25A30A; text-decoration: none; content: "\221A\00A0";}

/** Example 5.4 **/
#example54 a:link, a:active {color: #25A30A; text-decoration: underline;}
#example54 a:hover {color: #25A30A; text-decoration: none;}
#example54 a:visited {color: #25A30A; text-decoration: none;}
#example54 a:visited:before {color: #25A30A; text-decoration: none; content: "(ok) "; text-transform: uppercase; font-size: 10px;}

/** Example 5.5 **/
#example55 a:link, a:active {color: #25A30A; text-decoration: underline;}
#example55 a:hover {color: #25A30A; text-decoration: none;}
#example55 a:visited {color: #25A30A; text-decoration: underline;}
#example55 a:visited:after {color: #25A30A; text-decoration: underline; content: " (ok)";}
#example55 a:visited:hover:after {color: #FF0000; text-decoration: underline; content: " (allready read!)";}