body {
  font-size:small;
  font-family:Helvetica;
}

table {
  font-size:small;
}

#ums_notice {
  color:#3C568C;
  font-size:1.1em;
  margin-top:-20px;
}

#ums_warning {
  color:#f00;
}

.fieldWithErrors {
  padding:2px;
  background-color:red;
  display:table;
}

h3 {
  margin:0;
  padding:0;
}

.box h3 {
  background:url(../images/h3-bg.gif) no-repeat top left;
  margin:0;
  padding:6px 8px 4px 4px;
  font-size:110%;
  border-bottom:1px solid #996;
  font-weight:bold;
  color:black;
  float:left;
  width:704px;
  padding-left:10px;
}

.box {
  width:722px;
  background:url(../images/div-bottom.gif) no-repeat bottom left;
  float:left;
  margin-top:2em;
  clear: left;
}

.box table {
  padding:6px 10px 10px 10px;
  clear:left;
}

.box table tbody tr:hover {
  background-color:#F5F5E1;
}

.box table tbody tr td .left {
  padding-right:38px;
}

.box p {
  margin-left:6px;
  padding-bottom:10px;
  margin-right:6px;
}

.box div#content {
  padding-left:10px;
  padding-bottom:10px;
}

.box_indent {
  width:622px;
  background:url(../images/div-bottom.gif) no-repeat bottom left;
  margin-left:100px;
}

.box_indent h3 {
  background:url(../images/h3-bg.gif) no-repeat top left;
  margin:0;
  padding:6px 8px 4px 10px;
  font-size:110%;
  color:#333;
  border-bottom:0;
}

#header {
  background:#33415d url(../images/header.png) center left no-repeat;
  position:relative;
  height:38px;
  padding:0 50px;
  border-bottom:1px solid #a1a6b1;
  z-index:1;
  margin-bottom:1em;
}

#header div {
  position:relative;
  margin:0 auto;
}

#header h1, #actions h1 {
  margin:0;
}

#header h1 img, #actions h1 img {
  font-weight:bold;
  color:#7f7c45;
}

#header ul {
  position:absolute;
  top:0;
  right:0;
  list-style:none;
  margin:0;
  padding:0 0 0 0;
  border-left:1px solid #576178;
  border-right:1px solid #1f2635;
  margin-left:300px;
}

#header ul li {
  background-color:#33415D;
}

* html #header ul, * html #actions ul {
  right:50px;
}

#header li {
  float:left;
  padding:0;
}

#header ul span, #header ul a:link, #header ul a:visited {
  display:block;
  float:left;
  padding:10px 30px 10px 15px;
  text-decoration:none;
  border-right:1px solid #576178;
  border-left:1px solid #1f2635;
  color:#dee0e5;
}

#header ul li span, #header ul li a.current, #header ul li a:hover {
  background-color:#475470;
  color:#fff;
  text-decoration:underline;
}

#actions {
  background-color:#92a45b;
  position:relative;
  height:18px;
  padding:0 50px;
  border-bottom:1px solid #a1a6b1;
  z-index:1;
}

#actions div {
  position:relative;
  max-width:900px;
  margin:0 auto;
}

#actions ul {
  position:absolute;
  top:0px;
  right:-3px;
  list-style:none;
  margin:0;
  padding:0;
  border-left:1px solid #b9ca86;
  border-right:1px solid #000000;
  width:556px;
  height:20px;
}

#actions li {
  float:left;
  margin:0;
  padding:0;
}

#actions ul span, #actions ul a:link, #actions ul a:visited {
  display:block;
  float:left;
  padding:2px 4px;
  text-decoration:none;
  border-right:1px solid #b9ca86;
  border-left:1px solid #000000;
  color:#dee0e5;
  height:18px;
}

#actions ul li span, #actions ul li a.current, #actions ul li a:hover {
  background:#b9ca86;
  color:#fff;
  text-decoration:underline;
}

