/* --- generic elements --- */

body {
  font-family: "verdana", "trebuchet ms", "myriad", Arial, sans-serif;
  background: rgb(238,233,211);
  }

body, form, select, input, div, ul, p, ol, li, img, table, td, th, h1, h2, h3, h4, h5, h6, pre, textarea, label {
  padding:0px;
  margin:0px;
  font-size:13px;
  line-height:15px;
  font-family: "verdana", "trebuchet ms", "myriad", Arial, sans-serif;
  color:rgb(180,160,140);
  }

/* --- main elements --- */

#container {
  position:relative;
  /* background:url("content_bg.gif") rgb(255,255,255) repeat-y; */
  width:740px;
  margin: 0px auto 0px auto;
  }

#titlebar { /* height set in style */
  display:block;
  background: rgb(100,160,230);
  padding:0px 0px 0px 30px;
  color:rgb(255,255,255);
  font-size:24px;
  line-height:30px;
  }
  
#logoff {
  text-align:right;
  padding:10px 10px 26px 0px;
  height:24px;
  }

#progressbar {
  margin:0px 0px 0px 0px;
  height:28px;
  }
  
#progressbar img {
  vertical-align:middle;
  border:0px;
  }
  
img.help_but {
  float:right;
  margin:4px 10px 0px 0px;
  }
  
#content {
  position:relative;
  padding:24px 49px 0px 49px;
  clear:both;
  }

#bottom {
  clear:both;
  /* background:url("bottom.gif") rgb(255,255,255) no-repeat; */
  margin:0 auto 0 auto;
  width:740px;
  }

#ensurefill {
  clear:both;
  height:1px;
  }
  
#navleft {
  clear:both;
  float:left;
  text-align:left;
  padding:4px 0px 0px 27px;
  vertical-align:middle;
  }

#navright {
  text-align:right;
  padding:4px 27px 0px 0px;
  vertical-align:middle;
  height:24px;
  }

#navleft input, #navleft img, #navright input, #navright img  {
  border:0px;
  padding:0px 0px 0px 0px;
  }

#message {
  border:2px rgb(255,220,0) solid;
  background:rgb(250,245,220);
  padding:6px 12px;
  margin:12px 0px;
  text-align:center;
  color:rgb(200,120,0);
  }
  
#error_text {
  background:rgb(255,250,235);
  text-align:center;
  padding:6px 12px 8px 12px;
  margin:0px auto 10px auto;
  border: 2px rgb(220,100,0) solid;
}

#error_text div {
  padding:2px 0px 2px 0px;
}

#error_text div, #error_text {
  color: rgb(0,50,130);
}
  
 #brand {
  padding:0px 0px 50px 0px;
  height:20px;}
  
/* -------- generic forms -------- */

input[type=text], input[type=password], textarea {
  padding: 4px 4px 4px 4px;
  border:2px rgb(230,220,180) solid;
  background: rgb(252,248,236);
  }

.checkbox, .radio {
  padding: 2px 0px 2px 0px;
  height:16px;
  }
  
/* -------- logon page -------- */

#frontpanel {
  width:360px;
  }

#frontpanel p, #frontpanel {
  font-size:14px;
  line-height:18px;
  color:rgb(180,160,140);
  }
  
form.logon {
  float:right;
  width:150px;
  padding:12px;
  background:rgb(246,242,230);
  }

form.logon input {
  display:block;
  color:rgb(200,120,0);
  }

form.logon input.logon {
  width:130px;
  margin:0px 0px 6px 0px;
  background:rgb(255,255,255);
  }

form.logon input[type=image] {
  padding:6px 0px 0px 60px;
  }
  
form.logon label {
  display:block;
  height:16px;
  text-align:left;
  font-size:10px;
  text-transform:uppercase;
  color:rgb(200,160,100);
  }
  
form.logon div {
  padding:4px 4px 4px 4px;
  }

#logon_message p {
  color:rgb(0,60,120);
  }
  
#logon_message {
  color:rgb(0,60,120);
  width:400px;
  padding:8px 12px 8px 12px;
  margin:0px 0px 20px 0px;
  border-width:2px 2px 2px 2px;
  border-color:rgb(220,120,0);
  border-style:dotted;
  }
    
#logo {
  margin:20px 0px 0px 0px;
  }
  
/* -------- details page -------- */

.details      { padding:12px 0px 12px 0px; }
.details div  { padding:0px 0px 6px 0px; } 
.tick_agree   { padding:12px 0px 12px 0px; }

.details input[type=text] {
  width:160px;
  }

.details input[type=text] {
  color:rgb(200,120,0);
  vertical-align:middle;
  }
  
.details label {
  width:220px;
  display:block;
  float:left;
  height:16px;
  text-align:right;
  color:rgb(200,160,100);
  padding:5px 10px 0px 0px;
  }

.details label.short {
  width:120px;
  }  
  
.details .textonly,   {
  padding-top: 4px;
  padding-bottom: 4px;
}

