/* style sheet file common to all pages */
body {
	margin: 38px 10px 10px 10px; /* make room for the menu bar */

	background-color: #B8D0DF;
	background-image: url('/images/background.jpg');

  background-image: -webkit-gradient(
  	linear,
  	left top,
  	left bottom,
  	color-stop(0, #D3E8ED),
  	color-stop(1, #557A94)
  );

  background-image: -o-linear-gradient(bottom, #D3E8ED 0%, #557A94 100%);
  background-image: -moz-linear-gradient(bottom, #D3E8ED 0%, #557A94 100%);
  background-image: -webkit-linear-gradient(bottom, #D3E8ED 0%, #557A94 100%);
  background-image: -ms-linear-gradient(bottom, #D3E8ED 0%, #557A94 100%);
  background-image: linear-gradient(to bottom, #D3E8ED 0%, #557A94 100%);
  background-attachment: fixed;
  background-repeat: no-repeat;
  
  height: 100%;

	font: 12px Helvetica, Arial, Verdana, sans-serif;
}

body.popup {
  margin: 10px; /* no menu bar */
}

a:link, a:visited {
  color: #00F;
}

p {
	font: 12px Helvetica, Arial, Verdana, sans-serif;
}

h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: bold;
  text-align: center;
}

h2 {
	font: 12px Helvetica, Arial, Verdana, sans-serif;
  font-weight: bold;
}

select {
	font: 11px Helvetica, Arial, Verdana, sans-serif}

.clickable {
  cursor: pointer;
}

.pane {
  border: 1px solid #000;
  background: #849DB0 url('/images/paneheaderbackground.gif') repeat-x top left;
}

.pane .header {
  border-bottom: 1px solid #000;
  color: #FFF;
  padding: 3px 3px 8px 3px;
  height: 1em;
  font-weight: bold;
}

.pane .warningHeader {
  border-bottom: 1px solid #000;
  background: #C00 url('/images/panewarningheaderbackground.gif') repeat-x top left;
  color: #FFF;
  padding: 3px 3px 8px 3px;
  height: 1em;
  font-weight: bold;
}

.pane .header a, .pane .warningHeader a {
  text-decoration: none;
  color: #FF0;
}

.pane .header a:hover, .pane .warningHeader a:hover {
  color: #FFF;
}

.pane .header .leftColumn, .pane .warningHeader .leftColumn {
  float: left;
  font: 12px bold Helvetica, Arial, Verdana, sans-serif;
  margin: 0px;
  padding: 0px;
  font-weight: bold;
}

.pane .header .centreColumn, .pane .warningHeader .centreColumn {
  font: 12px bold Helvetica, Arial, Verdana, sans-serif;
  margin: 0px;
  padding: 0px;
  text-align: center;
  width: 100%;
  font-weight: bold;
}

.pane .header .rightColumn, .pane .warningHeader .rightColumn {
  float: right;
  font: 12px bold Helvetica, Arial, Verdana, sans-serif;
  margin: 0px;
  padding: 0px;
}

.pane .content {
  margin: 0px;
  padding: 3px;
  background: #FFF;
}

/* windows */
div.floatingWindow {
  position: absolute;
  z-index: 100;
  display: none;
  border: 1px solid #000;
  padding: 0px;
  background-color: #FFF;
}

div.floatingWindow div.header {
  border-bottom: 1px solid #000;
  background: #849DB0;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  padding: 3px 3px 8px 3px;
  height: 1em;
}

div.floatingWindow div.content {
  padding: 5px;
}

#semiTransparentBackground {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  z-index: 90;
  background: transparent url('/images/semitransparentbackground.gif') repeat fixed top left;
  width: 100%;
  height: 100%;
}

td {
	font: 12px Helvetica, Arial, Verdana, sans-serif;
}

div.pageHeaderBar {
  background: #849DB0;
  color: #FFF;
  position: relative;
  width: 100%;
  left: 0px;
  top: 0px;
  padding: 3px 3px 8px 3px;
  height: 1em;
  border-bottom: 1px solid #000;
}

/* clearfix ----------------------------------------------------------- */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ' ';
	clear: both;
	height: 0;
}

* html .clearfix {
	zoom: 1;
}

*:first-child + html .clearfix {
	zoom: 1;
}