/* Default values */

/*
* {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
}

html {
    padding-left: 10%;
    padding-right: 10%;
    height: 100%;
}

body {
    color: #333333;
    background-image: none;
    background-color: white;
    -webkit-font-smoothing: antialiased;
}

table {
    width: 100%;
    overflow: visible;
}

tr {
    background-color: transparent;
}

td {
    padding: 4px;
}

th {
    padding: 4px;
}

textarea {
}

input {
}

input[type="text"] {
}
*/

label {
    cursor: pointer;
}

/* Main content container, div */
/*.mainContainer {
    background-color: transparent;
}*/

/* Page banner container, div */
/*.bannerContainer {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
}*/

/* Content (logo1, progress bar and question) container, div */
/*.contentContainer {
    width: 100%;
    background: transparent;
}*/

/* Lower content (buttons, lang selector, logo2) containter, div */
/*.buttonContainer {
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    padding-bottom: 2px;
    padding-top: 6px;
}

.logo1Container {
    width: 100%;
    text-align: right;
}

.logo2Container {
    text-align: right;
    margin-right: 4px;
    padding-bottom: 4px;
    padding-top: 14px;
}*/

/* Page elemtents */
/* Main question table, table */
/*.cTable {
    border: 0 solid transparent;
    margin-top: 8px;
    background-color: transparent;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 2px;
}*/

/* Question table row, tr */
/*.cRow {
    border: none;
    background-color: transparent;
}*/

/* Question table row - alternate, tr */
/*.cRowAlt {
    border: none;
    background-color: transparent;
}*/

/* Question table row - selected/focused, tr */
/*.cRowSelected {
    border: none;
    background-color: transparent;
}*/

/* Question table row - selected/focused, alternate, tr */
/*.cRowAltSelected {
    border: none;
    background-color: transparent;
}*/

/* Sub question row, tr */
/*.cRowSubQuestion {
    border-top: none;
    border-left: none;
    border-bottom: none;
    width: 1%;
}*/

/* Default question table cell, td */
/*.cCell {
    border: 0;
    border-bottom: none;
    padding-left: 0;
    white-space: nowrap;
    text-align: center;
}*/

/* Default question table cell (last cell in a row), td */
/*.cCell:last-child {
    border-right: none;
}*/

/* Cell containing question text, td */
/*.cCellQuestion {
}*/

/* Cell in a sub question row, td */
.cCellSubQuestion {
    padding: 4px;
    border-bottom: none;
    border-right: none;
}

/* Column header cell, td */
/*.cCellHeader {
    padding: 4px;
    font-weight: normal;
    border-left: none;
    color: #333333;
    background-color: transparent;
    padding-bottom: 2px;*/
    /* Allow words to break if needed */
    /*white-space: normal;*/
    /* This will give equal column widths */
    /*width: 5%;
}*/

/* The first column header cell (row text col), td */
/*.cCellHeader:first-child {
    padding: 4px;
    width: 40%;
    min-width: 100px;
    border-right: none;
    border-left: none;
    font-weight: normal;
}*/

/*.cCellFirstHeader {
    padding: 4px;
    width: 40%;
    min-width: 100px;
    border-right: none;
    border-left: none;
    font-weight: normal;
}*/

/* The last column header, td */
/*.cCellHeader:last-child {
    border-right: none;
}*/

/* Grid codes, td */
/*.cCellHeaderCode {
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    border-left: none;
    border-bottom: none;
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 2px;
}*/

/* Grid codes, first column, td */
/*.cCellHeaderCode:first-child {
    border-left: none;
}*/

/* Grid codes, last column, td */
/*.cCellHeaderCode:last-child {
    border-right: none;
}*/

/* Numeric and time input (f/h), td */
/*.cCellF {
    border: none;
    padding-left: 2px;
    white-space: nowrap;
}*/

/* Row text cell, td */
/*.cCellRowText {
    border: none;
    width: auto;
}*/

