body {
  font: 10pt Arial, Verdana, Lucida, sans-serif;
  background: #f0f0f1;
  margin:0px;
}

a {
  color:#007ac3;
}

a.button {
  display:block;
  width:200px;
  height:25px;
  padding-top:7px;
  background:url(/images/button_bg.jpg) no-repeat;
  color:#fff;
  text-decoration:none;
  font-size:90%;
  font-weight:bold;
  text-align:center;
}

td {
  vertical-align:top;
}

img {
  border:0px;
}

#container {
  width: 1024px;
  margin:0px auto;
  background-color:#fff;
  background-image:url(/images/footer.png);
  background-position:bottom left;
  background-repeat:no-repeat;
}
  
#main {
  width:1024px;
  background-image:url(/images/header.jpg);
  background-repeat:no-repeat;
}

#header {
  height: 247px;
}

#leadership-areas {
  float:left;
  display:inline;
  margin:10px 0px 0px 200px;
  width:312px;
  height:150px;
}
#leadership-areas span {
  font-size:120%;
}
#leadership-areas td.info {
  height:40px;
  width:277px;
  background:url(/images/leadership_area_bg.jpg) no-repeat;
  padding:0px 0px 0px 35px;
  color:#fff;
  font-weight:bold;
  margin-bottom:5px;
  vertical-align:middle;
}

#login {
  float:left;
  display:inline;
  margin:5px 0px 0px 57px;
  width:160px;
  height:150px;
}
#login a {
  color:#333;
  text-decoration:none;
}

#left-column {
  height:300px;
  width:264px;
  padding: 10px 0px 150px 0px;
  vertical-align:top;
}

#progress {
  margin:0px auto 0px auto;
  padding-top:10px;
  font-size:90%;
  background:#fff url(/images/progress_bg.jpg) no-repeat;
  width:195px;
  height:125px;
}

#progress-bar-container {
  padding-top:5px;
  width:180px;
  margin:5px auto 5px auto;
  border-top:1px dashed #aaa;
}

#progress-bar-outer {
  margin:0px auto;
  width:170px;
  height:30px;
  background:#000;
}
#progress-bar-inner {
  margin:0px auto;
  width:164px;
  height:30px;
  background:#00aeef;
}

#leadership-area-tracker {
  margin:0px auto 20px auto;
  color:#aaa;
}
#leadership-area-tracker td {
  height:35px;
  vertical-align:middle;
}
#leadership-area-tracker td.number {
  width:35px;
  text-align:center;
  font-size:120%;
  font-weight:bold;
}
#leadership-area-tracker td.info {
  padding-right:10px;
}
#leadership-area-tracker tr.current {
  color:#000;
}
#leadership-area-tracker tr.current td {
  border-top:2px solid #000;
  border-bottom:2px solid #000;
}

#menu {
  width:201px;
  margin:0px auto;
}

#menu a {
  display:block;
  width:170px;
  height:25px;
  padding-top:7px;
  padding-left:30px;
  margin-bottom:3px;
  background:url(/images/button_bg.jpg) no-repeat;
  color:#fff;
  text-decoration:none;
  font-size:90%;
  font-weight:bold;
}
#menu a:hover, #menu a.active {
  background:url(/images/button_bg_hover.jpg) no-repeat;
}

#right-column {
  height:200px;
  vertical-align:top;
  padding-bottom:100px;
  padding-right:10px;
}

.admin-heading {
  width:730px;
  margin-bottom:10px;
}
.admin-heading h2 {
  margin:6px 0px 0px 0px;
}
.admin-heading td {
  vertical-align:top;
}
table.list {
  width:700px;
  margin-top:10px;
  clear:both;
}
table.list caption {
  text-align:left;
}
table.list th {
  padding:2px 3px 5px 6px;
  border-bottom:1px solid #000;
}
table.list td {
  border-bottom:1px solid #979e98;
  padding:2px 6px 2px 6px;
}
table.list tr.no-border td {
  border-bottom:0px;
}
table.list tr.highlighted td, table.list tr:hover td {
  background:#d2e3ec;
}

.form-intro {
  width:730px;
}

.text-box {
  background:#e3f1f7;
  padding:15px;
  width:700px;
  margin-bottom:10px;
}

.text-box h3, .plain-text-box h3 {
  margin:5px 0px 15px 0px;
  color:#47aa42;
}

.inner-text-box {
  background:#dbe9f0;
  padding:15px;
  width:670px;
  margin-bottom:10px;
}

.plain-text-box {
  margin-bottom:10px;
  color:#fff;
}

.plain-text-box-inner {
  margin:15px;
}

#title {
  margin:0px;
  height:130px;
}

#title h1 {
  font-size:180%;
  margin:35px 0px 0px 180px;
  color:#fff;
}

#title h2 {
  font-size:120%;
  margin:0px 0px 0px 180px;
  color:#fff;
}

.question-boxes {
  margin:0px auto;
  width:100%;
}

#saving-message {
  width:200px;
  margin-left:240px;
  margin-top:100px;
  position:absolute;
  z-index:5;
  background:#fff;
  border:2px solid #aaa;
  display:none;
}

#select-answer {
  width:200px;
  margin-left:240px;
  margin-top:100px;
  position:absolute;
  z-index:5;
  background:#fff;
  border:2px solid #f44;
  display:none;
  color:#f44;
}
#question-heading {
  color:#000;
  font-size:90%;
  margin:2px 0px 4px 0px;
  font-style:italic;
  padding:5px 15px;
  width:700px;
}
.tickbox-container {
  vertical-align:middle;
  color:#555;
  padding-right:9px;
}
.tickbox-container a {
  text-decoration:none;
  color:#444;
}
.tickbox {
  margin-bottom:10px;
}

#respondent-invites h4 {
  margin: 15px 0px 5px 0px;
  color:#47aa42;
}
#respondent-invites h4.first {
  margin-top:0px;
}

/*
 * FORMS
 */

form p {
  clear:both;
}
input, textarea {
  padding:2px;
}
.error-message {
  padding:3px;
  margin:5px 0px;
  background:#fcc;
  border-style:solid;
  border-color:#f55;
  border-width:1px 0px;
  color:#777;
}
.error-message b { 
  color:#f55;
}
.hgroup {
  clear:both;
}
.hgroup p {
  float:left;
  clear:none !important;
  padding-right:10px;
  margin:5px 0px 0px 0px;
}
.hgroup td {
  vertical-align:bottom;
}
label {
  font-weight:bold;
  color:#474;
}
label.error {
  color:#c44 !important;
}
input.button {
  display:inline;
}

#footer {
  height:160px;
}