@charset "utf-8";
/* CSS Document */
.tx-pp-voting .vr-a {
    /*background-color: white;*/

    /*-webkit-border-bottom-right-radius: 35px;
    -moz-border-radius-bottomright: 35px;
    border-bottom-right-radius: 35px;*/

    /*-webkit-box-shadow: 0 5px 10px -5px gray;
    -moz-box-shadow: 0 5px 10px -5px gray;
    box-shadow: 0 5px 10px -5px gray;*/

    width: 260px;
    padding: 0 10px;
}

.tx-pp-voting h2 {
    color: #000;
    font-family: wf-DINWeb-CondBold, Arial, Helvetica, sans-serif;
    font-size: 1.625em;
    margin: 0;
    padding: 10px 0 0 0;
    font-weight: normal;
    border-bottom: none;
    text-transform: none;
    line-height: 1.05;
}

.voting-wrapper {
    /*background:url(../Images/line_bw_v2.png) repeat-x left bottom;*/
    width: auto;
    /*width:18.75em;*/
}

.voting-wrapper.voting-checkbox, .voting-wrapper.voting-radio {
    background: none;
    width: 100%;
}

.voting-inner {
    text-align: center;
    font-size: 0.90875em;
}

.voting-inner .col-1 {
    width: 8.5em;
    padding-right: 0;
    margin-right: 10px;
    padding: 3px 0 20px 0;
    float: left;
}

.voting-inner .col-2 {
    width: 8.5em;
    padding: 3px 0 20px 0;
    float: left;
    margin: 0;
}

.voting-inner .col-1.backline,
.voting-inner .col-2.backline {
    /*background: url(../Images/line_bw_v2.png) repeat-x left bottom;*/
    padding: 13px 0 0 0;
}

.voting-radio .backline,
.voting-checkbox .backline,
.voting-radio .voting-inner .backline {
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    background: #f6f6f6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ebebeb));
    background: -webkit-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%, #ebebeb 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ebebeb',GradientType=0 ); */
    width: 100%;
    margin-top: 3px;
}

.voting-inner .voting-inner .col-1.backline,
.voting-inner .voting-inner .col-2.backline,
.results .voting-inner .col-1,
.results .voting-inner .col-2 {
    /*padding:32px 0 31px 0;*/
    padding: 10px 0 0 0;
}

.results .voting-inner .col-1.buttons,
.results .voting-inner .col-2.buttons {
    /*padding:20px 0 20px 0;*/
    padding: 0 0 0 0;
    height: 30px;
}

p.voting-button,
.inner-row-right .csc-default p.voting-button,
a.voting-button {
    /*background:#c32d23;*/
    background: #bd1a31 url(../Images/voting_red_mark_off.png) no-repeat left center;
    color: #fff;
    padding: 2px 40px 2px 40px;
    /*-moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;*/
    display: block;
    text-align: center;
    font-family: DINWeb-Medium, Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-transform: uppercase;

    -moz-border-radius: 0 0 7px 0;
    -webkit-border-radius: 0 0 7px 0;
    border-radius: 0 0 7px 0;

    text-decoration: none;
}

p.voting-button.on,
.inner-row-right .csc-default p.voting-button.on,
a.voting-button.on {
    /*background:#0055a0 url(../Images/votingcheck_blue.png) no-repeat 93% 4px;
    -webkit-box-shadow: inset 5px 5px 5px 2px #04597d;
    -moz-box-shadow: inset 5px 5px 5px 2px #04597d;
    box-shadow: inset 5px 5px 5px 2px #04597d;*/

    background: #bd1a31 url(../Images/voting_red_mark.png) no-repeat left center;

}

a.voting-button:hover,
a.voting-button:focus,
a.voting-button:active {
    background: #0055a0;
    color: #fff;
    text-decoration: none;
    background: #bd1a31 url(../Images/voting_red_mark.png) no-repeat left center;
}

a.voting-button.on:hover,
a.voting-button.on:focus,
a.voting-button.on:active {
    background: #0055a0 url(../Images/votingcheck_blue.png) no-repeat 93% 4px;
}

.voting-percent {
    font-family: wf-DINWeb-CondBold, Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 3em;
    /*padding:20px 0 20px 0;*/

    display: block;
    background-color: #0055a0;
}

* + html .voting-percent {
    display: none;
}

