* {
margin:0; 
padding:0;
}

html, html body {
background:none;
height:100%;
}

th {
text-align:left;
}

td {
padding:0px;
border-width:0px;
vertical-align:top;
}

h1 {
margin:0px;
font: bold 1.3em Arial, georgia, verdana, helvetica, serif;
color: #006699;
}

h2 {
margin:0px;
font:bold 1.25em Arial, georgia, verdana, helvetica, serif;
color:#718ea5;
text-decoration: underline;
}

h3 {
margin:5px 0px 5px 0px;
font:1.2em Arial, georgia, verdana, sans-serif;
color:#4e97e8;
}

p {
margin:18px;
padding:0px;
}

img {
margin:0px;
padding:0px;
border:0px;
}

blockquote {
margin:0px;
padding:5px 5px 5px 10px;
border-top:1px solid #ccd7e0; 
border-bottom:1px solid #ccd7e0; 
border-right:1px solid #ccd7e0; 
border-left:3px solid #ccd7e0;
font:normal .85em Arial, Georgia, "Times New Roman", Times, serif;
}

ul.bulleted_content li {
margin-top:10px;
}

blockquote#small {
width: 55%; 
}

blockquote li {
margin-left:25px;
}

#wrapper {
background:url(../images/colbg.gif) 137px 0 repeat-y;
padding:0 0 1.5em 0;
}

#container {
float:right;
width:100%;
margin-left:-137px;
display:inline;
background:url(../images/colbg.gif) 137px 0 repeat-y;
}

#content {
margin-left:187px;
margin-right:20px;
background:transparent;
}

html>body #content {
margin-left:187px;
margin-right:20px;
background:transparent;
}

#sidebar {
width:122px;
padding-left:15px;
}

#header {
margin:0;
padding:0;
text-align:left;
border-bottom:1px solid #ccd7e0;
}

#header img {
margin:5px;
padding:0px;
}

#footer {
clear:both;
width:100%;
border-top:1px solid #ccd7e0;
}

.clearing {
clear:both;
height:0px;
}

span.label strong {
font:bold .95em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
}

span.copyright {
font:.90em Arial, georgia, verdana, helvetica, serif;
text-align:left;
color:#a8a8a8;
padding:2px 0 0 5px;
}

span.copyright strong   {
font:bold .77em Arial, georgia, verdana, helvetica, serif;
}

span.copyright a {
color:#a8a8a8;
text-decoration:none;
}

span.copyright a:link {
color:#a8a8a8;
text-decoration:none;
}

span.copyright a:active {
color:#a8a8a8;
text-decoration:none;
}

span.copyright a:visited {
color:#a8a8a8;
text-decoration:none;
}

span.copyright a:hover {
color:#a8a8a8;
text-decoration:none;
}

.hide {
display:none;
}

ul.menu {
margin:10px 0px 0px 0px;
padding:0px;
list-style:none;
}

ul.menu li {
margin:0px 0px 10px 0px;
padding:0px;
}

ul.menu a {
color:#4e97e8;
font:bold .90em Arial, georgia, verdana, sans-serif;
text-decoration: none;
}

ul.menu a:link {
color:#4e97e8;
}

ul.menu a:visited {
color:#4e97e8;
}

ul.menu a:active {
color:#4e97e8;
}

ul.menu a:hover {
color:#708090;
background-color:#eee9bf;
}

div.submenu {
margin:10px 0 10px 0;
padding:0;
list-style:circle;
width:100%;
}

div.submenu ul {
margin:0;
padding:0 0 0 30px;
font:bold .75em Arial, georgia, verdana, sans-serif;
}

div.submenu li {
margin: 0 0 5px 0;
padding:0px;
}

div.submenu a {
color:#4e97e8;
}

div.submenu a:link {
color:#4e97e8;
}

div.submenu a:visited {
color:#4e97e8;
}

div.submenu a:active {
color:#4e97e8;
}