.details .textonly label  {
  padding-top: 0px;
}

/* --- needs fixing FIXME --- */

.details_to_confirm{
  padding:12px 0px 12px 0px;
  color:rgb(0,0,120);
  line-height:18px;
  }

.tick_agree label {
  color:rgb(0,0,120);
  padding:0px 0px 0px 10px;
  vertical-align:baseline;
  }

.sendmail {
    padding:16px 0px 16px 0px;
}

/* -------- generic -------- */

table {
  table-layout:fixed;
  border-spacing: 0px
  }

td, th {
  vertical-align:top;
  }
  
/* -------- summary -------- */

div.submit_but_top {
  float:right;
  }
  
td.summary_section, td.summary_question, td.summary_answer {
  border-width:0px 0px 2px 0px;
  border-color:rgb(220,235,240);
  border-style:dotted;
  }
 
td.summary_section {
  font-size:14px;
  padding:20px 0px 8px 0px;
  }

td.summary_alert {
  vertical-align:top;
  padding:6px 0px 6px 0px;
  }
  
td.summary_question, td.summary_answer {
  vertical-align:top;
  padding:6px 12px 6px 12px;
  }

td.summary_question {
  color:rgb(180,160,140);
  font-style:italic;
  font-size:12px;
  }

td.summary_answer {
  color:rgb(140,120,80);
  font-size:12px;
  }

table.summary {
  clear:both;
  margin:0px 0px 20px 0px;
  }

.instructions           { padding-bottom: 16px; margin-top:-4px; }
.instructions_summary   { padding-bottom: 6px;  margin-top:-4px; }
.pre-instructions       { padding-bottom:4px; }
  
/* -------- error page -------- */

h2.error_page img {
  padding:0px 10px 0px 0px;
  vertical-align:middle;
  }
  
h2.error_page {
  padding:0px 0px 0px 0px;
  vertical-align:middle;
  }

#error_details {
  padding:10px 0px 16px 0px;
  }
  
/* -------- admin -------- */

.surveys                    { width:640px; margin:0px auto 20px auto;}
.surveys .title         { width:240px; }
.surveys .status       { width:120px; }
.surveys .responses  { width:80px; }
.surveys .icons         { width:60px; }

.surveys .group_demo        { width:354px; }
.surveys .group_login      { width:110px; text-align:center;}
.surveys .group_pw            { width:110px; text-align:center;}

.surveys .group_name        { width:430px; }
.surveys .group_codes      { width:54px; text-align:center; }
.surveys .group_resp        { width:90px; text-align:center;}

.surveys th.group_demo,  .surveys th.group_name      {
    font-size:11px;
    letter-spacing:1px;
    color:rgb(0,50,120)
}

.surveys td, .surveys th {
  padding: 4px 10px 4px 10px;
  height: 16px;
  overflow: hidden;
  white-space: nowrap;
  }

.surveys th {
  text-align:left;
  font-size:10px;
  font-weight:100;
  text-transform:uppercase;
  color:rgb(200,160,100);
  }
  
.surveys .row1  { background: rgb(238,233,211); }
.surveys .row2  { background: rgb(255,255,255); }  

.fileicon { vertical-align:middle; }

/* -------- generic -------- */


pre {
  line-height:16px;
  }

a {
  color:rgb(80,170,190);
  text-decoration:none;
  outline: none;
  }

a:hover {
  color:rgb(255,150,0);
  }

a img {
  border:0px;
  }

p {
  padding: 6px 0 6px 0;
  }

h2 {
  color:rgb(220,100,0);
  font-size: 20px;
  padding:6px 0px 12px 0px;
  line-height: 24px;
  font-weight: 100;
  }

h3 {
  color:rgb(110,150,210);
  font-size: 14px;
  line-height: 16px;
  padding: 12px 0px 0px 0px;
  font-weight: 100;
  }

h4 {
  color:rgb(110,150,210);
  font-size: 14px;
  line-height: 16px;
  padding: 0px 0px 6px 0px;
  font-weight: 100;
  }

h5 {
  font-size:13px;
  line-height: 15px;
  }

sup {
  font-size:7px;
  vertical-align:top;
  color:rgb(0,0,0);
  }

ul, ol {
  padding: 0px 0px 3px 0px;
  margin: 0px 0px 0px 24pt;
  }

cite {
  font-style:italic;
  font-weight:bold;
  }

note {
  color:rgb(255,30,0);
  }
  
  
/* -------- printing -------- */

@media print {
  #topbar, #bottom, #navleft, #navright { display:none; }
  #content { padding:0; }
  #container { width:100%; padding:0; margin:0; }
  #container, #content { float:none; position:static; }

}


/* -------- testing -------- */

#testing {
  font-size:12px;
  padding:5px 0px 6px 0px;
  width:100%;
  text-align:center;
  background:rgb(190,190,190);
  color:rgb(90,90,90);
  }

#testing span {
  padding-left:20px;
  }

#testing a {
  color:rgb(255,255,255);
  }