/*
----------------------------------------------- */


/* Basic
----------------------------------------------- */
body {
  margin:0;
  padding:0;
  background:#E7E7E7;
  font:small/1.6em Verdana,Sans-serif;
  text-align:center;
  color:#E7E7E7;
  }
.container {
  background:#E7E7E7;
  width:800px;
  margin:0 auto;
  border:solid #868686;
  border-width:0 1px;
  text-align:left;
  color:#333;
  position:relative;
  }
 

  /* General Structure
----------------------------------------------- */
#content {
  padding:0 20px;
  float:left;
  width:800px;
  background:#FFFFFF;
  }
  
/* 3px margin bug in IE/Win floats 
   http://www.positioniseverything.net/explorer/threepxtest.html */
* html #content {
    margin-right:-3px;
    }
  
#maincol {
  float:left;
  width:800px;
  }
#subcol {
  float:right;
  width:235px;
  color:#888888;
  }
#subsubcol {
  display:none;
  color:#999999;
  }
#maincol, 
#subcol, 
#subsubcol {
  margin-top:-8px;
  }
#subcol, #subsubcol {
  font-size:85%;
  line-height:1.6em;
  }

/* Page Layout: 1col
----------------------------------------------- */
#col1 #maincol, #col1 #subcol {
  float:none;
  }
#col1 #maincol {
  width:800px;
  padding-top: 15px;
  }
  
/* Page Layout: 2col
----------------------------------------------- */
#col2 #main {
  float:right;
  width:465px;
  }
#col2 #maincol {
  float:left;
  padding-top: 15px;
}
#col2 #subcol {
  float:right;
  padding-top: 20px;
}
  
/* Page Layout: 3col
----------------------------------------------- */
#col3 #main {
  float:right;
  width:465px;
  }
#col3 #maincol {
  width:220px;
  font-size:85%;
  line-height:1.6em;
  }
#col3 #subcol {
  float:left;
  }
#col3 #subsubcol {
  display:block;
  float:right;
  width:204px;
  }

/*
----------------------------------------------- */

/* Headings
----------------------------------------------- */

h1, 
#section {
  background: repeat-y 0 0;
  margin:0 0 0 0;
  margin-top:25px;
  padding:5px 5px;
  font:140%/1.4em Verdana,Serif;
  color:#776;
  }
h2{
  margin:1.25em 0 .25em;
  font:140%/1.5em Verdana,Serif;
  color:#b95;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  }
#maincol h2 {
  font-size:119%;
  line-height:1.5em;
  }
h2 a, 
h2 a:visited {
  color:#b95;
  border-width:0;
  }
h2 a:hover {
  color:#974;
  text-decoration:none;
  }
#subsubcol h2, 
#subsubcol h2 a, 
#subsubcol h2 a:visited {
  color:#666;
  }
#subsubcol h2 a:hover {
  color:#444;
  }
h3 {
  margin:1em 0 .25em;
  font:110%/1.5em Verdana,Serif;
  text-decoration:underline;
  }
h3 a {
  border-width:0;
  }
h4 {
  margin:1em 0 .25em;
  font:125% Verdana,Serif;
  color:#575;
  }
 
/* Header
----------------------------------------------- */
#header {
  background-color:#DBDBDB;
  background-repeat:no-repeat;
  float:left;
  width:100%;
  height:85px;
}
#logo {
  background:none;
  float:left;
  display:block;
  width:250px;
  height:35px;
  margin:26px 0 0;
  text-indent:-10000px;
  border-width:0;
  text-decoration:none;
  }

/* Lists
----------------------------------------------- */

ul, dl {
  margin:.5em 0 1em;
  padding:0;
  list-style:inside;
  }
ul li {
  margin:0 0 2px;
  padding:0 0 0 18px;
  text-indent:-18px;
  }
dl.overview, 
dl.features,
dl.sidebar {
  margin-bottom:1.25em;
  }
dt {
  font-weight:bold;
  }
.overview dt, 
.features dt {
  font:small/1.6em Verdana,Sans-serif;
  font-size:130%;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  line-height:1.5em;
  border-width:0;   
  }
.features dt {
  margin-top:2em;
  border-top:1px dotted #ccd;
  padding-top:4px;
}
dd {
  margin:0 0 1em;
  padding:0;
  }
dd ul {
  margin:0;
  padding:0;
  }
dd li {
  padding:0;
  margin-bottom:0;
  text-indent:0;
 }
