/*------------------------------------------------------------
                   basis_4.2.css
				last modified: 21/11/2014
				Author:		Stephen Harris
				
				
				Main differences to v 3.01:
				1. Eric Meyer's reset.css added
				2. Lukas Mathis' footnotes code 
					added
--------------------------------------------------------------*/



/*Styles arranged according to purpose */


/* 1. Layout */
body {
	margin:20px;
	background-color:#ffffff;  		/* white */
	color: #222222;					/* from 15.8.2014 : 555 short for 55 55 55 or black in the(red green
									blue) scheme, but of 21.11.2014 222222 seems sharper in firefox*/	
	font-family:Verdana, Arial, Tahoma, Helvetica, Sans-serif;  /*cf 3.01 same Reihenfolge, capitalize, Tahoma added */
	font-size: 15px;				/* 15 suggested;of 21.11.2014 13px*/
    line-height: 21px;				/*new, line omitted in x 3.01 */
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
	text-align:center;
	}

#frame {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:960px;
	/*background-image:url("../images/960px_12_col_grid.gif");
	background-repeat:repeat-y;    /*cf 3.01 reinstalled last two lines; alternative to 
									background image  '960px_12_col_grid.gif' is 
									(newly installed in images)'background.jpg' */
	
	}

#page {
	margin:0px 10px 10px 10px;
	}

#header {
	border-top:3px solid #ce2e20;
	font-size: 40px;
	font-weight: bold;
	padding:14px 10px 8px 40px;   /*changed because of new line-height *v 3.01 2px 10px 20px 40px*/
	/*height:80px;*/
	margin-bottom:20px;
	}
	
#footer /*earlier version did not have width 960*/
	{
	background-color:#cccccc;
	padding:10px;
	float:left;
	height:40px;
	width:960px;
	clear:both;
	border-top:20px solid #ffffff;}
	
#leftbox {
	margin:10px 0px 20px 0px;
	padding:10px 20px 10px 10px;
	float:left;
	width:600px;
	border-right: 3px dotted #999;
	}	
	
#rightbox {
	margin:10px 0px 20px 0px;
	padding:10px 20px 10px 10px;
	float:none;
	width:360px;
	}	
	
#imagebox {
	margin:10px 0px 20px 0px;
	padding:10px 20px 10px 10px;
	float:left;
	width:420px;  height:315p
	}		
		
.mainimage {position:relative; left:40px; top:0px;
			}
.twobars {position:relative; left:0px; top:0px;
			}
