/* face off */
#face-off {
	border: 1px solid #ccc;
	border-bottom: none;
	border-top: none;
    width: 623px;
    background-color: #eee;
    padding: 15px 10px 10px;
    text-align: center;
}

#bb-face-off #face-off {
	width: 600px;
	padding: 15px 0 10px;
	border: none;
	background: none;
}

#bb-face-off {
	color: #000;
	margin-top: 20px;
}

#face-off-left, #face-off-right, #face-off-question {
    float: left;
    display: inline; 
    width: 206px;
}

.faded {
	opacity: 0.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
}

#face-off-question {
    color: #000;
    width: 200px !important;
    padding: 0 5px;
    font: 12px/1.3 Arial, Helvetica, sans-serif !important;
    height: 180px;
}

#bb-face-off #face-off-question {
	width: 178px !important;
}

#face-off-question h4 {
    font-weight: bold;
    color: #f60;
    font-size: 2.5em;
    background: url(i/b.gif);
}

#face-off-question p.next {
    width: 163px;
    height: 67px;
    margin: 5px 15px;
    background: url(i/faceoff/bb_vote_next.jpg) no-repeat 0 -67px;
}

#face-off-question p.next:hover {
    background-position: 0 0;
}

#face-off .prodimg {
    position: relative;
}

.results {
    position: absolute;
    z-index: 1;
    width: 206px;
    color: #000;

    padding: 10px 0;
    margin: 0;
    display: none;
}

.results strong {
    font-size: 3.5em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    display: block;
    opacity: 1;
}

.prodimg {
    width: 206px;
    height: 100px;
    margin: 0;
}

.prodimg img {
	border: 1px solid #ccc;
	margin: 0 12px;
}

.showresults {
    background-color: #333;
    opacity: .6;
}

.vote-btn {
    width: 206px;
    height: 37px;
    margin-top: 10px;
    background: url(i/faceoff/bb_vote.jpg) no-repeat 0 0;
}

.vote-btn:hover {
    background-position: 0 -37px;
}

.vote-btn b {
    display: none;
}

#face-off h5 {
    font-size: 1.3em;
    margin: 5px 0;
    background-color: #eee;
}

#face-off h5 img {
    margin: 0 0 -6px;
}

.fo-active {
    cursor: pointer;
}

#fo-calc {
    position: absolute;
    margin: 70px 0 0 0;
    z-index: 20;
    display: none;
    float: left;
    text-align: center;
    width: 643px;
}

#fo-run {
    position: absolute;
    margin: 70px 0 0 0;
    z-index: 20;
    float: left;
    text-align: center;
    width: 643px;
}

.competitor h5 {
padding: 3px 0;
}

.voted h5:first-letter {
    padding: 3px 0 10px 29px;
    
    background: url(i/faceoff/bb_voted.jpg) no-repeat 0 0;
    
}

.versus-bg {
    background: url(i/faceoff/bb_vs_bg.gif) no-repeat center -25px !important;
}

#fo-error {
    position: absolute;
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
    /*display: none;*/
    width: 603px;
    padding: 0 20px;
    text-align: center;
        margin: 70px 0 0 0;
    z-index: 20;
}