#survey {
line-height: 1.65em;
font-family: Arial, Helvetica, sans-serif; /* para tudo o que não for apanhado pelo user-defined, atenção: o optionscol é afectado */
}


/* survey header */
.sheader p#exit a {
border: none;
text-decoration: underline;
cursor: pointer;
}
.sheader p#exit a:hover {
background: none;
}
/* page title */
#survey h2.spagetitle {
font-weight: bold;
}

/* question */
#survey div.squestiontitle h3 {
font-weight: normal;
display: inline;
border: none;
}
#survey div.squestiontitle p {
display: inline;
}
#survey div.squestiontitle div.imgdiv {
padding: 0.75em 0;
}
#survey div.squestiontitle div.imgdiv.fleft {
padding: 0.75em 1em 0.75em 0;
}
#survey div.squestiontitle div.imgdiv.fright {
padding: 0.75em 0 0.75em 1em;
}


/* overflow effect */
td.surveycol div.squestion { /* fixes ie6 overflow width issue */
overflow: hidden;
width: 652px;
}
div.squestioninput {
overflow-x: auto;
overflow-y: hidden;
width: 100%;
}

.squestioninput { padding: 5px 5px 15px 5px !important;  /* IE6 */ }
.squestioninput[class] { padding: 5px !important; /* Firefox */ }
*:first-child+html .squestioninput[class] { padding: 5px !important; /* IE7 */ }
@media screen and (min-width: 0px) { .squestioninput{ padding: 5px !important; overflow: auto; /* fixes overflow-x not working in opera */ }  /* Opera */ }
@media screen and (-webkit-min-device-pixel-ratio:0) { body:first-of-type .squestioninput { padding: 5px !important; } /* Safari */ }



#survey div.squestioninput ul { list-style: none; }
#survey div.squestioninput p { margin: 0.4em 0; }

div.squestioninput table { border-collapse: collapse; }
div.squestioninput table tr.col th { text-align: center; padding: 0.25em 1.0em; border-top: none !important; }
div.squestioninput table tr.row th { text-align: left; padding: 0.25em 1.0em; }
div.squestioninput table th { font-weight: normal; }
div.squestioninput table td { padding: 0.25em 1.5em; font-weight: normal; text-align: center; }
div.squestioninput table th.empty { border: none; }

div.squestioninput table.prompt { border-collapse: collapse; width: 100%; }
div.squestioninput table.prompt th { text-align: left; width: 30%; }
div.squestioninput table.prompt th, div.squestioninput table.prompt td { padding: 0.25em 1em 0.25em 0; font-weight: normal; border: none; vertical-align: top; }
div.squestioninput table.prompt td { text-align: left; }

body.output div.ltr span.sqihorizontal { margin-right: 1.5em; }
body.output div.rtl span.sqihorizontal { margin: 0; }
div.editltr span.sqihorizontal { margin-right: 1.5em; }
div.editrtl span.sqihorizontal { margin: 0; }


/* elements */

.fleft { float: left; }
.fright { float: right; }
.aright { text-align: right; }
.aleft { text-align: left; }
.acenter { text-align: center; }

#survey div.selement img {
padding: 0.5em 0;
}
#survey div.selement span {
font-size: 0.85em;
}

#survey div.selement h3 {
font-weight: bold;
border: none;
}
div.spacer10 {
height: 10px;
}

/* password */
div.password {
text-align: left !important;
margin: 1em 0 0 0 !important;
}
div.password input {
font-weight: normal !important;
}
div.password div {
margin: 0 0 1em 0 !important;
}
div.password span.error {
color: #cf3617 !important;
margin: 0 0.25em;
background: none !important;
}



/* bottom navigation */
#survey p.snav {
text-align: center;
}
#survey p.snav a {
border: none;
text-decoration: underline;
}

/* -----------------------
--- Position & Margins --
------------------------ */

