.endUserFormContent {
    clear: none;
    /*display: inline-block;*/
    display: block;
    /*float: left;*/
    min-height: 192px;
    padding-bottom: 4px;
    padding-top: 6px;
    position: relative;
    width: auto;
}

.haveHelpSection .endUserFormContent {
    padding-bottom: 4px;
}

h2.hidden, span.hidden, label.hidden {
    height: 1px;
    left: -4000px;;
    overflow: hidden;
    position: fixed;
    top: -5000px;
    width: 1px;
    opacity: 0;
}

/*KILL ALL Icons*/
.contentRow .iconButton {
    border: medium none;
    display: none;
}
/****/

.contentRow {
    clear: both;
    display: table;
    float: none;
    margin-bottom: 4px;
    margin-top: 8px;
    padding: 9px 2px 2px 4px;
    position: relative;
    width: 99.6%;
    /*position: static; Better like this so help area will be positiones better on container elements*/
}

.endUserFormContent > .contentRow {
    /*position: relative;*/
    clear: both;
}
.noHelpSection .endUserFormContent > .contentRow,
.noHelpSection .endUserFormContent > .contentRow > .theGroup > .contentRow{
    position: relative;
}
.endUserFormContent > .contentRow > .formElement{
    clear: both;
    margin: 1px 0 1px 0!important;
    padding: 1px 0;
    position: static;
    width: 100% !important;
}

.contentRow .lastContentRow {
    float:left;
    clear:none;
    padding:20px
}

