/* The Great Button START */


a#button, a.button {
background:url("pics/btn-right.png") no-repeat scroll right top transparent;
color:#FFFFFF;
display:inline-block;
font-family:arial,sans-serif;
font-size:11px;
height:30px;
line-height:normal;
margin:0;
padding:0 5px 0 0;
text-decoration:none;
width:auto;
font-weight:bold;
}
a#button span, a.button span {
background:url("pics/btn-left.png") no-repeat scroll left top transparent;
height: 14px;
color:#FFFFFF;
display:inline-block;
font-size:11px;
line-height:normal;
padding:8px 5px 8px 10px;
text-align:center;
font-weight:bold;
font-family:arial,sans-serif;
cursor: pointer;
}
a#button:hover, a.button:hover {
background:url("pics/btn-right.png") no-repeat scroll right -30px transparent;
}
a#button:hover span, a.button:hover span {
background:url("pics/btn-left.png") no-repeat scroll left -30px transparent;
}
a#button.selected, a.button.selected {
background:url("pics/btn-right.png") no-repeat scroll right -30px transparent;
}
a#button.selected span, a.button.selected span {
background:url("pics/btn-left.png") no-repeat scroll left -30px transparent;
}

/* The Great Button STOP */



html { overflow-y: scroll; }
html,body,td {font-family:arial, sans-serif; font-size:12px; color:black;}
body { margin: 0 }
td.medium {font-family:arial; font-size:12px; color:black;}
td.tdresult {font-family:tahoma,arial,helvetica,sans-serif; font-size:12px; color:black;border-bottom:1px solid black;}
td.indent10px {font-family:arial, sans-serif; font-size:11px; color:black; padding-left:10px;}
td.indent30px {font-family:arial, sans-serif; font-size:11px; color:black; padding-left:30px;}
td.padding5px {font-family:arial, sans-serif; font-size:11px; color:black; padding-left:5px; padding-top:5px; padding-right:5px; padding-bottom:5px;}

select {font-family:arial, sans-serif; font-size:12px; color:black;}
button,input,textarea {font-family:arial, sans-serif; font-size:12px; color:black;}
input.loginform {font-family:arial, sans-serif; font-size:12px; color:black; width:95px;}
input.asknameform {width:200px;font-size:12px;font-family:arial;}
textarea.asknameform {width:200px;font-size:12px;font-family:arial;}





a.grupplank:link,a.grupplank:visited,a.grupplank:active,a.grupplank:hover,
a.smallbutton:link,a.smallbutton:visited,a.smallbutton:active,a.smallbutton:hover
 {
text-decoration:none;
color:#ffffff;
background-color:#83b07c;
padding:3px 6px 3px 6px;
border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
font-size:10px;
}

a.grupplank:hover,
a.smallbutton:hover {
color:#000000;
background-color:#a4c59f;
}


a.questions-table:link {text-decoration:underline;font-size:12px;}
a.questions-table:visited  {text-decoration:underline;font-size:12px;}
a.questions-table:active  {text-decoration:underline;font-size:12px;}
a.questions-table:hover {text-decoration:underline;font-size:12px;}



