/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126  License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: normal;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of meyerweb reset CSS */

/* Some default styles from http://www.w3.org/TR/CSS2/sample.html */
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }
/* end of default styles */

/* Styles for tabbed navigation */
.adj {position: relative; top: 0.40em; font-weight: normal;}
ul.tabmenu {
	line-height: 1em;
	margin: 0 0 0 8px; padding: 0; /* font-size: 0; */
	list-style-type: none; 
	float: right;
}
ul.tabmenu li {display: block; float: left;
	width: 200px; height: 25px;
	position: relative;
	margin: 0 0 0 -8px; padding: 0;
	text-align: center;
}
ul.tabmenu li a	{color: black; text-decoration: none;}
ul.tabmenu li.tab {background: url(../tbc/tab.gif) no-repeat 0 0; z-index: 50;}
ul.tabmenu li:hover {background: url(../tbc/tab.gif) no-repeat 0 -25px; z-index: 50;}
ul.tabmenu li.sel {background: url(../tbc/tab.gif) no-repeat 0 -50px; z-index: 55;}

/* End of tabbed navigation */

/* Styles specific to TLC */
body {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #CCC; 
		counter-reset: figures;
		counter-reset: tables;}
figure {counter-increment: figures; display: table; width: 10px;} /* "display: table" allows figure to expand to width of content, forces text wrap. */
figure figcaption::before {
    content:"Figure " counter(figures) ". ";}
figcaption {font-size: 85%; font-style: italic; display: table-row;}
h1 {font-size: 180%; font-weight: bold; text-align: center; margin-bottom: 0.2em;}
h2 {font-size: 120%; font-weight: bold; text-align: left; font-style:italic;}
h3 {font-size: 110%; text-align: left;}
img.closer {position: absolute; top: 8px; right: 8px; cursor: pointer; overflow: visible;}
.italic {font-style: italic;}
select {min-width: 120px;}
table {text-align: center; vertical-align: middle;}
table.uprog {border: 1px solid gray; table-layout: fixed;}
table.uprog th {vertical-align: top; border-right: 1px solid gray;}
/* http://dabblet.com/gist/4072362 */
/* http://jsfiddle.net/SLkfR/ */
.vertical-text {
    -webkit-transform:  rotate(90deg);
	font-size: 80%;
	display: inline-block;
	overflow: visible;
	width: 1.2em;
	line-height: 4.4em;
	margin-top: -1.3em;
	white-space: nowrap;
	transform:  rotate(90deg);
	
}
/* This element stretches the parent to be square
   by using the mechanics of vertical margins  
.vertical-text-inner:after {
	content: "";
	display: block;
	margin: -1.5em 0 100%; 
} */

ul.toc {list-style-type: none;}
.bold {font-weight: bold;}
.center {text-align: center;}
.code {width: 80%; padding: 1em; border: 1px solid gray; border-radius: 5px; margin: 0 auto 1em auto; background-color: #eee;}
.gray {color: #999;}
.hanging {
    margin-top: 0px;
    margin-bottom: 0px;
    text-indent: -2em;
    margin-left: 2em;
}
.hidden {visibility: hidden; }
.inst {display: none; position:relative; top: 200px; left: 25px;}
.left {float: left; margin: 0.5em 1em 0.5em 0; border: 1px solid black;}
.plusone {position: absolute; right: 0px; top: 0px; background-color: white; border-radius: 5px; padding-left: 1em; padding-top: 3px; border: 1px solid black;}
.printonly {display: none;}
.reg {font-size: 200%; font-weight: bold; text-align: center; margin: 0;}
.right {float: right; margin: 0.5em 0 0.5em 0.5em; border: 1px solid black;}
.smallCaps {font-variant: small-caps;}
.strike {text-decoration: line-through;}
.update {font-size: smaller; font-style: italic;}
#container-800 {width: 800px; margin:auto; position: relative; }
#container-wide {width:  1350px; margin:auto; }
#copyright {position: relative; margin: 0.75em auto 0 auto; font-size: 80%; text-align: center; clear: both;}
#header {position: relative; right: 10px; margin: 1em auto 0 auto; overflow:hidden; }
#header h1 {font-size: 180%; font-weight: bold; text-align: center; margin-bottom: 0.2em;}
#main {margin: 0 auto; min-height: 750px; max-width: 800px; border: 1px gray solid; border-radius: 10px; padding: 1em; background-color: #FFF}
@media print {
	a:link          {color: black; text-decoration: none}
	a:active        {color: black; text-decoration: none;}
	a:visited       {color: black; text-decoration: none;}
	a.showurl:after {content:" [" attr(href) "] "; }  /* Doesn't work in IE 6 */
	body {background: #ffffff; 
		color: black; 
		margin: 0px; /* The standard margins are right when printing */
		font-size: 12pt;
		font-family: "Times New Roman", Times, serif; 
	}
	div#container-800 {width: 100%;}
	div#main {width: 100%;  max-width: none; border: none;}
	h1 {text-align: center; font-weight: bold; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 105%;}
	h2 {text-align: center; font-size: 100%; 
	   font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-style: italic;
	   display: inline;
	}
	p.author {font-size: 8pt;}
	pre.code {font-size: 10pt; margin-left: 50px;
			 font-family: courier, monospace}
	.ilc {font-size: 10pt; font-family: Courier, monospace}
	.nonprinting {display: none ! important;}
	.printonly {display: block;}
}