.addnotes {
  line-height:1.5em;
  margin-left:457px;
  display:block;
  text-decoration:none;
  color:#000040;
  border-bottom:1px dotted gray;
  text-align:left;
  padding-right:20px;
  background:url(../images/note.gif) center right no-repeat;
  float:right;
}

.rename {
  color:#79796B;
  display:block;
  text-decoration:none;
  font-weight:normal;
  background:url(../images/rename.png) 95% 50% no-repeat;
  padding:3px 23px 7px 4px;
  font-size:.75em;
  height:.9em;
  float:right;
}

.rename:hover {
  text-align:left;
  text-decoration:none;
  font-weight:bold;
  color:black;
}

.addnotes:hover {
  letter-spacing:-0.06em;
  text-align:left;
  text-decoration:none;
  border-bottom:1px solid gray;
  font-weight:bold;
  letter-spacing: -.1em;
}

.notes {
  font-style:italic;
}

.actions a {
  text-decoration:none;
  color:#000040;
  border:1px solid #F5F5E1;
  border-bottom:1px dashed gray;
  margin-right:7px;
  margin-left:1px;
  text-align:center;
  padding:3px 5px;
  font-weight:bold;
  z-index:3;
}

.list a {
  text-decoration:none;
  color:#000040;
  margin-right:7px;
  margin-left:1px;
  text-align:center;
  padding:3px 20px 4px 3px;
  font-weight:bold;
  z-index:3;
  border:1px solid transparent;
}

.actions a:hover {
  text-align:center;
  text-decoration:none;
  border:1px dotted #6B3D14;
  background-color:#A0D8A0;
  color:black;
}

.list a:hover {
  text-align:center;
  text-decoration:none;
  border:1px dotted #6B3D14;
  color:black;
  background:#A0D8A0 url(../images/right.gif) 100% 50% no-repeat;
}

.list {
  padding-left:5px;
}

.email {
  padding:5px 50px;
  text-transform:lowercase;
}

.login {
  padding:5px 50px;
  font-weight:bold;
  font-size:1em;
  border:1px solid gray;
  color:#3C3C35;
  cursor:pointer;
  background-color:#F7F7E8;
  background:#F7F7E8 url(../images/right.gif) 95% 50% no-repeat;
  float:right;
}

.admin {
  padding:5px 50px;
}

.actions .right {
  display:block;
  margin-left:-10px;
}

.date {
  padding-right:3em;
  font-size:1.15em;
}

.left, .heading {
  font-weight:bold;
  color:#3C3C35;
}

.right {
  padding-left:40px;
  font-size:1.15em;
}

.or {
  text-transform:uppercase;
  font-weight:bold;
  font-size:3em;
  text-align:center;
  display:block;
  padding-top:10px;
  padding-bottom:10px;
  color:#7A7A70;
  width:200px;
}

.createaccount {
  text-align:right;
  display:block;
  margin-top:-50px;
  position:absolute;
  font-size:1.25em;
  margin-left:200px;
  text-decoration:none;
  padding-right:20px;
  background:#F7F7E8 url(../images/account.png) 97% 50% no-repeat;
  font-weight:bold;
  height:16px;
  color:#3C3C35;
  border:1px solid gray;
  padding:10px 30px 14px 13px;
  cursor:pointer;
}

.createaccount:hover {
  border:1px solid #3C3C35;
  color:black;
  background-color:#A0D8A0;
}

a.forgotpw {
  display:block;
  font-size:.75em;
  margin-left:250px;
  padding-right:20px;
  background:url(../images/pw.png) center right no-repeat;
  height:16px;
  margin-right:-250px;
  text-align:right;
  color:#D67B28;
  text-decoration:none;
  position:absolute;
}

.forgotpw:hover {
  border-bottom:1px dotted;
  color:#6B3D14;
}

#ums_notice p {
  background:url(../images/ums.png) center left no-repeat;
  padding-left:20px;
  padding-bottom:0;
  margin-top:30px;
}

