.service {
  border: 1px solid brown;
  position: relative;
  height: 1%;
  /* background-color: #eeeecc; */
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.port {
  border: 1px solid blue;
  position: relative;
  height: 1%;
  text-align: center;
  /* background-color: #ffffdd; */
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 1px 0px;
}
.service .port {
  margin: 1px 5px 5px 5px;
}
.operations {
  position: relative;
  height: 1%;
  border: 1px solid green;
  margin: 5px 5px 5px 5px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.header {
  border: 1px solid #bbddbb;
  position: relative;
  height: 1%;
  /* background-color: #eeeecc; */
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.legend {
  border-style: solid;
  border-color: black;
  background-color: #aadd44;
  position: absolute;
/*  right: 0px; bottom: 0px; border-width: 1px 0 0 1px;*/
  left: 0px;
  border-width: 0 1px 1px 0;
  font-size: 80%;
  -moz-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
}
.poweredby {
  border-style: solid;
  background-color: #dbef12;
  position: absolute;
  right: 0px;
  bottom: 0px;
  border-width: 1px 0 0 1px;
  font-size: 80%;
  -moz-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
}

.req {
  text-align: right;
}
.oper {
  border: 1px solid;
  text-align: center;
  background-color: #eeffee;
}
.res {
  text-align: left;
}
.heading {
  text-align: center;
  font-weight: bold;
}
.req, .res, .oper {
  width: 33%;
}

a { 
  text-decoration: none;
  color: blue;
}
a:hover { text-decoration: underline; }

.portlet {
  /* border: 1px solid #eeeeee; */
  margin-top: 1px;
  border: 1px solid #bbddbb;
  background-color: #fefefe;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#ads {
  width: 150px;
  float: right;
}

.menu {
  display: inline;
  padding: 15px;
}

.menu li {
  display: inline;
  list-style: none;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: blue;
  padding: 0 5px;
}

.menu .selected {
  background-color: #eeeeee;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: blue;
}

.odd {
  background-color: #eeeeee;
}

.even {
  background-color: #f6f6f6;
}

.techy {
  color: #888888;
}

.popup {
  display: none;
}

.popupcontent {
  width: 400px;
}

.sheading {
  font-weight: bold;
  background-color: #dde7ed;
  border-width: 1px 1px 0 1px 
  border-style: solid;
  border-color; #449944;
  color: #16387C;
  display: block;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

h1 , h2 {
  color: brown;
  margin-top: 0;
  margin-bottom: 5px;
}

th {
  text-align: right;
  vertical-align: top;
}

.wsd > p {
  margin: 5px 0;
}

.ws {
  margin-bottom: 20px;
}

.wstitle {
  font-size: 120%;
  font-style: italic;
}