#survey {
margin: 1em 0;
}
#survey div, #survey ul, #survey li, #survey p, #survey h1, #survey h2, #survey h3, #survey form { margin: 0; padding: 0; }

/* --- sheader: same in output and internal --- */



.sheader  { }
.sheader p#exit {
text-align: right;
}
.sheader p#exithidden {
font-size: 1px;
line-height: 1px;
height: 10px;
}
.sheader td.surveycol table, body.output .sheader table {
width: 100%;
}
.sheader td.surveycol table td.col1, body.output .sheader table td.col1 {
padding-top: 1em;
}
.sheader td.surveycol table td.col2, body.output .sheader table td.col2 {
vertical-align: top;
text-align: right;
white-space: nowrap;
padding-bottom: 1em;
}
.sheader p#exit .ttip2 .ttipcontent, body.output .sheader table td.col2 {
margin-top: 0.75em;
font-family: Verdana, Arial, Helvetica, sans-serif;
z-index: 0;
}
.sheader div.imgwrapper {
overflow: hidden;
margin: 0px 25px 0px 25px !important;
width: 650px;
}
* div#survey .sheader h1 {
line-height: 1.25em;
}
* div#survey h2.spagetitle {
line-height: 1.4em;
}



.sheader p#exit {
padding: 0.5em 25px 10px 0;
margin: 0;
}
.sheader img {
padding: 0px 0px 0px 0px;
margin: 0;
}
* div#survey .sheader h1 {
padding: 15px 0px 20px 0px;
margin: 0;
}

.e0i0t0 div.imgwrapper { display: none; }
.e0i0t0 img { }
.e0i0t0 h1 { }

.e0i0t1 img { }
.e0i0t1 h1 { padding: 20px 0px 20px 0px !important; }

.e0i1t0 { padding-bottom: 20px !important; }
.e0i1t0 div.imgwrapper { padding-top: 25px !important; }
.e0i1t0 img { }
.e0i1t0 h1 { }

.e0i1t1 div.imgwrapper { padding-top: 25px !important; }
.e0i1t1 img { margin: 0px 0px 0px 0px !important; }
.e0i1t1 h1 { }


.e1i0t0 div.imgwrapper { display: none; }
.e1i0t0 img { }
.e1i0t0 h1 { }


.e1i0t1 p#exit { padding: 0.5em 25px 0px 0; !important; }
.e1i0t1 img { }
.e1i0t1 h1 { padding: 0px 0px 25px 0px !important; }

.e1i1t0 { padding-bottom: 20px !important; }
.e1i1t0 img { }
.e1i1t0 h1 { }

.e1i1t1 img { }
.e1i1t1 h1 { padding: 15px 0px 20px 0px !important; }

/* fixes ie6 + ie7 unwanted space above the title when there is no image in the header */
.e0i0t0 div#surveyLogoPlaceholder,
.e0i0t1 div#surveyLogoPlaceholder,
.e1i0t0 div#surveyLogoPlaceholder,
.e1i0t1 div#surveyLogoPlaceholder { display: none !important; }


/* --- general layout margins, internal(first) and output(last) --- */
table.surveyedit tr.sheader td.surveycol { padding: 0; }
table.surveyedit tr.firstline td.surveycol { padding-top: 1.5em; }
table.surveyedit tr.firstline td.optionscol { padding-top: 1.0em; }
table.surveyedit tr.lastline td.surveycol { padding-bottom: 1.0em; }
table.surveyedit tr td.surveycol { margin: 0; padding: 0; }
/* table.surveyedit tr td.surveycol { margin: 0; padding: 0 1.5em; } */

body.output #survey { margin: 0; }
body.output div.ltr { text-align: left; }
body.output div.rtl { text-align: right; }
body.output .sbody { padding: 20px 25px !important; }

body.output div.rtl .sheader p#exit  { text-align: left; padding-left: 25px; } 

/* --- internal & output --- */
#survey div.squestioninput p { padding: 0.25em 0; }
#survey div.squestioninput table { margin: 0.5em 0 !important; }

