/* Global Styles */

/* Class Styles */

/* initial containing block cannot be positionned floated */
body {
	height: 570px;
	width: 800px;
	background-color: #101225;	
	color:#FFFFFF;
	margin: auto; /*padding: auto;*/
	border: 0px solid violet;
	font-family: Georgia, "Times New Roman", Times, Palatino, Utopia serif;
}
	

/* ID Styles */

td.navigationText {
	text-decoration: none;
	color: #B8EBA7; /*#88BB77;*/
	font-size: 13px;
	margin-top: 1em; margin-bottom: 1em;
	border: 1pt solid olive; 
	border-right-width: 0px; 
	border-left-width: 0px; 
	}
	
#navigation td {
	font-size:11px;
	color: #99CCFF;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:.1em;
	display:block;
	padding:10px;
	border: 1pt solid olive; 
	border-right-width: 0px; 
	border-left-width: 0px; 
} 

#navigation td:hover {
	color:#ffffff;
	border: 1pt solid #B0B060;
	border-right-width: 0px; 
	border-left-width: 0px; 
}
#navigation a:hover {
	color:#ffffff;
	text-decoration: none;
	}
	
	

#dateformat a {
	color:#99CCFF;
	font-size:11px;
	color: #99CCFF;
	letter-spacing:.2em;
	text-decoration:none;
	font-weight:bold;
	}
	
#dateformat a:hover {
	color: #ffffff;
}
	


table.main {
	width: 100%; height: 100%;
	margin-left: 0px; margin-right:0px;
	border: 0px solid #303245; /*bluegrey*/
	padding-left: 0px; padding-right: 0px;
	position: relative;
	top: -1px;
}

table.navigation {
	width: 100%; /*height: 426px;*/
	margin: 0px; 
	border: 0px dashed turquoise;
	padding: 0px;
}

table.centerTable {
	width: 100%;  /* height: 406px; */ /*340px; */
	height: 100%;
	border: 0px dashed limegreen; 
	/* does not work for Explorer margin-left: 3%; margin-right: 3%; */
}

table.rightTable {
	/* width: 100%; height: 100%; % of parent */
	width: 100%; /*height: 406px;*/
	margin: 0px;
	border: 0px dashed yellow;
	padding: 0px;
}



/* first tr define width */
tr.title	{
	width: 800px; /* height: 40px; fix IE instable frieze this depends on td.logo and td.period */
	color: #FFAA80; 
	/*background-color: #663300;*/
}

/* TDs <160 - 335 - 4 - 301> */
td {
	color: #FF6F0F; /*#FF6600;*/
	font-size: 11px;
	border: 0px dotted yellow;
	}

td.logo {
	border: 0px dashed red; /* no margin */
	padding-left: 0px; padding-right: 0px; /* hack pad left 40 text does not flush right*/
	vertical-align: bottom;
	font-size: 18px;
	color: #DDAA6A; 
	text-align: right;
}
	
td.period {
	border: 0px dashed plum;
	margin: 0px;
	vertical-align:top;
	font-size:17px;
	font-weight:bold;
	color: #DDAA6A;
	text-align:right;
	/*line-height:18px;*/
	letter-spacing:0.4em;
	white-space: nowrap;
}
	
	
td.navigation {
	width: 160px;  /*155px; */ 
	margin: 0px;
	border: 0px dotted red ; 
	padding: 0px;
}

td.tdMain {
	width: 375px; /*350px; */ /*335px; */
	margin: 0px;
	border: 0px dotted orange;
	padding: 0px;
	vertical-align:top;
}

td.tdSpacer {
	width: 4px; /* 6px*/
	border: 0px dotted red;
}

td.rightTable {
/*position: static;*/
	width: 276px; /*301px; */ 
	margin: 0px; 
	border: 0px dotted red; 
	padding: 0px;
	vertical-align:top;
}
/* menu bar */
td.selected  {
/* firefox bug right margin */
	display:block;
	background-color: #1C1E31; /*#1C1F2B;*/
	color: #98CB87; /*#88BB77; green*/
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	padding:10px;
}
	
