body {
   padding: 0;
   margin: 0;
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 0.8em; 
   background-color: #ffffff;
}

div.bodypadder {
   padding-left: 8px;
}

a {
   color: #000066;
}

a:link {
   color: #000066;
}

a:visited {
   color: #000066;
}

div.footer {
  clear: both;
}

/* A class for the copyright text */
div.copyright {
   /*padding-top: 10px;*/
   color: #b3c0cd;
}

/* A class for the copyright text */
div.copyright a {
   color: #b3c0cd;
}

div.copyright a:link {
   color: #b3c0cd;
}

div.copyright a:visited {
   color: #b3c0cd;
}

div.errormessage {
   margin-top: 15px;
   margin-bottom: 15px;
   font-family: verdana, arial, helvetica;
   font-size: 1.0em;
   text-align: center;
   font-weight: bold;
   color: red;
}

div.filter {
   color: red;
   font-size: 9px;
}

td.titlemeny {
   background-color: #6688aa;
   color: #ffffff;
}

a.titleicons {
   padding-left: 3px;
}

a.makesomeroom {
   padding-left: 10px;
}

a.submenu {
   font-size: 12px;
   color: #ffffff;
   text-decoration: none;
}

a.submenu:link {
   font-size: 12px;
   color: #ffffff;
   text-decoration: none;
}

a.submenu:visited {
   font-size: 12px;
   color: #ffffff;
   text-decoration: none;
}

div.titletext {
   color: #1f2f6f;
   background-color: #ffffff;	
   font-weight: bold;
}


div.giveroom {
   color: #1f2f6f;
   background-color: #ffffff;
   font-weight: bold;
   margin-bottom: 10px;
}


input.changeSubmit {
   color: #000000;
   border: 2px solid #6688aa;
   vertical-align: top;
   padding-left: 3px;
   padding-right: 3px;
}

/* These also apply for the weight window */

input.changeSubsetButtons {
   border: 1px solid #000000;
   vertical-align: top;
   padding-left: 3px;
   padding-right: 3px;
   height: 22px;
}



input.changeSubsetButtonsNoPointer {
   /*color: #000000;*/
   border: 1px solid #000000;
   vertical-align: top;
   padding-left: 3px;
   padding-right: 3px;
   height: 22px;

}

input.changeSubsetButtonOk {
   /*color: #000000;*/
   border: 1px solid #000000;
   vertical-align: top;
   padding-left: 6px;
   padding-right: 6px;
   height: 22px;
}

div.graphmessage {
   margin-top: 20px;
   margin-bottom: 20px;
   font-weight: bold;
}

div.processing {
   display: none;
   font-weight: bold;
   font-size: 1.4em;
   text-align: center;
   margin-top: 60px;
}

div.scaleadjust {
   white-space: nowrap;
}

div.scaleadjust form {
   float: left;
}

div.download_auto {
   padding-bottom: 8px;
}

div.varHeading {
   color: #000000;
   font-size: 11px;
   padding-bottom: 5px;
}

div.layerVarHead {
   color: #000000;
   font-size: 11px;
   font-weight: bold;
}

div.layerVar {
   color: #000000;
   font-size: 11px;
}

div.pageheader {
   margin-top: 20px;
   font-weight: bold;
   margin-bottom: 10px;
}

ul.serverbookmark {
   padding: 0px;
   margin: 0px;
   list-style: none;
   margin-bottom: 2em;
}

ul.serverbookmark li {
   display: inline;
   padding: 0px;
   margin: 0px;
}

ul.serverbookmark li form{
   display: inline;
   padding: 0px;
   margin: 0px;
}

ul.serverbookmark li form input{
   padding: 0px;
   margin: 0px;
}

div.bookmarkhelp {
   width: 400px;
   padding-top: 10px;
   margin-bottom: 10px;
}

.theInput{
   font-size: 100%;
   font-family: arial;
}

div.poweredby{
   position: absolute;
   right: 3px;
   top: 5px;
}

/* For hints&tips placed below the tables */
.hint{
   clear: both;
   color: #000000;
   background-color: #f6f6f6;
   border: 1px solid #ddd;
   padding: 10px;
   /* min-height: 30px; */
   height: auto;
   width: 75%;
   margin-top: 1em;
}

.hint h3 {
   margin: 0px;
}

.hideClass{
   position: absolute;
   top: 0px;
   left: 0px;
   margin: 0;
   padding: 0;
   background: white;
   text-align: center;
   width: 100%;
   opacity: .9;
   font-weight: bold;
   font-size: 1.8em;
   z-index: 1000;
}

.hideClass img{
   margin: auto;
   padding-top: 30%;
}

/***********************************
**
**
** The classes for the menues
**
**
************************************/

/**The class for all the menues*/

#top {
   clear: both;
   margin: 0px;
   margin-bottom: 0em;
   white-space: nowrap;
   z-index: 2;
}