/* --- internal --- */
#survey h2.spagetitle { padding: 0 25px; }
#survey div.squestion  { padding: 0 25px; }
#survey div.selement { padding: 0 25px; }
#survey p.snav { padding: 0 25px; }
	/* note: instead of adding horizontal margin to td.surveycol, margin was added individually to each element. this way div.editmode can be close to the td */

#survey h2.spagetitle { margin-bottom: 0.5em; }
#survey div.squestion  { margin: 0.75em 0; }
#survey div.squestiontitle  { }
#survey div.squestiontitle h3 { }
#survey div.squestiontitle p { }
#survey div.squestioninput { margin: 0.75em 0 0em 0; }
#survey div.squestioninput ul { }
#survey div.squestioninput li { margin-bottom: 0.25em; }
#survey div.selement { margin: 0.5em 0; }
#survey div.selement h3 { }
#survey p.snav { margin: 2.5em 0 1.5em 0; }

/* --- output --- */
body.output #survey h2.spagetitle { padding: 0; }
body.output #survey div.squestion  { padding: 0; }
body.output #survey div.selement { padding: 0; }
body.output #survey p.snav { padding: 0; }

body.output #survey h2.spagetitle { margin-bottom: 0.5em; }
body.output #survey div.squestion  { margin: 0.5em 0; }
body.output #survey div.squestion  { width: 100%; float: left; }
body.output #survey div.squestiontitle  { }
body.output #survey div.squestiontitle h3 { }
body.output #survey div.squestiontitle p { }
body.output #survey div.squestioninput { margin: 0.75em 0 0.75em 0; }
body.output #survey div.squestioninput ul { }
body.output #survey div.squestioninput li { margin-bottom: 0.25em; }
body.output #survey div.selement { margin: 0 0 1.25em 0; width: 100%; float: left; }
body.output #survey div.selement h3 { }
body.output #survey p.snav { margin: 1em 0 0 0; }

body.output #survey div.squestion div.acenter { text-align: center; }
body.output #survey div.squestion div.aleft { text-align: left; }
body.output #survey div.squestion div.aright { text-align: right; }
/* note: in the output vertical margins are twice as big (as value) but the same visually due to table effect in the edit survey page */

/* -----------------------
------- Feedback --------
------------------------ */

.sbody .error {
margin: 1.25em 0 1em 0 !important;
}
.sbody .error span {
border-top: 1px solid #e97;
border-bottom: 1px solid #e97;
background: #cf3617;
color: #fff;
background: #cf3617;
padding: 3px 10px;
font-weight: bold;
}

.sbody div.squestiontitle span.error {
margin: 0 0.25em;
color: #cf3617;
background: #fff;
color: #fff;
background: #cf3617;
padding: 0px 4px;
}

/* -----------------------
--- Table Edit Survey ---
------------------------ */


table.surveyedit {
padding: 0;
margin: 0;
width: 100%;
/*table-layout: fixed;*/ /* overflow bug fix */
}

table.surveyedit tr td.optionscol {
width: 27px;
background: #eee;
vertical-align: top;
text-align: center;
padding: 5px 10px; /* para compensar padding do anchor */
}
table.surveyedit tr td.optionscol a {
background: #888;
color: #000;
padding: 4px 6px;
text-decoration: none;
margin-right: 4px;
}
table.surveyedit tr td.optionscol a:hover {
background: #555;
}


/* ---- Edit Mode ---- */

table.surveyedit tr td.surveycol div.editdiv {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #ccc;
margin: 0;
padding: 6px 6px 7px 6px !important;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}
table.surveyedit tr.firstline td.surveycol div.editdiv {
margin-top: -17px !important; /* resets firsline top margin in edit mode */
}

