/* styles for particle tracker */

body
{
  text-align:center; /* fix for ie to center the div boxes*/
  background:#fff url(../images/documentBackground.png);
  font-size:11pt;
  color:#555;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  margin:0px;
  padding:0px;
}

.clearer
{
 clear:both;
}

.center
{
  text-align:center;
}

img
{
  border:none;
}

a
{
  color:#336699;
  text-decoration:none;
  font-style:italic;
}

a:hover
{
  color:#336699;
  border-bottom:1px dotted #336699;

}

a:active
{
  color:#336699;
  border-bottom:1px dotted #336699;
}

.paper
{
  
  /*border:1px solid #00ff00;*/
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
  width:803px;
  text-align:left; /* remove centering to not screw up the layout*/
  /*padding: 1px;*/
}

.header
{

  height:184px;
  background: transparent url(../images/header.png) top left no-repeat;
  /*border:1px solid #ff0000;*/
  text-align:center;
}

.header a
{
  height:180px;
  display:block;
}
.navigation
{
  /*border:1px solid #ff0000;*/
  /*margin-top:70px;*/
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  height:36px;
  width:530px;
  background:transparent url(../images/menuBackgroundNormal.png) repeat-x;
}

.paperBody
{
  background:url(../images/background.png) repeat-y;
  padding:10px 80px 20px 80px;
  height:1%;
}

.paperBody p
{
  text-align:left;
  padding-left:20px;
}
.paperBody ul
{
  list-style-type:disc;
  /*color:#b2cf5b;*/
}

.paperBody .greetingBox p
{
  width:300px;
  margin-top:50px;
  font-size:0.8em;
  margin-left:auto;
  margin-right:auto;
  color:#aaa;
}

.paperBody .newsBox
{
 clear:right;
 margin-bottom:50px;
}

.paperBody .newsBox a
{
  color:#336699;
  text-decoration:none;
  font-style:italic;
}

.paperBody .newsBox a:hover
{
  color:#336699;
  border-bottom:1px dotted #336699;

}

.paperBody .newsBox a:active
{
  color:#336699;
  border-bottom:1px dotted #336699;
}

.paperBody .newsBox .date
{
  text-align:left;
  padding-left:10px;
  font-size:1.0em;
  font-style:italic;
  color:#336699;
  border-bottom:1px dotted #999;
}

.paperBody .greetingBox
{
  margin-top:30px;
  text-align:center;
}

.copyRight
{
  background:url(../images/background.png) repeat-y;
  color:#999;
  font-size:0.8em;
  text-align:center;
  padding:40px 0px 20px 0px;
}

.copyRight a
{
  font-style:normal;
  color:#666;
}

.copyRight a:hover
{
  color:#666;
}

.copyRight a:active
{
  color:#666;
}

.paperFoot
{
  height:38px;
  background:url(../images/bottom.png) no-repeat bottom;
}


.navLeftEnd
{
  float:left;
  height:36px;
  width:17px;
  background:transparent url(../images/menuLeftEnd.png) no-repeat left top;

}

.navRighEnd
{
  float:right;
  background:transparent url(../images/menuRightEnd.png) no-repeat top right;
  width:13px;
  height:36px;
}

.navigation a
{
  display:block;
  text-decoration:none;
  text-align:center;
  float:left;
  font-style:normal;
  height:36px;
  width:98px;
  /*padding:10px 10px 0px 10px;*/
  padding-top:10px;
  font-size:13px;
  color:#666;
  border:none;
}

.navigation a.currentPage
{
  float:left;
  height:36px;
  width:98px;
  /*padding:10px 10px 0px 10px;*/
  font-size:13px;
  color:#fff;
  background:transparent url(../images/menuBackgroundActive.png) repeat-x;
}


.navigation a:hover
{
  text-decoration:none;
  color:#fff;
  width:98px;
  background:transparent url(../images/menuBackgroundHover.png) repeat-x;
}

.navigation a:active
{
  text-decoration:none;
  width:98px;
  color:#fff;
  background:transparent url(../images/menuBackgroundActive.png) repeat-x;
}

/*.navigation a:visited
{
  text-decoration:none;
  color:#666;
}*/


.navigation .linkSeparator
{
  float:left;
  width:1px;
  height:36px;
  background: transparent url(../images/seperator.png) no-repeat;
}

.scienceText
{
  clear:right;
  width:450px;
  margin-left:50px;
  /*border:1px solid #000;*/
}

.scienceText img
{
  float:right;
}

.scienceText p
{
  padding-top:10px;
  padding-bottom:20px;
  text-align:justify;
}

.imageBoxLeft
{
  float:left;
  padding:0px 15px 0px 10px;
 /* margin-left:-120px;*/
  clear:left;
}

.imageBoxRight
{
  float:right;
  padding:1px 10px 1px 15px;
  /*margin-right:-100px;*/
  clear:right;
}

.imageBoxLeft div
{
  padding:5px;
  margin:0px;
  text-align:center;
  color:#336699;
  font-size:9pt;
  font-weight:normal;
  text-decoration:none;
  
}
.imageBoxRight div
{
  padding:5px;
  margin:0px;
  text-align:center;
  color:#336699;
  font-size:9pt;
  font-weight:normal;
  text-decoration:none;
}

.coverFlow
{
  margin-left:30px;
}

h1
{
  font-size:1.8em;
  font-weight:normal;
  color:#336699;
  margin-top:50px;
}

h1.intro
{
  margin-bottom:20px;
  text-align:center;
}


h2
{
  font-size:1.5em;
  font-weight:normal;
  color:#336699;
}

h3
{
  font-size:1.2em;
  font-weight:normal;
  color:#336699; 
}

.italic
{
  font-style:italic;
}

.smaller
{
  font-size:0.8em;
}

a.british
{	
	background:transparent url(../images/linkIndicator.png) no-repeat scroll 0px 4px;
	color:#2483DC;
	padding-left:20px;
	text-decoration:none;
	background-image:url("../images/flags/gb.png");
}

.AccountManagement
{
	clear: left;
}

.Form
{
	clear: left;
}

.FormTable
{
	margin-top: 20px;
	margin-left: 10px;
	text-align: left;
	border-spacing:5px;
	padding: 10px;
}

.FormInp
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11pt;
	width: 250px;
}

.SubmitButton
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12pt;
	position: absolute;
	right: 35%;
}