/*----------------------------------------------------------------------
  $Id: style.css,v 1.2 2009/05/22 00:53:19 guy Exp $
  Copyright 2003 by Clearwater Software.  All rights reserved.
  http://clearwater.com.au
----------------------------------------------------------------------*/

/*-- global --*/
body {
  font-family: helvetica, verdana, arial, sans-serif;    
  text-align: center;
  margin: 0 auto;
  width: 800px;
}

h1 { 
  font-size: 19px;
}
h2 { 
  font-size: 15px;
}
h3 { 
  font-size: 15px;
}

.page {
  width: 780px;
  padding: 0px;
  border:  0px;
  font-size: 10pt;
}

.pagehead {
  font-weight: normal;
  font-size: 14px;
}

.ticktable {
  vertical-align: top;
}

.ticktable td {
}

.tickoneflat {
  font-size: 12px;
}
.tickoneflat td {
  padding-right: 10px;
  background-color: #f8f8f8;
  vertical-align: top;
}

.text {
  background-color:  #fff;
  padding: 10px;
}

.number {
  width: 100px;
  padding: 7px;
  background-color: #92C7FD;
  font-size: 14px;
  font-weight: bold;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
}

.prompt {
  width: 700px;
  padding: 5px;
  background-color: #92C7FD;
  font-size: 14px;
  font-weight: bold;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
}

.prompt i {
  color: #008;
}       

.answer {
  margin: 10px;
  padding-bottom: 20px;
}

.tickanytext {
  font-size: 12px;
  margin: 10px 0px 0px 0px;
}

/*----*/
.tick {
        padding: 0px;
        margin: 0px;
}

table.tick tr {
        vertical-align: top;
}

table.tick td.tock {
        width: 15px;
}

table.tick td {
        width: 500px;
}

/*----*/

.subprompt {
  font-size: 12px;
  font-weight: bold;
  width: 400px;
}

.definition {
  font-size: 12px;
  color: #00a;
  margin: 3px;
}

.index {
  width: 600px;
  font-size: 10px;
}

.instruction {
  color: #224;
  width: 780px;
  height: 40px;
  font-weight: normal;
  font-size: 20px;
  text-align: center;
}  

.instruction.withwarning {
}

.instruction.nowarning {
}

.instruction.intro {
}

.title {
  color: #000;
  width: 780px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}


.instruction td {
  padding-left: 20px;
  font-size: 18px;
  font-weight: bold;
}

.headspace {
  height: 10px;
}

em {
  text-decoration: underline;
  font-style: normal;
}

tr.warning {
  color: #f00;
  font-weight: bold;
  text-align: left;
  width: 780px;
  height: 50px;
}

.warning td {
  padding-left: 20px;
}

.question .warning {
   color: #f00;
}

td.warning {
  background-color: #fdd;
}

input.warning {
  color: #000;
  margin: 10px;
  font-size: 9px;
}

.influencehead {
  font-size: 10px;
  font-weight: bold;
  background-color: #bce;
  border:  1px solid #aaf;    
}

.priorityhead {
  font-size: 10px;
  font-weight: bold;
  color: #008;
  background-color: #bce;
  border:  1px solid #aaf;    
}

.influencebody {
  border:  1px solid #aaf;    
}

.prioritybody {
  border:  1px solid #aaf;    
}


.influence {
  font-size: 10px;
}

.priority {
  font-size: 10px;
  color: #008;
}

.progress {
  height: 20px;
  width:  200px;
  margin: 5px;
  border:  1px solid #000;
  background-color:  #eee;
  font-size: 12px;
}

.footer {
  width: 780px;
  height: 50px;
  background-color:  #fff;
}

.footer .left {
  width: 100px;
  background-position: left;
}

.footer .center {
  background-position: -10px;
}

.footer .right {
  width: 100px;
  background-position: right;
}

.complete {
  background-color:  #f00;
}

.admin {
  height: 20px;
  width:  500px;
  margin: 20px;
  border:  1px solid #aaf;
  background-color:  #eef;
  font-size: 15px;
}

.admintitle {
  font-weight: bold;
  background-color:  #dde;
}

.admincopyright {
  font-size: 10px;
  font-weight: bold;
  background-color:  #dde;
  text-align: right;
}

.admincount {
  width: 30px;
  background-color:  #dde;
  text-align: right;
  font-weight: bold;
}

.adminlink {
  text-align: right;
}

.adminhistory {
  border:  1px solid #aaf;
  background-color:  #eef;
  font-size: 12px;
}

.adminhistory td {
  border:  1px solid #93CA77;
}

.adminhistorytitle td {
  background-color:  #dde;
  font-weight: bold;
  text-decoration: underline;
}

.fields {
  font-size: 10px;
  background-color:  #eef;
}

.fields td {
  border:  1px solid #ccd;
}

.fieldprompt {
  width: 200px;
}


.matrix {
  width: 100%;
  table-layout: fixed;
}

.smallheading {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}

.matrixanswer {
  font-size: 10px;
  width: 60px;
  text-align: center;
  vertical-align: top;
}

.even {
  background-color: #f8f8f8;
  border: solid 1px #eee;
}

.odd {
  background-color: #fff;
}

.matrixpad {
  width: 100px;
}

.subnumber { 
  font-weight: bold;
  font-size: 12px;
  margin-right: 15px;
}

.comment {
 color: #777;
 vertical-align: top;
 text-align: left;
 font-size: 12px;
 width: 200;
}

span.comment {
 margin-left: 10px;
}

.fakedot {
 margin-left: 4px;
 margin-right: 3px;      
}

.nest {
 margin-top: 10px;
 margin-left: 0px;
 margin-bottom: 10px;
}

.nested {
 margin-top: 5px;
 margin-left: 40px;
}

.clearwater {
        font-family:verdana, arial, helvetica, sans-serif;
        font-variant: small-caps;
        vertical-align: bottom;
        margin: 0px;
        font-size: 11px;
}

div.analogscale {
        background-color: #ccf;
        height: 6px;
        width: 300px;
        margin: 10px;
}

.scaleleft {
        text-align: right;
        width: 150px;
}

.scalecenter {
        text-align: center;
}

.scalebar {
        vertical-align: top;
}

.scaleright {
        text-align: left;
        width: 150px;
}

table.tf { 
  background: #fff;
  border: solid 1px #02a;
  font-size: 9px;
}

table.tf td { 
  vertical-align: top;
  text-align: center;
  height: 40px;
}

table.likert { 
  background: #fff;
  border: solid 1px #60d;
  font-size: 9px;
}

table.likert td { 
  vertical-align: top;
}

table.likert td.c5 {  /* backwards onscreen c5 is first */
text-align: right;
}

table.likert td.c1 { 
text-align: left;
}