.formError {
  color:red;
  padding-left:20px;
  background:url(../images/error.png) center left no-repeat;
}

.signup input {
  background:#F7F7E8 url(../images/createaccount.png) 95% 50% no-repeat;
  padding:4px 22px 4px 4px;
  font-weight:bold;
  font-size:1em;
  border:1px solid gray;
  color:#3C3C35;
  cursor:pointer;
  background-color:#F7F7E8;
}

.reset {
  padding:4px 22px 4px 4px;
  font-weight:bold;
  font-size:1em;
  border:1px solid gray;
  color:#3C3C35;
  cursor:pointer;
  background-color:#F7F7E8;
  background:#F7F7E8 url(../images/resetpw.png) 95% 50% no-repeat;
}

.return {
  padding:4px 4px 4px 22px;
  font-weight:bold;
  font-size:1em;
  border:1px solid gray;
  color:#3C3C35;
  cursor:pointer;
  background-color:#F7F7E8;
  text-decoration:none;
  line-height:1.25em;
  display:block;
  float:left;
  background:#F7F7E8 url(../images/left.gif) 5% 50% no-repeat;
  text-align: right;
}

.save {
  padding:4px 22px 4px 4px;
  font-weight:bold;
  font-size:1em;
  border:1px solid gray;
  color:#3C3C35;
  cursor:pointer;
  background-color:#F7F7E8;
  background:#F7F7E8 url(../images/save.png) 95% 50% no-repeat;
  float:right;
}

.cancel {
  padding:4px 4px 4px 22px;
  font-weight:bold;
  font-size:1em;
  border:1px solid gray;
  color:#3C3C35;
  cursor:pointer;
  background-color:#F7F7E8;
  text-decoration:none;
  line-height:1.25em;
  display:block;
  float:left;
  background:#F7F7E8 url(../images/cancel.png) 5% 50% no-repeat;
  margin-top:0;
}

.signup input:hover, .login:hover, .reset:hover, .return:hover, .save:hover, .cancel:hover {
  border:1px solid #3C3C35;
  background-color:#A0D8A0;
  color:black;
  cursor:pointer;
}

.signup {
  text-align:right;
  padding-top:5px;
}

#menu-admin {
  margin-right:30px;
  border-right:1px solid #1F2635;
}

#menu-admin a {
  background:url(../images/admin.png) 90% 50% no-repeat;
}

#menu-list {
  border-left:1px solid #576178;
}

#menu-list a {
  background:url(../images/list.png) 94% 45% no-repeat;
}

#menu-account a {
  background:url(../images/profile.png) 93% 46% no-repeat;
}

#menu-help a {
  background:url(../images/help.png) 90% 50% no-repeat;
}

#menu-logout a {
  background:url(../images/logout.png) 90% 47% no-repeat;
}

#create {
  float:right;
  clear:both;
  height:110px;
  width:210px;
  background:url(../images/new.jpg) top center no-repeat;
  margin-top:-1px;
  margin-right:50px;
  text-align:center;
  z-index:7;
}

#create a {
  background:url(../images/arrowup.png) 93% 45% no-repeat;
  margin-top:5px;
  text-align:center;
  height:65px;
  width:200px;
  float:right;
  text-decoration:none;
  font-size:20px;
  padding-top:35px;
  position:relative;
  padding-bottom:1px;
  padding-right:10px;
  color:#000040;
}

#create:hover {
  background:url(../images/newh.jpg) no-repeat center;
  font-weight:bold;
}

#create a:hover {
  color:black;
}

.created {
  padding-top:2em;
}

.fileslistpage {
  color:#989FAD;
  display:none;
}

.main input, #user_password, #user_password_confirmation, #user_login, #user_email, #questionnaire_name {
  padding:4px 20px 4px 4px;
  font-size:1em;
  border:1px solid gray;
  color:black;
  font-family:helvetica;
}

