body {
 margin: 0 ;
 text-align: center ;
 }

form {
 margin: 0 ;
 padding: 0 ;
 border: 0 ;
 }

.lhs {
 float: left ;
 }
.rhs {
 float: right ;
 }
.clear {
 clear: both;
 }

div.error, span.error {
 border: 1px solid red ;
 background: #FF8080 ;
 }

div.warn, span.warn {
 border: 1px solid blue ;
 background: #8080FF ;
 }


a {
 text-decoration: none ;
 }

a, a:visited {
 color: #488F05 ;
 }
a:hover {
 color: #333 ;
 }



#container {
 font-size: 11px ;
 text-align: left ;
 width: 934px ;
 margin-left: auto ;
 margin-right: auto ;
 }

#content {
 font-family: arial ;
 font-size: 13px ;
 }

h1, .title {
 font-weight: bold ;
 border-bottom: 1px solid #DDD ;
 font-size: 15px ;
 color: #333 ;
 margin: 0 ;
 margin-bottom: 10px ;
 }

.title {
  border: 0 ;
  }

h2 {
 font-size: 13px ;
 }

p.green {
 color: #66A300 ;
 }


#navigation {
 height: 152px ;
 display: block ;
 background: url(../img/header.jpg) top left no-repeat #85D400 ;
 }
#navigation ul {
 margin: 62px 15px 0 0 ;
 padding: 0 ;
 list-style: none ;
 float: right ;
 height: 96px ;
 }
#navigation li {
 display: block ;
 float: left ;
 margin-left: 5px ;
 }

#navigation li a {
 display: block ;
 width: 70px ;
 height: 96px ;
 background: url(../img/nav/menu_off.jpg) 0 0 no-repeat #85D400 ;
 }
#navigation li a div {
 font-family: arial ;
 font-weight: bold ;
 color: #488F05 ;
 position: relative ;
 top: 45px ;
 left: 5px ;
 }
#navigation li a.selected {
 background: url(../img/nav/menu_sel.jpg) 0 0 no-repeat #85D400 ;
 }
#navigation li a:hover {
 background: url(../img/nav/menu_on.jpg) 0 0 no-repeat #85D400 ;
 }


ul.panes {
 list-style: none ;
 margin: 0 ;
/* padding: 20px 4px 4px 4px ; */
 padding: 15px ;
 }


#featurebox .first {
 text-align: center ;
 }
#featurebox b.left {
 background: url(../img/greybox_tl.gif) top left no-repeat #E8E8E8 ;
 width: 15px ;
 height: 15px ;
 float: left ;
 margin: 0 ;
 padding: 0 ;
 }
#featurebox b.right {
 background: url(../img/greybox_tr.gif) top left no-repeat #E8E8E8 ;
 width: 15px ;
 height: 15px ;
 float: right ;
 margin: 0 ;
 padding: 0 ;
 }
#featurebox .top {
 display: block ;
 background: url(../img/greybox_tr.gif) top right no-repeat #E8E8E8 ;
 height: 15px ;
 }
#featurebox h1 {
 padding: 0 5px ;
 }
#featurebox span {
 padding: 5px ;
 display: block ;
 }
#featurebox span span, #featurebox span.caps {
 display: inline ;
 padding: 0 ;
 }
#featurebox b.wrap {
 padding: 5px 10px 10px 10px ;
 margin: 0 ;
 font-weight: normal ;
 width: 300px ;
 }
#featurebox {
 padding: 0 ;
 background: url(../img/greybox_side.gif) top left repeat-X #FFF ;
 }
#featurebox ul {
 list-style: none ;
 padding: 0 ;
 margin: 0 ;
 }
#featurebox li {
 display: block ;
 padding: 5px 5px 5px 15px ;
 font-size: 11px ;
 background: url(../img/dot.gif) 4px 11px no-repeat ;
 }
#featurebox a {
 color: #2C9B00 ;
 font-weight: bold ;
 font-size: 12px ;
 }

#loginbox h1 {
 width: 130px ;
 text-align: left ;
 font-size: 12px ;
 }