/* Row text cell, numeric and time (f/h), td */
/*.cCellRowTextF {
    width: 5% !important;
}*/

/* Header row text, td */
/*.cRowBlockText {
    border: none;
    padding-top: 10px;
}*/

/* Question number, span */
.cQuestionNumber {
    display: none;
}

/* Question text, span */
/*.cQuestionText {
    color: #333333;
}*/

/* Row text, div and span */
/*.cRowText {
    font-weight: normal;
    color: #333333;
}*/

/* Default text, text is now html (div > hmtl-content)*/
.rs-ht {
    margin-top: 0;
    margin-bottom: 0;
}

.rs-ht * {
    margin-top: 0;
    margin-bottom: 0;
}

/* Row codes, span */
.cValue {
    display: none; /* hidden */
    font-size: xx-small;
}

/* 'Say', span */
/*.cSay {
    display: block;
    padding: 2px;
    margin: 0;
}*/

/* Inline 'Say', span */
.cSayInline {
    display: inline;
}

/* 'Do', span */
/*.cDo {
    padding: 2px;
    float: none;
    margin: 0;
    color: #333333;
    font-style: italic;
    background-color: transparent;
}
*/
/* Inline 'Do', span */
/*.cDoInline {
    display: inline;
}*/

/* Exclusive answers, textarea or input[type=text] */
/*.exclusive {
}*/

/* Radio button, input[type=radio]*/
/*.cRadio {
}*/

/* Checkbox, input[type=checkbox]*/
/*.cCheck {
}
*/

/* Numeric input, input[type=text]*/
/*.cFInput {
}*/

/* Time button, input[type=text]*/
/*.cHInput {
}*/

/* Open ended input, input[type=text]*/
/*.cOInput {
}*/

/* Container for questions and other page elements */
/*.cQuestionContainer {
    padding: 4px;
    border-bottom: none;
}*/

/* Container for scrollable tables, div */
/*#container {
    border: 1px solid black;
    overflow: scroll;
    width: 95%;
    scrollbar-shadow-color: red;
    scrollbar-arrow-color: red;
    scrollbar-darkshadow-color: red
}*/

/* Error messages, span */
/*.cError {
    font-weight: bolder;
    color: #B30000;
    display: inline;
}
*/
/*.buttonPage {
    min-width: 80px;
    min-height: 34px;
    cursor: pointer;
}*/

/* 'Previous' button, input[type=button] */
/*.buttonPrevious {
    border-style: solid;
    border-color: #227BBE;
    border-width: 1px;
    color: white;
    background-color: #227BBE;    
}*/

/* 'Next' button, input[type=button] */
/*.buttonNext {
    border-style: solid;
    border-color: #227BBE;
    border-width: 1px;
    color: white;
    background-color: #227BBE;
}*/

/* Progress container, div */
/*.progressContainer {
    width: 100%;
    background: transparent;
}*/

/* Progress bar container, div */
/*.progressBarContainer {
    background-color: #595959;
    border: 0;
    width: 200px;
    height: 20px;
    padding: 0;
    text-align: center;
    margin: auto;
    position: relative;
}*/

/* Progress bar, div */
/*.progressBar {
    background-color: #227BBE;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
}*/

/* Progress bar text, div */
/*.progressBarText {
    color: white;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    margin-left: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}*/

/* Top right logo, image */
/*.logo1 {
}*/

/* Bottom right logo, image (span if an image was not specified) */
/*.logo2 {
}*/

/* Link (powered by) */
.logo2link {
    color: inherit;
    text-decoration: none;
}

.logo2link:link {
    color: inherit;
}

.logo2link:visited {
    color: inherit;
}

.logo2link:hover {
    color: inherit;
    text-decoration: underline;
}

.logo2link:active {
    color: inherit;
    text-decoration: none;
}

/* Page banner, image */
/*.banner {
}*/

