/*
 --------------------------------------------------------------------------- */

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;
}
h1
{
	font-size: 240%;
}
h2
{
	font-size: 180%;
}
h3
{
	font-size: 140%;
}
h4
{
	font-size: 100%;
}
h5
{
	font-size: 70%;
}
h6
{
	font-size: 50%;
}
a, a:link, a:visited, a:active
{
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}
img
{
  border: 0px;
}
code, pre
{
	/* Make sure we're all using the same monospaced font for CODE
	 * and PRE elements
	 */
	font-family: "Courier New", Courier, monospace;
}
label
{
	/* It's all about the visual feedback. In this case, label 
	 * elements are usually clickable which then set focus on
	 * their target. I want to show that to the user in a manner
	 * they are used to and understand.
	 */
	cursor: pointer;
}

table
{
	font-size: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
}
td, th
{
	vertical-align: top;
  padding: 0px;
  border: 0px none;
}
body
{
	/* I've seen several comments that setting the base font size to 100.1%
	 * fixes some browser bugs. Which bugs? I don't know. I believe it's
	 * to fix some rounding-error bugs that some browsers (Mozilla) are
	 * prone to. It doesn't hurt anything, so I keep it here.
	 */
	font-size: 100.1%;
}

/*
 --------------------------------------------------------------------------- */

div#scrollbar-show
{
  position: absolute;
  top: 0;
  bottom: -0.1px;
  width: 1em;
  z-index: -1;
}

div#scrollbar-show-disable
{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  z-index: -1;
  display: none;
}

a.nodots, input.nodots
{
  outline-color: invert;
  outline-style: none;
  outline-width: medium;
}