/*********************************************************************************
 * Basic font control based on Owen Briggs' work at 
 * http://www.thenoodleincident.com/tutorials/typography/
 *
 * simple styles for simple browsers. primarily nn4. make sure everything 
 * in here is overridden in the real css
 ***********************************************************************************/

/*ie4.5mac has problems with this. it makes text small, and the nested list is impossibly small, even when user increases to largest. solution? ignore it. you will go nuts trying to serve different styles to nn4 and ie4.5mac. either give them both plain xhtml, or style for nn4 at the slight inconvenience of the few, or zero, remaining ie4.5mac users.*/

body, h1, h2, h3, h4, h5, h6,ol, ul, li, p {
	font-family: helvetica, verdana, arial,  sans-serif;
	color: #000;
	}
		
/*typography*/
/*
a:link {
}
a:visited {
}
a:active {
}
a:hover {
	/*hover doesn't work in nn4*//*
}
*/

h1 {
	font-size: 140%;
	font-weight: normal;
}

h2 {
	font-size: 120%;
	font-weight: normal;
}

h3 {
	font-size: 100%;
	font-weight: normal;
}

h4 {
	font-size: 80%;
	font-weight: bold;
}

h5 {
	font-size: 70%;
	font-weight: bold;
}

h6 {
	font-size: 64%;
	font-weight: bold;
}

img {
	border: 0;
}

ol, ul, li {
	font-size: 80%;
	line-height: 120%;
}

p {
	font-size: 80%;
	line-height: 110%;
}

pre {
	font-family: monospace;
	font-size: 80%;
}

strong, b {
	font-weight: bold;
}
	
.announcement {
  margin: 20px 10px 10px 10px;
  border: solid 2px #005ea2;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  background-color: #5ce0b4;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}

@media all { /* Hide from NN4 */
	
	body {
		font-family: helvetica, verdana, arial,  sans-serif;
		font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
		/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
		color: #000;
		background-color: #fff;
	}

	* html td { /* IE only */
	  /* IE 5.x doesn't inherit body into td */
		font-size: 76%;
		f\ont-size: 100%; /* reset IE 6+ */
	}

	* html td td { /* IE only */
	  /* IE 5.x doesn't inherit body into td */
	  /* Protected nested tables from above fix */ 
		font-size: 100%;
	}

	/*typography*/
	/*
	a {
	}
	a:link {
	}
	a:visited {
	}
	a:active {
	}
	a:hover {
		text-decoration: underline;
	}
	*/

	h1 {
		font-size: 1.5em;
		font-weight: bold;
	}
		
	.breakout h1 {
	  font-size: 1.15em;
	}

	h2 {
		font-size: 1.25em;
		margin: 1.2em 0em 1.2em 0em;
		font-weight: bold;
	}

	h3 {
		font-size: 1.25em;
		 margin: 1.2em 0em 1.2em 0em;
		font-weight: normal;
	}

	h4 {
		font-size: 1.2em;
		margin: 1.2em 0em 1.2em 0em;
		font-weight: bold;
	}

	h5 {
		font-size: 1.0em;
		margin: 1.2em 0em 1.2em 0em;
		font-weight: bold;
	}

	h6 {
		font-size: 0.8em;
		margin: 1.2em 0em 1.2em 0em;
		font-weight: bold;
	}

	img {
		border: 0;
	}

	ol, ul, li {/*
		list-style: none;*/
		font-size: 1.0em;
		line-height: 1.5em;
		margin-top: 0.2em;
		margin-bottom: 0.1em; 
	}

	p {
		font-size: 1.0em;
		line-height: 1.3em;
		margin: 1.2em 0em 1.2em 0em;
	}

	li > p {
		margin-top: 0.2em;
	}

	pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
		font-family: monospace;
		font-size: 1.0em;
	}
	
	strong, b {
		font-weight: bold;
	}
}

/********************************/
/* Done with Basic font control */
/********************************/