#questionnaire_note {
  padding:4px 20px 4px 4px;
  font-size:1em;
  border:1px solid gray;
  color:black;
  font-family:helvetica;
  font-style:italic;
  height:150px;
  width:600px;
}

.main input:focus, #user_password:focus, #user_password_confirmation:focus, #user_login:focus, #user_email:focus, #questionnaire_note:focus, #questionnaire_name:focus {
  border:1px solid #3C3C35;
  background-color:#E7F5E7;
  color:black;
}

.title {
  float:left;
  padding-left:25px;
  background:#F7F7E8 url(../images/questionnaire.png) 5% 50% no-repeat;
}

.id a {
  color:#000040;
  text-decoration:underline;
  padding:5px 10px;
}

.id a:hover {
  text-decoration:underline;
  color:black;
}

#inprogress {
  position:fixed;
  bottom:0;
  z-index:101;
  width:100%;
  text-align:center;
  background:url(../images/bar.gif);
  height:16px;
  font-size:1em;
  font-weight:bold;
  color:black;
  margin-left:-20px;
  padding-right:20px;
  overflow:hidden;
  border-top:1px solid #33415D;
}

#inprogress_img {
  position:fixed;
  bottom:16px;
  float:right;
  text-align:right;
  right:0;
  display:none;
}

td.notes {
  width:200px;
}

td.name {
  width:150px;
}

td.id {
  width:50px;
}

.updated {
  color:#79796B;
  padding-right:20px;
}

#preload {
  height: 10px;
  margin-top: -20px;
  margin-bottom: 10px;
  background:url(../images/bar.gif);
  font-size: 0px;
}

#questionsnavigation {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  float: right;
  padding: 25px 4px 2px 4px;
  background: url(../images/questionsnavigation.png) top repeat-x;
}

#questionstitle {
  display: none;
}


#bottomspacer {
  height: 150px;
  clear: left;
}

.questionssave {
  float: left;
  text-align: right;
}

.questionsskip {
  float: right;
  text-align: left;
}

.saveandreturn {
  padding:4px 4px 4px 20px;
  font-weight:bold;
  font-size:1em;
  border:1px solid gray;
  color:#3C3C35;
  cursor:pointer;
  background-color:#F7F7E8;
  text-decoration:none;
  line-height:1.25em;
  display:block;
  float:left;
  background:#F7F7E8 url(../images/prev.png) 1% 50% no-repeat;
  text-align: right;
}

.saveandreturn:hover {
  border:1px solid #3C3C35;
  background-color:#A0D8A0;
  color:black;
  cursor:pointer;
  background-image: url(../images/accept.png)
}

.donotsaveandreturn:hover {
  border:1px solid #3C3C35;
  background-color: #FF9898;
  color: black;
  background-image: url(../images/delete.png);
  
}


.donotsaveandreturn {
  padding:4px 4px 4px 20px;
  font-size:1em;
  border:1px solid gray;
  color:#3C3C35;
  cursor:pointer;
  background-color:#F7F7E8;
  text-decoration:none;
  line-height:1.25em;
  display:block;
  float:left;
  background:#F7F7E8 url(../images/prev.png) 1% 50% no-repeat;
  text-align: right;
  
}


.donotsaveandgo {
  padding:4px 20px 4px 4px;
  font-size:1em;
  border:1px solid gray;
  color:#3C3C35;
  cursor:pointer;
  background-color:#F7F7E8;
  text-decoration:none;
  line-height:1.25em;
  display:block;
  float:left;
  background:#F7F7E8 url(../images/next.png) 98% 50% no-repeat;
  text-align: left;
  margin-right: 10px;
}

.donotsaveandgo:hover {
  border:1px solid #3C3C35;
  background-color: #FF9898;
  color: black;
  background-image: url(../images/delete.png);
  
}