#top li:hover ul, li.over ul{ display: block; }

#top li:hover ul {
   display: block;
}

#menu li > ul {
   top: auto;
   left: auto;
}

#mainmenu {
   height: auto;
   min-height: 20px;
   list-style: none;
   padding: 0px;
   margin: 0px;
   line-height: 0.7em;
   display: block;
   font-size: 11px;
   color: #333;
   padding-bottom: 0.5em;
   padding-top: 0.5em;
}

#mainmenu li ul li span.disabled {
   color: #888;
}

#mainmenu li ul li span.disabled:hover {
   background: white;
}

a.selectedLevel, a.selectedSlice, a.selectedType, a.selectedMeas {
   background-image: url( '../images/checkmark.gif' );
   background-position: left center;
   background-repeat: no-repeat;
}

a.toLayer {
   background-image: url( '../images/tolayer.png' );
   background-position: left center;
   background-repeat: no-repeat;
}

a.toHead {
   background-image: url( '../images/tohead.png' );
   background-position: left center;
   background-repeat: no-repeat;
}

a.toStub {
   background-image: url( '../images/tostub.png' );
   background-position: left center;
   background-repeat: no-repeat;
}

#mainmenu li {
   float: left;
   text-align: center;
   padding: 0px;
   margin: 0px;
   position: relative;
   border: 1px solid black;
   margin-right: 1.5em;
}

#mainmenu li a, 
#mainmenu li span {
   display: block;
   padding-left: 0.5em;
   padding-right: 2em;
   padding-top: 5px;
   padding-bottom: 5px;
   margin: 0px;
   white-space: nowrap;
   text-decoration: none;
   text-align: left;
   font-size: 12px;
   font-weight: bold;
   color: #333;
   float: none;
   position: relative;
}

#mainmenu li a.combolink {
   background-image: url( '../images/menuarrow.gif' );
   background-position: right center;
   background-repeat: no-repeat;
   cursor: pointer;
}

span.sliceselection,   
#mainmenu li a span.sliceselection {
   padding: 0px;
   margin: 0px;
   display: inline;
   font-weight: normal;
}

#mainmenu li span.movingcelllayer,
#mainmenu li span.layerlabel, 
#mainmenu li span.mouseoverlayer { 
   background-image: url('../images/grip.png');
   background-repeat: repeat;
   width: 10px;
   font-size: 10px;
   padding-left: 0px;
   padding-right: 0px;
   margin: 0px;
   border: none;
   padding-bottom: 0px;
   margin-right: 2px;
   display: block;
   float: left;
   cursor: move;
   z-index: 2;
   white-space: nowrap;
}

div.layerlabel {   
   z-index: 2;
   width: auto;
   text-align: center;
   padding: 0px;
   margin: 0px;
   color: black;
   font-size: 12px;
   font-weight: bold;
   position: relative;
   border: 1px solid black;
   background-position: right center;
   background-repeat: no-repeat;
   background-color: white;
   margin-right: 1.5em;
}

#mainmenu li.toppop { 
   visibility: visible;
   margin-bottom: 1em;
}

#mainmenu li.toppop:hover ul { 
   display: block;
}

#mainmenu li.hiddencombo { 
   visibility: hidden;
}

#mainmenu li.hiddencombo span { 
   display: none;
}

#mainmenu li.layercombo { 
   background-image: url('../images/combolayer.png');
   background-position: bottom;
   background-repeat: repeat-x;
}

#mainmenu li.stubcombo { 
   background-image: url('../images/combostub.png');
   background-position: bottom;
   background-repeat: repeat-x;
}

#mainmenu li.headcombo { 
   background-image: url('../images/combohead.png');
   background-position: bottom;
   background-repeat: repeat-x;
}

#mainmenu li.othercombo { 
   background-image: url('../images/comboother.png');
   background-position: bottom;
   background-repeat: repeat-x;
}

#mainmenu li ul > li {
   position: relative;
}

#mainmenu li:hover > ul { 
   visibility: visible;
}

#mainmenu li ul {
   z-index: 3;
   display: block;
   margin-top: -1.5em; 
   background-color: white;
   border: 1px solid black;
   padding: 0px;
   margin: 0px;
   padding-right: 0px;
   padding-left: 0px;
   min-width: 200px;
   position: absolute;
   margin-left: -1px;
   list-style: none;
   left: 0px;
   float: none;
   visibility: hidden;
}

#mainmenu.jai li ul li > ul { 
   visibility: hidden;
}

#mainmenu.jai li ul li:hover > ul { 
   visibility: visible;
}

#mainmenu li ul li {
   margin-right: 0px;
   padding: 0px;
   background-image: none;
   min-width: 200px;
   width: 100%;
   border: none;
   display: block;
   float: none;
   clear: both;
}

#mainmenu li ul li ul {
   margin-top: -1.5em;
   left: 100%;
}