@media print {
	body, h1, h2, h3, h4, h5, h6,ol, ul, li, p, td {
		font-family: "Times New Roman", Times, serif;
	}

	body,td { /* Does this really need td? Should it be IE 5 only? */
		font-size: 14px; /*10pt;*/
  }
	
	.noprint {
	  display: none;
	}
}


body {
  text-align: center;
}

#body {
  border: none; /* force NN4 to respect div width */
  text-align: left;
	/*border: thin solid red;
	background: yellow;*/
	width: 640px;
	margin: 0px auto;
}

@media print {
  #body {	
	  width: 100%;
		margin: 0px;
  }
	
	* html #body { /* IE only */
		/* IE 5.5 cuts off the right text when printing width 100%, so reduce it */
	  width: 85%;
		/*border: thick solid black;*/
		/* Reset IE 6+ */
	  w\idth: 100%;
		b\order: none;
	}
}

#content {
  /*background: yellow;*/
}

.issuecover {
  /* No special instructions yet, but provide class to IDE */
}
.technote {
  /* No special instructions yet, but provide classto IDE */
}
.article {
  /* No special instructions yet, but provide class to IDE */
}

a:link, a:visited, a:active {
  color: #476B47;
}

a:hover {
  color: #5a905a;
}

.technote h1 {
  /*font-size: 1.3em;*/
}

/* Actions within tech notes */
h1 span.actions {
  display: block;
  font-size: 85%;
	margin-top: 1em;
}

/* Actions in articles */
div.actions {
  /*font-size: 90%;*/
	font-weight: bold;
	margin: 1em 0px 1em 0px;
}

.technote div.actions {
  padding: 0px;
	margin: 0px;
}

.actions span.status {
  font-weight: normal;
}


span.id {
  margin-top: 0px;
  font-size: 1.3em;
}

 .id a:link, .id a:active, .id a:visited { 
  color: #000; /*#223322;*/
  text-decoration:none 
}

/* Formatting for registration, copyright and trademark icons */
span.registered {
	font-family: Century,"Times New Roman", Times, serif;
}

@media print {
  span.registered {
	  vertical-align: super;
		font-size: smaller;
	  text-decoration: none; /* if mark is in an anchor, don't underline it */
	}
}

/************************************/
/* Header and footer (green blocks) */
/************************************/
div.header {
 color: #000; /*#223322;*/
 font-family: arial,helvetica,sans-serif;
 width: 100%;
 padding: 0px;
 margin: 0px 0px 8px 0px;
 clear: both;
}

.header a:link, .header a:active, .header a:visited { 
  color: #000; /*#223322;*/
	text-decoration:none 
}

.header a:hover { 
  color: #000000;
	text-decoration: underline; 
}

.header table {
 border: 1px solid black;
 background-color: #669966;
 width: 100%;
}

.header td {
 color: #000; /*#223322;*/
 font-size: 8pt;
 font-weight: bold;
}

.header .title td {
	vertical-align: top;
	font-size:12px;
}



@media print {
	.header td {
	  font-size: 7pt;
	}
	
  .header .title td {
	  font-size: 8pt;
	}
}

@media all { /* Hide from NN4 */
	.header .title div {
		padding: 5px 0px 0px 16px;
	}
}

#titleCell {
  padding: 9px 5px 5px 18px;
}

#titleImage {
  display: block;
}

#titleText {
  display: none;
	font-size: 18pt;
	color: black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px;
}

@media print {
  /* Use text rather than image in print to bet better resolution */
	#titleImage {
		display: none;
	}
	
	#titleText {
		display: block;
	}
	
	.header .title div {
		padding: 0px 0px 0px 16px;
	}
}

.header tr.search form {
  display: inline;
}

#searchInput {
  background-color:#cfc2c2; 
	margin: 1px 0px 2px 0px; /* 0.25em 0px 0.35em;*/
	padding: 0px;
	/*border-color: #000000;
	border-width: 1px;*/
}

#searchGo {
  font-weight: bolder; 
	background: #669966; 
	padding: 0px;
	margin: 1px 1em 2px 0px;
	font-size: smaller;
	/*border-width: 1px; 
	border-color: #000000;*/
}