.saveandgo {
  padding:4px 22px 4px 4px;
  font-weight:bold;
  font-size:1em;
  border:1px solid gray;
  color:#3C3C35;
  cursor:pointer;
  background-color:#F7F7E8;
  text-decoration:none;
  line-height:1.25em;
  display:block;
  float:left;
  background:#F7F7E8 url(../images/next.png) 97% 50% no-repeat;
  text-align: left;
}

.saveandgo:hover {
  border:1px solid #3C3C35;
  background-color:#A0D8A0;
  color:black;
  cursor:pointer;
  background-image: url(../images/accept.png)
}

.questions .box p {
  padding: 5px;
}

.questions {
  font-weight: bold;
  color: #3C3C35;
  line-height: 1.5em;
}
.questions .box table {
  font-weight: bold;
  color: #3C3C35;
}

.questions .box table  td {
  

}

.questions .box input, .questions .box textarea, .questions .box select {
  color:#3C3C35;
  border:1px solid gray;
  line-height: 1.5em;
  padding: 4px;
  margin: 5px;
}

.questions .box input:focus, .questions .box textarea:focus, .questions .box select:focus {
  border:1px solid #3C3C35;
  background-color:#E7F5E7;
  color: black;
  background:#F7F7E8 url(../images/active.jpg) right repeat-y;
  
}

.questions .box input:hover, .questions .box textarea:hover, .questions .box select:hover {
  background-color:#F5FBF5;
  color: black;
}

.seen, .unseen {
  line-height: 1.75em;
}


  
.seen a, .seen a:visited {
  color: #7F7F7F;
  text-decoration: none;
}

.seen a:hover {
  color: #3C3C35;
  border-bottom: 1px dotted;
}

.unseen a:hover {
  color: black;
  border-bottom: 1px dashed;
}

.unseen a, .unseen a:visited {
  color: #3C3C35;
  text-decoration: none;
}

.current a {
  background: url(../images/current.png) left center no-repeat;
  font-weight:  bold;
  padding-left: 20px;
}


#nextnew {
  float: right;
  height:110px;
  width:210px;
  background:url(../images/new.jpg) top center no-repeat;
  top: 150px;
  right: 50px;
  text-align:center;
  z-index:7;
  position: fixed;
}

#nextnew a {
  background:url(../images/new.png) 93% 42% no-repeat;
  margin-top:5px;
  text-align:center;
  height:65px;
  width:200px;
  text-decoration:none;
  font-size:11px;
  padding-top:40px;
  position:relative;
  padding-bottom:1px;
  padding-right:10px;
  color:#000040;
  float:right;
}

#nextnew:hover {
  background:url(../images/newh.jpg) no-repeat center;
  font-weight:bold;
}

#nextnew:hover {
  color:black;
}


#optimized {
  width: 90px;
  height: 55px;
  background: url(../images/optimizedfor.png) top center no-repeat;
  padding-top: 15px;
  margin: 5px;
  position: absolute;
  top: 50px;
  right: 10px;
}

#firefox {
  width: 45px;
  height: 44px;
  background: url(../images/ff.png) center center no-repeat;
  float: left;
  padding: 5px 0;
}

#safari {
  width: 45px;
  height: 44px;
  background: url(../images/sf.png) center center no-repeat;
  float: left;
  padding: 5px 0;
}

#safari:hover, #firefox:hover {
  background-color: #F5F5E1;
}

#bugs {
  font-size: .66em;
  color: gray;
  text-align: center;
  font-weight: bold;
  background: url(../images/bug.png) left center no-repeat;
  width: 200px;
  position: relative;
  left: 30%;
  margin-left: -100px;
  float: left;
  bottom: -2em;
}

#bugs a {
  text-decoration: none;
  color: #727375;
  font-weight: normal;
}

#bugs a:hover {
  color: black;
  text-decoration: underline;
}

#poweredby {
  width: 80px;
  height: 50px;
  background: url(../images/pbdp.png) no-repeat center center;
  position: absolute;
  z-index: 1;
  bottom: 5px;
  right: 5px;
}