table.surveyedit tr td.surveycol div.editdiv table { }
table.surveyedit tr td.surveycol div.editdiv table th { font-weight: normal; text-align: right; }
div.editdiv table th, div.editdiv table td { padding: 0.25em; }
div.editdiv table tr.traction th, div.editdiv table tr.traction td { padding-top: 1em; }
table.surveyedit tr td.surveycol div.editdiv table p { padding: 0.25em 0 !important; }
/* div.editdiv { font-size: 11px !important; } */


table.surveyedit tr td.surveycol div.editdiv table.editquestion td, table.surveyedit tr td.surveycol div.editdiv table.editquestion th {
border-bottom: 1px solid #ccc;
background: #ddd;
}
table.surveyedit tr td.surveycol div.editdiv table.editquestion th {
vertical-align: top;
white-space: nowrap;
padding: 0.75em 0.4em;
}
table.surveyedit tr td.surveycol div.editdiv table.editquestion td {
width: 100%;
padding: 0.5em 0.4em;
}
table.surveyedit tr td.surveycol div.editdiv table.editquestion td p {
margin: 0 !important;
}
table.surveyedit tr td.surveycol div.editdiv table.editquestion td p.removeimage {
margin: 0 0 0.5em 0!important;
}
table.surveyedit tr td.surveycol div.editdiv table.editquestion tr.traction td {
padding: 1em 0.25em;
}
table.surveyedit tr td.surveycol div.editdiv table.editquestion td p span {
padding-right: 0.5em;
}

/*
table.surveyedit tr td.surveycol div.editdiv fieldset { margin: 0; padding: 1em 0; }
table.surveyedit tr td.surveycol div.editdiv fieldset p { padding: 0.25em 0 !important; }
table.surveyedit tr td.surveycol div.editdiv fieldset p.paction { margin-top: 1em !important; }
table.surveyedit tr td.surveycol div.editdiv fieldset label { }
*/

/* -----------------------
------ To Organize ------
------------------------ */

div.completion {
padding-top: 1em !important;
}

div.completionbar {
width: 200px;
background: #fff;
border: 1px solid #aaa;
height: 20px;
margin: 0 auto !important;
}
div.completionbar div {
background: #5d5;
border: 1px solid #fff;
height: 18px;
}

#survey .sbody div.example { margin: 0.5em 0 !important; padding: 0.5em !important; }
#survey .sbody div.example { background: url(../pics/sample.gif); border: 1px dotted #999; }
#survey .sbody div.example div.squestion div.squestiontitle { color: #000 !important; }
#survey .sbody div.example div.squestion div.squestiontitle h3 { color: #000 !important; }
#survey .sbody div.example div.squestion div.squestioninput { color: #000 !important; }
#survey .sbody div.example div.squestion, #survey .sbody div.example div.squestion h3 { font-size: 12px; }

#survey .sbody div.example table {
width: auto;
}
#survey .sbody div.example table th {
background: #fff;
border: 1px solid #888;
text-align: center;
padding: 0.25em 1.5em;
}
#survey .sbody div.example table td {
background: #fff;
border: 1px solid #888;
width: auto !important;
padding: 0.25em 1.5em;
}

#survey .sbody div.example table th.empty { border: none; background: none; }



#survey p.reset {
margin: 0;
}


/* -----------------------
----- Dropdown Menu -----
------------------------ */

