/*
 * Style sheet for Tuorla Observatory contents
 * by Rami T. F. Rekola - 10 July 2008
 */

#content-area 
  {
  margin-left: 215px;
  border: 1px solid #564646;
  border-bottom-width: 5px; 
  background-color: white;
  padding: 10px 10px;
  }

#content-left
  {
  position: relative; 
  margin-left: 0px;
  width: 50%;
  padding: 0.2em 0.5em;
  }

#content-right
  {
  position: relative; 
  margin-left: 50%;
  width: 50%;
  padding: 0.2em 0.5em;
  }

#content-centre
    {
   position: relative;
   margin-left: 20%;
   width: 80%;
   padding: 0.2em 0.5em;
		      }

#news-div-1
  {
  position: relative; 
  margin-left: 20px;
  margin-right: 20px;
  }

#news-div-2
  {
  position: fixed; 
  top: -2000px;
  left: -2000px;
  width: 200px;
  }

#news-div-2b
  {
  position: relative; 
  margin-left: 20px;
  margin-right: 20px;
  }

/* Full content area, for pages without the navi-area. */
#content-area.full-page 
  {
  margin-left: 0px;
  }

/* Submenu inside content-area */

#sidebar 
  {
  width: 30%;
  float: right;
  margin: 0%;
  margin-left: 1%;
  padding: 1em 0.5em 1em 1em;
  background-color: #e6edf5;
  border: 1px solid #0f5e7e;
  }

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

#sidebar ul 
  {
  margin: 0px;
  padding: 0px;
  line-height: 1.5em;
  }

/* NOTE: This element is NavPath-sensitive */
#sidebar ul li 
  {
  margin: 0;
  padding: 0px;
  padding-left: 12px;
  display: list-item;
  list-style-type: none;
  list-style-position: outside;
  background-image: url(/img/arrowbullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 0.5em;
  }

#sidebar a 
  {
  color: #000000;
  text-decoration: none;
  }

#sidebar a:hover 
  {
  text-decoration: underline;
  }


/* Global element properties. */

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

img2
  {
  border: 0px; 
  margin: 0px; 
  padding: 0px; 
  float: left; 
  }

.right
  {
/*  position: absolute; */
/*  right: 80px; */
  float: right; 
  }

h1 
  {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.6em;
  }

h2 
  {
  margin-top: 0;
  margin-bottom: 0.4em;
  font-size: 1.3em;
  }

h3 
  {
  margin-top: 0;
  margin-bottom: 0.3em;
  font-size: 1.1em;
  }

h3.shade
   {
   background-color: #e4e4e4;
   }

h4 
  {
  margin-top: 0;
  margin-bottom: 0.2em;
  font-size: 1.0em;
  }

h5 
  {
  margin-top: 0;
  margin-bottom: 0.1em;
  font-size: 0.9em;
  }

p 
  {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 14px; 
  }

.large
  {
  font-size: 16px;
  }

.small
  {
  font-size: 10px;
  }

.smaller
  {
  font-size: 9px;
  }

.indent10
  {
  margin-left: 10px; 
  }

.indent20
  {
  margin-left: 20px; 
  }

.indent25
  {
  margin-left: 25px; 
  }

.indent50
  {
  margin-left: 50px; 
  }

.author 
  {
  float: right;
  margin-top: 2em; 
  margin-bottom: 1em; 
  font-size: 10px; 
  font-style: italic; 
  }

.announcement
  {
  padding: 0.5em; 
  font-size: 14px; 
  font-weight: bold; 
  color: #ffffff; 
  background-color: #585858; 
  }

.announcement a:link 
  {
  color: #B8B8B8; 
  text-decoration: none;
  }

.announcement a:visited 
  {
  color: #808080; 
  text-decoration: none;
  }

.announcement a:hover 
  {
  color: #990000; 
  }

.annox
  {
  font-size: 16px; 
  color: #000000; 
  }

.annox a:link 
  {
  color: #404040; 
  text-decoration: none;
  }

.annox a:visited 
  {
  color: #808080; 
  text-decoration: none;
  }

.annox a:hover 
  {
  color: #990000; 
  }

.right404 {
  float: right; 
  width: 400px; 
  margin: 0px; 
  margin-left: 8px; 
  text-align: left;
  }

dt
 {
  margin: 10px;
  padding: 5px;
  line-height: 1.00em;
  }

dt dd
  {
  margin: 10px;
  padding: 5px;
  font-size: inherit;
  }


ol
  {
  margin: 20px;
  padding: 10px;
  line-height: 1.25em;
  }

ol li
  {
  margin: 10px;
  padding: 5px;
  font-size: 14px;
  }

ul 
  {
  margin: 0px;
  padding: 0px;
  line-height: 1.25em;
  }

ul li 
  {
  margin: 0;
  padding: 5px;
  font-size: 14px; 
  padding-left: 12px;
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
  }

li.normal
  {
  font-size: inherit;
  margin-left: 15px;
  padding-left: 5px;
  padding: 10px;
  line-height: 1.0em;
  }

a:link
  {
  color: #4252a3; 
  }

a:visited
  {
  color: #808080; 
  }

a:hover 
  {
  color: #990000; 
  text-decoration: underline;
  }

.disabled 
  {
  color: #999999;
  }

table.stat th, table.stat td {
    font-size: 14px;
	      font-family : "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
	        background : none; color : #e4e4e4; }

table.plain th, table.plain td {
    font-size: 14px;
	      font-family : Verdana,Helvetica,Arial,sans-serif;
	        }
td
  {
  }

.pusher
  {
  width: 50px; 
  }

.staffimage
  {
  width: 150px;
  }

#edit-buttons 
  {
  margin: 0px;
  margin-bottom: 4px;
  padding: 0px;
  border: none;
  }

#edit-buttons a 
  {
  display: block;
  width: 100% !important;
  padding: 0.2em 0px 0.2em 2px !important;
  padding: 0.2em 0px 0.2em 2px;
  text-decoration: none;
  line-height: 1em;
  font-size: 90%;
  font-weight: bolder;
  color: #000000;
  }

#edit-buttons a:hover 
  {
  color: #0f5e7e;
  text-decoration: underline;
  background: none;
  }


.hoverbox img
{
	background: #ffffff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 130px;
	height: 130px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 5px;
	padding: 5px;
	position: relative; 
	font-size: 75%;
}

ul.fireballs, ul.col {
list-style: none;
list-style-position: outside;
margin: 0;
padding: 0;
}

ul.fireballs:first-line {
text-align: left;
font-weight: bold;
}

ul.col {
border-top: 1px solid black;
}

ul.col li {
display: table-cell;
width: 150px; 
}

sup, sub { vertical-align: 0;
           position: relative; }
sup { bottom: 1ex; }
sub { top: 0.8ex; }