/* global white-space reset */
* {padding: 0; margin: 0;}

p,dl {margin: 1.618ex 0;}
dd, li {margin-left: 1em;}
input, select, textarea {padding: 1px 0;}
h1 {margin: 1em 0 1em .5em; color: #036;}
h2, h3, h4, h5, h6 {margin-top: 1em;}

img {border: none;}
acronym {cursor: help;}

a:link {color: #036;}
a:visited {color: #666;}
a:hover {color: #f60;}
a:active, a:focus {color: #f00;}

a:hover span.accesskey {text-decoration: underline;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

.hide {
	overflow: hidden;
	visibility: hidden;
	display: none;
	clear: none;  
}
.error, span.required {color: red;}
.right {text-align: right;}
.center {text-align: center; margin-left: auto; margin-right: auto;}
.top {vertical-align: top;}
.grow {width: 100%; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0;}
strong, .strong {font-size: larger; font-weight: bolder; font-style: normal;}
em {font-size: 100%; font-weight: bolder; font-style: normal;}
.em {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 1ex 2em;
	line-height: 140%;
}
.small {font-size: smaller;}
.fixme {
	padding: 1em;
	color: #900;
	background-color: yellow;
}

div.error-message {
	border: 1px dotted #c00;
	color: #900;
	font-size: larger;
	padding: 2px 8px;
	margin: 1ex 0;
}

div.example {
	margin-left: 2em;
	padding: 0 1em;
	border: 1px dotted #ccc;
}

.plain {text-decoration: none;}
.plain:hover {text-decoration: underline;}