/* CSS Document */



html, body{
  width: 100%;
  height: 100%;
}

body {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 8pt;
  margin: 0px;  
}

h1 {
  font-size: 12pt;
  display: inline;
}

body, td {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 10pt;
}

#maintable {
	height:100%;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

#toptd {
  text-align: center;
  padding: 10px 20px 10px 20px;
}
#middletd {
	height:100%;
  width: 100%;
  text-align: center;
}
#bottomtd {
  text-align: center;
  padding: 10px 25px 15px 25px
}

#mypanoviewer {
	height:100%;
  width: 100%;
  -webkit-box-shadow: 5px 5px 10px rgb(180,180,180);
  -moz-box-shadow: 5px 5px 10px rgb(180,180,180);
  box-shadow: 5px 5px 10px rgb(180,180,180);
}

#notice,
#notice A:link,
#notice A:visited,
#notice A:active,
#notice A:hover
{
  font-size: 7pt;
  color: rgb(160,160,160);
  text-align: right;
  padding-top: 5px;
  text-decoration: none;
}

#notice A:hover
{
  text-decoration: underline;
}


<!--[if lte IE 8]>
<style type="text/css">
/* Internet Explorer cannot fill a table row up to the remaining height; scrollbars will appear
  therefore set the middle row to only 70% :
*/  
#middletd {
	height:70%;
}
</style>
<![endif]-->