.overview dd, 
.features dd {
  font:small/1.6em Verdana,Sans-serif;
  font-size:85%;
  line-height:1.8em;
  margin-bottom:1em;
  margin-top:.5em;
  }
.overview dd.summary,
.features dd.summary  {
  margin-bottom:0;
  }
.sidenotes{
  color: #888888;	
}
.rollovertooltip{
  margin-bottom:0.2em;
  color: #999999;	
}
.rollovertooltip a {
  color:#58a;
  border-width:0;
  font-weight:normal;
  line-height:2em;
  text-decoration:none;
}
.rollovertooltip a:hover {
  color:#333;
  text-decoration:underline;
}
.features #featuretextbox{
  float: left;
  height: 10em;
}
.sidebar dt {
  font:small/1.6em Verdana,Sans-serif;
  font-size:119%;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  line-height:1.5em;
  border-width:0;
  margin-top:2.5em;
  border-top:1px dotted #ccd;
  }
.firstsidebaritem dt{
  margin-top:0.4em;
  border-top:none;
  }
.sidebar dd {
  font:small/1.6em Verdana,Sans-serif;
  font-size:90%;
  line-height:1.4em;
  margin-bottom:-2px;
  margin-top:1.1em;
  }
.sidebar dd.summary {
  margin-bottom:0;
  }
ul.bulleted li {
  padding-left:20px;
  margin-top:0;
  text-indent:0;
  }

ul.postdoc li {
  padding-left:20px;
  margin-top:0;
  text-indent:0;
  }



/* Tables
----------------------------------------------- */
table {
  border:0;
  margin:0;
  padding:0;
  }
th, td {
  text-align:left;
  vertical-align:top;
  }
.highlt th, .highlt td {
  background:#ffc;
  }
.highlt th {
  color:#c00;
  }
#webcam{
  margin-top: -16px;
}
#webcam h2{
   margin-bottom: 7px;
}
.personaliafact{
 font-weight:bold;
  width: 25%;
  line-height: 1.5em;
  font-variant: normal;
}
.personaliaentry{
  line-height: 1.5em;
  font-variant: normal;
}
 
  /* Others
----------------------------------------------- */

p {
  margin:0 0 .75em;
  }
p.intro {
  padding-bottom:.75em;
  border-bottom:1px dotted #ccc;
  }
p.codeblock, 
div.codeblock {
  background:#eed;
  padding:10px;
  font:108%/1.3em Monaco,Monospace;
  }
p.codeblock code, 
div.codeblock code {
  font-size:100%;
  }
hr {
  display:none;
  }
code {
  font-size:108%;
  font-family:Monaco,"Courier New",Courier,Monospace;
  color:#464;
  }
del, .strike {
  text-decoration:line-through;
  color:#999;
  }
.tooltip{
  font:small/1.6em Verdana,Sans-serif;
  font-size:85%;
  line-height:1.8em;
  margin-bottom:0.2em;
  margin-top:0;
  color: #999999;	
}

 /* Images
----------------------------------------------- */

a img {
  border-width:0;
  }
  
  
  /* Images
----------------------------------------------- */

.screenshot,
.webcamshot{
	text-align: right;
	margin-bottom:1em;
}
.screenshot a{
	border: none;
}
.imgleft, 
.left, 
img.left{
  float:left;
  margin: 4px 8px 4px 0px;
  /*padding-left:5px;   for winie6 */
  }
.imgright, 
.right, 
img.right, 
img.screenshot,
img.webcamshot{
  float:right;
  margin:4px 0 4px 8px;
  /*padding-right:5px;   for winie6 */
  }
img.webcamshot{
  border:solid #868686;
  border-width:1px;
}
img.imgleft, 
img.imgright {
  padding:4px;
  border:1px solid #ddc;
  }
img.award.left{
	margin-bottom: 10px;
	margin-left: -5px;
}
img.award.right{
	margin-bottom: 15px;
	margin-right: -5px;
}
img.feature{
	padding-bottom: 10px;
	padding-right: 10px;
}



  /* General layout tools
----------------------------------------------- */
.clear {
  clear:both;
  }
 .clearright {
  clear:right;
  }
 .clearleft {
  clear:left;
  }
  
  /* Links
----------------------------------------------- */

.onsitelink, 
.onsitelink:visited {
  border-width:0;
  padding-left:14px;
	line-height: 2px;
}
.offsitelink, 
.offsitelink:visited {
  border-width:0;
  padding-left:15px;
 }