div.ddmenu {  }
div.ddmenu div.ddselected { border: 1px solid #bbb; }
div.ddmenu ul { background: #fff; border: 1px solid #bbb; }
div.ddmenu ul li { background: #fff; }
div.ddmenu ul li a { color: #555 !important; }
div.ddmenu ul li .dddisabled { color: #999 !important; }

div.ddmenu {
/* position: relative; */ /* commenting this solved layering bug tooltip vs dropdown in IE */ 
float: left;
cursor: default;
padding-right: 10px;
}
#optionsbar1 div.ddmenu {
padding-right: 7px;
}

div.ddmenu div.ddselected {
padding: 1px 32px 1px 6px;
background: #fff url(../pics/dropdown_cross.gif) right 6px no-repeat;
color: #555;
}
div.ddmenu div.ddselected a {
text-decoration: none;
}
div.ddmenu ul {
position: absolute;
margin-top: -1px;
left: 0;
list-style: none;
}
div.ddmenu ul li {
padding: 1px 48px 1px 8px;
}
div.ddmenu ul li a {
cursor: default;
text-decoration: none;
cursor: default !important;
}

span.ddlabel {
float: left;
padding-top: 1px;
}

div.ddmenu div.ddlist { position: relative; text-align: left !important; }
div.ddmenu ul li.ddpage { font-weight: bold; }
div.ddmenu div.ddlist ul li a {
text-decoration: none !important;
white-space: nowrap;
background: none !important;
}
div.ddmenu div.ddlist ul li span { 
white-space: nowrap; /* for channels select menu */
}

/* open/close the menu*/
div.ddmenu div.ddopen { display: block; }
div.ddmenu div.ddclosed { display: none; }

/* checkbox */
div.ddmenu ul li.ddchecked {
padding-left: 16px;
background: url(../pics/check01.gif) 4px 4px no-repeat;
}

/* class switch para background */
div.ddmenu ul li.mover { background: #ddd; }


/* -----------------------
----- Import Header -----
------------------------ */

div#importheader {
background: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
line-height: 1.6em;
padding-bottom: 4px;
}
div#importheader div.wrap {
position: relative;
}
div#importheader div.wrap {
margin: 0 auto;
width: 800px;
}

div#importheader div#logo {
height: 5.7em;
padding: 0px 20px 0px 20px;
background: url(../pics/survs19.gif) left center no-repeat;
margin-left: 20px;
position: relative;
}
div#importheader div#logo a {
display: block;
border: none !important;
position: absolute;
width: 140px;
height: 45px;
top: 10px;
left: -5px;
outline: none;
}



div#importheader #supportnav {
position: absolute;
right: 20px;
top: 0px;
padding: 22px 0px 6px 10px;
white-space: nowrap;
color: #91BC66;
/*background: #000;*/
}
div#importheader #supportnav a {
color: #91BC66;
border-bottom: 1px solid #5B8734;
text-decoration: none;
padding: 0;
}
div#importheader #supportnav a:hover {
color: #C7F491;
border-bottom: 1px solid #75A24C;
}
div#importheader #supportnav span {
color: #888;
border-bottom: 1px solid #555;
padding: 0;
}


/* -----------------------
---------- Misc ---------
------------------------ */

div.selement, div.squestion, div.spagetitlecol, div.sheader, div#sheadercol, div.sfootercol {
/*position: relative; /* no div#sheadercol e no div.sheader resolve posição do link Exit, no resto é desnecessário? */
}

div.squestiontitle * {
font-weight: bold !important;
}

div.cboth {
clear: both;
}


div.editrtl td.surveycol {
direction: rtl;	
}
div.editrtl #sheadercol span.ttipcontent {
text-align: left !important;
direction: ltr !important;
}
div.editrtl #sheadercol p#exit {
text-align: left !important;
padding: 0.5em 0 0 1em;
}
div.editrtl .sheader img { padding-right: 15px; }
div.editrtl div.editdiv {
text-align: left !important;
direction: ltr !important;
}



/* -----------------------
------ Output only ------
------------------------ */

body.output {
background: #272727;
font-size: 78%;
}

#survey .sbody p.reset { font-size: 0.85em; }

body.output {
padding: 0;
margin: 0;
}

body.output div.sbody form {
display: inline;
}

body.output .selement p { margin: 0.5em 0 !important; }





/* -----------------------
-------- Preview --------
------------------------ */


div.spreview {
font-family: Verdana, sans-serif;
font-size: 12px;
text-align: center;
/* background: #333 url(../pics/preview_bg_11.gif) -10px -15px; */
background: #333;
color: #dc9;
border-bottom: 4px solid #555;
padding: 14px 0;
margin-bottom: 2px;
}