div.submenu a:hover {
color:#708090;
text-decoration:underline;
background-color:#eee9bf;
}

div.loggedin {
float:right;
margin-bottom:5px;
padding:0px;
color:#000;
font:.70em Arial, georgia, verdana, helvetica, serif;
text-align:right;
}

div.loggedin strong   {
color:#999;
font:bold .95em Arial, georgia, verdana, helvetica, serif;
}

.button {
width:65px;
margin:5px 0px 5px 3px;
background:#eee;
border: 1px solid;
border-color: #aaa #444 #444 #aaa;
font:.80em Arial, "Trebuchet MS", georgia, verdana, helvetica, serif;
}

.textBox {
border:1px solid #000;
font:.90em "Trebuchet MS", arial, georgia, verdana, helvetica, serif;
}

.textBoxro {
border: 1px solid #000;
font:.90em "Trebuchet MS", arial, georgia, verdana, helvetica, serif;
color:#000;
}

table.demosDisplay {
width:500px;
border:2px solid #ddd;
border-collapse:collapse;
background:white;
}

table.demosDisplay th {
padding:3px;
background-color:#eee;
font:bold .95em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
}

table.demosDisplay td {
padding:3px;
border-top: 1px solid #ccc;
font:.80em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
background-color:#dfecf5;
}

table.demosDisplay th.toprow {
border-bottom:1px solid #ccc;
}

table.demosDisplay th.row {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

table.demosDisplay a {
color:#000;
text-decoration:none;
}

table.demosDisplay a:link {
color:#000;
text-decoration:none;
}

table.demosDisplay a:visited {
color:#000;
text-decoration:none;
}

table.demosDisplay a:active {
color:#000;
text-decoration:none;
}

table.demosDisplay a:hover {
color: #708090;
text-decoration:underline;
}

/** super set container -- shud be deleted **/
.statsc {
position:relative;
padding-top:10px;
background:#fff;
}

/** per project container -- shud be deleted **/
.stats {
clear:both;
border:2px solid #ddd;
margin-top:0px;
margin-bottom:7px;
width:600px;
}

/** project header row **/
.phdr {
padding:3px;
word-wrap:nowrap;
background-color:#eee;
font:bold .95em "Trebuchet MS", arial, georgia, verdana, helvetica, serif;
border-bottom:1px solid #ddd;
}

.phdrN {
padding:3px;
word-wrap:nowrap;
background-color:#eee;
font:bold .95em "Trebuchet MS", arial, georgia, verdana, helvetica, serif;
border-top:2px solid #ddd;
border-bottom:1px solid #ddd;
}

/** edit surveystats page **/
div.phdrLS {
float:left;
width:83%;
}

/** edit demos page **/
div.phdrL {
float:left;
width:80%;
}

div.phdrL a {
color:#000;
text-decoration:none;
}

div.phdrL a:active {
color:#000;
text-decoration:none;
}

div.phdrL a:visited {
color:#000;
text-decoration:none;
}

div.phdrL a:hover {
color: #708090;
text-decoration:underline;
}

.phdrR {
margin-left=80%;
text-align:left;
font:.85em Arial,"Trebuchet MS", georgia, verdana, helvetica, serif;
}

.phdrRN {
margin-left=83%;
text-align:right;
font:.85em Arial,"Trebuchet MS", georgia, verdana, helvetica, serif;
}

.phdr img {
padding:0px 2px 0px 4px;
}

.phdr a.ck {
font:.95em Arial,"Trebuchet MS",tahoma,verdana,sans-serif;
text-decoration:none;
}

.phdr a.uck {
font:.95em Arial,"Trebuchet MS",tahoma,verdana,sans-serif;
text-decoration:none;
}

/** survey header row **/
.shdr {
padding:2px 2px 2px 2px;
word-wrap:nowrap;
text-align:left;
background-color:#eee;
font:.90em "Trebuchet MS", arial, georgia, verdana, helvetica, serif;
border-bottom:2px solid #ddd;
border-top:2px solid #ddd;
}

/** first survey header row (in a project with multiple surveys) **/
.shdr1 {
padding:2px 2px 2px 2px;
word-wrap:nowrap;
text-align:left;
background-color:#eee;
font:.90em "Trebuchet MS", arial, georgia, verdana, helvetica, serif;
border-bottom:2px solid #ddd;
}

/** first header row that displays the available demos **/
.dhdr {
padding:2px 2px 2px 2px;
word-wrap:nowrap;
text-align:left;
background-color:#eee;
font:bold .90em "Trebuchet MS", arial, georgia, verdana, helvetica, serif;
border-top:2px solid #ddd;
border-bottom:1px solid #ddd;
}

/** first header row that displays the available demos **/
.dhdr1 {
padding:2px 2px 2px 2px;
word-wrap:nowrap;
text-align:left;
background-color:#eee;
font:bold .90em "Trebuchet MS", arial, georgia, verdana, helvetica, serif;
border-bottom:1px solid #ddd;
}

/** per inviteelist container **/
.ilc {
margin:7px 7px 7px 7px;
}

/** comments container **/
.cc {
border:2px solid #ffe100;
margin:5px 7px 5px 7px;
background-color:#ffff99;
font:normal .80em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
padding:2px 2px 2px 2px;
}

/** surveystats display page, signupform, editform **/
div.ct {
border:2px solid #ddd;
margin-top:0px;
margin-bottom:4px;
width:675px;
}

/** MHT input form section **/
div#mht_ct {
border:2px solid #ddd;
margin:6px 0;
padding:5px;
font:normal .8em Arial;
width:55%;
}