.emaillink, 
.emaillink:visited {
  border-width:0;
  padding-left:17px;
}
.cameralink, 
.cameralink:visited {
  border-width:0;
  padding-left:17px;
}
.looplink, 
.looplink:visited {
  border-width:0;
  padding-left:15px;
}
.applink, 
.applink:visited {
  border-width:0;
  padding-left:15px;
}
.onsitelink, 
.onsitelink:visited,
.offsitelink, 
.offsitelink:visited,
.emaillink, 
.emaillink:visited, 
.cameralink, 
.cameralink:visited, 
.looplink, 
.looplink:visited,
.applink,
.applink:visited{
  color:#888888;
  white-space:nowrap;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
}  
a.onsitelink:hover,
a.offsitelink:hover,
a.emaillink:hover,
a.cameralink:hover,
a.looplink:hover,
a.applink:hover  {  
  text-decoration: underline;
  color:#152C58;
  border-color:#ccb;
  }
span.onsitelink,
span.offsitelink,
span.emaillink,
span.cameralink,
span.looplink,
span.applink  {
  color:#887;
  }
.onsitelink img, 
.offsitelink img,
.emaillink img,
.cameralink img,
.looplink img,
.applink img {
  margin-top:.5em;
  } 
   
  
/* Navbar Top
----------------------------------------------- */			
#navtop, 
#navbottom{
  background-color:#000000;
  background-repeat:no-repeat;
  float:left;
  width:100%;
  border:solid #ccc;
  border-width:1px 0;
  width:840px;
}
#navbottom{
  margin-top: 10px;  
}
#navtop ul, 
#navbottom ul{
  margin:0;
  padding:0 20px;
  list-style:none;
  font-size:85%;
  }
#navtop li, 
#navbottom li{
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  white-space: nowrap;
  }
#navtop a, 
#navtop strong, 
#navbottom a, 
#navbottom strong {
  display:block;
  padding:4px 10px;
  border:solid #ffffff;
  border-width:0 1px 0 0;
  color:#ffffff;
  text-decoration:none;
  white-space:nowrap;
  }
/* Allow entire region of link to to be clickable in IE/Win. 
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #navtop a, * html #navbottom a{
  width:1%;
  }
#navtop .current strong, 
#navtop .current a, 
#navbottom .current strong, 
#navbottom .current a {
  background-repeat:no-repeat;
  }
#navtop a:hover, 
#navtop .current a:hover strong, 
#navtop .current strong,
#navbottom a:hover, 
#navbottom .current a:hover strong, 
#navbottom .current strong {
  color:#000;
  }
#navtop a:hover, 
#navbottom a:hover {
  background-repeat:no-repeat;
  }
#navtop a strong, 
#navtop .current a strong, 
#navbottom a strong, 
#navbottom .current a strong  {
  background:none;
  padding:0;
  border:none;
  }
#navtop .h, 
#navbottom .h {
  border-left-width:1px;
  }
#navtop #address {
  font-size:85%;
  margin:0;
  padding: 4px 20px 0 20px;	
  line-height:normal;
  border:none;
  text-align: right;
  display:block;
  white-space:nowrap;
}

/* Path
----------------------------------------------- */
#path {
  background-color:#E3E3E7;
  background-repeat:repeat-x;
  width:100%;
  padding:0;
  height:39px;
  float:left;
  width:100%;
  height:39px; 
  }
#path ul {
  margin:0;
  padding:0.9em 16px 0;
  list-style:none;
  }
#path li {
  display:inline;
  margin:0;
  padding:0;
  background-image:none;
  line-height:1em;
  text-indent:0;
  color:#193368;
  font-size:85%;
  }
#path a, 
#path strong {
  float:left;
  display:block;
  color:#58a;
  border-width:0;
  padding:.25em 3px;
  font-weight:normal;
  line-height:2em;
  text-decoration:none;
  }
#path a strong {
  font-size:100%;
  padding:0;
  }
#path strong {
  color:#bec;
  }
#path a:hover {
  color:#333;
  }

/* Subheader & footer
----------------------------------------------- */
#subheader,
#subfooter {
  background-color:#DBDBDB;
  background-repeat:no-repeat;
  font-size:75%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  float:left;
  width:100%;
  height:30px;
  margin-top:0;
}
#subfooter {
  margin-bottom:0;
}
#subheader ul,
#subfooter ul {
  margin:0;
  padding: 0.4em 16px 0 20px;
  list-style:none;
  }