#mainmenu li ul li.parentmenu {
   background-image: url( '../images/right.gif' );
   background-position: right center;
   background-repeat: no-repeat;
}

#mainmenu li ul li a, 
#mainmenu li ul li span {
   padding-right: 0px;
   position: relative;
   border: none;
   display: block;
   padding-left: 15px;
   float: none;
   /* Works around bug in Firefox 1.0.7 */
   min-width: 185px;
}

#mainmenu li ul li:hover {
   background-color: #eee;
}

hr.menuseparator {
   width: 100%;
   margin: 0px;
   padding: 0px;
   color: #aaa;
   border: none;
   border-top: solid 1px #aaa;
   background-color: #aaa;
   margin-left: -15px;
   height: 0px;
   font-size: 0px;
   /* Works around bug in Firefox 1.0.7 */
   min-width: 200px;
}

table.matrix {
   clear: both;
}

div#tableinfo {
   clear: both;
}

/* Maps */
div.mapping {
   clear: both;
}

#mapdiv {
   padding: 0px;
   position: relative;
   float: left;
   z-index: 1;
}

#mapdiv p {
   margin: 0px;
   padding: 0px;
   margin-right: 1em;
}

#reset {
   position: absolute;
   right: 20px;
}

#reset img {
   border: none;
}

#mapImage {
   border: 1px solid #aab;
   background-position: top left;
   background-repeat: no-repeat;
   margin-right: 1em;
}

#rubberBand {
   border: 2px solid black !important;
   background-image: url( '../images/rubberbandbackground.png' );
   z-index: 2;
}

div.sidebar {
   width: 150px;
   float: left;
   margin: auto;
}

div.legend {
   padding: 1em;
   border: 1px solid #aab;
   background: #fff;
   margin-bottom: 1em;
   font-size: 90%;
}

div.legend div {
   margin: 0px;
   margin-bottom: 0.5em;
   border: none;
   border-left: 2ex solid;
   padding-left: 1em;
}

span.wordcnp {
   border: none;
   padding-left: 1em;
   padding-right: 1em;
   margin-right: 1em;
   font-family: mono;
   display: none;
}

div.legend h3 {
   text-align: center;
   margin: 0px;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

div#tooltipdiv {
   background: #ff9;
   color: black;
   border: 1px solid black;
   padding: 2px;
   z-index: 2; 
}

ul.numCategoriesList {
   margin: 0px;
   margin: auto;
   padding: 0px;
   list-style-type: none;
   white-space: nowrap;
}

ul.numCategoriesList li {
   display: inline;
   padding: 0px;
   margin: 0px;
}

ul.numCategoriesList li label {
   padding: 0px;
   margin: 0px;
}

ul.numCategoriesList li label img {
   padding: 0px;
   margin: 0px;
}

ul.numCategoriesList li input {
   display: none;
}

ul.classification {
   list-style-type: none;
   margin-left: 0px;
   padding: 0px;
   margin-top: 1em;
}

ul.classification li {
   margin-left: 0px;
   padding-left: 0px;
   margin-bottom: 0.5em;
}

ul.classification li input {
   display: none;
}

ul.classification li label {
   color: #555;
   white-space: nowrap;
}

ul.classification li label.selected {
   color: black;
}

ul.classification li label img {
   vertical-align: middle;
   display: inline;
}

ul.labels {
   list-style-type: none;
   margin-left: 0px;
   padding: 0px;
   margin-top: 2em;
}

ul.labels li {
   margin-left: 0px;
   padding-left: 0px;
   margin-bottom: 0.5em;
}

ul.labels li input {
   display: none;
}

ul.labels li label {
   color: #555;
   white-space: nowrap;
}

ul.labels li label.selected {
   color: black;
}

ul.labels li label img {
   vertical-align: middle;
   display: inline;
}

div.mapping div.controls {
   padding: 1em;
   margin-top: 0px;3
}

#referer{
   margin: 0;
   padding: 0;
   padding-right: 18px;
   float: right;
}

#svg {
   margin-top: 15px;
   width: 630px;
   height: 450px;
}

div.tableinfo {
   display: none;
}

#diagram img {
   border: none;
}

a.email {
   float: right;
   font-weight: normal;
   padding-right: 18px;
   padding-left: 4px;
}

#metadata ul{
   list-style-type: none;
   padding:0;
   margin-left: 0;
   margin-top: 0;
   margin-bottom: 20px;
}

#metadata ul.keywordnode{
   list-style-type: disc;
   padding-left: 20px;
   margin-top: 0;
   margin-bottom: 20px;
}

@media print {

   body {
      width: 16cm;
      height: 10cm;
      border: 1px solid white;
   }

   #svg {
      width: 15cm;
      height: 10cm;
   }

   #topstrip, #popuparrow, #processing, #calculatesubset, #drop{
      display: none;
   }

  #tableinfo{
     display: block;
  }


}