body { font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size:12px; background-color:#f5f5f5; text-align:center; padding:0; margin:0; }
a img { border-width:0 }
img { vertical-align:middle }
a:visited { color:blue }
q { font-style:italic }
q:before, q:after { content: "" }
#__auto_check { display:none; }

/* Content */
#content { max-width:960px;min-width:776px; width:99%; margin:auto;text-align:left }

/* Header */
#header { width:100% }
#banner { color:#808080; width:70%; float:left }
/* Account selection */
#account-selection { float:right; margin:20px 0 2px 0; color:#777; }


/* Navigation Menu */
#navMenu { font-size:20px; font-weight:normal; padding-top:15px; }
#navMenu ul { margin:0; margin-left:20px; padding:0; }
#navMenu ul li { list-style:none; display:inline; margin:0; margin-left:5px; }
#navMenu ul li a { background: #DCDCDC; border:0px solid #DCDCDC; padding:2px 15px 0px 15px; text-decoration:none; color:#666666; }
#navMenu ul li a:hover { background-color:#fafafa; color:#dc7272 }
body#surveysPage a#navSurveys, body#accountPage a#navAccount, body#reportsPage a#navReports, body#helpPage a#navHelp, body#templatesPage a#navThemes, body#partnersPage a#navPartners, body#membersPage #navMembers
 { background-color:#fff; border-bottom:1px solid #ffffff; color:#dc5151; font-weight:bold }
#unauth-menu {
  width:100%;
}

/* main */
#main {
  margin:auto;
  text-align:center;
  border:0px solid #DCDCDC;
  border-top:none;
  background-color:#FFF;
  text-align:center;
  padding: 2em 0;
}
body#indexPage div#main,body#signupPage div#main, body#loginPage div#main  { border:0px solid #dcdcdc }

/* common main header */
#mainHeader { padding:10px; font-size:11px; font-weight:bold }
#mainHeader img { vertical-align:middle; padding-right:3px }
#mainHeader a { text-decoration:none; padding: 3px; margin-left:3px;  }
#whatsNew { color:#ef844a; }
#whatsNew:hover { background-color:#efdcd1 }
#bugReport { color:#008000; }
#bugReport:hover { background-color:#daf1c2 }
#feedback { color:#5DA6D8; }
#feedback:hover { background-color:#dbeafd }

#footer { padding:0 10px 10px 10px; margin-top:10px; font-size:11px; letter-spacing:0.1px }
#footer ul { padding:0; margin:0 }
#footer a { padding: 0 10px 0 0  }
#footer a:hover { color:#dc5151 }
#footer li { display: inline; list-style:none; padding:0; margin:0 }
#footer span { color:#008000; float:right }
#footer form { float:right; }
#copyright { margin-top: 1em; color:#777;}