#subheader li,
#subfooter li  {
  display:inline;
  padding: .25em 30px .25em 0px;
  background-image:none;
  line-height:2em;
  text-indent:0;
  margin: 0;
  float:left;
}
#subheader a,
#subfooter a,
#subheader span,
#subfooter span, 
#subheader strong,
#subfooter strong {
  color:#58a;
  border-width:0;
  font-weight:normal;
  text-decoration:none;
}
#subheader a strong,
#subfooter a strong  {
  font-size:100%;
  padding:0;
  }
#subheader strong,
#subfooter strong {
  color:#bec;
  }
#subheader a:hover,
#subfooter a:hover {
  color:#333;
  }
#subheader #subheadersidebar,
#subfooter #subfootersidebar{
  position: absolute;
	left: 525px;
	padding-top: 0.25em;
	padding-bottom: 0;
	padding-left: 0;
}
#subheader #languagechoice{
  padding: 0.25em 0 0 0;
  position: absolute;
	left: 450px;
}
#subheader .left,
#subfooter .left{
  float:left;
  margin:4px 3px 4px 0;	
}



/* Footer
----------------------------------------------- */
#footer {
 color:#479;
  clear:both;
  font-size:0.65em;
  border: solid #868686 0px;
  border-bottom-width: 1px;
}
#footer p {
  background:#135 repeat-x 0 -4px;
  margin:0;
  padding:10px 20px;
  color:#479;
  text-align:center;
  line-height:1.5em;
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */
#footer a, 
#footer a:visited {
  color:#479;
  border-color:#479;
  }
#footer a:hover {
  color:#135;
  border-color:#479;
  }
#footer #sitemeter{
	text-align: center;
}



 
/* style1
----------------------------------------------- */
.style1 #header { background-image:url("../images/header.jpg"); }
.style1 .ada {font-size: 0.8em; margin-top:15px;}

body.style1 {
  background-color:#E7E7E7;
  }
.style1 .container {
  background:#E7E7E7 repeat-y 0 0; 
  border-color:#868686;
  }
.style1 a{
  color:#285A92;
  text-decoration:none;
}
.style1 a:hover {
  color:#152C58;
  text-decoration:underline;
 }
.style1 #subheader {
  color:#50749C;
  }
.style1 #subheader a, 
.style1 #subheader span,
.style1 #subheader #subheadersidebar{
  color:#50749C;
  }
.style1 #subheader a:hover {
  color:#152C58;
  text-decoration:underline;
  }
.style1 #navtop {
  border-color:#666666;
  }
 .style1 #navbottom {
  border-color:#124;
  }
.style1 #navtop a, 
.style1 #navtop strong, 
.style1 #navbottom a, 
.style1 #navbottom strong, 
.style1 #navtop #address {
  border-color:#666666;
  color:#cccccc;
  }
.style1 #navtop .current a, 
.style1 #navbottom .current a{
  background-color:#1E3C7A;
  }
.style1 #navtop a:hover, 
.style1 #navbottom a:hover{
  background-color:#336699;
  }
.style1 #navtop a:hover, 
.style1 #navtop .current strong,
.style1 #navbottom a:hover, 
.style1 #navbottom .current strong {
 color:#fff;
  }
.style1 #navtop .current a:hover strong, 
.style1 #navbottom .current a:hover strong{
  color:#fff;
}
.style1 h1 {
  background-color:#E7E7E7;
  color:#578;
  }
.style1 dt, 
.style1 dt a, 
.style1 .personaliafact,
.style1 h2 {
  color:#285A92;
}
.style1 #path {
  background-color:#246;
  }
.style1 #path a{
  color:#58a;
  }
.style1 #path a:hover {
  color:#9cf;
  }
.style1 #footer {
 color:#479;
}
.style1 #footer p {
  background:#135 repeat-x 0 -4px;
  color:#285A92;
}
.style1 #footer a, 
.style1 #footer a:visited {
  color:#479;
  border-color:#479;
  }
.style1 #footer a:hover {
  color:#135;
  border-color:#479;
  }

.style1 .thumbnailBlock {
border: 1px solid #ABBCCB;
background-color: #FFF;
color: #9cf;
}
.style1 a .thumbnailBlock:target {
border: 1px solid #9cf;
}
.style1 a .thumbnailBlock:hover {
border: 1px solid #9cf;
background-color: #DDDDDD;
}
.style1 .commentBlock, 
.style1 .titleBlock {
color: #9cf;
background-color: #EEDFB5;
}
.style1 #imageIndexBlock, .imageIndexBlock {
color: #9cf;
}
.style1 #imageIndexBlock {
color: #9cf;
}