/** surveystats display page, signupform, editform **/
div.ist {
clear:both;
border:2px solid #ddd;
padding:0px;
margin:0px;
background-color:#eee;
}

/** surveystats edit page **/
div.iste {
clear:both;
border:2px solid #ddd;
padding:0px;
margin:0px;
background-color:#fff;
}

/** inviteelist header row **/
.ilhdr {
padding:2px 2px 2px 2px;
word-wrap:nowrap;
text-align:left;
background-color:#eee;
font:normal .9em Arial, "Trebuchet MS", georgia, verdana, helvetica, serif;
border-bottom:2px solid #ddd;
}

/** inviteelist header row on survey stats edit page **/
.ilhdre {
padding:2px 2px 6px 2px;
word-wrap:nowrap;
text-align:left;
background-color:#eee;
font:normal .9em Arial, "Trebuchet MS", georgia, verdana, helvetica, serif;
}

.ilhdre a {
text-decoration:none;
}

.ilhdre a:active {
text-decoration:none;
}

.ilhdre a:hover {
text-decoration:underline;
}


/** inviteelist row **/
.ilr {
font:normal .85em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
word-wrap:nowrap;
background-color:#dfecf5;
padding:2px 2px 2px 2px;
border-top:1px solid #ccc;
}

/** inviteelist row on edit surveystats page **/
.ilrow {
padding:8px;
border-top: 1px solid #ccc;
font:.80em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
background-color:#dfecf5;
}

.ilrow a {
text-decoration:none;
}

.ilrow a:active {
text-decoration:none;
}

.ilrow a:hover {
text-decoration:underline;
}

/** inviteelist first row **/
.ilr1 {
font:normal .85em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
word-wrap:nowrap;
background-color:#dfecf5;
padding:2px 2px 2px 2px;
}

div.ilr span.value {
text-align:right;
margin-left:10px;
}

div.ilr span.label {
float:left;
width:70%;
text-align:left;
}

div.ilr1 span.value {
text-align:right;
margin-left:10px;
}

div.ilr1 span.label {
float:left;
width:70%;
text-align:left;
}

