.base {
    width: 100%;
    height: 100%;
}

.voting {
    width: 100%;
    height: 100%;

    background-color: #00000077;

    transition-property: transform, opacity;
    transition-duration: 0.4s;
    transition-timing-function: ease-in;
}

#swapper_icon {
    horizontal-align: center;

    width: 128px;
    height: 128px;
}

.dialog {
    width: 640px;
    
    background-color: #000000F7;
    box-shadow: #000000bb -5px -5px 10px 10px;

    border-radius: 5px;

    flow-children: down;
    font-family: Radiance;

    horizontal-align: center;
    vertical-align: center;

    transition-property: transform, opacity;
    transition-duration: 0.4s;
    transition-timing-function: ease-in;
}

.lodOptionsInterface .dialog {
    background-color: #000000B4;
    box-shadow: #00000082 -5px -5px 10px 10px;
}

.dialog_hidden {
    opacity: 0.0;
}

.dialog_offset {
    transform: translateY(-100px);
}

.bar_border {
    width: 80%;
    height: 40px;

    margin: 20px 10%;
    margin-bottom: 5px;
    padding: 2px;
    border: 2px solid #5Aa15E;
}

.bar_border .bar_inner {
    width: 100%;
    height: 100%;
    background-color: gradient( linear, 0% 0%, 0% 100%, from( #5Aa15E ), to( #87d69533 ) );
}

.10s {
    transition-property: width;
    transition-timing-function: linear;
}

.forever {
    transition: width 1000000s linear 0s;
}

.bar_border .shrink {
    width: 0%;
}

#swap_info
{
    width: 100%;
    height: 300px;
    horizontal-align: middle;
    flow-children: down;
}

.player_info {
    flow-children: down;
    width: 80%;
    horizontal-align: center;
}

.player_info .bookmark {
    margin-left: 10px;
    padding-left: 10px;
    width: 100%;
    height: 100%;
}

.player_info Label {
    horizontal-align: left;
    vertical-align: center;
    margin-top: 8px;
    text-align: left;
    font-size: 40px;
    width: 100%;
}

.dialog Label {
    width: 100%;
    color: white;
    text-align: center;
    font-size: 30px;
    font-family: Radiance,FZLanTingHei-R-GBK,TH Sarabun New,YDYGO 540,Gulim,MingLiU;
}

.dialog .title {
    font-size: 40px;
    font-weight: bold;
    font-family: Goudy Trajan Medium;
    height: 50px;
    margin-top: 10px;
}

#swapper_switch {
    margin-top: 40px;
    margin-bottom: 20px;
}

#swappee_switch {
    margin-top: 20px;
    margin-bottom: 40px;
}

#swappee_switch Image {
    width: 100%;
    vertical-align: bottom;
    margin-bottom: -20%;
}

.choice_label {
    font-family: Radiance,FZLanTingHei-R-GBK,TH Sarabun New,YDYGO 540,Gulim,MingLiU;
    text-transform: uppercase;
}

.choice {
    width: 100%;

    flow-children: right;

    padding: 8px 12px 12px 12px;
}

.choice .isolation {
    padding-left: 7px;
    padding-right: 7px;

    width: 50%;
}

.choice .accept {
    width: 100%;

    border-top: 1px solid #ffffff05;
    border-right: 1px solid #00000088;
    border-left: 1px solid #ffffff05;
    border-bottom: 1px solid #00000088;

    background-color: gradient( linear, 0% 0%, 0% 100%, from( #5Aa15Ebb ), to( #87d69533 ) );
    background-image: url("s2r://panorama/images/backgrounds/background_play_button_2x_png.vtex");
    background-size: 100% 100%;   
}

.choice .decline {
    width: 100%;

    border-top: 1px solid #ffffff05;
    border-right: 1px solid #00000088;
    border-left: 1px solid #ffffff05;
    border-bottom: 1px solid #00000088;

    background-color: gradient( linear, 0% 0%, 0% 100%, from( #722217 ), to( #DD4A29 ) );
    background-image: url("s2r://panorama/images/backgrounds/background_play_button_2x_png.vtex");
    background-size: 100% 100%;   
}

.choice .decline:disabled,
.choice .accept:disabled {
    opacity: 0.5;
}

.isolation:hover {
    wash-color: #F2F2F2;
}

.choice Label {
    color: #eeeeee;
    line-height: 38px;
}

.declined .title {
    color: rgb(196, 75, 75);
}

.declined .bar_border {
     border-color: rgb(196, 75, 75);
}

.declined .bar_inner {
    background-color: rgb(196, 75, 75);
}

.accepted .title {
    color: rgb(10, 147, 10);
}

.accepted .bar_border {
    border-color: rgb(10, 147, 10);
}

.accepted .bar_inner {
    background-color: rgb(10, 147, 10);
}

.hidden {
    visibility: collapse;
}

.hiddenoccupy {
    opacity: 0;
}

#picture {
    width: 150px;
    height: 150px;

    horizontal-align: center;
}

#descriptionLabel,
#lineLabel {
    horizontal-align: center;

    padding-right: 40px;
    padding-left: 40px;
}

#descriptionLabel {
    padding-top: 35px;
    padding-bottom: 15px;
}