html { overflow: -moz-scrollbars-vertical !important; }
body {
  padding: 2em 1em 2em 70px;
  margin: 0;
  font-family: sans-serif;
  color: black;
  background: white;
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
:link { color: #00C; background: transparent }
:visited { color: #609; background: transparent }
a:active { color: #C00; background: transparent }

a:link img, a:visited img { border-style: none } /* no border on img links */

a img { color: white; }        /* trick to hide the border in Netscape 4 */
@media all {                   /* hide the next rule from Netscape 4 */
  a img { color: inherit; }    /* undo the color change above */
}

th, td { /* ns 4 */
  font-family: sans-serif;
}

h1, h2, h3, h4, h5, h6 { text-align: left }
#content { margin-top: 8px; }

/* background should be transparent, but WebTV has a bug */
h1, h2, h3 { color: #005A9C; background: white }
h1 { font: 170% sans-serif }
h2 { font: 140% sans-serif }
h3 { font: 120% sans-serif }
h4 { font: bold 100% sans-serif }
h5 { font: italic 100% sans-serif }
h6 { font: small-caps 100% sans-serif }

/* specific */

#nav {
  position: absolute;
  top: 0px;
  right: 0px;
}

#nav li {
  display: inline;
}

#menuConfig {
  display: none;
  position: absolute;
  background-color: white;
  top: 220px;
  left: 0;
  right: 0;
  padding: 8px;
  
  box-shadow: 10px 10px 20px #888;
  -webkit-box-shadow: 10px 10px 20px #888;
  -moz-box-shadow: 10px 10px 20px #888;
  
  margin-left: auto;
  margin-right: auto;
  width: 600px;
 
  border: 1px solid #ccc;
}

#menuConfig ul {
  -moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}

#menuConfig ul li {
  padding: 4px;
} 


      #nav ul {   
        margin: 0px;
        padding: 0px;
        list-style: none;
      }

      #nav ul li {
        background-color: #005A9C;
      }
  
      #nav ul li,
      #nav ul li a {
        float: left;
        display: block;
      }
  
      #nav ul li a {
        margin: 6px;
        padding: 5px;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
      }
      #nav ul li a:hover,
      #nav ul li a.selected {
        background-color: #fff;
        color: #272727;
      }

      #nav .menuPerspective {
     	background-color: #ccdddd;
		color: #003366;
      }
      
      #nav .menuPerspective.selected {
     	background-color: #ccffaa;
      }

/* common css */

pre.profile {
  border: 1px solid #ccccff;
  padding: 4px;
  background-color: #ffffe0;
}

textarea.profile {
  width: 100%;
  height: 60em;
  
  border: 1px solid #b0b0ff;
  padding: 4px;
}

span.disabled {
 color: red;
}

span.enabled {
 color: green;
}