table.statsDisplay {
background-color:white;
border: 1px solid #808080;
border-collapse: collapse;
}

table.statsDisplay th {
background:silver;
padding:3px;
text-align: left;
font:bold .95em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
}

table.statsDisplay th.info {
background:#eee;
}

table.statsDisplay td {
padding:3px;
font:.75em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
border-top:1px solid silver;
}

table.statsDisplay th.toprow {
border-bottom:1px solid black;
}

table.statsDisplay th.row {
border-top:1px solid black;
border-bottom:1px solid black;
}

table.statsDisplay th.subheader {
background-color: #eee;
border-bottom:1px solid black;
font:bold .80em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
}

table.statsDisplay td.CompletionsResult {
background-color: #ccffcc;
text-align:center;
}

table.statsDisplay td.DisqualificationResult {
background-color: #ffcc66;
text-align:center;
}

table.statsDisplay td.MaxTimeSpentResult {
background-color: #ffffcc;
text-align:center;
}

div.adminContent {
background:transparent;
padding:2px;
font:normal .95em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
width:540px;
}

div.HeaderRow {
clear:both;
float:left;
text-align:left;
background-color:#eee;
border-bottom:1px solid #808080;
font:bold 1em "Trebuchet MS", arial, georgia, verdana, helvetica, serif;
}

/** button row **/
div.br {
clear:both;
padding-top:5px;
font:normal .90em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
}

.userformContainer {
position:relative;
padding-top:10px;
background:#fff;
margin:0px;
}

.row {
font:normal .85em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
word-wrap:nowrap;
padding-top:5px;
}

div.row span.inputBox {
text-align:left;
width:225px;
margin-left:5px;
} 

div.row span.value {
text-align:left;
width:225px;
} 

div.row span.label {
float:left;
width:150px;
text-align:right;
}

.uf {
width:400px;
}

.lc {
margin:100px 0px 100px 350px;
width:350px;
}

div#cl {
margin-top:25px;
}

table#cr {
width:100%;
border:2px solid #ddd;
border-collapse:collapse;
}

table#cr th {
background-color:#dfecf5;
padding:10px;
font:bold .9em Arial;
text-align:center;
border-bottom:2px solid #ddd;
}

table#cr td {
padding:10px;
font:normal .8em Arial;
text-align:center;
}

table#cerr {
width:100%;
border:2px solid #ddd;
border-collapse:collapse;
}

table#cerr th {
background-color:#dfecf5;
padding:4px;
font:bold .8em Arial;
text-align:center;
border-bottom:2px solid #ddd;
}

table#cerr td {
padding:10px;
font:normal .7em Arial;
text-align:center;
border-bottom:1px solid #ddd;
}

table#prob {
width:100%;
border:2px solid #ddd;
border-collapse:collapse;
}

table#prob td {
padding:10px;
font:normal .7em Arial;
text-align:center;
border-bottom:1px solid #ddd;
}

div.lf {
border:2px solid #ddd;
margin-top:5px;
}

div.lf span.label {
float:left;
width:90px;
text-align:left;
margin-left:10px;
}

/** login button row **/
div.lbr {
padding-top:4px;
font:bold 1.1em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
margin-left:120px;
}

div.hr {
text-align:left;
font:bold 1em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
background:#dfecf5;
border-bottom:2px solid #ddd;
}

.cmc {
position:relative;
padding:10px 0px 10px 0px;
background:#fff;
margin:0px;
width:500px;
}

div.cm {
position:relative;
width:500px;
margin:0px;
padding-bottom:5px;
background:#fff;
border:2px solid #ddd;
}

div.cm  span.label  {
text-align:left;
margin-left:10px;
font:bold 1em Arial, "Trebuchet MS", georgia, verdana, helvetica, serif;	
}

div.cm  #urow  {
border-top:0px;
}

div.Acl {
position:relative;
margin:0px;
width:600px;
background:#fff;
}