a:link.medium {font-family:arial, sans-serif; font-size:12px; color:#000000; text-decoration:underline;}
a:visited.medium {font-family:arial, sans-serif; font-size:12px; color:#000000; text-decoration:underline;}
a:hover.medium {font-family:arial, sans-serif; font-size:12px; color:#000000; text-decoration:underline;}
a:active.medium {font-family:arial, sans-serif; font-size:12px; color:#000000; text-decoration:none;}


a:link.medium {font-family:arial, sans-serif; font-size:12px; color:#000000; text-decoration:underline;}
a:visited.medium {font-family:arial, sans-serif; font-size:12px; color:#000000; text-decoration:underline;}
a:hover.medium {font-family:arial, sans-serif; font-size:12px; color:#000000; text-decoration:underline;}
a:active.medium {font-family:arial, sans-serif; font-size:12px; color:#000000; text-decoration:none;}

a:link {font-family:arial, sans-serif; color:#3668a5;}
a:visited {font-family:arial, sans-serif; color:#3668a5;}
a:hover {font-family:arial, sans-serif; color:#3668a5;}
a:active {font-family:arial, sans-serif; color:#514788;}

a:link.underlink {font-family:arial, sans-serif; font-size:11px; color:black; text-decoration:none;padding-top:2px;}
a:visited.underlink {font-family:arial, sans-serif; font-size:11px; color:black; text-decoration:none;padding-top:2px;}
a:hover.underlink {font-family:arial, sans-serif; font-size:11px; color:#000000; text-decoration:underline;padding-top:2px;}
a:active.underlink {font-family:arial, sans-serif; font-size:11px; color:black; text-decoration:none;padding-top:2px;}

a:link.toplink {font-family:arial, sans-serif; font-size:14px; color:black; text-decoration:none;}
a:visited.toplink {font-family:arial, sans-serif; font-size:14px; color:black; text-decoration:none;}
a:hover.toplink {font-family:arial, sans-serif; font-size:14px; color:#000000; text-decoration:underline;}
a:active.toplink {font-family:arial, sans-serif; font-size:14px; color:black; text-decoration:none;}

a.sub {font-family:arial, sans-serif; font-size:11px; color:black; text-decoration:none;}
a:hover.sub {font-family:arial, sans-serif; font-size:11px; color:#000000;}

a.subbold {font-family:arial, sans-serif; font-size:10px; color:black; text-decoration:none; font-weight:bold;}
a:hover.subbold {font-family:arial, sans-serif; font-size:10px; color:#000000; font-weight:bold;}

a.menu {font-family:arial, sans-serif; font-size:12px; color:white; text-decoration:none;}
a:hover.menu { text-decoration:underline;}

a.menuactive {font-family:arial, sans-serif; font-size:12px; color:black; text-decoration:none; }
a:hover.menuactive { text-decoration:underline; }

a:link.10pxblack {font-family:arial, sans-serif; font-size:10px; color:black; text-decoration:none;}
a:visited.10pxblack {font-family:arial, sans-serif; font-size:10px; color:black; text-decoration:none;}
a:hover.10pxblack {font-family:arial, sans-serif; font-size:10px; color:black; text-decoration:none;}
a:active.10pxblack {font-family:arial, sans-serif; font-size:10px; color:black; text-decoration:none;}

.rubrik1 {font-family:arial, sans-serif; font-size:20px; color:#000000; font-weight:normal;}
.rubrik2 {font-family:arial, sans-serif; font-size:12px; color:#781E04; font-weight:bold;}
.grupprubrik {font-family:arial, sans-serif; font-size:12px; color:#000000; font-weight:bold;}
.white {font-family:arial, sans-serif; font-size:11px; color:#ffffff;}
.tiny {font-family:arial, sans-serif; font-size:11px; color:#818181;}
.pre {font-family:courier new, courier,arial; font-size:11px; color:#000000;}
.red {font-family:arial, sans-serif; font-size:11px; color:red;}
.11px {font-family:arial, sans-serif; font-size:11px; color:#666666;}
.10px {font-family:arial, sans-serif; font-size:10px; color:#000000;}

#ToolTip{position:absolute; width: 100px; top: 0px; left: 0px; z-index:6; visibility:hidden;}
.rubrik {font-family:arial, sans-serif; font-size:16px; color:#000000; font-weight:bold;}

.height14 {line-height:14px; font-size:10px;}
.norm {font-family:arial, sans-serif; font-size:11px; color:#000000;}

.answer_text {font-family:arial, sans-serif; font-size:12px; color:black;}
.answer_href {font-family:arial, sans-serif; font-size:12px; color:black; color:#0088cc;}

a:link.reportfoldpassive,
a:visited.reportfoldpassive,
a:hover.reportfoldpassive,
a:active.reportfoldpassive
{
  color: #404040;
  font-size:11px;
  text-decoration:none;
}

a:link.reportfoldactive,
a:visited.reportfoldactive,
a:hover.reportfoldactive,
a:active.reportfoldactive {
  color: #000000;
  font-weight: bold;
  font-size:11px;
  text-decoration:none;
}

@media print {
  .noprint { display:none; }
}
@media screen {
  .noprint {  }
}

td.silverline {border-bottom:1px solid silver;}


h1 {
font-weight:normal;
font-size:22px;
}

h2 {
font-weight:normal;
font-size:18px;
margin-bottom:6px;
}
.prefheadline {
font-size:14px;
}


.logo {

}

.langflags {
margin-bottom:12px;
}


.topmenu {
border-top:1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;
margin-bottom:12px;
padding-top:8px;
padding-bottom:8px;
}

td.quest-func-cell img {
margin-right:4px;
}

.gra {
color:#818181;
}


  tr.quest { background-color: #DDDDDD}
  .initial { background-color: #DDDDDD; color:#000000 }
  .normal { background-color: #CCCCCC }
  .highlight { background-color: #8888FF }

.listtable table {
border-collapse:collapse;
border-bottom:1px solid silver;
}

.listtable table.noline {
border-collapse:collapse;
border-bottom:0px solid silver;
}

.listtable table thead tr {
  background-color: #e6e6e6;
}

.listtable table thead tr th, .listtable table tr th {
  text-align: left;
  font-weight: normal;
}

.listtable table td, .listtable table th {
border-top:1px solid silver;
padding:5px;
}

.listtable table.noline td {
border:0;
}


table.preftable {
border:0px solid #e3e3e3;
width:100%;
padding:8px;
background-color:#ffffff;
border-collapse:collapse;

}

table.preftable tr:first-child {
  border-bottom: solid #ffffff 8px;
}

td.prefhead {
background-color:#e6e6e6;
font-size:13px;
padding:8px;
font-weight:bold;
}

 td.preftablecell {
 border-bottom:1px solid #e3e3e3;
 padding:6px;
 }

div.loginform {
    text-align: right;
}

div.loginform input[type=text], div.loginform input[type=password] {
  font-size:13px;
  padding:5px;
  background-color:#ECF3EA;  

  border:1px solid silver; 
  width:120px; 
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: 10px;
}

div.loginform input[type=submit] {
  font-size:18px;
}

div.surveyquestion div.questiontext {
  padding-left: 3px;
}

div.surveyquestion div.comment {
  padding-left: 3px;
  margin-top: 6pt;
}

div.surveyquestion table.questionmulti {
  margin-top: 4pt;
}


form.prefs div.field_title {
  margin-top: 5pt;
  font-weight: bold;
}

div.datasheetHeader {
  margin-bottom: 1em;
}

div.reportpreamble {
  margin-bottom: 1em;
}

div.reportquestion {
  border: 2px solid #d3cccc;
/*  margin-bottom: 1em; */
}



/* Login and thanks */

div.thanks {

margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
width:450px;
border:1px solid #dadada;
padding:20px;
font-size:14px;
border-radius:5px;
-moz-border-radius:5px;
background-color:#ffffff;
}

form.loginform {
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
width:450px;
border:1px solid #dadada;
padding:20px;
font-size:14px;
border-radius:5px;
-moz-border-radius:5px;
background-color:#ffffff;
}

form.loginform h1,div.thanks h1 {
font-size:16px;
margin-top:0;
font-weight:bold;
}

form.loginform table tr {
height:40px;
}

form.loginform table td {
padding-right:20px;
font-size:14px;
}

form.loginform input {

}

form.loginform input.loginuser, form.loginform input.loginpass  {
padding:5px;
font-size:14px;
width:200px;
}

form.loginform input.login {
padding:4px !important;
width:50px;
font-size:14px;
}


div.textalkwebsurveylogo {
overflow:hidden;
background:url("pics/textalkwebsurveylogo.png") no-repeat scroll right top transparent;
border:0px solid silver;
float:right;
width:200px;
}

div.textalkwebsurveylogo a {
display:block;

margin-left:-1000px;
}

div.colorpreviewitem {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 7px;
  width: 20px;
  height; 12px;
  box-shadow: 0px 0px 3px #888;
  border-radius: 3px 3px 3px 3px;
}

div.AjaxWaiting {
  background-color: white;
  color: black;
  margin-left: -4px;
  padding: 3px;
  border: 1px solid #cccccc;
  position: fixed;
  left: 50%;
  border-radius: 5px;
  box-shadow: 0 0 10px #aaaaaa;
  top: 20px;
}

div.AjaxWaiting img {
  display: block;
}

div.timelimit {
    padding: 3px;
    text-align: center;
}

div.timelimit span.time_left {
    font-weight: bold;
}

div.timelimit div.expired {
    color: red;
}


table.after_survey th:nth-child(4) {
    text-align: right;
}

table.after_survey td:nth-child(4) {
    text-align: right;
}

div.editor_content div.locked_question {
    color: #ff0000;
    font-weight: bold;
    margin-bottom: 15px;
}

div.editor_content div.locked_question_info {
    margin-top: -10px;
    margin-bottom: 15px;
}

/*
 * TIDY
 */
div.tidy {
  white-space: pre;
  background-color: #ff9999;
  padding: 10px;
  margin-top: 20px;
  border-top: 1px solid black;
}

div.tidy_error {
  background-color: #ff9999;
}

div.tidy_warning {
  background-color: #99ff99;
}

a.edit-out-condition img,
a.edit-out-condition-text img {
    vertical-align: bottom;
}

#edit-condition-out-text-dialog textarea {
    width: 100%;
}

form#survey_answers_export {
    margin-top: 10px;
}

form#survey_answers_export div.action {
    margin-top: 10px;
}
form#survey_answers_export table.options {
    margin-top: 10px;
}

div.exportlist {
    margin-top: 10px;
    margin-bottom: 10px;
}

div.exportlist td:first-child {
    width: 30px;
    text-align: left;
}

div.exportlist td:last-child {
    text-align: right;
}

div.exportlist a img {
vertical-align: middle;
}

div.exportlist tr.rowProgress td {
    border-top: none;
    text-align: left;
}

div.exportlist tr.rowExportFiles td {
    border-top: none;
    text-align: left;
}

div.conditioneditor div.condition_error {
    color: #ff0000;
}

textarea.resizable {
    overflow-y: auto;
}

div.textarea div.ui-resizable-se {
    bottom: 15px;
    right: 10px;
}

button.edit-out-condition,
button.edit-out-condition-text {
    vertical-align: top;
}

button.edit-out-condition img,
button.edit-out-condition-text img {
    vertical-align: baseline;
    margin-left: -7px;
    margin-top: -4px;
    margin-bottom: -4px;
}

input[type=button].add-condition {
    margin-top: 7px;
}

div.survey-list-bottom {
    margin-top: 5pt;
    text-align: right;
}

div.saving {
    text-align: center;
    color: red;
}

div.form_header {
    margin-top: 5px;
}