#loginbox {
 background: url(../img/clearbox_side.gif) top center repeat-y #FFF ;
 width: 164px ;
 padding: 0 ;
 }
#loginbox p {
 width: 100px ;
 padding: 0 ;
 margin: 0 ;
 }
#loginbox input.txt {
 width: 130px ;
 color: #ccc ;
 margin-bottom: 1px ;
 }

#featurebox2 {
 width: 336px ;
 padding: 0 ;
 background: url(../img/greybox_side.gif) top left repeat-X #FFF ;
 }
#featurebox2 .first {
 text-align: center ;
 }
#featurebox2 b.left {
 background: url(../img/greybox_tl.gif) top left no-repeat #E8E8E8 ;
 width: 15px ;
 height: 15px ;
 float: left ;
 margin: 0 ;
 padding: 0 ;
 }
#featurebox2 b.right {
 background: url(../img/greybox_tr.gif) top right no-repeat #E8E8E8 ;
 width: 15px ;
 height: 15px ;
 float: right ;
 margin: 0 ;
 padding: 0 ;
 }
#featurebox2 .wrap {
 padding: 10px 10px 10px 10px ;
 margin: 0 ;
 font-weight: normal ;
 display: block ;
 }

#footer {
 border-top: 1px solid green ;
 padding: 2px 5px ;
 font-family: arial ;
 color: #808080 ;
 }
#footer a, #footer a:visited {
 color: #808080 ;
 }
#footer a:hover {
 color: #333 ;
 }
.footleft {
 display: inline ;
 float: left ;
 }
#footer .footleft a {
 font-variant: small-caps ;
 font-weight: bold ;
 font-size: 12px ;
 }
.footright {
 display: inline ;
 float: right ;
 }


/* Following #ids should be .classes ??  */

#gradbox {
 background: url(../img/greenbox_side.gif) center 15px repeat-x #87D601 ;
 color: #FFF ;
 text-align: center ;
 }
#gradbox h2 {
 color: #ddd ;
 font-size: 13px ;
 border-bottom: 1px solid #333 ;
 }
#gradbox .sig {
 font-size: 9px ;
 text-align: right ;
 width: 154px ;
 }

#wrap {
 padding: 0 5px 0 5px ;
 text-align: left ;
 width: 154px ;
 }


textarea {
  font-family: arial ;
  font-size: 12px ;
  padding-top: 5px ;
  padding-left: 5px ;
  width: 500px ;
  height: 100px ;
  }

form#edit textarea {
  width: 100% ;
  min-height: 400px ;
  }


table.list {
  width: 100% ;
  border: 2px solid #080 ;
  padding: 0 ;
  margin: 0 ;
  margin-bottom: 10px ;
  }

table.list thead {
  text-align: left ;
  color: #080 ;
  background: #E8E8E8 ;
  }


.field {
  margin-top: 5px ;
  margin-bottom: 5px ;
  }

.field .prompt {
  display: block ;
  float: left ;
  width: 90px ;
  min-width: 90px ;
  margin-top: 2px ;
  font-weight: bold ;
  }

.field input {
  padding-left: 5px ;
  }

.field span.inputerror {
  color: red ;
  font-weight: bold ;
  margin-left: 20px ;
  }
  
.error-message {
  color: red ;
  font-weight: bold ;
  margin-bottom: 10px ;
  }

button {
  margin-top: 5px ;
  margin-bottom: 5px ;
  }

.right {
  float: right ;
  }


ol.questions li {
  background: url(../img/greybox_tl.gif) top left no-repeat #E8E8E8 ;
  margin-bottom: 4px ;
  padding-top: 2px ;
  padding-left: 5px ;
  }

ol.questions table.range {
  font-size: 11px ;
  }

.rateename {
  text-align: left ;
  font-size: 12px ;
  font-weight: bold ;
  }

ol.questions li table.range {
  margin-left: 5px ;
  }

ol.questions .prompt {
  color: #080 ;
  font-size: 12px ;
  font-weight: bold ;
  }