.attention_box { font-size:12px;
	font-weight:normal; color:#800; margin:1.5em 0; padding:1em; background:#ffffff; border:3px solid #ce2e20; }
 
.boxtitle{position:relative; left:630px; top: 10px; border-color:#000000;
		padding:0px; width:300px;
		border-top:3px solid #ce2e20; height: 60px; background-color:#d0d0d0;}	

		
.boxentry1 {position:relative;left:630px; top: 10px; 
		margin:0px;
		border-bottom: 1px dotted #999;
		width:300px;
		background-color:#e8e8e8;
		padding:0px;
		height:70px;	
		}
  
.boxentry2 {position:relative;left:630px; top: 10px; 
		margin:0px;
		border-bottom: 1px dotted #999;
		width:300px;
		background-color:#e8e8e8;
		padding:0px;
		height:70px;	
		} 
		
.boxentry3 {position:relative;left:630px; top: 10px; 
		margin:0px;
		width:300px;
		background-color:#e8e8e8;
		padding:0px;
		height:70px;	
		} 		
		
.boxblank3 {position:relative;left:630px; top: 10px; 
		margin:0px;
		width:300px;
		padding:0px;
		height:70px;	
		} 		
	
tol {text-align:left; vertical-align:top; }
.biblio {padding-bottom:8px;  list-style-type: none; text-indent: -50px;}
.bibliorepeat {padding-bottom:8px;  list-style-type: none; }
.noindent {padding-left:50px; margin-left:0px;}
	



	
	
/* 2. Text presentation and Typography */

			
.text{
	position:relative; left:0px; top:20px;
	text-align:left;
	
	width:600px;
	}			
	
.footnotes{
	position:relative; left:0px; top:20px;
	text-align:left;
	font-size:13px;  /*11 before */
	font-weight:normal;
	width:600px;
	}

#footer>p {					/*used in copyright.js */
	color: #005689;
	font-size:12px;
	font-weight:normal;}
	
		
span.key{vertical-align:super; font-size:9px;}
span.sharp{vertical-align:top; font-size:9px;}

span.author{
	font-family:georgia, times, serif;	
	/*position:relative; left:40px; top:-15px;*/
	/*text-align:left;*/
	font-size:16px;
	font-weight:normal;
	color:#000000;
	}	
	
p.two 	{position:absolute; left:15px; top:-15px;  
		text-align:left; 
		font-size:14px;
		font-weight:normal;
		color:#0066aa;} 


p.three	 {position:absolute; left:15px; top:0px;
		text-align:left; 
		font-size:12px;
		font-weight:normal;
		color:#000000;} 
		
p.last 	/* used in lastModified.js*/
		{
		line-height: 18px;
		text-align:right; 
		font-size:12px;
		font-weight:normal;
		color:#000000;}
		
		
.lightblue  {color: #0066aa;}		
.darkblue {color: #005689;}
.red {color: #ce2e20;}
.underline {text-decoration:underline;}


.imagetitle {
	font-family:georgia, times, serif;	
	position:relative; left:40px; top:2px;   /*before Meyer reset top:-15px;*/
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#707070;
	}	
	
.subheader  {	
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color: #005689;
}	
	
	
	
	
	
	
/* 3. Navigation */

ul#navigation {
		  list-style: none;
		  background-color:#e8e8e8;
		  border-top:2px solid #ce2e20;
		  width:900px;
		  height:32px;
		  margin:0px 0px 20px 0px;
		  }

	ul#navigation li {
		  display:inline;
		  position:relative; left: -20px; top: 6px;
		  float: left;
		  }

	ul#navigation a {
		  color:#0066aa;
		  background-color:#e8e8e8;
		  text-decoration:none;
		  font-family:georgia, times, serif;
		  font-size:1.126em;
		  padding:5px 14px 4px 14px; 
		  }

	ul#navigation a:hover {
		  color:#000000;
		  background-color:#ce2e20;
		  padding:6px 14px 5px 14px; 
		  }
		  
	a.mainNav {	color: #000000; text-decoration: none;}
	a.mainNav:hover {color: #ce2e20; text-decoration: none;}			
			
			
	a.textNav {	color: #005689; text-decoration: none;}
	a.textNav:hover {color: #ce2e20; text-decoration: none;}	

	
	a.footNav {	color: #000000; text-decoration: none;}
	a.footNav:hover {color: #ce2e20; text-decoration: none;}	
	
	a.footNavBox {	color: #800; text-decoration: none;}
	a.footNavBox:hover {color: #000000; text-decoration: none;}	

a:hover {
        border-bottom: 1px solid #ccc;
        color: #222;
}



/*All of the beneath until the end of this section taken from itc*/	

/* fix sup breaking line heights */
/* https://gist.github.com/413930 */

sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -0.5em;
}

sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}

sup a {
        margin:-10px;
        padding:10px;
        text-decoration:none;
        border-bottom:none;
}




		
			
/* 4. Tables */

.table {position:relative; left:120px; top:20px; margin:0px 0px 40px 0px;}
.even {background-color:#e0e0e0;}
.tol {text-align:left; vertical-align:top; }
.biblio {padding-bottom:8px;  list-style-type: none; text-indent: -50px;}
.bibliorepeat {padding-bottom:8px;  list-style-type: none; }
.noindent {padding-left:50px; margin-left:0px;}


table.narrow{
   position:relative; left:120px; top:20px; margin:10px 0px 40px 0px;
   background-color:#e8e8e8;
   margin: 5px 0px 30px 0px;
   border-collapse:collapse;
   width:350px;
   font-size:12px;
   border-style:solid;
   border-width:2px;
   border-color:#999999;
   }
   
table.wide{
   background-color:#e8e8e8;
   margin: 5px 0px 30px 0px;
   border-collapse:collapse;
   width:590px;
   font-size:12px;
   border-style:solid;
   border-width:2px;
   border-color:#999999;
   }   
   
table.cipher{
   background-color:#ffffff;
   margin: 5px 0px 0px 0px;
   border-collapse:collapse;
   width:590px;
   font-size:14px;
   border-style:hidden;
   }

caption {
	/*height:40px;*/
	font-weight:bold;
	font-size:12px;
    padding: 20px 0px 5px 0px;
    text-align:left;
	background-color:#ffffff;}

th {
  height:30px;
  font-weight:bold;
  color: #0066aa;
   
  background-color:#d0d0d0;}

td, th {padding:5px; text-align:center;}

td {
   color: #000000;
   height:30px;
   vertical-align:top;}
   
   
   
/* 5. Footnotes Section: New. Totally taken from itc */

/* floating footnote div */
#footnotediv {
        position:absolute;
        width:400px;
        overflow:visible;
}
#footnotediv div {
        background-color:#e8e8e8;
		text-align: left;
		font-size: 11px;		/*smaller font for boxes*/
		font-weight: normal;
        padding:3px;
        padding-left:12px;
        padding-right:12px;
        border:1px solid #CDBBB5;
        box-shadow:#555 0 0 10px;
        -webkit-box-shadow:#555 0 0 10px;
        -moz-box-shadow:0 0 10px #555;
}
a.footnotebacklink {
        border-bottom:none;
}
a.footnotebacklink img {
        margin:0;
        padding:0;
        border:0;
}