.ss #story .remote.vote {
   width: 436px;
   border-left: 6px #292a2a solid;
   border-right: 6px #292a2a solid;
}

.ss #story .remote.vote .voteHeader {
   background-color: #292a2a;
   padding: 6px 0px 6px 20px;
   font-size: 0.938em;
   font-weight: bold;
   color: #e4e1e1;
}

.ss #story .remote.vote .voteHeader > div {
   /** same height as voteHeader **/
   line-height: 20px;
   min-height: 44px;
}

.ss #story .remote.vote .voteTabList {
   border-bottom: 6px #292a2a solid;
}

.ss #story .remote.vote .voteTab {
   /** padding-left = .voteHeader.padding-left **/
   padding: 34px 0px 40px 37px;
   background-color: #363839;
}

.ss #story .remote.vote .voteFooter {
   background-color: none;
   zoom: 1;
}
.ss #story .remote.vote .voteTabSwitch {
   width: 135px;
   float: left;
   display: inline;
   margin: -6px 0px 0px 6px;
   text-align: center;
   color: #ffdd00;
   background-color: #292a2a;
   position: relative;
   padding: 8px 0px;
   border-left: 4px solid #292a2a;
   border-right: 4px solid #292a2a;
   border-bottom: 4px solid #292a2a;
   font-size: 0.938em;
}

.ss #story .remote.vote .voteTabSwitch.left {
   border-left: none;
   margin-left: 0px;
   color: #ffdd00;
}
.ss #story .remote.vote .voteTabSwitch.right {
   border-right: none;
   width: 141px;
   color: #ffdd00;
}
.ss #story .remote.vote .voteTabSwitch.middle {
   width: 132px;
   color: #ffdd00;
}
.ss #story .remote.vote .voteTabSwitch:hover {
   cursor: pointer;
   color: #ffdd00;
   text-decoration: underline;
}
.ss #story .remote.vote .voteTabSwitchActive {
   background-color: #363839;
   color: black;
}
.ss #story .remote.vote .voteTabSwitch.left.voteTabSwitchDisabled {
   color: #4d5051;
}
.ss #story .remote.vote .voteTabSwitchDisabled,
.ss #story .remote.vote .voteTabSwitchDisabled:hover {
   color: black;
   cursor: default;
   text-decoration: none;
}
/* background: none for dancingstars. must have high specificity*/
.ss #story .remote.vote .voteForm > ul > li.choice {
   padding: 0px;
   list-style-type:none;
   background: none;
   margin-bottom: 20px;
   margin-left: 20px;
   margin-right: 20px;
   text-indent: -25px;
   min-height: 30px;
}

.ss #story .remote.vote .choiceResult {
   margin-bottom: 12px;
   margin-right: 20px;
}

.ss #story .remote.vote .choiceResult .bar {
    height: 11px;
    background-color: #7091a7;
}

.ss #story .remote.vote .voteResultTop {
   //height: 60%;
   margin-top:10px;
}
.ss #story .remote.vote .voteResultBottom {
   //height: 40%;
   font-size: 0.8em;
   //padding-top: 10px;
}
.ss #story .remote.vote div.voteResultBottom {
   line-height: 1.65em;
}

.ss #story .remote.vote #thanksForVoting {
   //height: 10%;
   margin: 0 0 5px 0;
   font-size: 0.9em;
   font-weight: bold;
}
.ss #story .remote.vote .clear {
   clear:both;
}
.ss #story .remote.vote .error {
   color: red;
   display:none;
   width: 70%;
}
/* new class for rendering, that user has voted already */
.ss #story .remote.vote .voteCounted {
   display:none;
   font-size: 0.75em;
   font-weight: bold;
   line-height: 1.462em;
   width: 80%;
}
.ss #story .remote.vote.preview {
   padding-top: 1px;
}
.ss #story .remote.vote ul.votePreviewBar {
   list-style: none;
}
.ss #story .remote.vote ul.votePreviewBar li {
   background: none;
   background-color: #CECECE;
   border-right: 3px solid black;
   float: left;
   font-weight: bold;
   list-style-type: none;
   padding: 3px 39px;
   text-transform: uppercase;
}
.ss #story .remote.vote ul.votePreviewBar li.status {
   font-weight: bold;
}
.ss #story .remote.vote ul.votePreviewBar li.status.online {
   color: #2EB70E;
}
.ss #story .remote.vote ul.votePreviewBar li.status.offline {
   color: #777777;
}
.ss #story .remote.vote.preview div.voteTabList div.voteCast.voteTab {
   padding-bottom: 1px;
}
.ss #story .remote.vote.preview div.voteTabList div.voteCast.voteTab li.choice label {
   font-size: 0.95em;
}
.ss #story .remote.vote .voteButton {
   position: relative;
   left: 16px;
}
.ss #story .remote.vote .voteHelp {
   font-size: 1em
}
.ss #story .remote.vote .voteHelp li {
   margin-bottom: 12px;
   margin-right: 25px;
}

.ss #story .remote.vote .percent {
	float: left;
	margin-bottom: 4px;
	font-weight: bold;
	font-size: 0.938em;
}
.ss #story .remote.vote .bar {
	margin-left: 70px;
}
.ss #story .remote.vote .choiceText {
	clear: both;
	font-size: 12px;
	padding-bottom: 6px;
        line-height: 20px;
}

.ss #story .remote.vote button {
   background-color: #292a2a;
   border: 1px solid #90821f;
   display: inline-block;
   color: #ffdd00;
   font-family: arial;
   font-size: 14px;
   font-weight: normal;
   padding: 3px 6px;
   text-decoration: none;
}
.ss #story .remote.vote button:hover {
   cursor: pointer;
}
/* new class for disabled vote-button after user has voted */
.ss #story .remote.vote button.disabled {
   border: 1px solid #4d5051;
   color: #4d5051;
}
/* new class for disabled vote-button after user has voted */
.ss #story .remote.vote button.disabled:hover {
   cursor: default;
}