@media print {
  .header .grid tr.search {
	  display:none;
	}
}

.header .grid td {
 padding-left: 4em;
 border-bottom: 1px solid #112111; /*#223322;*/
}

.header .gridNext {
  text-align: right;
}

.header td.gridBottomLeft {
  padding-left: 20px; 
}

.header .gridBottomRight {
  text-align:right;
}

.header .issueDateMenu {
  padding-right: 25px;
  font-size: 1.1em;
}

.header .issueNum {
  font-size: 1.1em;
}
.header .homeMenu {
  /* currently no style */
}

.header .issuesMenu {
  padding-left: 45px;
}

.header .indexMenu {
  padding-left: 45px;
}

@media all { /* Hide from NN4 */
	.header .grid td {
	 padding: 0px 15px 0px 10px;
	 letter-spacing: 2px;
	}
}


@media all { /* Hide from NN4 */

	.shadow_bottom {
		background: url('new_tb_graphics/shadow_bottom.gif') no-repeat left bottom;
		width: 100%;
	}
	
	.shadow_right {
		background: url('new_tb_graphics/shadow_right.gif') no-repeat right top
	}
	
	.shadow_corner {
		padding: 0px 9px 12px 0px;
		background: url('new_tb_graphics/shadow_corner.gif') no-repeat right bottom;
	}
}

/*
.TEXT2 {
    font-size:11pt;
    font-weight:bold;
    line-height: 12pt;
}

.TEXT {
    font-size:9pt;
    line-height: 10pt;
}
*/

div.footer {
  width: 100%;
  text-align: center;
}

.breakout .readersH1 {
 border-bottom: 2px solid #112111;
 font-size: 12px;
 padding: 0px 2px 2px 4px;
}

/***************************************/
/* Break out for Technical Notes links */
/***************************************/

.breakout {
  width: 33%;
	float:right; 
  text-align: left;
	/* Always sans-serif, even in print */
	font-family: helvetica,arial,sans-serif;
	padding: 0px 0px 1em 1em;
}

* html .breakout { /* IE only */
  /* Adjust for IE 5.x box model */
  width: 33%;
	width: 33%; /* Reset IE 6+ */
}

.breakout .status {

  /* Warning: This interacts with .articleList h1.articlesBox  */
	
  /* Match H1 size so the box will be the same height */
	/* as the box surrounding the "Articles:" heading   */
  font-size: 1.5em; 
	font-weight: bold;
  height: 2em;
	margin: 0px;
	padding: 0px;
	/*background-color: yellow;*/
}

.breakout .status p {
  /* Reverse the fake H1 size */
  font-size: 0.58em;
	font-weight: normal;
	text-align: center; 
	margin: 0px;
	padding: 0px 0px 2px 0px; 
	/*background-color: #00FFFF;*/
}

#printLink {
  font-size: 0.7em;
}

@media print {
  .breakout .status p {
  	display: none;
  }
}

.breakout h1 {
  margin-top: 0.5em;
}

.breakout .notesTOC {
  border: 2px outset white; 
	padding: 0px;
}

.breakout .notesTOCInner {
  border: 2px inset white; 
	margin: 1px;
	padding: 0px 0px 0px 0px;
}
.breakout .notesTOCInner p {
	padding: 0px 0px 0px 4px;
}
.breakout td {
	padding: 5px 10px 0.8em 10px;
}

.breakout a:link, .breakout a:visited, .breakout a:active { 
	text-decoration: none;
}

.breakout a:hover { 
	text-decoration: underline;
}

.breakout h1 a:link, .breakout h1 a:visited, .breakout h1 a:active {
  font-weight: bold;
}

.breakout .notesTOC p {
  margin-top: 0px;
  line-height: 1.1em;
}

.breakout .notesTOC a:link, .breakout .notesTOC a:visited, .breakout .notesTOC a:active { 
  color: #000000;
}

.breakout .notesTOC a:hover { 
  color: #5a905a;
}


/****************************/
/* Back to top divider link */
/****************************/

div.topOfPage {
    text-align: center;
		vertical-align: middle;
		/*width: 100%;*/
		margin: 1em 0px 2em 0px;
}

