/* ----- Global ----- */

html {
  	height: 100%;
  	}

body {
  	min-height: 100%;
  	-webkit-font-smoothing: antialiased;
  	font-smoothing: antialiased;
  	text-rendering: optimizeLegibility\9;
  	font-family: 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
  	font-size: 100%;
  	}

h1, .h1 {
  	font-size: 2.5em;
  	line-height: 1.2em;
    margin-bottom: 0.5em;
  	}

h2, .h2 {
  	font-size: 2em;
  	line-height: 1.2em;
    margin-bottom: 0.5em;
  	}

h3, .h3 {
  	font-size: 1.5em;
  	line-height: 1.2em;
    margin-bottom: 0.5em;
  	}

h4, .h4 {
  	font-size: 1.2em;
  	line-height: 1.2em;
    margin-bottom: 0.5em;
  	}

p,
pre {
  	margin: 0 0 1em;
  	}

.element-invisible {
	display: none;
	}

strong {
	font-weight: bold;
	}


/* ----- Lists ----- */

#content-area ul {
    list-style: square outside;
    margin-bottom: 1em;
    margin-left: 1em;
	}

#content-area ol {
	list-style: decimal outside;
	margin-bottom: 1em;
    margin-left: 1em;
	}

#tabs ul li,
#tabs ol li {
	padding-left: 0;
	text-indent: 0;
	}


/* ----- Links ----- */

a {
  	text-decoration: none;
  	}

a:link,
a:visited {}

a:active,
a.active {}

a:hover,
a:focus {
  	text-decoration: underline;
  	}

/* Addresses outline displayed oddly in Chrome */
a:focus {
  	outline: thin dotted;
  	}

/* Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
  	outline: 0;
  	}

/* Generic styles for links */

ul.links {
  	margin: 0;
  	padding: 0;
  	}

ul.links.inline {
  	display: block;
  	}

ul.links li {
  	display: inline;
  	list-style: none;
  	padding: 0 10px 0 0;
  	}

ul, ol {
  	margin-left: 0;
  	padding-left: 0;
  	}


/* ----- Form Input ----- */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
	}


/* ----- Tables ----- */

table {
  	width: 100%;
  	margin: 0px 0px 20px;
  	}

table th,
table td {
  	vertical-align: middle;
  	}


/* ----- Skip Navigation ----- */

#skip-link {
  	position: absolute;
  	display: block;
  	}

#skip-link a,
#skip-link a:link,
#skip-link a:visited {
  	position: absolute;
  	display: block;
  	left: -10000px;
  	width: 1px;
  	height: 1px;
  	}

#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  	position: static;
  	width: auto;
  	height: auto;
  	}