/* Language selector, a */
/*.languageLink {
    margin-right: 5px;
}

.languagePanel {
    padding: 5px;
    border-width: thin;
}

#rsPanelComments {
    text-align: center;*/
    /*margin-top: -10px;
    margin-bottom: 10px;*/
/*}

.msgBar {*/
    /*width:100%;*/
    /*padding: 8px;*/
    /*padding: 8px 20px 8px 20px;
    margin: 0;
    margin-top: -10px;
    margin-bottom: 10px;
    background-color: #fffce6;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#rsPanelComments {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
}

#msgContainer {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
}

#msgText {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: gray;
}*/

/* Last page msg */
/*.lastPageText {
    padding: 4px;
    display: block;
}*/

#commentRoot {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: left;
}

#commentContainer {
    display: inline-block;
    padding: 4px;
    padding-right: 8px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom-right-radius: 12px;
    background-color: #FFFACD;
    margin: 0;
}

#commentContainer .commentLink {
    display: block;
    font-size: 12px;
    padding: 4px;
}

#commentContainer .commentLink:link {
    color: #000000;
    text-decoration: underline;
}

#commentContainer .commentLink:visited {
    color: #000000;
    text-decoration: underline;
}

#commentContainer .commentLink:hover {
    color: #000000;
    text-decoration: underline;
    background-color: #FFFACD;
}

#commentContainer .commentLink:active {
    color: #000000;
    text-decoration: underline;
}

#commentContainer img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
}

#commentContainer .commentTitle {
    padding: 4px;
    font-size: 14px;
    border-bottom: 1px dashed #ddd;
}

#commentContainer #commentFlyout {
    background-color: transparent;
    position: relative;
    top: 2px;
    left: 2px;
}

#commentContainer .commentNumber {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 4px;
    margin-bottom: 4px;
}

#commentContainer .commentDisabled {
    font-size: 12px;
    font-weight: normal;
    display: block;
    margin: 4px;
    width: 260px;
}

#commentsLearnMore {
    padding: 2px 10px 6px 10px;
    background: #FFFACD;
    font-size: 12px;
    border: 1px solid #ddd;
}

#commentsLearnMore .commentsLearnMoreHeader {
    font-size: 16px;
    font-weight: bold;
}

#cookieInfo {
    padding: 2px 10px 6px 10px;
    background: white;
    font-size: 16px;
    border: 1px solid #ddd;
}

#cookieFrameInfo {
    padding: 2px 10px 6px 10px;
    background: white;
    font-size: 14px;
    border: 1px solid #ddd;
}

#cookieInfo .cookieInfoHeader {
    font-size: 14px;
    font-weight: bold;
}

#cookieFrameInfo .cookieInfoHeader {
    font-size: 14px;
    font-weight: bold;
}

/* loading animation (displayed if the request takes more than 2 seconds), div */
.loadingAnimation {
    width: 100%;
    margin: auto;
    margin-top: 12px;
    border: 2px solid transparent;
    border-radius: 50%;
    border-top: 2px solid #227BBE;
    border-right: 2px solid #227BBE;
    width: 12px;
    height: 12px;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.textleft {
    text-align: left;
}

.textright {
    text-align: right;
}

.textcenter {
    text-align: center;
}

.textul {
    text-decoration: underline;
}

.textitalic {
    font-style: italic;
}

.textbold {
    font-weight: bold;
}

.textupper {
    text-transform: uppercase;
}

.cellw100 {
    width: 100%;
}

.cellw1 {
    width: 1%;
}

.imgleft {
    display: block;
    text-align: left;
}

.imgright {
    display: block;
    text-align: right;
}

.lpad0 {
    padding-left: 0;
}

.rpad0 {
    padding-right: 0;
}

.imgcenter {
    display: block;
    text-align: center;
}

.nowrap {
    white-space: nowrap;
}

/*form {
    display: inline;
}*/

/* icheck focus */
/*div[class^="icheckbox"].focus, div[class^="iradio"].focus {
    outline: 1px solid #ddd;
}*/