.topOfPage img {
   width: 50px;
	 height: 1px;
}

@media all {
	.topOfPage img {
		vertical-align: middle;
		margin: 0px 1em 0px 1em;
	}
}

@media print {
  div.topOfImage {
		margin: 1em 0px 1em 0px;
	}

  .topOfPage a {
	  display: none; 
	}
	
	.topOfPage img {
	  width: 10%;
		margin: 1em 0.5em 1em 0.5em;
	}
}


/****************************/
/* Issue completion notice  */
/****************************/

div.complete {
	margin: 2em auto 1em auto; 
	width: 100%; 
  clear: both; 
	text-align:center;
}



.editorsnote {
  font-size: 90%;
}

.authors {
  font-weight: bold;
}

.divide {
  width: 80%;
	height: 1px;
}

.citation {
  font-style: italic;
}


/************************************/
/* Articles list on the issue cover */
/************************************/

div.articleList {
  /*background: orange;*/
}

.articleList h1.articlesBox {
  /* Warning: This interacts with .breakout .breakout .status */
  height: 1em;
  margin: 0px;
  padding: 0px;
  font-size: 1.5em;
}

.articleList dl {
  margin-top: 0px;
}

.articleList dt {
  /*background-color: green;*/
  margin-top: 0px;
  font-size: 1.3em;
  font-weight: bold;
}

.articleList span.articleEntry {
  margin-top: 0px;
}

.articleList span.articleEntry  a:link, .articleList span.articleEntry  a:active, .articleList span.articleEntry  a:visited { 
	text-decoration:none;
	color: #000;
}

.articleList span.articleTitle {
  margin-top: 0px;
  font-size: 1.3em;
  font-weight: bold;

}

.articleTitle a:link, .articleTitle a:active, .articleTitle a:visited { 
  color: #000; /*#223322;*/
  text-decoration:none 
}

@media all { /* Hide from NN4 */

	.articleList dt {
		margin: 0px;
	}
	
	.articleList dd {
		margin: 0.25em 0px 1.2em 1.85em;
	}
}

.articleList a.go {
  display: block;
	/*font-size: smaller;*/
}
 
@media print {
  .articleList a.go {
    display: none;
	}
}


/***********/
/* Article */
/***********/

.article h1 {
  font-size: 1.8em;
  margin: 0.75em 0em;
	padding: 0px;
}

.article h2 {
  font-size: 1.2em;
  margin-bottom: 0.1em;
}

.article p {
  margin-top: 0.1em;
}

p.first {
  margin-top: 1em;
}

img.initcap {
  float:left;
}

h2.initcap {
  margin-top: 0px;
}

@media print {
  img.initcap {
	  /* ColdFusion PDF/FlashPaper generator needs margin to push down image */
		margin-top: 0.4em;
	}
}	

span.initcap {
	color: orange; /* obnoxious color to catch errors */
  display: none;
}

@media speech {
  /* Let screen readers recognize this letter */
	span.initcap {
		display: inherit;
	}
}

.figure {
  margin: 1em auto 1.5em auto;
	text-align: center;
}

.figure img {
  display: block;
}

.figure p {
	font-weight: bold;
	font-size: 0.85em;
  margin: 0px;
}

.figure p.editorsnote {
	font-weight: normal;
  margin-top: 0.8em;
}

.figure>a {
  color: black;
}

/************************/
/* New Journals listing */
/************************/

.article .newjournals h2 {
  font-size: 1.35em;
	margin-bottom: 1em;
}

.article .newjournals h3 {
  font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0.13em;
}


/******************************************************/
/* Document Footer (for cfdocument generation of PDF) */
/******************************************************/

#documentFooter {
	/*background-color: yellow;*/
	/*border-top: 1px dotted gray;*/
}

.hidden {
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
  }
  
#skip, .skip, .skipnavigation {
      position:absolute;
      left:0px;
      top:-500px;
      width:1px;
      height:1px;
    overflow:hidden;
    }
    
table#sidebar {margin-left:10px;}