/*
body {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: normal; 
        line-height: 150%;
        margin: 0 0.5em;
        padding: 0;
        background: #ffffff url(./images/back.gif);
        text-align: center;
}
#container {
        padding: 0 0 2em 0;
        margin: 0.2em auto auto auto;
        max-width: 1000px;
        background: #fff;
        text-align: left;
        border: 1px solid #1f5f5f;

        width: expression("59em");

}
*/
body {
/*        font-family: Verdana, Helvetica, sans-serif;
        font-size: 1em; */
        font: normal 14px Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        text-align:justify;
        line-height: 150%;
        margin: 0;
        padding: 0;
        background: #ffffff;
        text-align: center;
}
#container {
        padding: 0 0 0 0;
        margin: 0;
        background: #fff;
/*        text-align: left;*/
/*      border: 1px solid #1f5f5f;*/
}

/* ============= header div & co =============== */
#header {
        top:   0px;
        left:  0px;
        width: 100%;
/*      height: 80px;*/
        height: 130px;
        z-index:+1;
        padding-left: 0px;
        padding-top:  0px;
        padding-bottom: 0px;
        background: #ffffff url(../images/nlogo.png) top left no-repeat;
}
#space {
        top:   2px;
        bottom:   2px;
        left:  0px;
        width: 100%;
        z-index:+1;
        padding-left:   0;
        padding-top:    1em;
        padding-bottom: 1px;
/*      background-color:#bfdfdf;*/
/*      border: 1px solid #1f5f5f;*/
        border-top: 1px solid #1f5f5f;
        border-bottom: 1px solid #1f5f5f;
background-image: linear-gradient(left , rgb(102,177,189) 21%, rgb(135,221,230) 58%, rgb(163,243,255) 87%);
background-image: -o-linear-gradient(left , rgb(102,177,189) 21%, rgb(135,221,230) 58%, rgb(163,243,255) 87%);
background-image: -moz-linear-gradient(left , rgb(102,177,189) 21%, rgb(135,221,230) 58%, rgb(163,243,255) 87%);
background-image: -webkit-linear-gradient(left , rgb(102,177,189) 21%, rgb(135,221,230) 58%, rgb(163,243,255) 87%);
background-image: -ms-linear-gradient(left , rgb(102,177,189) 21%, rgb(135,221,230) 58%, rgb(163,243,255) 87%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0.21, rgb(102,177,189)),
	color-stop(0.58, rgb(135,221,230)),
	color-stop(0.87, rgb(163,243,255))
);}
/* ============= navigation bar div & co =============== */
#sidemenu {
/*  background-color: #f9ed90;*/
/*  background-color: #b5e5e5;*/
/*  background-color: #b6e7f6;d5edf4*/
/*  background-color: #d5edf4;*/
    background-color: #e7f0f3;
/*  border: 1px solid #cda300;*/
    border: 1px solid #1f5f5f;
}


div#sidemenu {
        clear: both;
        float: left;
        width: 13.5em;
        margin: 0em;
        margin-left: 1.5em;
        margin-top: 1.5em;
        padding: 0.2em;
        padding-left: 0.1em;
        padding-right: 0.8em;
/*      font-size: 1.1em;*/
/*      font-size: large;*/
/*      font-weight: bold;*/
        text-align:left;
/*        font-size: 1em; */
        font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

#sidemenu ul {
  margin: 0;
  padding: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  list-style: none;
}

#sidemenu li {
        margin: 0;
        padding: 0.25em;
/*      font-family: bold Verdana, Arial, Helvetica, sans-serif;*/
        font: bold 18px Verdana, Arial, Helvetica, sans-serif;
        font-size: large;
}
#sidemenu a {
/*    color: #555555;*/
    color: #2e56ba;
    display: block;
    text-decoration: none;
    overflow: hidden;
}
#sidemenu a:hover {
    color: #010188;
}
/*#sidemenu a:hover, #sidemenu a:hover {
    background: #eeeeee;
}*/

/* ============= content =============== */
#main {
/*    position: absolute;*/
/*  width:             100%;*/
    margin-top:        30px;
    margin-left:      250px;
    padding-left:       0px;
    padding-right:     30px;
}
/* ============= content =============== */
#main2 {
/*    position: absolute;*/
/*  width:             100%;*/
    margin-top:        30px;
    margin-left:       10px;
    padding-left:       0px;
    padding-right:      0px;
}