.contentRow > .formElement {
    clear: none;
    display: table-row;
    float: left;
    position: relative;
    width: 97%;
    z-index: 9999999;
}
/*
.theGroup > .contentRow > .formElement {
    float: none !important;
    margin-right: 0 !important;
    position: static !important;
    width: auto !important;
}
*/
.contentRow > .formElement.aButtonElement  {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.formElement.aButtonElement > .formElementItem {
    margin-left: 12px;
}
.formElement.aButtonElement > .formElementItem > .theInputElement {
    margin-left: 0;
}
.contentRow .formElement.widthFull {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
}
.theGroup > .contentRow .formElement.widthFix,
.theGroup > .contentRow .formElement.selectBoxElement,
.theGroup > .contentRow .formElement.uploadFile,
.theGroup > .contentRow .formElement.freeTextElement {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.theGroup > .contentRow > .formElement {
    margin-left: 0 !important;
    margin-top: 4px;
    padding: 0;
}
.theGroup > .contentRow > .horizontalSelect {
    width: auto !important;
}
.Respondent-mainWrapper.noHelpSection .contentRow .formElement {
    z-index: 998;
}
.contentRow table > tbody > tr.formElement {
    float: none;
}

.contentRow.bankIdWrapper {
    margin-top: 14px;
    text-align: center;
}
.contentRow.verticalSpace.lines-1		{ height: 1em;}
.contentRow.verticalSpace.lines-2		{ height: 2em;}
.contentRow.verticalSpace.lines-3		{ height: 3em;}
.contentRow.verticalSpace.lines-4		{ height: 4em;}
.contentRow.verticalSpace.lines-5		{ height: 5em;}

.contentRow .formElement.freeTextElement 		{  }

.contentRow .formElement.freeTextElement .label	{
    display: block;
    float: none;
    margin-bottom: 4px;
    margin-left: 0 !important;
    margin-right: 1% !important;
    margin-top: 2px;
    width: 97% !important;
}

.contentRow.decorationRowItem,
.contentRow.pageMessage { max-width: none !important; }

.contentRow.decorationRowItem > .freeTextElement,
.contentRow.pageMessage {
    display: table;
    width: 100% !important;
}


.contentRow .formElement.freeTextElement button		{ float: none }

.freeTextElement.p .labelItem 	{ font-size: 1em;display:inline-block;float:none }
.freeTextElement.h6 .labelItem,h6,.h6	{ font-size: 0.6em; }
.freeTextElement.h5 .labelItem,h5,.h5	{ font-size: 0.8em; }
.freeTextElement.h4 .labelItem,h4,.h4	{ font-size: 1.1em; }
.freeTextElement.h3 .labelItem,h3,.h3	{ font-size: 1.2em; }
.freeTextElement.h2 .labelItem,h2,.h2	{ font-size: 1.6em; }
.freeTextElement.h1 .labelItem,h1,.h1	{ font-size: 2.6em; }

.freeTextElement.h3 .labelItem .label	{ margin-left: 0; }

.freeTextElement.warning	{
    background-color: #E0E0E0;
    border: 1px solid #AAAAAA;
    margin-top: 50px;
    padding: 12px;
}


.formElement.freeTextElement	{

}
.formElement.freeTextElement > .labelItem {
    color: #222222;
    display: block;
    margin-left: 12px !important;
    margin-right: 8px !important;
    padding-bottom: 0;
    padding-top: 0;
}
.theGroup > .contentRow > .formElement > .labelItem {
    margin-left: 8px;
}
.theGroup > .contentRow > .formElement.freeTextElement > .labelItem {
    margin-left: 8px !important;
}
.theGroup .theGroup > .contentRow > .formElement.freeTextElement > .labelItem {
    margin-left: 0 !important;
}
.theGroup .theGroup .formElement.freeTextElement > .labelItem {
    margin-left: 0;
}
.formElement.freeTextElement > .labelItem > ul,
.formElement.freeTextElement > .labelItem > ol	{
    margin-bottom: 8px;
}
.contentRow .formElement ul,
.contentRow  .formElement ol	{
    margin-left: 24px;
    padding: 0;
}
.contentRow .formElement .labelItem label ul,
.contentRow .formElement .labelItem label ol	{
    margin-left: 20px;
}

.contentRow .labelItem .label ol,
.contentRow .labelItem .label ul	{
    margin-left: 16px;
}
.theadTH ol,
.theadTH ul	{
    margin-left: 14px;
}


.contentRow .inputTextElement .justText	{ float: none }
/*.contentRow .inputTextElement span		{ float: none;display: inline-block; }*/
.contentRow .inputTextElement > button			{ float: none; }
.contentRow .inputTextElement > .formElementItem { float: none; }

.contentRow > .widthFull > .formElementItem {
    display: block;
    float: none;
}

.contentRow .inputTextElement.widthFix span.center {
    display: inline-block;
    margin-left: 0;
}

.contentRow .groupTitle .justText	{ float: none }
.contentRow .groupTitle span		{ float: none;vertical-align: top; }
.contentRow .groupTitle a			{ float: none }




.formElement > .labelItem > label {
    margin-left: 0 !important;
    margin-right: 4px !important;
}

/*LABEL-LEFT*/
.formElement.label_LEFT > .labelItem  {
    clear: none;
    display: table-cell;
    float: left;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0;
    margin-left: 12px !important;
    vertical-align: top;
    width: 30%;
}
.formElement.label_LEFT > .formElementItem {
    clear: none;
    display: inline-block;
    min-height: 20px;
    vertical-align: top;
    position: static;/* Makes help/error messages to be easy aligned also when question is inside group/table */
}

.formElement.label_LEFT > .formElementItem {
    width: 66%;
    min-width: 20%;
    padding: 2px 0 3px 0 !important;
}



.formElement.label_LEFT.widthFull > .labelItem {
    /*float: none !important;*/

}
.formElement.widthFull > .formElementItem {
    display: block !important;
    max-width: inherit;
    min-width: inherit;
    position: static; /* Makes help/error messages to be easy aligned also when question is inside group/table */
    text-align: left;
    width: auto !important;
}

.haveHelpSection.noCustomFormWidth .formElement.label_LEFT.widthFull > .formElementItem > .theInputElement,
.haveHelpSection.noCustomFormWidth .formElement.label_TOP.widthFull > .formElementItem > .theInputElement,
.haveHelpSection.noCustomFormWidth .formElement.label_NONE.widthFull > .formElementItem > .theInputElement {
    width: auto !important;
}
.haveHelpSection.noCustomFormWidth .helpAtInput > .label_LEFT.widthFull.helpOnRight > .formElementItem > .theInputElement {
    /*width: 98% !important;*/
}
.haveHelpSection.noCustomFormWidth .formElement.label_LEFT.widthFull > .formElementItem > .theInputElement > .center,
.haveHelpSection.noCustomFormWidth .formElement.label_TOP.widthFull > .formElementItem > .theInputElement > .center,
.haveHelpSection.noCustomFormWidth .formElement.label_NONE.widthFull > .formElementItem > .theInputElement > .center {

}


.formElement.label_LEFT > .formElementItem {
    display: block !important;
    max-width: inherit !important;
    min-width: inherit !important;
    width: auto !important;
}

.formElement.label_LEFT.horizontalSelect > .formElementItem {

}
.formElement.label_LEFT.horizontalSelect > .formElementItem .theInputElement {
    position: static;
    clear: none;
    display: block;
    width: 98%;
}
.formElement.label_LEFT.horizontalSelect > .formElementItem .center {
    clear: none;
    display: inline-block !important;
    position: static;
}
.formElement.label_LEFT.horizontalSelect > .formElementItem .center .optionWrapper {
    position: static !important;
}



.formElement.label_LEFT.widthFix > .formElementItem {
    min-width: inherit !important;
    width: auto !important;
    text-align: left;
}
.formElement.label_LEFT.widthFix > .formElementItem {
    margin-bottom: 18px;
    min-width: inherit !important;
    text-align: left;
    width: auto !important;
}
.helpAtInput .formElement.label_LEFT.widthFix.helpOnRight > .formElementItem {
    margin-bottom: 1px;
}



/*LABEL-LEFT*/
.formElement.label_RIGHT > .labelItem  {
    clear: none;
    display: inline-block;
    vertical-align: top;
    float: none;
    width: 30%;
}
.formElement.label_RIGHT > .formElementItem {
    clear: none;
    display: inline-block;
    min-height: 20px;
    vertical-align: top;
}

.formElement.label_RIGHT > .formElementItem {
    width: 66%;
    min-width: 20%;
    text-align: right;
}



.formElement.label_RIGHT.widthFull > .labelItem {
    /*float: none !important;*/
    display: table;
}
.formElement.label_RIGHT.widthFull > .formElementItem {
    display: block;
    margin-left: 12px;
    max-width: inherit;
    min-width: inherit;
    position: static !important;
    text-align: left;
    width: auto !important;
}

.formElement.label_RIGHT > .formElementItem > .theInputElement > .center {

}
.formElement.label_RIGHT > .formElementItem > .theInputElement > .center > input {
    text-align: left;
    display: inline-block;
}


.formElement.label_RIGHT > .labelItem {
    float: right !important;
}
.formElement.label_RIGHT > .labelItem label {
    padding-left: 4px;
}
.formElement.label_RIGHT.widthFull > .labelItem label {
    top: 0;
}

.formElement.label_RIGHT > .formElementItem {
    display: block !important;
    max-width: inherit !important;
    min-width: inherit !important;
    position: static !important;
    width: initial !important;
}

.formElement.widthFix {
    float: none;
    margin-right: 3px !important;
    position: static;
}
.helpAtInput .formElement.widthFix .formElementItem {
    /*position: static !important;*/
}
.formElement.label_RIGHT.widthFix > .formElementItem {
    display: inline-block !important;
    min-width: inherit !important;
    width: auto !important;
    float: right;
}

.formElement.label_RIGHT.widthFix > .labelItem {
    /*float: none !important;*/
}








/*Label Top*/
.formElement.label_TOP > .labelItem {
    clear: both;
    display: block;
    float: none;
    line-height: 16px;
    margin-left: 12px !important;
    min-height: 16px;
    padding-bottom: 0;
    vertical-align: top;
    width: auto;
}

.noCustomFormWidth .formElement.label_TOP.widthFull > .labelItem {
    width: 97%;
}
.formElement.label_TOP.widthFix > .labelItem {
    width: auto!important;
}


.formElement.label_TOP > .formElementItem {
    clear: both;
    display: block;
    float: none;
    margin-left: 12px !important;
    padding-left: 0;
    text-align: left;
}
.formElement.label_TOP.horizontalSelect > .formElementItem,
.formElement.label_TOP.verticalSelect > .formElementItem{
    margin-left: 12px !important;
    margin-top: 2px;
}
.formElement.label_TOP.widthFix > .formElementItem {
    display: block;
    margin-left: 12px !important;
    padding-top: 0 !important;
    width: auto !important;
}
.theGroup > .contentRow > .formElement.label_TOP.widthFix > .formElementItem {

}
.formElement.label_TOP.widthFull > .formElementItem {
    max-width: none;
}

/*Label Bottom*/
.formElement.label_BOTTOM > .labelItem {
    clear: both;
    display: inline;
    float: none;
    height: 20px;
    line-height: 20px;
    vertical-align: top;
    width: auto;
}

.formElement.label_BOTTOM > .formElementItem {
    float: none;
    display: block;
    clear: both;
}
.formElement > .formElementItem > .theInputElement {
    display: block;
    position: relative;
}
.formElement.widthFull > .formElementItem > .theInputElement > .center {
    display: block;
    float: none;
    width: auto;
}
.label_NONE > .labelItem		{
    clear: none;
    display: none!important;
    /*float: left;*/
    margin-right: 4px;
}
.label_NONE > .formElementItem	{
    float: none;
    clear: none;
    display: block;
    margin-left: 0;
}
.label_NONE.horizontalSelect  > .formElementItem,
.label_NONE.verticalSelect  > .formElementItem	{
    float: none;
    clear: none;
    display: block;
}
.label_NONE.widthFix > .formElementItem > .theInputElement
{
    float: none;
}
.label_NONE.selectBoxElement > .formElementItem > .theInputElement
{
    float: none;
    margin-left: 0;
}
.label_NONE.verticalSelect,
.label_NONE.horizontalSelect {
    float: left;
    width: 97%;
}




/*LABELS*/

.contentRow > .formElement > .labelItem {
    margin-left: 0;
}

.formElement > .labelItem > label {
    clear: none;
    color: #111111;
    display: inline;
    float: none;
    font-size: 1em;
    height: auto;
    left: 0 !important;
    line-height: 1.2em;
    margin-left: 0;
    margin-right: 0 !important;
    margin-top: -2px;
    min-height: 20px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    vertical-align: bottom;
    word-wrap: break-word;

    -moz-transition: color 0.5s ease 0s;
    -o-transition: color 0.5s ease 0s;
    -webkit-transition: color 0.5s ease 0s;
    transition: color 0.5s ease 0s;
}
.innerTd > .contentRow > .formElement > .labelItem > label,
.innerTd > .contentRow > .formElement > .formElementItem {
    margin-left: 0 !important;
}
.innerTd > .contentRow > .formElement > .labelItem > label {
    padding-left: 0 !important;
}
.theGroup > .contentRow > .formElement > .labelItem {
    margin-left: 0 !important;
}
.theGroup > .contentRow > .formElement > .labelItem > label {
    left: 8px !important;
    margin-left: 0 !important;
    padding-left: 0;
    padding-right: 8px !important;
}
.horizontalDistribution > .theGroup > .contentRow > .formElement.label_TOP > .labelItem > label {
    left: 0 !important;
}

.theGroup .horizontalDistribution > .theGroup > .contentRow > .formElement > .labelItem > label {
    left: 0 !important;
}
.theGroup .theGroup > .contentRow > .formElement > .labelItem > label {
    margin-left: 0 !important;
    left: 4px !important;
}
.formElement > .labelItem > label:hover,
.formElement > .labelItem:hover > label {
    cursor: pointer;
    color:#2463B3;
}


.theGroup > .contentRow > .theGroup > .contentRow >  .formElement > .labelItem > label {
    padding-left: 0;
}





/*label alignment*/
.formElement > .labelItem.labelAligned-left  {
    text-align: left;
}








/***** A TABLE   *****/

table{
    border: none;
    border-collapse: collapse;
    width: 100%;
}



table thead{
    background-color: #E8E8E8;
    border-bottom: 1px solid #ffffff;
    height: 20px;
    color: #444444;
    font-size: 14px;
}

table thead th{
    color: #444444;
    font-size: 11px;
    padding-left: 6px;
    font-weight: bold;
}

table thead th.controlQuestion,
table thead th.controlAnswer {
    border-right:1px solid #ffffff;
}
table tbody tr {
    background: transparent;
    border-bottom: 1px solid #E8E8E8;
    border-top: 1px solid #FFFFFF;
}
table.content > tbody > tr {
    background: transparent !important;
    border-bottom: none;
    border-top: none;
}
.haveLeftNavigation .pageNavigationTD {
    width: 10px;
    border-right: 1px solid #bbb;
}

table tbody td {
    color: #444444;
    font-size: 1em;
    line-height: 16px;
    padding: 10px;
    vertical-align: middle;
}
table.content > tbody > tr > td {
    color:  #4a4a4a;
    font-size: 1em;
    line-height: inherit;
    padding: 0;
    vertical-align: top;
}

table.content > tbody > tr > td.pageContentTD {
    padding-bottom: 60px;
}

table > tbody > tr > td:FIRST-CHILD {
    /*border-right: 1px solid #E8E8E8;*/
}
table tbody td a,
table tbody td .iconButton {
    color: #222222;
    text-decoration: none;
    font-weight: bold;
}
table tbody td a:hover,
table tbody td .iconButton:hover {
    color: #246383;
    cursor: pointer;
}

table tbody td .iconButton {
    background-color: transparent;
    background-image: url("img/endUserControlingIconsSprite.gif");
    background-repeat: no-repeat;
    clear: none;
    display: inline-block;
    height: 18px;
    width: 22px;
    vertical-align: bottom;
}
.controlSection table tbody td .iconButton {
    background-color: transparent;
    background-image: url("img/endUserControlingIconsSprite.gif");
    background-repeat: no-repeat;
    clear: none;
    display: inline-block;
    height: 18px;
    width: 22px;
    vertical-align: bottom;
}

table tbody td.controlSmallError .iconButton {
    background-position: -2px 0;
}

table tbody td.controlSmallWarning .iconButton {
    background-position: -2px -32px;
}








div div div div .miniSpace {
    display: none !important;
    font-size: 1px !important;
    position: static !important;
    width: 1px !important;
}







/* TABLES */

.contentRow.questionsTable.widthFull {
    clear: both;
    display: block;
    margin: 6px 0 12px 8px !important;
    max-width: none;
    padding: 0 0 2px;
    width: auto !important;
}
.Respondent-mainWrapper.noCustomFormWidth .contentRow.questionsTable {
    min-width: 150px !important;
}
.contentRow.questionsTable.widthFix {
    float: none !important;
}

.questionsTable > .tableTitle {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    clear: both;
    color: #666666;
    /* display: none; */  /* CNG-1763 Help icon is not visible for Table Element  */
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: -1px;
    padding: 4px 8px 6px 0;
    position: relative;
    width: auto;
}

.questionsTable > .tableTitle > .labelItem {
    float:none;
    line-height:16px;
    vertical-align:top;
    top:3px;
    margin:3px 3px 0 0
}

.questionsTable > .theTable {
    clear: both;
    float: none;
    margin-right: 3px;
    padding: 2px;
}
.theGroup .questionsTable > .theTable {
    margin-right: 0;
    padding: 0;
}
.questionsTable.widthAuto > .theTable {
    float: left;
}

.questionsTable > .theTable > table {
    background-color: #fcfcfc;
    /*border: 1px solid #dedfe7;*/
    border-collapse: initial;
    border-spacing: 0 !important;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.tableBorder-none.questionsTable > .theTable > table,
.tableBorder-none.questionsTable > .theTable > table tbody tr {
    border: none;
}

.questionsTable > .theTable > table td,
.questionsTable > .theTable > table th {
    border: 1px solid #DEDFE7;
    padding: 4px;
}
.questionsTable > .theTable > table > tbody > tr > td > .innerTd {
    display: inline-block;
    float: left;
    width: 100%;
}
.questionsTable > .theTable > table > tbody > tr > td > span > .contentRow {
    float: none;
    margin-left: 0 !important;
    padding: 0;
    position: static;
    width: auto;
    display: block;
}

.questionsTable > .theTable > table td > .innerTd > .contentRow > .formElement {
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: static !important;
    width: 100% !important;
}

.questionsTable > .theTable > table td > .innerTd > .contentRow > .formElement > .labelItem {
    margin-left: 0 !important;
}
.questionsTable > .theTable > table td > .innerTd > .contentRow > .formElement.label_LEFT > .formElementItem,
.questionsTable > .theTable > table td > .innerTd > .contentRow > .formElement.widthFull > .formElementItem{
    display: inline-block !important;
}


.questionsTable > .theTable > table th {
    background-color: #DFDFE1;
    padding: 4px 1px 4px 8px;
    border-color: #C9CAD6;
    border-bottom: none;
}
.questionsTable > .theTable > table th span {
    text-align: left;
    float: left;
    min-width: 1em;
}




.questionsTable > .theTable > table .formElement > .formElementItem {
    max-width: none !important;
    min-width: 20px;
    width: auto;
}
.innerTd > .contentRow > .formElement > .formElementItem {
    /*position: static !important;*/
}

.questionsTable > .theTable > table .formElement.uploadFile  > .formElementItem {
    max-width: none !important;
    min-width: 20px;
    width: 64% !important;
    position: static !important;
}



.questionsTable > .theTable > table > tbody > tr.tbodyTR {
    position: relative;
}
.questionsTable > .theTable > table > tbody > tr.tbodyTR > td > .innerTd > .contentRow > .helpBoxOut  {
    margin-top: 0;
    top: auto !important;
}


.noHelpSection .questionsTable > .theTable > table > tbody > tr.tbodyTR {
    position: relative;
}

.questionsTable > .theTable > table > tbody > tr.tbodyTR > .tbodyTD > .innerTd > .contentRow {
    margin-bottom: 4px;
    margin-left: 0;
    position: static;
}







.questionsTable.noVisibleBorder > .theTable {
    border: none;
    background-color: transparent;
}

.questionsTable.noVisibleBorder > .theTable > .contentRow {
    border: none;
    background-color: transparent;
    padding: 4px 0 2px 0;
}



.questionsTable.noVisibleBorder > .tableTitle
{
    border: none;
    background-color: transparent;
    padding: 4px 8px 2px 0;

}
















/* DIVS-TABLES */
.contentRow.questionsGroup.pageGroup {
    margin-bottom: 20px;
    margin-left: 4px;
    width: 96%;
}
.contentRow.questionsGroup.pageGroup > .groupTitle {
    background-color: #D4D4D4;
    border: medium none;
    color: #222222;
    display: block;
    float: none;
    font-size: 13px;
    outline: 1px solid #AAAAAA;
    padding-left: 4px;
    padding-right: 0 !important;
}
.contentRow.questionsGroup.pageGroup > .theGroup.divsTable {
    border: medium none;
    outline: 1px solid #AAAAAA;
    width: 100%;
}


.divsTable,
.divsTable > .divsTableHeader,
.divsTable > .divsTableBody,
.divsTable > .divsTableFooter,
.divsTable .divsTableRow {
    clear: both;
    display: block;
    float: none;
    text-align: left;
    width: 100%;
}
.questionsGroup > .theGroup.divsTable {
    padding: 0;
}
.divsTable > .divsTableHeader {
    background-color: #E8E8E8;
    border-bottom: 1px solid #AAAAAA;
    height: auto;
    min-height: 18px;
}
.divsTable .divsTableRow > .divsTableColumn {
    clear: none;
    display: inline-block;
    padding: 4px 4px 2px;
    width: 98%;
}

/*header*/
.divsTable > .divsTableHeader > .divsTableRow > .divsTableColumn {
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}


/*body*/
.divsTable > .divsTableBody > .divsTableRow {
    border-top: 1px solid #AAAAAA;
}
.divsTable > .divsTableBody > .divsTableRow:FIRST-CHILD {
    border-top: none;
}

.divsTable > .divsTableBody > .divsTableRow > .divsTableColumn {
    padding: 4px 4px;
    border-left: 1px solid #AAAAAA;
    text-align: left;
}
.divsTable > .divsTableBody > .divsTableRow > .divsTableColumn:FIRST-CHILD {
    border-left: none;
    /*box-shadow: 1px 0 0 #AAAAAA;*/
}



/*sizes*/
.divsTable .divsTableRow > .divsTableColumn.columns-2 {
    width: 49%;
}
.divsTable .divsTableRow > .divsTableColumn.controlQuestion {
    width: 34%;
    word-wrap: break-word;
}
.divsTable .divsTableRow > .divsTableColumn.controlAnswer {
    width: 60%;
    word-wrap: break-word;
}
.divsTable .divsTableRow > .divsTableColumn.controlAnswer.columns-2 {

}

/*inseptioned groups*/
.divsTable > .divsTableBody > .divsTableRow > .divsTableColumn > .contentRow.questionsGroup {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;
}

.divsTable > .divsTableBody > .divsTableRow > .divsTableColumn > .contentRow.questionsGroup > .groupTitle {
    display: none;
}

.divsTable > .divsTableBody > .divsTableRow > .divsTableColumn > .contentRow.questionsGroup.hasTitle > .groupTitle {
    background-color: #E8E8E8;
    color: #222222;
    display: inline-block;
    font-size: 11px;
    margin-right: 4px;
    padding: 2px 6px;
}
.divsTable > .divsTableBody > .divsTableRow > .divsTableColumn > .contentRow.questionsGroup > .theGroup.divsTable {
    background-color: #FDFDFD;
    width: 100%;
}





/* input text */
.inputTextElement .formElementItem .theInputElement input[type=text],
.inputTextElement .formElementItem .theInputElement input[type=password] {
    display: block;
    margin-right:2px;
    clear:none;
    color:#111111;
    height:16px;
    padding: 2px 2px 2px 2px;
    border: 1px solid #bbbbbb;
    box-shadow: 0 0 4px #dfdfdf inset;
    -moz-box-shadow: 0 1px 4px #D4D4D4 inset;
    -webkit-box-shadow: 0 1px 4px #D4D4D4 inset;
    outline: none;
    border-color:#AAAAAA #BBBBBB #CBCBCB #BBBBBB;
    -webkit-appearance: textfield;
    font: 13px arial,sans-serif;
    width: 98%;
    min-width: 1em;
}

.inputTextElement.widthFull > .formElementItem > .theInputElement input[type=text],
.inputTextElement.widthFull > .formElementItem > .theInputElement input[type=password],
.textAreaElement.widthFull > .formElementItem > .theInputElement textarea {
    width: 98%;
}


.helpAtInput > .widthFull.label_RIGHT.helpOnRight > .formElementItem > .theInputElement input {
    width: 100%;
}

.inputTextElement.widthFull.label_NONE > .formElementItem > .theInputElement input[type=text],
.inputTextElement.widthFull.label_NONE > .formElementItem > .theInputElement input[type=password],
.inputTextElement.widthFull.label_TOP > .formElementItem > .theInputElement input[type=text],
.inputTextElement.widthFull.label_TOP > .formElementItem > .theInputElement input[type=password],
.textAreaElement.widthFull.label_NONE .formElementItem .theInputElement textarea,
.textAreaElement.widthFull.label_TOP .formElementItem .theInputElement textarea {
    width: 98%;
}



.noCustomFormWidth .inputTextElement.widthFull > .formElementItem > .theInputElement input[type=text],
.noCustomFormWidth .inputTextElement.widthFull > .formElementItem > .theInputElement input[type=password] {
    /*width: 96%;*/
}


/* textAreaElement */
.textAreaElement .formElementItem .theInputElement textarea {
    display: inline-block;
    margin-right: 2px;
    clear: none;
    color: #111111;
    padding: 2px 2px 2px 2px!important;
    border: 1px solid #bbbbbb;
    box-shadow: 0 1px 4px #D4D4D4 inset;
    -moz-box-shadow: 0 1px 4px #D4D4D4 inset;
    -webkit-box-shadow: 0 1px 4px #D4D4D4 inset;
    outline: none;
    border-color: #AAAAAA #BBBBBB #DDDDDD #BBBBBB;
    -webkit-appearance: textarea;
    font: 13px arial,sans-serif;
    resize: none;
    overflow: auto;
    width: 98%;
    min-width: 2em;
    min-height: 1em;
}
.resize > .textAreaElement .formElementItem .theInputElement textarea {
    resize: both !important;
}


/* Select box */
.selectBoxElement .formElementItem .theInputElement {
    display: block;
}
.contentRow > .selectBoxElement > .formElementItem {

}
.selectBoxElement .formElementItem .theInputElement select {
    display: inline-block;
    margin-right: 2px;
    clear: none;
    color: #111111;
    padding: 1px 2px 2px 2px!important;
    border: 1px solid #bbbbbb;
    box-shadow: 0 1px 4px #D4D4D4 inset;
    -moz-box-shadow: 0 1px 4px #D4D4D4 inset;
    -webkit-box-shadow: 0 1px 4px #D4D4D4 inset;
    outline: none;
    border-color:#AAAAAA #BBBBBB #DDDDDD #BBBBBB;
    font:13px arial,sans-serif;
    resize: none;
    min-width: 80px;
    max-width: 100%;
}


/* Date picker icon inside */
.datePickerElement > .formElementItem > .theInputElement > .center > input {
    background-image: url("../common/img/endUserIconsSprite.png");
    background-repeat: no-repeat;
    min-width: 92px !important;
}
.datePickerElement > .formElementItem > .theInputElement > .center > input { background-position: right -340px; }

.datePickerElement:hover > .formElementItem > .theInputElement > .center > input,
.datePickerElement > .formElementItem > .theInputElement > .center > input:hover { background-position: right -380px; }

.disabledItem .datePickerElement > .formElementItem > .theInputElement > .center > input
{
    background-position: right -300px !important;
}


.datePickerElement #instructs {
    display: none;
}





/*Checkboxes and Radios */
.checkboxElement > .formElementItem > span,
.radioElement > .formElementItem > span {
    display: block;
    float: none;
    width: auto !important;
}
.checkboxElement > .formElementItem > .theInputElement .optionWrapper,
.radioElement > .formElementItem > .theInputElement .optionWrapper {
    margin-top: 0 !important;
    min-width: 40px;
    padding-bottom: 2px !important;
    padding-right: 8px;
    padding-top: 2px !important;
    position: static !important;
    vertical-align: top;
    display: inline-block\9; /* IE8 and below */
}
.checkboxElement.verticalSelect > .formElementItem > .theInputElement .optionWrapper,
.radioElement.verticalSelect > .formElementItem > .theInputElement .optionWrapper {
    position: static !important;
}
.checkboxElement > .formElementItem > .theInputElement .optionWrapper .innerOptionWrapper,
.radioElement > .formElementItem > .theInputElement .optionWrapper .innerOptionWrapper {
    position: relative;
}
.checkboxElement > .formElementItem > .theInputElement .optionWrapper input,
.radioElement > .formElementItem > .theInputElement .optionWrapper input {
    float: left;
    height: 16px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 16px;

}
.formElementItem > .theInputElement > .optionWrapper > .colorSpan {
    padding: 0;
    margin: 0;
    height: 0;
    width: 0;
    float: left;
    position: absolute;
    left: 0;
    display: none;
}
.checkboxElement > .formElementItem > .theInputElement .optionWrapper .innerOptionWrapper > label,
.radioElement > .formElementItem > .theInputElement .optionWrapper .innerOptionWrapper > label {
    float: left;
    line-height: 14px;
    padding: 0 0 0 18px;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}







/* Checkbox,Radios verticals/horizontals */
.contentRow > .verticalSelect {
    width: 96%;
}
.formElement.horizontalSelect {
    position: static;
    width: 96%;
}
.verticalSelect .theInputElement,
.verticalSelect .theInputElement .center,
.horizontalSelect {
    display: block;
    position: static !important;
}
.horizontalSelect .formElementItem,
.horizontalSelect .theInputElement,
.horizontalSelect .theInputElement .center,
.horizontalSelect.formElement.label_RIGHT > .formElementItem  {
    display: block;
    position: static !important;
}
.contentRow > .verticalSelect,
.contentRow > .horizontalSelect {
    margin-left: 0 !important;
    margin-right: 1% !important;
    padding-left: 0 !important;
    padding-top: 2px !important;
    width: 97% !important;
}
.responsiveLayout .contentRow > .verticalSelect,
.responsiveLayout .contentRow > .horizontalSelect {
    display: table !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 2px !important;
    position: static !important;
    width: 100% !important;
}
.verticalSelect > .formElementItem > .theInputElement .optionWrapper:FIRST-CHILD {
    padding-top: 0 !important;
}
.checkboxElement.verticalSelect > .formElementItem > .theInputElement .optionWrapper,
.radioElement.verticalSelect > .formElementItem > .theInputElement .optionWrapper {
    clear: none;
    display: inline-block;
    float: none;
    padding-right: 0;
    width: 98%;
}
.checkboxElement.verticalSelect > .formElementItem > .theInputElement label,
.radioElement.verticalSelect > .formElementItem > .theInputElement label {
    float: none;
    margin-top: 0;
    display: block;
}

.checkboxElement.horizontalSelect > .formElementItem > .theInputElement .optionWrapper .innerOptionWrapper > input,
.radioElement.horizontalSelect > .formElementItem > .theInputElement .optionWrapper .innerOptionWrapper > input {
    clear:none;
    display:inline-block;
}

.checkboxElement.horizontalSelect > .formElementItem > .theInputElement .optionWrapper .innerOptionWrapper > label,
.radioElement.horizontalSelect > .formElementItem > .theInputElement .optionWrapper .innerOptionWrapper > label {
    clear:none;
    display:inline-block;
}

.horizontalSelect.label_TOP,
.horizontalSelect.label_NONE {
    display: block !important;
    float: left;
}

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input:hover + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input + label:hover {
    cursor: pointer;
}





.verticalSelect.label_RIGHT.formElement > .labelItem,
.selectBoxElement.label_RIGHT.formElement > .labelItem,
.uploadFile.label_RIGHT.formElement > .labelItem,
.widthFix.label_RIGHT.formElement > .labelItem {
    display: inline-block;
    float: none !important;
    /*margin-top: 0 !important;*/
}
.verticalSelect.label_RIGHT.formElement > .formElementItem,
.horizontalSelect.label_RIGHT.formElement > .formElementItem,
.selectBoxElement.label_RIGHT.formElement > .formElementItem,
.uploadFile.label_RIGHT.formElement > .formElementItem,
.widthFix.label_RIGHT.formElement > .formElementItem {
    display: inline-block !important;
    float: left !important;
    margin-left: 8px;
    margin-right: 6px !important;
    width: auto !important;
}




/*
.checkboxElement .formElementItem .optionWrapper label {
	padding: 0px 6px 0px 0px;
}
.radioElement .formElementItem .optionWrapper label {
	padding: 0px 6px 0px 4px;
}
*/

.checkboxElement > .formElementItem > .theInputElement input,
.radioElement > .formElementItem > .theInputElement input {
    vertical-align: middle;
}

.verticalSelect > .formElementItem {
    clear: both;
    width: 99%;
}

.formElement.verticalSelect > .formElementItem {
    width: auto !important;
}
.formElement.verticalSelect.label_TOP > .formElementItem{
    margin-left: 12px !important;
}
.formElement.verticalSelect.label_NONE > .formElementItem{
    margin-left: 8px !important;
}

/************************/







/*
***
*****
*******  HIDING SELECT OBJECTS TO ADD OUR OWN IMAGES BY CSS :-)  *****
*****
***
*/
.checkboxElement > .formElementItem > .theInputElement > .center > .optionWrapper .innerOptionWrapper > input,
.radioElement > .formElementItem > .theInputElement > .center > .optionWrapper .innerOptionWrapper > input {
    opacity: 0;
    z-index: 100;
}
.checkboxElement > .formElementItem > .theInputElement > .center > .optionWrapper .innerOptionWrapper > label,
.radioElement > .formElementItem > .theInputElement > .center > .optionWrapper .innerOptionWrapper > label {
    z-index: 99999;
    position: relative;
    color: #222222;
}

/* not implemented yet
.theInputElement > .optionWrapper:not(#foo) > .colorSpan {
	z-index: 1;
	height: 14px;
	width: 14px;
	display: inline-block;
}
*/



.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input:hover + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input:focus + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input + label:hover,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input:focus + label			{  }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox] + label
{
    background:url("img/CheckboxIcons.png") 0 0 no-repeat;
    height: auto;
    min-height: 16px;
}


.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox] + label							{ background-position: 0 -600px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:hover + label					{ background-position: 0 -900px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:active + label					{ background-position: 0 -1200px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:checked + label 					{ background-position: 0 -1500px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:hover:checked + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:checked + label:hover			{ background-position: 0 -1800px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:active:checked + label,
.theInputElement > .center > .optionWrapper:not(#foo .innerOptionWrapper) > input[type=checkbox]:checked + label:active 			{ background-position: 0 -2100px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:focus + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox] + label:focus 					{ background-position: 0 -2400px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:focus + label:hover,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:hover + label:focus 				{ background-position: 0 -2700px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:focus + label:active,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:active + label:focus 			{ background-position: 0 -3000px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:focus:checked + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:checked + label:focus 			{ background-position: 0 -3300px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:focus:checked + label:active,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:active:checked + label:focus 	{ background-position: 0 -3600px; }





.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio] + label
{
    background:url("img/RadioIcons.png") 0 0 no-repeat;
    height: auto;
    min-height: 16px;
}


.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio] + label							{ background-position: 0 -600px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:hover + label					{ background-position: 0 -900px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:active + label					{ background-position: 0 -1200px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:checked + label 				{ background-position: 0 -1500px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:hover:checked + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:checked + label:hover			{ background-position: 0 -1800px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:active:checked + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:checked + label:active 			{ background-position: 0 -2100px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:focus + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio] + label:focus 					{ background-position: 0 -2400px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:focus + label:hover,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:hover + label:focus 			{ background-position: 0 -2700px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:focus + label:active,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:active + label:focus 			{ background-position: 0 -3000px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:focus:checked + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:checked + label:focus 			{ background-position: 0 -3300px; }

.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:focus:checked + label:active,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:active:checked + label:focus 	{ background-position: 0 -3600px; }




/* Disabled styles */
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:disabled + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:hover:disabled + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:focus:disabled + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:disabled + label:hover,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:disabled + label:hover:active	{ background-position: 0 0; }


.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:disabled + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:hover:disabled + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:focus:disabled + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:disabled + label:hover,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:disabled + label:hover:active		{ background-position: 0 0; }


.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:disabled:checked + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:hover:disabled:checked + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:focus:disabled:checked + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:disabled:checked + label:hover,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=checkbox]:disabled:checked + label:hover:active{ background-position: 0 -300px; }


.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:disabled:checked + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:hover:disabled:checked + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:focus:disabled:checked + label,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:disabled:checked + label:hover,
.theInputElement > .center > .optionWrapper:not(#foo) .innerOptionWrapper > input[type=radio]:disabled:checked + label:hover:active	{ background-position: 0 -300px; }





.theInputElement > .center > .optionWrapper:hover .innerOptionWrapper > input +  label,
.theInputElement > .center > .optionWrapper .innerOptionWrapper > input:hover + label,
.theInputElement > .center > .optionWrapper .innerOptionWrapper > input + label:hover,
.theInputElement > .center > .optionWrapper:focus .innerOptionWrapper > input +  label,
.theInputElement > .center > .optionWrapper .innerOptionWrapper > input:focus + label
{
    color: #2463B3;
    cursor: pointer;
}

















/* input elements */
.inputTextElement .formElementItem .theInputElement input[type=text],
.inputTextElement .formElementItem .theInputElement input[type=password],
.textAreaElement .formElementItem .theInputElement textarea,
.selectBoxElement .formElementItem .theInputElement select	{ background-color:#ffffff; }

.inputTextElement .formElementItem .theInputElement input[type=text]:hover,
.inputTextElement .formElementItem .theInputElement input[type=password]:hover,
.textAreaElement .formElementItem .theInputElement textarea:hover,
.selectBoxElement .formElementItem .theInputElement select:hover	{ border-color:#A0A0A0 #B9B9B9 #B9B9B9 #B9B9B9; background-color:#e5e5e5 }

.inputTextElement .formElementItem .theInputElement input[type=text]:active,
.inputTextElement .formElementItem .theInputElement input[type=password]:active,
.textAreaElement .formElementItem .theInputElement textarea:active,
.selectBoxElement .formElementItem .theInputElement select:active	{ border-color:#888888; background-color:#eeeeee;}

.inputTextElement .formElementItem .theInputElement input[type=text]:focus,
.inputTextElement .formElementItem .theInputElement input[type=password]:focus,
.textAreaElement .formElementItem .theInputElement textarea:focus,
.selectBoxElement .formElementItem .theInputElement select:focus	{
    border-color:#666666;
    background-color:#ffffff;
    box-shadow: 0 1px 4px #cccccc inset;
    -moz-box-shadow: 0 1px 4px #cccccc inset;
    -webkit-box-shadow: 0 1px 4px #cccccc inset;
    outline: medium none;
}

.warningIcon .formElementItem .theInputElement input[type=text],
.warningIcon .formElementItem .theInputElement input[type=password]	{
    border-color:#FF9900;
    background-color:#ffffff;
    box-shadow: 0 1px 2px rgba(255, 214, 151, 1) inset;
    -webkit-box-shadow: 0 1px 2px rgba(255, 214, 151, 1) inset;
    -moz-box-shadow: 0 1px 2px rgba(255, 214, 151, 1) inset;
}
.errorIcon .formElementItem .theInputElement input[type=text],
.errorIcon .formElementItem .theInputElement input[type=password]	{
    border-color:#B11D28;
    background-color:#ffffff;
    box-shadow: 0 1px 2px rgba(233, 122, 131, 1) inset;
    -webkit-box-shadow: 0 1px 2px rgba(233, 122, 131, 1) inset;
    -moz-box-shadow: 0 1px 2px rgba(233, 122, 131, 1) inset;
}

.inputTextElement .justText a,
.freeText,
.freeText a {
    float:none;
    display:inline-block
}

.inputTextElement .justText, .freeText .justText{
    float:none;
    line-height:16px;
    vertical-align:top;
    top:3px;
    margin:3px 0 0 0
}


.contentRow.questionsGroup {
    margin: 4px 0 6px;
    max-width: none;
    /*width: auto !important;*/
}
.contentRow.questionsGroup.widthAuto {
    display: inline-block;
    padding-left: 0;
    position: static;
    width: auto !important;
}
.contentRow.questionsGroup.widthFull {
    width: 99.6% !important;
}
.responsiveLayout .contentRow .formElement.widthFull {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 3px !important;
    width: 100% !important;
}
.responsiveLayout .theGroup > .contentRow .formElement.widthFull {
    padding-right: 0 !important;
}



.questionsGroup > .groupTitle {
    float: left;
    clear: both;
    width: auto;
    position: relative;
    color: #666666;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: -1px;
    margin-top: 1px;
    margin-left: 12px;
    max-width: 80%;
    min-height: 16px;
    padding: 4px 8px 2px 8px;
    border: 1px solid #BBBCCE;
    border-bottom: none;
    background-color: #F2F2F2;
    z-index: 92;
}

.questionsGroup > .groupTitle > .labelItem {
    /*float: left;*/
    line-height:16px;
    vertical-align:top;
    margin: 0;
}
.questionsGroup > .groupTitle.noGroupTitleText > .labelItem > .label {
    display: none;
}

.questionsGroup > .theGroup {
    background-color: #F2F2F2;
    border: 1px solid #BBBCCE;
    clear: both;
    display: block;
    float: none;
    margin-bottom: 4px;
    margin-right: 2px;
    margin-left: 12px;
    padding: 4px 0;
    vertical-align: top;
    /*width: auto;*/
}
.questionsGroup.widthFull > .theGroup {
    /*width: inherit;*/
}
.questionsGroup.widthAuto > .theGroup {
    clear: both;
    display: inline-block;
    float: left;
    min-width: 60px;
    width: auto !important;
}
.questionsGroup.widthFix > .theGroup {
    min-width: 60px!important;
}
.questionsGroup > .theGroup > .contentRow {
    margin-top: 6px !important;
    position: relative;
    margin-bottom: 12px;
}
.questionsGroup.widthAuto > .theGroup {
    padding-right: 2px;
}
.questionsGroup.widthFull > .theGroup > .contentRow {
    width: 100%;
}
.questionsGroup.widthFull > .theGroup > .contentRow.questionsTable {
    margin-left: 0 !important;
    margin-top: 8px;
}
.questionsGroup.widthFull > .theGroup > .contentRow.questionsTable > .theTable > table {
    margin-left: 0;
}



.questionsGroup > .theGroup > .questionsGroup {
    width: 100% !important;
}
.questionsGroup.widthFull > .theGroup > .questionsGroup {
    position: relative;
    width: 100% !important;
}





/*HIDE BORDERS AND STYLE*/
.endUserFormContent .contentRow.noVisibleBorder {
    margin: 0!important;
}
.questionsGroup.noVisibleBorder > .theGroup {
    background-color: transparent;
    border: medium none;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0;
}

.questionsGroup.noVisibleBorder > .theGroup > .contentRow {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    padding: 0 0 2px;
}

.questionsGroup.noVisibleBorder > .theGroup > .contentRow .formElement.widthFull {
    margin-bottom: 4px;
    padding-right: 0;
    width: 100%;
}

.questionsGroup.noVisibleBorder.horizontalDistribution > .theGroup > .contentRow {
    padding: 0;
    padding-top: 4px;
    padding-left: 8px;
}
.questionsGroup.noVisibleBorder.horizontalDistribution > .theGroup > .contentRow:FIRST-CHILD {
    padding-left: 14px;
}


.questionsGroup.noVisibleBorder > .groupTitle
{
    border: none;
    background-color: transparent;
    padding: 4px 8px 2px 0;
}
.questionsGroup > .theGroup > .questionsGroup > .groupTitle,
.questionsGroup > .theGroup > .questionsGroup > .theGroup {
    margin-left: 4px;
}
.questionsGroup > .theGroup {
    padding-left: 0;
    padding-right: 0;
}
.questionsGroup > .groupTitle.hasGroupTitleText {
    padding-left: 8px;
    padding-right: 0;
}



/*THE STAR --> mandatory */
.formElement span.theStar {
    background-color: transparent;
    background-image: url("img/endUserIconsSprite.png");
    background-repeat: no-repeat;
    clear: none;
    display: inline-block;
    height: 16px;
    margin-left: 0;
    margin-top: 2px;
    vertical-align: top;
    width: 10px;
}
.optional .formElement span.theStar {
    display: none!important;
}
.mandatory .formElement span.theStar {
    background-position: -128px -32px;
}
.disabledItem.mandatory > .formElement > .labelItem span.theStar {
    background-position: -128px 0;
}
.displayDisabled.mandatory .formElement span.theStar {
    background-position: -128px 0;
}

.recommended .formElement span.theStar {
    background-position: -160px -32px;
}
.displayDisabled.recommended .formElement span.theStar {
    background-position: -160px 0;
}

.page_mandatory .formElement span.theStar {
    background-position: -322px -32px;
}
.displayDisabled.page_mandatory .formElement span.theStar {
    background-position: -322px 0;
}


.recommended .formElement .labelItem label {

}


/******/
/*The star if noLabel is there*/
/******/

.optional > .formElement > .formElementItem > .theInputElement > .theStar,
.mandatory > .formElement > .formElementItem > .theInputElement > .theStar,
.recommended > .formElement > .formElementItem > .theInputElement > .theStar,
.page_mandatory > .formElement > .formElementItem > .theInputElement > .theStar {
    display: none;
}
/*onCheckboxes and radios*/
.optional > .formElement > .formElementItem > .theStar,
.mandatory > .formElement > .formElementItem > .theStar,
.recommended > .formElement > .formElementItem > .theStar,
.page_mandatory > .formElement > .formElementItem > .theStar {
    display: none;
}


.theGroup > .mandatory > .formElement.label_NONE > .formElementItem > .theInputElement,
.theGroup > .recommended > .formElement.label_NONE > .formElementItem > .theInputElement,
.theGroup > .page_mandatory > .formElement.label_NONE > .formElementItem > .theInputElement {
    margin-left: 0;
}

.mandatory > .formElement.label_NONE > .formElementItem > .theInputElement > .theStar,
.recommended > .formElement.label_NONE > .formElementItem > .theInputElement > .theStar,
.page_mandatory > .formElement.label_NONE > .formElementItem > .theInputElement > .theStar {
    display: inline-block;
    float: left;
    left: 0;
    position: relative;
}

.mandatory > .formElement.label_NONE > .formElementItem > .theStar,
.recommended > .formElement.label_NONE > .formElementItem > .theStar,
.page_mandatory > .formElement.label_NONE > .formElementItem > .theStar {
    display: inline-block;
    float: left;
    margin-left: 0;
    position: static;
    top: 3px;
}
.mandatory > .formElement.label_NONE.widthFull > .formElementItem > .theStar,
.recommended > .formElement.label_NONE.widthFull > .formElementItem > .theStar,
.page_mandatory > .formElement.label_NONE.widthFull > .formElementItem > .theStar {
    right: 0;
}
.mandatory > .formElement.label_NONE.widthFix > .formElementItem > .theStar,
.recommended > .formElement.label_NONE.widthFix > .formElementItem > .theStar,
.page_mandatory > .formElement.label_NONE.widthFix > .formElementItem > .theStar,
.mandatory > .formElement.label_NONE.selectBoxElement > .formElementItem > .theStar,
.recommended > .formElement.label_NONE.selectBoxElement > .formElementItem > .theStar,
.page_mandatory > .formElement.label_NONE.selectBoxElement > .formElementItem > .theStar,
.mandatory > .formElement.label_NONE.uploadFile > .formElementItem .theStar,
.recommended > .formElement.label_NONE.uploadFile > .formElementItem .theStar,
.page_mandatory > .formElement.label_NONE.uploadFile > .formElementItem .theStar {
    /*right: -12px;*/
}
.mandatory > .formElement.label_NONE.verticalSelect > .formElementItem > .theStar,
.recommended > .formElement.label_NONE.verticalSelect > .formElementItem > .theStar,
.page_mandatory > .formElement.label_NONE.verticalSelect > .formElementItem > .theStar {
    left: -3px;
    right: auto;
    top: 6px;
}

.mandatory > .inputTextElement.label_NONE > .formElementItem > .theInputElement input[type="text"],
.recommended > .inputTextElement.label_NONE > .formElementItem > .theInputElement input[type="text"],
.page_mandatory > .inputTextElement.label_NONE > .formElementItem > .theInputElement input[type="text"] {
    /*margin-right: 12px;*/
}
.mandatory > .label_NONE > .formElementItem > .theInputElement textarea,
.recommended > .label_NONE > .formElementItem > .theInputElement textarea,
.page_mandatory > .label_NONE > .formElementItem > .theInputElement textarea {
    /*margin-right: 12px;*/
}

/*onCheckboxes and radios*/
.mandatory > .label_NONE.verticalSelect > .formElementItem > .theInputElement,
.recommended > .label_NONE.verticalSelect > .formElementItem > .theInputElement,
.page_mandatory > .label_NONE.verticalSelect > .formElementItem > .theInputElement,
.mandatory > .label_NONE.horizontalSelect > .formElementItem > .theInputElement,
.recommended > .label_NONE.horizontalSelect > .formElementItem > .theInputElement,
.page_mandatory > .label_NONE.horizontalSelect > .formElementItem > .theInputElement {
    display: inline-block;
    width: 95%;
    margin-left: 14px;
}
.mandatory.errorIcon > .label_NONE > .formElementItem > .theInputElement,
.recommended.errorIcon > .label_NONE > .formElementItem > .theInputElement,
.page_mandatory.errorIcon > .label_NONE > .formElementItem > .theInputElement,
.mandatory.warningIcon > .label_NONE > .formElementItem > .theInputElement,
.recommended.warningIcon > .label_NONE > .formElementItem > .theInputElement,
.page_mandatory.warningIcon > .label_NONE > .formElementItem > .theInputElement,
.mandatory.virusIcon > .label_NONE > .formElementItem > .theInputElement,
.recommended.virusIcon > .label_NONE > .formElementItem > .theInputElement,
.page_mandatory.virusIcon > .label_NONE > .formElementItem > .theInputElement,
.mandatory.errorIcon > .label_NONE.verticalSelect > .formElementItem > .theInputElement,
.recommended.errorIcon > .label_NONE.verticalSelect > .formElementItem > .theInputElement,
.page_mandatory.errorIcon > .label_NONE.verticalSelect > .formElementItem > .theInputElement,
.mandatory.errorIcon > .label_NONE.horizontalSelect > .formElementItem > .theInputElement,
.recommended.errorIcon > .label_NONE.horizontalSelect > .formElementItem > .theInputElement,
.page_mandatory.errorIcon > .label_NONE.horizontalSelect > .formElementItem > .theInputElement,
.mandatory.warningIcon > .label_NONE.verticalSelect > .formElementItem > .theInputElement,
.recommended.warningIcon > .label_NONE.verticalSelect > .formElementItem > .theInputElement,
.page_mandatory.warningIcon > .label_NONE.verticalSelect > .formElementItem > .theInputElement,
.mandatory.warningIcon > .label_NONE.horizontalSelect > .formElementItem > .theInputElement,
.recommended.warningIcon > .label_NONE.horizontalSelect > .formElementItem > .theInputElement,
.page_mandatory.warningIcon > .label_NONE.horizontalSelect > .formElementItem > .theInputElement,
.mandatory.virusIcon > .label_NONE.verticalSelect > .formElementItem > .theInputElement,
.recommended.virusIcon > .label_NONE.verticalSelect > .formElementItem > .theInputElement,
.page_mandatory.virusIcon > .label_NONE.verticalSelect > .formElementItem > .theInputElement,
.mandatory.virusIcon > .label_NONE.horizontalSelect > .formElementItem > .theInputElement,
.recommended.virusIcon > .label_NONE.horizontalSelect > .formElementItem > .theInputElement,
.page_mandatory.virusIcon > .label_NONE.horizontalSelect > .formElementItem > .theInputElement {
    margin-left: 22px;
}
.mandatory.errorIcon > .label_NONE.verticalSelect > .formElementItem > .relevanceButton,
.recommended.errorIcon > .label_NONE.verticalSelect > .formElementItem > .relevanceButton,
.page_mandatory.errorIcon > .label_NONE.verticalSelect > .formElementItem > .relevanceButton,
.mandatory.errorIcon > .label_NONE.horizontalSelect > .formElementItem > .relevanceButton,
.recommended.errorIcon > .label_NONE.horizontalSelect > .formElementItem > .relevanceButton,
.page_mandatory.errorIcon > .label_NONE.horizontalSelect > .formElementItem > .relevanceButton,
.mandatory.warningIcon > .label_NONE.verticalSelect > .formElementItem > .relevanceButton,
.recommended.warningIcon > .label_NONE.verticalSelect > .formElementItem > .relevanceButton,
.page_mandatory.warningIcon > .label_NONE.verticalSelect > .formElementItem > .relevanceButton,
.mandatory.warningIcon > .label_NONE.horizontalSelect > .formElementItem > .relevanceButton,
.recommended.warningIcon > .label_NONE.horizontalSelect > .formElementItem > .relevanceButton,
.page_mandatory.warningIcon > .label_NONE.horizontalSelect > .formElementItem > .relevanceButton,
.mandatory.virusIcon > .label_NONE.verticalSelect > .formElementItem > .relevanceButton,
.recommended.virusIcon > .label_NONE.verticalSelect > .formElementItem > .relevanceButton,
.page_mandatory.virusIcon > .label_NONE.verticalSelect > .formElementItem > .relevanceButton,
.mandatory.virusIcon > .label_NONE.horizontalSelect > .formElementItem > .relevanceButton,
.recommended.virusIcon > .label_NONE.horizontalSelect > .formElementItem > .relevanceButton,
.page_mandatory.virusIcon > .label_NONE.horizontalSelect > .formElementItem > .relevanceButton {
    margin-left: 1px;
    left:0;
}
.warningIcon .label_NONE.verticalSelect .formElementItem a.iconButton,
.errorIcon .label_NONE.verticalSelect .formElementItem a.iconButton,
.virusIcon .label_NONE.verticalSelect .formElementItem a.iconButton,
.warningIcon .label_NONE.horizontalSelect .formElementItem a.iconButton,
.errorIcon .label_NONE.horizontalSelect .formElementItem a.iconButton,
.virusIcon .label_NONE.horizontalSelect .formElementItem a.iconButton
{
    left: 0;
    right: auto;
}
.warningIcon .label_NONE.verticalSelect .formElementItem .optionWrapper,
.errorIcon .label_NONE.verticalSelect .formElementItem .optionWrapper,
.virusIcon .label_NONE.verticalSelect .formElementItem .optionWrapper,
.warningIcon .label_NONE.horizontalSelect .formElementItem .optionWrapper,
.errorIcon .label_NONE.horizontalSelect .formElementItem .optionWrapper,
.virusIcon .label_NONE.horizontalSelect .formElementItem .optionWrapper
{
    /*margin-left: 20px;*/
}
.mandatory > .label_NONE.verticalSelect .formElementItem .theStar,
.recommended > .label_NONE.verticalSelect .formElementItem .theStar,
.page_mandatory > .label_NONE.verticalSelect .formElementItem .theStar,
.mandatory > .label_NONE.horizontalSelect .formElementItem .theStar,
.recommended > .label_NONE.horizontalSelect .formElementItem .theStar,
.page_mandatory > .label_NONE.horizontalSelect .formElementItem .theStar {
    right: auto;
    left: 0;
}

.mandatory > .label_NONE.selectBoxElement .formElementItem .theInputElement,
.recommended > .label_NONE.selectBoxElement .formElementItem .theInputElement,
.page_mandatory > .label_NONE.selectBoxElement .formElementItem .theInputElement {
    width: auto;
}




/*upload*/
.mandatory > .inputTextElement.uploadFile.label_NONE > .formElementItem,
.recommended > .inputTextElement.uploadFile.label_NONE > .formElementItem,
.page_mandatory > .inputTextElement.uploadFile.label_NONE > .formElementItem {
    width: auto;
}

.contentRow > .uploadFile > .formElementItem {
    position: relative !important;
}
.contentRow > .uploadFile.label_RIGHT > .formElementItem,
.contentRow > .uploadFile.label_NONE > .formElementItem{
    position: static !important;
}

.warningIcon.mandatory .formElementItem a.iconButton,
.warningIcon.recommended .formElementItem a.iconButton,
.warningIcon.page_mandatory .formElementItem a.iconButton,
.errorIcon.mandatory .formElementItem a.iconButton,
.errorIcon.recommended .formElementItem a.iconButton,
.errorIcon.page_mandatory .formElementItem a.iconButton,
.virusIcon.mandatory .formElementItem a.iconButton,
.virusIcon.recommended .formElementItem a.iconButton,
.virusIcon.page_mandatory .formElementItem a.iconButton
{
    /*left: 0;
    top: 0;*/
}




/* FORMATTED TEXT */



/* HORIZONTAL GROUPPING */






/* HORIZONTAL GROUPPING */
.contentRow.questionsGroup.horizontalDistribution > .theGroup > .contentRow {
    clear: none;
    display: inline-block;
    float: none;
    vertical-align: top;
    width: auto !important;
}
.contentRow.questionsGroup.horizontalDistribution  > .theGroup > .contentRow .formElement {
    float: none;
    clear: none;
}
.questionsGroup.horizontalDistribution  > .theGroup > .contentRow .formElement.label_NONE .formElementItem {

}
.contentRow.questionsGroup.horizontalDistribution  > .theGroup > .contentRow.decorationRowItem  {
    display: inline;
}

.theGroup > .contentRow.decorationRowItem.helpIcon.helpAtLabel {
    position: relative;
}

.contentRow.questionsGroup.horizontalDistribution  > .theGroup > .contentRow > .formElement.freeTextElement  {
    display: inline;
}
.questionsGroup.horizontalDistribution > .theGroup > .contentRow > .formElement {
    padding: 4px;
}
.questionsGroup.noVisibleBorder.horizontalDistribution > .theGroup > .contentRow > .formElement:FIRST-CHILD {
    padding-left: 0;
}
.questionsGroup .theGroup .noVisibleBorder.horizontalDistribution > .theGroup > .contentRow {
    margin-bottom: 2px;
    margin-top: 2px !important;
    padding-left: 0;
    padding-top: 0 !important;
}





/*Help on horizontaldistibution*/

.questionsGroup.horizontalDistribution > .theGroup  {
    /*position: relative;*/
}
.theGroup .questionsGroup.horizontalDistribution > .theGroup {
    margin-left: 8px;
}
.theGroup .questionsGroup.horizontalDistribution.noVisibleBorder > .theGroup {

}

.questionsGroup.horizontalDistribution.noVisibleBorder.widthFull > .theGroup {
    margin-right: 2px;
    width: inherit;
}

.questionsGroup.horizontalDistribution > .theGroup > .contentRow {
    padding-bottom: 2px;
    padding-right: 0;
    position: static;
}



.questionsGroup.horizontalDistribution > .theGroup .checkboxElement > .formElementItem > .theInputElement .optionWrapper,
.questionsGroup.horizontalDistribution > .theGroup .radioElement > .formElementItem > .theInputElement .optionWrapper {
    min-width: 8px;
    padding-right: 2px;
}







/* UPLOADING FILES */
.inputTextElement.uploadFile {
    min-height: 27px;
}
.inputTextElement.uploadFile.label_TOP {
    min-height: 47px;
}
.helpIcon.activeHelp.helpAtLabel > .uploadFile.label_TOP > .helpBoxOut {
    top: 0;
}
.inputTextElement.uploadFile > .formElementItem {

}
.noCustomFormWidth .inputTextElement.uploadFile > .formElementItem {
    width: auto !important;
}

.theGroup > .contentRow > .formElement.label_TOP > .formElementItem {
    margin-left: 8px !important;
    max-width: none;
    min-width: 20px;
    width: auto;
}
.theGroup > .contentRow > .formElement > .formElementItem {
    margin-bottom: 2px;
    position: static;
}

.horizontalDistribution > .theGroup > .contentRow > .formElement.label_TOP > .formElementItem {
    margin-left: 0 !important;
}
.horizontalDistribution > .theGroup > .contentRow.errorIcon > .formElement > .formElementItem {
    padding-right: 6px !important;
}
.horizontalDistribution > .theGroup > .contentRow > .formElement.label_TOP.horizontalSelect > .formElementItem {
    margin-left: 0 !important;
}
.horizontalDistribution > .theGroup > .contentRow > .formElement.label_TOP.widthFix > .formElementItem {
    margin-left: 0 !important;
}







.inputTextElement.uploadFile > .formElementItem > .theInputElement {
    border: none;
    border-radius: 0;
    display: block;
    float: left;
    margin-left: 0;
    position: relative;
    width: auto;
}
.label_RIGHT.inputTextElement.uploadFile > .formElementItem > .theInputElement {

}
.warningIcon .inputTextElement.uploadFile > .formElementItem > .theInputElement,
.errorIcon .inputTextElement.uploadFile > .formElementItem > .theInputElement,
.virusIcon .inputTextElement.uploadFile > .formElementItem > .theInputElement
{
    margin-left: 2px;
}
.inputTextElement.uploadFile > .formElementItem > .theInputElement > .center {
    display: block !important;
    float: left !important;
    height: 22px;
    margin: 0 !important;
    overflow: hidden;
    position: relative;
    width: auto;
    z-index: 200;
}
.warningIcon .inputTextElement.uploadFile > .formElementItem > .theInputElement > .center,
.errorIcon .inputTextElement.uploadFile > .formElementItem > .theInputElement > .center,
.virusIcon .inputTextElement.uploadFile > .formElementItem > .theInputElement > .center{

}
.warningIcon .inputTextElement.uploadFile.label_TOP > .formElementItem > .theInputElement > .center,
.errorIcon .inputTextElement.uploadFile.label_TOP > .formElementItem > .theInputElement > .center,
.virusIcon .inputTextElement.uploadFile.label_TOP > .formElementItem > .theInputElement > .center{
    margin-left: 0 !important;
}
.warningIcon .inputTextElement.uploadFile.label_TOP.helpOnRight > .formElementItem > .theInputElement > .center,
.errorIcon .inputTextElement.uploadFile.label_TOP.helpOnRight > .formElementItem > .theInputElement > .center,
.virusIcon .inputTextElement.uploadFile.label_TOP.helpOnRight > .formElementItem > .theInputElement > .center
{
    margin-left: 2px !important;
}

.inputTextElement.uploadFile > .formElementItem > .theInputElement > button {
    border: 1px solid #999999;
    border-radius: 0;
    display: inline-block;
    float: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 300;
}


.uploadFile > .formElementItem > .theInputElement > .center > .fileUploadWrapper {
    border: medium none;
    display: block;
    height: 20px;
    left: 0 !important;
    margin-left: 0;
    margin-top: 0;
    position: relative !important;
    right: auto;
    text-align: right;
    width: auto;
    z-index: 20 !important;

    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
}
.uploadFile > .formElementItem > .theInputElement > .center > .fileUploadWrapper {
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')";
    -ms-transform: rotate(180deg);
}

.uploadFile > .formElementItem > .theInputElement > .center > .fileUploadWrapper:hover,
.uploadFile > .formElementItem > .theInputElement > .center > .fileUploadWrapper > input:hover {
    cursor: pointer !important;
}

.uploadFile > .formElementItem > .theInputElement > .center > .fileUploadWrapper > input {
    display: block;
    float: none;
    height: 20px;
    left: 0;
    position: relative;
    right: auto;
    text-align: right;
    width: auto;

    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity: 0);
}
.uploadFile > .formElementItem > .theInputElement > .center > .fileUploadWrapper > input:hover {
    cursor: pointer !important;
}
/* fake styling for FileUpload Element*/
.uploadFile > .formElementItem > .theInputElement > .center > .fakefile:last-child {
    border-radius: 0;
    display: inline-block;
    margin-left: 0;
    margin-top: -22px;
    position: relative;
    top: 0;
    width: auto;
}
.uploadFile > .formElementItem > .theInputElement > .center > .fakefile:last-child button {
    border: 1px solid #999999 !important;
    border-radius: 0;
    clear: none;
    font-size: 1em !important;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 6em;
}
.uploadFile > .formElementItem > .theInputElement > .center > div.fakefile {
    display: inline-block !important;
    left: 0;
    margin-left: 58px;
    margin-right: 52px;
    padding-top: 0 !important;
    position: relative !important;
    right: auto;
    top: 0;
    width: auto;
    z-index: 1 !important;
}

.uploadFile > .formElementItem > .theInputElement > .center > .fakefile > input {
    background: transparent;
    border-style: none !important;
    box-shadow: none !important;
    clear: none !important;
    display: block;
    float: none;
    height: 16px;
    left: auto;
    margin: 0 -6px 0 5.9em;
    min-width: 40px;
    padding: 2px 0 2px 2px !important;
    position: relative;
    text-align: left !important;
    /*width: auto;*/
}


.uploadFile > .formElementItem > .theInputElement > .center > .fakefile > .fakeEndUSerNavButton.smallButton {
    left: 0;
    margin-left: -58px;
    position: absolute;
    top: 0;
}





.uploadFile > .formElementItem > .uploadedFileName {
    display: block;
    min-height: 32px;
    width: 100%;
}


.uploadFile > .formElementItem > .uploadedFileName label {
    background-image: url("../common/img/endUserIconsSprite.png");
    background-position: -800px -462px;
    background-repeat: no-repeat;
    display: inline;
    height: 18px;
    line-height: 20px !important;
    margin-left: 2px;
    margin-top: 0;
    max-width: 73%;
    min-width: 20%;
    overflow: hidden;
    padding-bottom: 2px;
    padding-left: 18px;
    padding-right: 8px;
    vertical-align: top;

}
.mandatory > .uploadFile.formElement.label_NONE > .formElementItem > .theInputElement > .theStar,
.recommended > .uploadFile.formElement.label_NONE > .formElementItem > .theInputElement > .theStar,
.page_mandatory > .uploadFile.formElement.label_NONE > .formElementItem > .theInputElement > .theStar {
    left: 8px;
}







.inputTextElement.uploadFile > .formElementItem > .theInputElement {
    height: 30px !important;
    overflow: hidden;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.inputTextElement.uploadFile > .formElementItem > .theInputElement > .center {
    height: 30px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.inputTextElement.uploadFile > .formElementItem > .theInputElement > .center > .fileUploadWrapper {
    height: 30px !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    position: absolute !important;
}
.inputTextElement.uploadFile > .formElementItem > .theInputElement > .center > .fakefile {
    height: 30px !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    text-align: left;
}
.inputTextElement.uploadFile > .formElementItem > .theInputElement > .center > .fakefile > input {
    font-size: 14px;
    height: 18px !important;
    line-height: 16px !important;
    padding-bottom: 1px !important;
    padding-top: 1px !important;
    padding-left: 5px !important;
    background: transparent !important;
}
.inputTextElement.uploadFile > .formElementItem > .theInputElement > .center > .fakefile > button {
    height: 22px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

/*Upload is disabled*/
.contentRow.disabledItem > .uploadFile .formElementItem .theInputElement .center {

}





.fileinputs {
    position: relative;
}


.fakefile {

}

input.file {

}










/*
***
****/
/* DISPLAY CONDITIONS */
/****
***
*/

/*Disabled look*/

.disabledItem .formElement .formElementItem textarea,
.disabledItem .formElement .formElementItem input[type=text],
.disabledItem .formElement .formElementItem input[type=password],
.disabledItem .formElement .formElementItem textarea:hover,
.disabledItem .formElement .formElementItem input[type=text]:hover,
.disabledItem .formElement .formElementItem input[type=password]:hover,
.disabledItem .formElement .formElementItem textarea:focus,
.disabledItem .formElement .formElementItem input[type=text]:focus,
.disabledItem .formElement .formElementItem input[type=password]:focus,
.disabledItem .formElement .formElementItem textarea:active,
.disabledItem .formElement .formElementItem input[type=text]:active,
.disabledItem .formElement .formElementItem input[type=password]:active,
.disabledItem .inputTextElement.uploadFile > .formElementItem > .theInputElement,
.disabledItem .inputTextElement.uploadFile button.endUSerNavButton.htmlButton
{
    border-color: #E1E0D7;
    background-color: #ECECEA;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;

    pointer-events: none;
    cursor: default;
}

.disabledItem .inputTextElement.uploadFile > .formElementItem > .theInputElement {
    background: transparent;
}

.disabledItem .formElement,
.disabledItem .formElement .labelItem label,
.disabledItem .formElement .labelItem,
.disabledItem .formElementItem,
.disabledItem .formElementItem label,
.disabledItem .formElementItem > .theInputElement,
.disabledItem .formElementItem > .theInputElement > select,
.disabledItem .formElementItem button.endUSerNavButton.htmlButton > .justText
{
    color: #aaaaaa;
    cursor: default;
}

.formElementItem > .theInputElement .optionWrapper.disabledItem,
.formElementItem > .theInputElement .optionWrapper.disabledItem > .innerOptionWrapper input,
.formElementItem > .theInputElement .optionWrapper.disabledItem > .innerOptionWrapper label,
.formElementItem > .theInputElement .optionWrapper.disabledItem:hover,
.formElementItem > .theInputElement .optionWrapper.disabledItem > .innerOptionWrapper input:hover,
.formElementItem > .theInputElement .optionWrapper.disabledItem > .innerOptionWrapper label:hover
{
    pointer-events: none !important;
    cursor: default !important;
}

.disabledItem > .formElement > .formElementItem > .theInputElement .optionWrapper,
.disabledItem > .formElement > .formElementItem > .theInputElement .optionWrapper .innerOptionWrapper input,
.disabledItem > .formElement > .formElementItem > .theInputElement .optionWrapper .innerOptionWrapper label,
.disabledItem > .formElement > .formElementItem > .theInputElement input,
.disabledItem > .formElement > .formElementItem > .theInputElement textarea,
.disabledItem > .formElement > .formElementItem > .theInputElement select,
.disabledItem > .formElement > .formElementItem > .theInputElement button,
.disabledItem > .formElement > .formElementItem > .theInputElement .fakeFile,
.disabledItem > .formElement > .formElementItem > .theInputElement .fakeFile span,
.disabledItem > .formElement > .formElementItem > .theInputElement .fakeEndUSerNavButton,
.disabledItem > .uploadFile > .formElementItem > .theInputElement,
.disabledItem > .uploadFile > .formElementItem,
.disabledItem > .uploadFile,
.disabledItem > .uploadFile > .formElementItem > .theInputElement > .center > .fakefile > input,
.disabledItem > .uploadFile > .formElementItem > .theInputElement > .center,
.disabledItem > .uploadFile > .formElementItem > .theInputElement,
.disabledItem .fakeEndUSerNavButton .center,
.disabledItem .fakeEndUSerNavButton .center span.justText,
.disabledItem > .uploadFile > .formElementItem > .theInputElement > .center > .fileUploadWrapper,
.disabledItem > .uploadFile > .formElementItem > .theInputElement > .center > .fileUploadWrapper > input {
    pointer-events: none !important;
    cursor: default !important;
}



.disabledItem > .formElement > .formElementItem > .theInputElement .optionWrapper:hover,
.disabledItem > .formElement > .formElementItem > .theInputElement .optionWrapper .innerOptionWrapper input:hover,
.disabledItem > .formElement > .formElementItem > .theInputElement .optionWrapper .innerOptionWrapper label:hover,
.disabledItem > .formElement > .formElementItem > .theInputElement input:hover,
.disabledItem > .formElement > .formElementItem > .theInputElement textarea:hover,
.disabledItem > .formElement > .formElementItem > .theInputElement select:hover,
.disabledItem > .formElement > .formElementItem > .theInputElement button:hover,
.disabledItem > .formElement > .formElementItem > .theInputElement .fakeFile:hover,
.disabledItem > .formElement > .formElementItem > .theInputElement .fakeFile span:hover,
.disabledItem > .formElement > .formElementItem > .theInputElement .fakeEndUSerNavButton:hover,
.disabledItem > .uploadFile > .formElementItem > .theInputElement:hover,
.disabledItem > .uploadFile > .formElementItem:hover,
.disabledItem > .uploadFile:hover,
.disabledItem > .uploadFile > .formElementItem > .theInputElement > .center > .fakefile > input:hover,
.disabledItem > .uploadFile > .formElementItem > .theInputElement > .center:hover,
.disabledItem > .uploadFile > .formElementItem > .theInputElement:hover,
.disabledItem .fakeEndUSerNavButton .center:hover,
.disabledItem .fakeEndUSerNavButton .center span.justText:hover,
.disabledItem > .uploadFile > .formElementItem > .theInputElement > .center > .fileUploadWrapper:hover,
.disabledItem > .uploadFile > .formElementItem > .theInputElement > .center > .fileUploadWrapper > input:hover
{
    pointer-events: none !important;
    cursor: default !important;
}

.disabledItem .formElementItem > .theInputElement a
{
    pointer-events: inherit;
    cursor: pointer;
}





.disabledItem .formElement .formElementItem textarea,
.disabledItem .formElement .formElementItem textarea:hover,
.disabledItem .formElement .formElementItem textarea:focus,
.disabledItem .formElement .formElementItem textarea:active,
.disabledItem > .formElement > .formElementItem > .theInputElement textarea,
.disabledItem > .formElement > .formElementItem > .theInputElement textarea:hover,
.disabledItem > .formElement > .formElementItem > .theInputElement textarea:focus,
.disabledItem > .formElement > .formElementItem > .theInputElement textarea:active
{
    pointer-events:  auto !important;
}




/*Container disabled*/
.questionsGroup.disabledItem .groupTitle,
.questionsGroup.disabledItem .theGroup {
    color:#bbb;
    border-color: #DBDBDB;
    background-color:#EFEFEF;

    pointer-events: none;
    cursor: default;
}




/** HIDDEN ITEM **/
.hiddenItem div,
.hiddenItem span,
.contentRow.hiddenItem,
.hiddenItem .formElement .formElementItem textarea,
.hiddenItem .formElement .formElementItem input[type=text],
.hiddenItem .formElement .formElementItem input[type=password],
.hiddenItem .formElement,
.hiddenItem .formElement .labelItem label,
.hiddenItem .formElement .labelItem,
.hiddenItem .formElementItem,
.hiddenItem .formElementItem label{
    opacity: 0!important;
    width: 0!important;
    height: 0!important;
    font-size: 0!important;
    color: #ffffff!important;
    border-color: #ffffff!important;
    background-color: #ffffff!important;
    position: absolute!important;
    top: -5000px!important;
    left: -5000px!important;
    overflow: hidden!important;

    pointer-events: none!important;
    cursor: default!important;

    visibility: hidden!important;
    display: none!important;
}














/* Receipt section */
.contentRow > .receiptElement,
.contentRow > .mainBoxedContent
{
    display: block;
    min-width: 120px;
    height: auto;
    border: 1px solid #C0C0C0;
    min-height: 200px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 0 2px #bbbbbb;
    -moz-box-shadow: 0 0 2px #bbbbbb;
    -webkit-box-shadow: 0 0 2px #bbbbbb;
    background: #f5f5f5;
    padding: 8px;
    margin-bottom: 8px;
    position: relative;
}
.contentRow > .receiptElement {
    margin-left: 2%;
    width: 44%;
}
.contentRow .receiptElement .title {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    clear: both;
}
.contentRow .receiptElement .title h4 {
    padding: 0 0 2px 0;
    font-size: 0.9em;
}
.contentRow .receiptElement .information {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0 8px 0;
    clear: both;
    font-size: 0.9em;
}
.contentRow .receiptElement .button {
    bottom: 0;
    clear: none;
    float: left;
    height: auto;
    margin-bottom: 6px;
    margin-left: 2%;
    padding: 5px 0 8px;
    position: relative;
    top: auto;
    width: auto;
}

.contentRow .receiptElement .pdfReaderDownload {
    float: left;
    width: auto;
    height: auto;
    padding: 8px 0;
    clear: both;
}
.contentRow .receiptElement .pdfReaderDownload a {
    float: left;
    width: 112px;
    height: 33px;
    background: url("img/get_adobe_reader.gif") no-repeat;
}

.contentRow .receiptElement .result {
    float:left
}

/* WF ACTIVITIES */

.ConfirmationActivity .endUserContent,
.ValidationActivity .endUserContent {
    /*background-color: #EEEEEE;*/
}

.FormResponseActivity .endUserContent {
    /*background-color: #FFFFFF;*/
}








/*MESSAGES*/
.contentRow.pageMessage {
    display: block;
}
.contentRow.pageMessage .labelItem {
    background: none repeat scroll 0 0 #E0E0E0;
    border: 1px solid #FFFFFF;
    box-shadow: 0 2px 5px #AAAAAA;
    color: #333333;
    display: block;
    font-size: 0.9em;
    padding: 6px;
    text-shadow: 0 1px 1px #FFFFFF;
}



/* ERRORS in respondent GUI */
.workflowExecutionErrorPageHeading,
.workflowExecutionErrorPageMessage,
.workflowExecutionErrorPageDetailMessage,
.workflowExecutionErrorStack {
    clear: both;
    display: block;
    float: left;
    padding: 4px 0 2px 6px;
    width: 96%;
}
.workflowExecutionErrorPageHeading {
    font-size: 1.2em;
    color: #111111;
    padding: 1em 2em;
}
.workflowExecutionErrorPageMessage {
    font-size: 1.1em;
    color: #111111;
}
.workflowExecutionErrorPageDetailMessage {
    font-size: 1em;
    color: #444444;
    font-style: italic;
}
.workflowExecutionErrorStack {
    border: 1px solid #777777;
    margin-left: 6px;
    max-height: 500px;
    min-height: 160px;
    overflow-y: scroll;
    padding: 4px 0 2px 12px;
    width: 90%;
    word-wrap: break-word;
}
.workflowExecutionErrorStack p {
    padding: 6px;
    color: #333333;
    word-wrap:break-word;
    white-space: pre;
}








/*AN ERROR*/
#respondentWrapper.anError .endUserFormContent {
    width: 90%;
    display: inline-block !important;
}
.technicalDetailsSection {
    display: block;
    margin: 12px;
    overflow-x: scroll;
    width: 90%;
}
.technicalDetailsSection p {
    padding: 20px;
    width: auto;
}





/*SCREEN REDER - focusing*/

ul#leftMenueNavigationId > li > a:focus,
label:focus,
.formElement > .labelItem > label:focus,
.formElement > .labelItem:focus > label,
.table-progress ul li:focus,
.formElement > .formElementItem > .theHintText:focus,
.freeTextElement.h3 .labelItem:focus,
.helpContentText:focus,
.ToolBarFormTitle h3:focus,
.ToolBarFormTitle .h3:focus,
.ToolBarRight .toolBarTable button.pause:focus,
.ToolBarRight .toolBarTable input.printIcon:focus,
input[type="button"]:focus,
.optionWrapper > .theHintText:focus
{
    background-color: #ffffcc !important;
    border-bottom: 1px dotted #ccc;
    border-radius: 0;
    border-top: 1px dotted #ddd;
    color: #bf1722 !important;
    outline: 1px dotted #ccc;
    border-left: none;
    border-right: none;
}

.inputTextElement > .formElementItem > .theInputElement.INTEGER_DOT > .center > input,
.inputTextElement > .formElementItem > .theInputElement.INTEGER_COMMA > .center > input,
.inputTextElement > .formElementItem > .theInputElement.DECIMAL_DOT_COMMA > .center > input,
.inputTextElement > .formElementItem > .theInputElement.DECIMAL_COMMA_DOT > .center > input {
   text-align: right;
}

button.htmlButton:focus,
.fileUploadWrapper:hover + .fakefile button.htmlButton {
    background-color: #ffffcc !important;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ddd;
    color: #bf1722 !important;
    outline: medium none;
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
    .datePickerElement > .formElementItem > .theInputElement > .center > input {
        padding-right: 0px !important;
    }
}


/* auto suggest */
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content .ui-menu-item {
    text-align: left;
}

.ui-autocomplete-loading {
    background: white url("../../_img/Tree_spinner.gif") right center no-repeat;
}

Iframe.videoElement {
    border:none;
    border-style: none;
}