td.selected > a {
		color: #98CB87;
}


/* apply only to References for now */
td.selectedAnchor  {
/* firefox bug right margin */
	display:block;
	background-color: #1C1E31; /*#1C1F2B;*/
	/*color: #98CB87; */  /*#88BB77; green*/
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	/*padding:10px; */
	/* border: 1pt solid olive; */ /* outline selection*/
	/*border-right-width: 0px; 
	border-left-width: 0px; */
}

td.chrono{
	width: 14%; height: 100%;
	margin: 0px;
	border: 0px solid #33CC33;
	border-bottom: 1px solid  #1E212D; /* separare row of chrono */
	padding: 5px;
	color:  #88BB77;
}

td.chrono2 {
	width: 86%; height: 100%;
	margin: 0px;
	background-color: #1E212D;
	border: 0px solid #33CC33;
	border-bottom: 1px solid  #1E212D; /* identify each line*/
	padding: 5px;
	color: #98CB87; /*#88BB77;*/
}

td.tdChrono {
/* used to force explorer to behave! */
	width: 640px; /*640= 335+ 4 + 301 ;*/
	border: 0px dotted red;
}

td.firstTd {
	width: 160px;
}

	
	
	
div.chrono {
	height: 360px;
	overflow:auto;
}
	
div.idx {
	/*background-color: #1E1730;*/
	margin: 0px; 
	/*margin-bottom: 1em; margin-top: 0em;*/
	border: 0px solid pink;
	font-weight:bold;
	padding-left: 8em; padding-right: 8em;
}

div.text {
	height: 340px;
}

/* used by reference */
div.idxSpace {
	margin: 10px; 
	margin-bottom: 1em; margin-top: 1em;
	border: 0px solid orange;
	font-weight:bold;
}

div.scroll {
	background-color: #1C1F2B;
	height: 374px; width: 260px; /*301px;*/ /* 374px; 234px; added*//* LESS THAN width of td.rightTable */
	overflow: auto;
	margin: 0px;
	border: 0px inset seagreen;
	padding: 0px; /*1em;*/
}

 
div.scrollTxt {
	height: 354px;
	overflow: auto;
	margin: 0px;
	border: 0px inset seagreen;
	padding: 0.5em; 
}


div.bottombar {
	position: relative; top: 0px; width: 800px;
	/*position: absolute; top: 568px; width: 800px; */
	margin-left: 0px; margin-right: 0px; /* does not inherit from main table */
	margin-top: 0px; margin-bottom: 0px;
	border: 1px solid olive;
	border-left: 0px; border-right: 0px;
	/*border-left:0px; border-right: 0px;*/
	padding-top: 2px; padding-bottom: 2px;
	text-align: center;
}

/* to popup info about non-javascript enabled browser */
div.absoluteBox {
	position: absolute; left: 0px; top:0px;
	width: 730px; height: 110px;
	background-color: #000000;
	font-size:12px;
	text-align:justify;
	z-index:100;
}

/* div for more information on image using ajax */
div.moreInfo {
	display: none;
	position: absolute;
	left: 274px; top: 170px;
	width: 340px; height: 330px;
	background-color: #262939;
	color: #D0D070;
	border: 3px solid #B0B060; 
	padding: 0.5em;
	text-align: justify;
}

span.imgMouseOver {
	cursor: url('img/finger.gif'), pointer;
}



/*hr {
	height:1px; 
	color: #cccccc;
	border: none;
	}
	*/
	
img.centeredImage { /* not working. using <center>*/
	/*can stretch img width: 100%;	*/
	margin-left: auto; margin-right: auto;
	border: 0px solid orange;
	padding-left: 0px; padding-right: 0px;
}


a { 
	color: #99CCFF;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF; /*#FF3300;*/
	text-decoration:none;
}