/* ============= help dialogs =========== */
#help {
/*    position: absolute;*/
/*  width:             100%;*/
    margin-top:        30px;
    margin-left:       10px;
    padding-left:      10px;
    padding-right:     10px;
}

/* ============= bottom line =============== */
#bottomlist {
/*    position: absolute;*/
    bottom: 00px;
    left: 200px;
    margin-left: -150px;
}

/* ============= pub index =============== */
#secondnavindex {
    background-color: #e7f0f3;
    border: 1px solid #1f5f5f;
}
div#secondnavindex {
        clear: both;
        float: left;
        width: 13.5em;
        margin: 0em;
        margin-left: 1.5em;
        margin-top: 1.5em;
        padding: 0.2em;
        padding-left: 0.1em;
        padding-right: 0.8em;
        text-align:right;
        font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
#secondnavindex ul {
  margin: 0;
  padding: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  list-style: none;
}

#secondnavindex li {
        margin: 0;
        padding: 0.25em;
/*      font-family: bold Verdana, Arial, Helvetica, sans-serif;*/
        font: bold 16px Verdana, Arial, Helvetica, sans-serif;
        font-size: medium;
}
#secondnavindex a {
    color: #555555;
    display: block;
    text-decoration: none;
    overflow: hidden;
}
#secondnavindex a:hover {
    color: #1f5f5f;
}


/* ============= common stuff =============== */
p {
  font: normal 16px Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-align:justify;
  color: #000000;
  line-height: 1.4em;
  }
p.ptip {
  font: normal 14px Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align:justify;
  color: #000000;
  line-height: 1.0em;
  }
p.note {
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align:center;
  color: #333333;
  }
p.big {
  font: normal 14px Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align:justify;
  color: #333333;
  }
p.huge {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-align:justify;
  color: #000000;
  }
p.headlink {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-align:justify;
  color: #000000;
  }

h3 {
  font: bold 18px Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-align:justify;
  color: #000000;
  line-height: 1.4em;
  }

ul { font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 16px;
     list-style: square inside url('../images/arrow.gif')}
li { font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 16px}
/* ============= webpsn stuff =============== */
fieldset.intro {
  margin-left:    auto;
  margin-right:   auto;
  }
fieldset.options {
  /*float:        right;*/
  margin-left:    600px;
  margin-right:    0px;
  clear:none;
  }

div.tutor {
  width:           80%;
  margin-left:    auto;
  margin-right:   auto;
  padding-left:    0px;
  padding-right:   0px;
  clear:right;
}
div.resblock {
  width:          100%;
  margin-left:    auto;
  margin-right:   auto;
  padding-left:    0px;
  padding-right:   0px;
  padding-bottom: 50px;
  clear:both;
}
div.notebox {
  width:           90%;
  margin-left:    auto;
  margin-right:   auto;
  text-align:justify;
}

#jmolbox {
    background-color:  #fff;
    width:             520px;
    height:            520px;
    /*margin-left:       auto;
    margin-right:      auto;*/
    margin-right:       10px;
    padding-left:      10px;
    padding-top:       10px;
    padding-right:     10px;
    padding-bottom:    10px;
    border: 1px solid #1f5f5f;
    float:left;
    clear:both;
}

.image_float {
  float:right;
  margin:5px 5px 5px 15px;
  }