.voting-radio .voting-percent {
    font-family: DINWeb-Medium, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 0.875em;
    padding: 0 0 0 30px;
    -moz-border-radius: 0 0 7px 0;
    -webkit-border-radius: 0 0 7px 0;
    border-radius: 0 0 7px 0;
    line-height: normal;
    display: block;
    text-align: left;
    background: url(../Images/voting_blue_mark_off.png) no-repeat left top;
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 93%;
    height: 23px;
}

.voting-radio .voting-percent.on {
    background: url(../Images/voting_blue_mark.png) no-repeat left top;
}

.voting-radio .voting-percent span {
    font-family: wf-DINWeb, Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 0;
    -moz-border-radius: 0 0 7px 0;
    -webkit-border-radius: 0 0 7px 0;
    border-radius: 0 0 7px 0;
    line-height: normal;
    display: block;
    text-align: left;
    background: #0055a0;
    overflow: visible;
    height: 23px;
}

.voting-radio .voting-percent span span {
    display: block;
    padding: 5px 5px 0 5px;
    -moz-border-radius: 0 0 7px 0;
    -webkit-border-radius: 0 0 7px 0;
    border-radius: 0 0 7px 0;
    background: #0055a0;
    font-weight: normal;
    height: 18px;
    line-height: 1em;
}

.ie9 .voting-radio .voting-percent span span,
.ie .voting-radio .voting-percent span span {
    padding: 5px 5px 0 5px;
    height: 18px;
}

.voting-people-wrapper {
    /*background: url(../Images/voting_people_off.png) no-repeat 0 0;*/
    display: block;
    height: 205px;

    position: relative;
}

.voting-people {
    /*background: url(../Images/voting_people_on.png) no-repeat 0 0;*/
    background-color: #0055a0;
    display: block;

    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.voting-radio .voting-inner {
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    background: url(../Images/line_bw_v2.png) repeat-x left top;
}

.tx-pp-voting .backline p {
    padding: 10px 0 41px 0 !important;
    font-family: wf-DINWeb, Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.voting-wrapper label {
    background: none;
    display: block;
    padding: 8px 10px 38px 0;
    font-size: 1em;
    margin-bottom: 2px;
    margin-top: -1px;
    font-family: wf-DINWeb, Arial, Helvetica, sans-serif;
    background: url(../Images/line_bw_v2.png) repeat-x left top;
}

.voting-wrapper label:hover,
.voting-wrapper label:focus,
.voting-wrapper label:active {
    background: url(../Images/voting_back_label.png) repeat left top;
}

input.voting-checkbox-field,
input.voting-radio-field {
    position: absolute;
    left: 10px;
    bottom: 20px;
}

.voting-wrapper span.ui-checkbox,
.voting-wrapper span.ui-radio {
    display: block;
    float: left;
    width: 27px;
    height: 24px;
    background: url(../Images/icon_checkbox.png) 0 0 no-repeat;
    position: absolute;
    left: 0;
    bottom: 10px;
}

.voting-wrapper span.ui-helper-hidden {
    display: none;
}

.voting-wrapper span.ui-radio-state-hover,
.voting-wrapper span.ui-checkbox-state-hover {
    background-position: 0 0;
}

.voting-wrapper span.ui-checkbox-state-checked {
    background-position: 0 -46px;
}

.voting-wrapper span.ui-checkbox-state-checked-hover {
    background-position: 0 -46px;
}

.voting-wrapper span.ui-radio-state-checked-disabled-hover,
.voting-wrapper span.ui-radio-state-checked-disabled,
.voting-wrapper span.ui-radio-state-checked {
    background-position: 0 -46px;
}

.voting-wrapper span.ui-radio-state-checked-hover {
    background-position: 0 -46px;
}

.voting-wrapper .ui-radio-disabled,
.voting-wrapper .ui-checkbox-disabled {
    opacity: 0.7;
}

.voting-wrapper input.red {
    background: #c32d23 url(../Images/more_arrow.png) no-repeat 5px 8px;
    border: medium none;
    color: #FFFFFF;
    font-weight: normal;
    margin-right: 5px;
    padding: 0px 5px 0px 18px;
    text-decoration: none;
    float: right;
    font-size: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 23px;
}

.ie .voting-wrapper input.red,
.ie9 .voting-wrapper input.red {
    padding: 4px 5px 4px 18px;
}

.voting-wrapper input.red:hover,
input.red:focus,
input.red:active {
    background: #a6271f url(../Images/more_arrow.png) no-repeat 5px 8px;
}

.align-right {
    float: right;
}

.align-left {
    float: left;
}