p > a, 
div.bottombar > a, 
li > a, 
p.bottomNav > a, 
td.smallText > a {
	color: #99CCFF; /* #FF9966;*/
	text-decoration: underline;
	}
	
p > a:hover, 
div.bottombar > a:hover, 
li > a:hover, 
p.bottomNav > a:hover, 
td.smallText > a:hover {
color: #FFFFFF;
	}

a:visited {
	color: #6AA8AA; /*color: #94C498;*/
}
a:focus {
	color: #CCCC66;
}

a.invisible {
	color: #DDAA6A ! important ; /* IE does not pay attention to this */
	text-decoration:none;
}
	


	
.pageName{
	height: 10%;  /* bodyText 90% */
	margin: 0.4em; 
	color: #DDAA6A; 
	/*line-height: 28px;*/
	letter-spacing:.1em;	
	font-size: 18px;
	border: 0px dashed #FF0090; /* pink */
	}
	
.subHeader {
	font-size:16px;
	color: #CC3300;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height:16px;
	}	
	
.sidebarHeader {
	width: 230px; /* added */
	margin-top: 1em;
	border: 0px dotted plum;
	font-size: 13px;
	color: #88BB77; /*#99CCFF;*/
	font-weight:bold;
	letter-spacing:.1em;
	line-height:14px;
	text-align: center;	
	}	
	
.detailText {
	font-size:11px;
	color:#ffffff;
	line-height:16px;
	letter-spacing:.1em;
	}
	
.smallText {
/* display: inline; /*causes img to be not centered*/
	width: 210px;
	font-size:10px;
	color:#A8CB97; /* #88BB77; */ /* #99CCFF;*/
	margin-top: 1em;
	border: 0px dotted seagreen;
	text-align: center;
}


ul.mapList {
	color:  #88BB77;
	list-style:circle;
}

/* ul.idxList {
	width: 330px;  350 - 20 
	list-style:inside;
	border: solid 1px blue;
	margin: 20px; padding: 0px;
}
*/

	
.rightCol{
	width: 205px; /*300px;	*/
	margin: 0.4em;
	border: 1px solid green;
	color: #FF9966;
	line-height:28px; /*20px;*/
	letter-spacing:.1em;
	/*font-family: georgia;*/
	font-size: 18px;	
}

p { 
	margin: 0px; padding: 0px;
}

	
p.notes {
	font-size: xx-small;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 12px;
}


	
em.beige, p.notes{
	color: #FFFF99;
}
em.boldText {
	font-weight:bold;
	color: #DDAA6A; /*#FFAA80;*/
}

em.reference, td.reference {
	font-size:11px;
	color: #99CCFF;
	font-weight:bold;
	
	font-style:normal;
	text-decoration: none;
	letter-spacing:.1em;
	border: 1pt solid olive; 
	border-right-width: 0px; 
	border-left-width: 0px; 
	}
	
/* text */

.defaultText {
	color: #B8EBA7; /*#88BB77;*/
	font-size: 13px;
	margin-top: 1em; margin-bottom: 1em;
}


.defaultTextClr {
	width: 50%;
	color: #B8EBA7; /*#88BB77;*/
	font-size: 13px;
	margin-top: 1em; margin-bottom: 1em;
	background-color: #1C1F2B;	
}

.bodyText {
	position: relative; /*for Ms and fixed for firefox.  position: fixed;not supported by Ms */
	width: 100%; /*320px;*/
	height: 90%; /* 90 + 10 for table centerTable */ /* 386px;  important for no shifting of frieze in firefox*/
	vertical-align: top;
	font-size:13px;
	color: #B8EBA7; /* #88BB77; */ 
	line-height: 18px;
	text-align:justify;
	margin: 0px;
	border: 0px solid #0088AA; /* bleu roi */
}

	

/* position: fixed;  relative to the browser window
position: absolute; relative to the root or closest Positioned ancestor  <html if none
position: relative; relative to the normal flow (moved away from normal flow or position by using top left bottom right*/