div.Acl div.row {
position:relative;
clear:both;
padding:2px 2px 2px 5px;
border-top:1px solid silver;
}

div.Acl div.AclContent {
border:2px solid #ddd;
margin-top:5px;
}

div.dc {
position:relative;
margin:0px;
padding:0px;
width:500px;
background:#fff;
}

.df {
border:2px solid #ddd;
margin-top:5px;
padding:5px 0px 5px 0px;
}

.dfe {
margin:0px;
padding:5px 0px 5px 0px;
}

div.df span.label {
float:left;
width:100px;
text-align:left;
margin-left:5px
}

/** add demo form button row **/
div.dbr {
padding-top:4px;
font:bold 1.1em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
margin-left:200px
}

div.sfc {
position:relative;
margin:0px;
padding:0px;
width:370px;
background:#fff;
}

.sf {
border:2px solid #ddd;
margin-top:5px;
padding:5px 0px 5px 0px;
}

/** survey stats edit form page **/
.sfe {
margin-top:5px;
padding:5px 0px 5px 5px;
}

div.sf span.hr {
float:left;
width:361px;
text-align:left;
font:1em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
background:#eee;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin:5px 0px 5px 0px;
padding-left:5px;
}

/** survey stats edit form page **/
div.sfe span.hr {
float:left;
width:361px;
text-align:left;
font:1em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin:5px 0px 5px 0px;
padding-left:5px;
}

div.sf span.label {
float:left;
width:130px;
text-align:left;
margin-left:5px;
}

/** survey stats edit form page **/
div.sfe span.label {
float:left;
width:130px;
text-align:left;
margin-left:5px;
}

div.sf span.labelc {
float:left;
width:350px;
text-align:left;
margin-left:5px;
padding:3px;
}

/** survey stats edit form page **/
div.sfe span.labelc {
float:left;
width:350px;
text-align:left;
margin-left:5px;
padding:3px;
}

/** add stats form button row **/
div.sbr {
padding-top:4px;
font:bold 1.1em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
margin-left:130px;
}

/** survey stats edit form button row **/
div.sbre {
padding-top:4px;
font:bold 1.1em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
margin-left:130px
text-align:left;
}

div.buttonHolder {
padding-top:10px;
text-align:center;
}

div.pageHeaderContainer {
position:relative;
width:500px;
padding:10px 0 0 3px;
margin-bottom:3px;
}

div.pageHeaderContainer span strong {
font:1.15em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
color:#4e97e8;
}

/** to be deleted **/
div.pBar {
clear:both;
border-collapse:collapse;
margin:4px 0 4px 0;
font:bold .90em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
}

/** "content" hear **/
div.chdr {
clear:both;
border-collapse:collapse;
margin:4px 0 4px 0;
font:bold 1em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
color:#4e97e8;
}

/** info that may help **/
span.inf {
font:.70em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
color:#ccc;
}

span.inf strong {
color:#000;
}

/** to be deleted **/
div.pBar span.stepNumbers {
border:1px solid;
padding:0 10px 0 10px;
}

/** to be deleted **/
div.pBar span.stepNumbersBG {
border:1px solid;
background: #ffae00;
padding:0 10px 0 10px;
}

/** to be deleted **/
div.pBar span.label {
padding:0 10px 0 10px;
}

/** to be deleted **/
div.pBar span strong {
font:1.6em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
margin-right:50px;
color:#4e97e8;
}

/** to be deleted **/
span.pInfo {
font:.70em Arial, "Trebuchet MS", georgia, verdana, sans-serif;
}

#ttip{
position:absolute;
border:2px solid #ddd;
background-color:#ffffcc;
padding:2px;
display:none;
z-index:1;
}

#ttip_content{
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size:0.9em;
}

.ldr{
background-color:#fff;
width:655px;
height:250px;
text-align:center;
}

sup {
font:bold 8px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}

sup a {
font:inherited !important;
text-decoration:none;
}