.unsupported-browser { margin:auto; background-color:#F0F9FF; color:#dc5151; font-size:14px; padding:5px; margin-top:20px; text-align:center; font-weight:bold; width:80%; border:1px solid #dcdcdc }

/* see IE6 specific hack */
#overlay{ position:fixed;top:0;left:0;width:100%;height:100%;background-color:#F5F5F5; opacity:0.7; }
#overlay2{ position:fixed;top:0;left:0;width:100%;height:100%;background-color:#252525;opacity:0.7; }
.overlayVisible { position: relative; z-index:2; }

/* ClearFix */
.clearfix:after { content:".";display: block; height:0; clear:both; visibility:hidden }

.questionForm { color:#888888 }
.questionForm span { color:#008000 }
.blockTitle { width:95%; margin:auto }
.blockTitle h2.title { font-size:18px; font-weight:bold; padding:0; border-bottom:1px solid #dcdcdc; color:#dc5151; margin:0 auto 0 auto; text-align:left }
.blockTitle div.vcard { color:#666; margin-bottom:10px; }
div.vcard .role { font-weight:bold; }

.qf-logo { font-size:15px; font-weight:bold; color:#8cc919; font-family:verdana}
.qf-logo span { color:#7f7f7f }

/*div.selSurvey p.actions { opacity:0.5 }
div.selSurvey:hover p.actions { opacity:1.0 }*/
div.selSurvey { width:100%;margin:5px auto 5px auto;background-color:#E0FFCF;border:1px solid #dcdcdc; text-align:left }
div.selSurvey h3 { margin: 0 0 0 5px; font-size:18px; padding:5px 0 0 0 }
div.selSurvey h3 span { width:80%; margin-right:20px }
div.selSurvey h3 img { vertical-align:middle;padding-right:10px }
div.selSurvey h3 small { color:#74983b; margin-left:5px }
div.selSurvey p { margin: 5px 0 5px 5px }
div.selSurvey p.actions a { text-decoration:none; font-size:12px; color:gray; padding: 3px 10px 3px 3px; margin-right:10px; display:inline }
div.selSurvey p.actions a:hover { color:#F00; background-color:yellow }
div.selSurvey p.actions a img { vertical-align:middle; }
div.selSurvey p.actions a span { margin-left:4px; font-weight: normal; }
div.selSurvey.disabled { opacity: 0.6; }
div.selSurvey .rename { display: none; }

#accountPlans { border-collapse:collapse; margin:auto; width:100% }
#accountPlans td { border:1px solid #dcdcdc; font-size:12px; color:#444; text-align:center  }
#accountPlans tr.planHeader { background-color:#FFFFE0; }
#accountPlans tr.planHeader td { border:0px;padding:5px; font-size:14px }
#accountPlans .planHeader strong { color:#dc5151 }
#accountPlans thead td.features { width:30%; color:#666666; padding:6px; background-color:#f5f5f5; font-size:16px; font-weight:bold; text-align: left; }
#accountPlans thead td.plan { width:16%; font-weight:bold; color:#DC5151; padding:3px 3px 5px 3px; font-size:16px; background-color:#f5f5f5 }
#accountPlans thead td.selected { background-color:#ddd; }
#accountPlans tr.alItem { background-color:#EEE }
#accountPlans tbody td.features { text-align:left; color:#000;background-color:#DAF1C2; padding:2px }
#accountPlans tbody td.features small { display:block; color:#666; font-weight:normal }
#accountPlans td.selected { background-color:#DDD; font-weight:bold; border:1px solid #FFF; }
.infoMsg  { width:100%;font-size:20px;font-weight:bold;padding-top:50px;padding-bottom:50px }

table.redgrid { border-collapse:collapse; border-width:0;  margin-bottom:5px; width:100%; text-align:left }
table.redgrid td { padding:5px; }
table.redgrid thead { background-color:#DC5151; color:#ffffff; font-size:12px; font-weight:bold; border:1px solid #D7D7D7; }
table.redgrid tbody td { border:1px solid #D7D7D7; font-size:11px; color:#000; }
table.redgrid tr.item  { background-color:#F5F5F5; }
table.redgrid tr.alItem  { background-color:#FFF }
table.redgrid tbody tr:hover { background-color:#E0FFCF }
table.redgrid tfoot td { font-size:11px; color:#000 }
table.redgrid td.img img { margin-right:2px }

table.greygrid { border-collapse:collapse; border-width:0;  margin-bottom:5px; width:100%; text-align:left }
table.greygrid td { padding:5px }
table.greygrid thead { background-color:#DBEAFD; color:#000; font-size:12px; font-weight:bold; border:1px solid #D7D7D7; }
table.greygrid tbody td { border:1px solid #D7D7D7; font-size:11px; color:#000; background-color:#FFF; word-break: break-word; }
table.greygrid tr.item  { background-color:#F5F5F5; }
table.greygrid tr.alItem  { background-color:#FFF }
table.greygrid tbody tr:hover { background-color:#E0FFCF }
table.greygrid tfoot td { font-size:11px; color:#000 }
table.greygrid td.img img { margin-right:2px }

div.tip { background-color:#FFFFE0; border:1px solid #dcdcdc; text-align:left; padding:4px; font-size:12px }
div.tip .title { color: #444; font-weight:bold; border-bottom:1px solid #444;margin:0; padding:2px; font-size:14px; margin-bottom:10px }
div.tip .title img { padding-right:4px }
div.tip p.question { margin-bottom:0; font-weight:bold }
div.tip p.answer { padding:2px; background-color:#f5f5f5; margin-top:0;border:1px solid #dcdcdc }
div.tip .text { font-size:11px }
p.tip { margin:10px; padding:5px; background-color:#FFFFE0; border:1px solid #dcdcdc; font-size:11px }

span.oneline-tip { color:#999; font-size:12px; font-style:italic }
span.oneline-tip img { margin-right:5px }

div.faq { margin-left:auto; margin-right:auto; text-align:left; padding:0; border:1px solid #dcdcdc; background-color:#FFF }
div.faq h3 { background-color:#f5f5f5; color:#000; margin:0; padding:6px; font-size:18px }
div.faq .question { color:#dc5151; font-size:14px; font-weight:bold; margin:0; padding:8px 0 0 6px; }
div.faq .answer { color:#666; font-size:12px; margin-top:0px; padding:2px 6px }

.smallInfo { width:70%;text-align:center;font-size:11px;font-weight:bold;color:#808080;background-color:#FFFF00;margin:5px auto 5px auto }

div.option { text-align:left; width:95%; margin:25px auto auto auto;}
div.option h3 { padding:0; margin:0; font-size:18px; margin-bottom: 4px; }
div.option h3 span { margin-left:4px }
div.optionBody { background-color:#f5f5f5; border:1px solid #dcdcdc; padding:5px }
div.optionBody p { padding:5px; margin:0; font-weight:bold; font-size:13px; font-size:16px }
div.optionBody p.info { font-size:12px; color:#666666; padding:0; font-weight:normal }
div.optionBody p small { font-weight:normal; color:#008000; margin-left:4px }
.optionBody p img { margin-right:5px }
.optionBody p a img { margin-right:0px }
div.optionBody p small.disabled { background-color:#FFFFE0;margin-left:15px; color:#dc5151 }
div.optionBody p span.link { margin-left:10px; color:#0000FF; text-decoration:underline; font-size:12px }
div.optionBody p.details { font-size:12px; padding:0 10px 0; margin:10px 0; font-weight:normal }
div.optionBody p.details input { margin-left:5px }
div.optionBody p.disabled { font-weight:normal; color:#dc5151; background-color:#FFFFE0; font-size:12px; }

div#upgrade-required { background-color:#FFF; padding:10px; text-align:center; border:1px solid #dcdcdc }
div#upgrade-required h1 { padding:5px; margin:0; background-color:#DC5151; color:#FFF; font-size:18px }
div#upgrade-required div { margin:5px auto;width:95%  }
div#upgrade-required p { margin:0; padding:5px; color:#666 }
div#upgrade-required p strong { background-color:#dbeafd; color:#000 }
div#upgrade-required p.exit { margin-top:5px }

div#upload-image { background-color:#FFF; padding:10px; text-align:center; border:1px solid #dcdcdc; font-family:arial }
div#upload-image form { background-color:#FFFFE0; border:1px solid #dcdcdc; padding:20px 0; }
div#upload-image h1 { padding:5px; margin:0; background-color:#DC5151; color:#FFF; font-size:18px }
div#upload-image p { margin:0; padding:5px; color:#666; }

div#upload-audio-window { background-color:#FFF; padding:10px; text-align:center; border:1px solid #dcdcdc; font-family:arial }
div#upload-audio-window form { background-color:#FFFFE0; border:1px solid #dcdcdc; padding:20px 0; }
div#upload-audio-window h1 { padding:5px; margin:0; background-color:#DC5151; color:#FFF; font-size:18px }
div#upload-audio-window p { margin:0; padding:5px; color:#666; }


#whatsNewWindow { text-align:left; background-color:#FFF; border:1px solid #dcdcdc }
#whatsNewWindow div.title { background-color:#dbeafd; padding:5px; margin:4px; font-weight:bold; font-size:16px }
#whatsNewWindow .rss { float:right; font-size:11px; font-weight:normal }
#whatsNewWindow .rss img { vertical-align:middle; margin-left:3px }
#whatsNewWindow .rss a { text-decoration:none }
#whatsNewWindow .entries { margin:10px; padding:3px; height:200px; overflow:auto }
#whatsNewWindow .separator { width:100%; border-bottom:1px solid #cccccc; padding:5px 0 }
#whatsNewWindow .entry { color:#333; margin-left:5px; font-size:11px }
#whatsNewWindow h3.title { color:#333; text-align:left; margin-left:5px; font-size:13px }
#whatsNewWindow span.date { float:right; background-color:#dcdcdc; font-size:10px }
#whatsNewWindow p { padding:10px }

p.social {
  opacity: 0.7;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)
}

/* behaviours */

.alignRight { text-align:right }
.alignLeft { text-align:left }
.alignCenter { text-align:center }
.alignCenter * { margin-left:auto; margin-right:auto }

.hidden { display: none }
.visible { display:block;visibility:visible }
.invisible { visibility:hidden }

body#errorPage {
  max-width: 500px;
  margin: 2em auto;
  background: transparent;
}
body#errorPage #main {
  background: transparent;
}

.error { color:#666; font-weight:normal; margin:auto; padding:5px; border:1px solid #dcdcdc; margin-bottom: 1em; background: #EEE;  }
.error .title { background-color:transparent; color:#DC5151; padding:2px; margin:0px auto; font-weight:bold; font-size:1.5em; }
.error .message { color:#666; }

.highlightedText { background-color:#FFFFE0 }

.boldText { font-weight:bold }
.italicText { font-style:italic }

.clickable { cursor: pointer }
.resize { cursor: w-resize }
.unclickable { cursor: default }

.fullWidth { width:100% }

span.tooltip { color:blue; text-decoration:underline; cursor:pointer }

.helpTooltip { margin: 5px; padding:10px; background-color:#666; color:#FFF; width:400px; border:1px solid #ccc; text-align:left; opacity: 0.8; }

#optionsPage .nicEdit-main { background: #FFF; }