/* CSS Document */

				/* ----------------------------------------------------------------*/
				/* ------------ FORM CONTAINER - CSS - for sortable table----------*/
				/* ----------------------------------------------------------------*/
				
				#formContainer { /* form container */
					margin: 15px 0 0 5px;
					padding: 0px 5px 15px 5px;
					width: 400px;/*620px*/
					height: auto;
					overflow: auto;
					/*border: medium solid #0099FF;*/
				}
				
				/* --------------------------------*/
				/*styles for the table on this page*/
				/* --------------------------------*/
				
				.striped {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 0.6em;
					color: #666666;
					background-color: #FFFFFF;
					background-image: url(../images/navigation/diary_background2.jpg);
					height: 100px;
					width: 370px;/*590px*/
					overflow: scroll;
					margin: 15px;
					padding: 0px;
					border-top-style: none;
					border-right-style: none;
					border-bottom-style: none;
					border-left-style: none;
					background-attachment: fixed;
					background-repeat: repeat;
					background-position: -70px 115px;
				}
				
				.striped table {
				/*	border-right: 1px solid #A7A37E;
					border-bottom: 1px solid #A7A37E;*/
				}
				.striped td, th {
					font-size: 1.2em;
					/*padding: 3px;*/
					font-family: Arial, Helvetica, sans-serif;
					color: #666666;
				}
				.striped  th {
					font-weight: bold !important;
					padding-top: 4px;
					border-top-style: none;
					border-bottom-style: none;
					border-left-style: none;
					border-right-style: none;				/*	background-image: url(images/navigation/diary_header.jpg);
					background-repeat: no-repeat;*/
				}
				.striped  td {
					border-bottom-width: 1px;
					border-bottom-style: solid;
					border-bottom-color: #CCCCCC;
					border-top-style: none;
					border-right-style: none;
					border-left-style: none;
					padding: 0px 5px 5px 5px;
					/*height: 30px;*/
				}
				.striped .even {
				/*	background-color: #FF66FF;*/
				/*	background-image: url(images/navigation/diary_rows.jpg);	*/
				}
				
				.striped .highlight {
					background-color: #FFFFFF!important;
					background-image: none;
					color: #000000;
					filter:alpha(opacity=60);/*60*/
					opacity: 0.60;/*0.60*/					
				}
				
				/* related to table sorter */
				
				.sortable th {
					cursor: pointer;
					font-family: "Times New Roman", Times, serif;
					font-size: 2em;
					color: #FFFFFF;
					border-top-style: none;
					border-right-style: none;
					border-bottom-style: none;
					border-left-style: none;
				}
				
				th.headerSortDown {
					background: #A6B8C2 url(images/navigation/darrowdown.gif) no-repeat 98% 7px;
				}

				th.headerSortUp {
					background: #A6B8C2 url(images/navigation/darrowup.gif) no-repeat 98% 5px;
				}
				
				
				
				.striped a {
					font-family: "Times New Roman", Times, serif;
					font-size: 1em;
					color: #00FFFF;
					font-weight: bold;
					text-decoration: none;
					padding: 3px;
				}
				
				.striped a:hover
				 {
					font-size: 1em;
					color: #000000;
					padding: 1px;
				}
				
				
				.striped .linkCell {
					background-color: #7E3928;
					padding: 5px;
					width: 40px;
					height: 25px;
				}
				
				.striped .linkCell a{
					font-family: Arial, Helvetica, sans-serif;
				/*	font-size: 2em;*/
					font-weight: bold;
					color: #FEDA7A;
				}
				
				.striped .linkCellExt {
					background-color: #7E3928;
					padding: 5px;
					width: 40px;
					height: 25px;
				}
				
				.striped .linkCellExt a{
					font-family: Arial, Helvetica, sans-serif;
				/*	font-size: 2em;*/
					font-weight: bold;
					color: #FEDA7A;
				}				
				
				.striped .highlightlinkCell {
					background-color: #FFFFFF;
				}
				
				.striped .StripImg {/* images within the listings*/
					width: 55px;
					/*height: 55px;*/
					margin: 5px;
					padding: 5px;
					border: thin solid #999999;
					background-color: #000000;
				}
				
				.striped .StripImgCell {/* images within the listings*/
					width: 55px;
					/*height: 55px;*/
				/*	margin: 5px;*/
					padding: 5px;
					background-color: #000000;
				}
				
				
				
				.striped .heading {/* images within the listings*/

					padding: 5px 0px 5px 5px;
					margin: 0px 0px 15px 0px;
					font-family: Arial, Helvetica, sans-serif;
					/*color: #FFF282;*/
					/*background-color: #7E3928;	*/
					color: #7E3928;
					text-decoration: none;
					text-transform: lowercase;
					font-size: 1.6em;
					font-weight: bold;
					text-align: left;	
					letter-spacing: 1px;
					line-height: 24px;
	
	
				}
				
				.striped .headingrow {
				/*	background-color: #000000;*/
/*					border-top-style: none;
					border-bottom-style: none;
					border-left-style: none;
					border-right-width: 1px;
					border-right-style: solid;
					border-right-color: #FFFFFF;	
					background-image: url(images/navigation/diary_header.jpg);
					background-repeat: repeat;
					background-position: left top;*/
				}
				


				/* ------------------------------------------ */
				/* --- subsection (eg act) tabs container --- */
				/* ------------------------------------------ */


				

				.jumpmenu {
					background-color: #FFCC99;				
				
				}
				
				#recordsetNavContainer {
					position: relative;
					width: 260px;
					height: 20px;
				/*	background-color: #7E3928;*/
					margin: 15px 0 0 5px;
					color: #FFF282;
				}
				
				#recordsetNavContainer p{
					position: absolute;
					top: 0px;
					left: 260px;
					display: block;
					height: 20px;
					width: 220px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #FFF282;
					padding: 5px;
					z-index: 10;
				}				
				
				#recordsetNavContainer ul{
					position: absolute;
					top: 0px;
					left: 15px;
					height: 20px;
					/*padding: 2px;*/
					width: 390px;
					/*border: thin solid #000000;*/
					background-color: #7E3928;
					z-index: 5;
					padding-top: 5px;
					padding-right: 0;
					padding-bottom: 0;
					padding-left: 5px;
							}		
				#recordsetNavContainer li{/* link not active */
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					width: 50px;
					color: #EEAC48;
					float: left;
					padding-top: 1px;
					padding-right: 5px;
					padding-bottom: 1px;
					padding-left: 5px;
				}		
				#recordsetNavContainer a{
					padding: 1px 5px 1px 5px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #FFF282;
					text-decoration: none;
					/*border: thin solid #000000;	*/					
				}
				
				
				
				
				
				
				
				/* --------------------------------------------*/
				/* --- css for GREYBOX window -----------------*/
				/* --------------------------------------------*/
				
				
				/* customizable settings */
				
				/* settings for window where page loads */
				#GB_window {
					border: 3px solid #7E3928;
					background-color: #FEE89F;
				}
				
				/* settings for caption */
				#GB_caption {
					font: 12px bold helvetica, verdana, sans-serif;
					color: #fff;
					background: #000 url(chapter08/greybox/close2.gif) no-repeat right center;
					padding: 2px 0 2px 5px;
				}
				
				/*overlay for all but Mac FF*/
				.GB_overlayBG {
				  	background-color:#000;
					filter:alpha(opacity=40);/*60*/
					opacity: 0.40;/*0.60*/
				}
				/*overlay for Mac FF to deal with Flash in iFrame problem*/
				.GB_overlayMacFFBGHack {
				  	background-image: url(chapter08/greybox/macFFBgHack.png);
				}
				
				/* "loading" image */
				#GB_loading {
					background: white url(chapter08/greybox/loading.gif) no-repeat 50% 50%; 
				}
				/*end of custom settings*/
				
				
				
				/*GREYBOX settings*/
				#GB_overlay {
				  position: absolute;
				  margin: auto;
				  top: 0;
				  left: 0;
				  z-index: 100;
				  width:  100%;
				  height: 100%;
				}
				
				/* for IE 6 overlay */
				* html body, * html {
					height: 100%;
				 	 width: 100%;
				}
				
				
				
				#GB_window {
				  top: 10px;
				  left: 0px;
				  position: fixed;
				  overflow: hidden;
				  z-index: 150;
				}
				
				
				/* IE-6 overrule fixed */
				* html #GB_window {
				  position: absolute;
				}
				
				
				
				
				#GB_frame {
				  border: 0;
				  overflow: auto;
				  width: 100%;
				}
				
				#GB_caption {
					margin: 0;
					text-align: left;
					position: relative;
					z-index: 100;
					cursor: pointer;
				}
				
				#GB_loading {
				  position:absolute;
					width: 100%;
					height: 100%;
				}
				
				