#resmapping {
  float:left;
  /*border: 1px solid #1f5f5f;*/
  /*margin:20px 30px 0px 0px;*/
  margin:20px 0px 0px 0px;
    padding-left:      10px;
    padding-top:        0px;
    padding-right:     10px;
    padding-bottom:     0px;
  width:515px;
  clear:both;
}
div.graphs {
  float:left;
  /*border: 1px solid #1f5f5f;*/
  /*margin:20px 30px 0px 0px;*/
  margin:20px 0px 0px 0px;
  clear:both;
}
table.psndata
{
background-color:#ffffff;
border:1px solid #c3c3c3;
border-collapse:collapse;
width:100%;
font: normal 14px Verdana, Arial, Helvetica, sans-serif;
}
table.psndata th
{
background-color:#e5eecc;
border:1px solid #c3c3c3;
padding:3px;
vertical-align:top;
text-align:left;
font: normal 14px Verdana, Arial, Helvetica, sans-serif;
}
table.psndata td 
{
border:1px solid #c3c3c3;
padding:3px;
vertical-align:top;
font: normal 14px Verdana, Arial, Helvetica, sans-serif;
}
table.psndata caption 
{
background-color:#f5fedc;
border:1px solid #c3c3c3;
padding:3px;
vertical-align:top;
font: normal 14px Verdana, Arial, Helvetica, sans-serif;
}
/* ============= flot stuff =============== */
#placeholder {
	width: 850px;
	height: 450px;
	/*padding: 10px 5px 0 0;*/
	padding: 10px 0 0 0;
	margin: 15px auto 30px auto;
	border: 1px solid #ddd;
	background: #fff;
	background: linear-gradient(#f6f6f6 0, #fff 50px);
	background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
div.placeholder_old {
	width: 500px;
	height: 450px;
	padding: 10px 0 0 0;
	margin: 15px auto 30px auto;
	border: 1px solid #ddd;
	background: #fff;
	background: linear-gradient(#f6f6f6 0, #fff 50px);
	background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
div.placeholder {
	width: 498;
	width: 493;
	padding: 10px 0 0 5px;
	margin: 15px auto 30px auto;
	/*border: 1px solid #ddd;*/
	background: #fff;
	background: linear-gradient(#f6f6f6 0, #fff 50px);
	background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
	/*box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);*/
}

.axisLabel {
	position: absolute;
	text-align: center;
	font-size: 12px;
}

.yaxisLabel {
	top: 50%;
	left: 2px;
	transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform:  rotate(-90deg);
	transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}

.ie7 .yaxisLabel, .ie8 .yaxisLabel {
	top: 40%;
	font-size: 36px;
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.0, M12=0.33, M21=-0.33, M22=0.0,sizingMethod='auto expand');
}

/* ============= scrollsort stuff =============== */
/* Scrollable Content Height */
.scrollContent {
 height:100px;
 overflow-x:hidden;
 overflow-y:auto;
}

.scrollContent tr {
 height: auto;
 /*white-space: nowrap;*/
}

/* Prevent Mozilla scrollbar from hiding right-most cell content */
.scrollContent tr td:last-child {
 padding-right: 20px;
}

/* Fixed Header Height */
.fixedHeader tr {
 position: relative;
 height: auto;
 /* this fixes IE header jumping bug when mousing over rows in the tbody */
 top: expression( this.parentNode.parentNode.parentNode.scrollTop + 'px' );
}

/* Put border around entire table */
div.TableContainer {
 border: 1px solid #7DA87D;
 overflow-y:auto;
}

/* Table Header formatting */
.headerFormat {
 background-color: white;
 color: #FFFFFF;
 margin: 3px;
 padding: 1px;
 white-space: nowrap;
 font-family: Helvetica;
 font-size: 16px;
 text-decoration: none;
 font-weight: bold;
}
.headerFormat tr td {
 border: 1px solid #000000;
 background-color: #7DA87D;
}

/* Table Body (Scrollable Content) formatting */
.bodyFormat tr td {
	color: #000000;
	margin: 3px;
	padding: 1px;
	border: 0px none;
	font-family: Helvetica;
	font-size: 12px;
}

/* Use to set different color for alternating rows */
.normalRow {
  background-color: #FFFFFF;
}
.alternateRow {
  background-color: #E0F1E0;
}

/* Styles used for SORTING */
.point {
 cursor:pointer;
}

td.sortedColumn {
  background-color: #E0F1E0;
}

tr.alternateRow td.sortedColumn {
  background-color: #c5e5c5;
}

.total {
	background-color: #FED362;
	color: #000000;
	white-space: nowrap;
	font-size: 12px;
	text-decoration: none;
}

table.scrollTable tr:hover {
	background-color: #c5e5c5;
	color: #006600;
	font-style: normal;
	text-decoration: underline overline;
}

.hoverMe {
	background-color: #c5e5c5;
	color: #006600;
	font-style: normal;
	text-decoration: underline overline;
}