.progressBar {
   
    height: 20px;
    border: 1px solid #999999;
    background-color: #C0C0C0;
    margin-bottom: 10px;
}
#progressBar{

    padding:20px;

}
#btntotal, #btnpoll {display:none
}

.progressBar div.bar {
    height: 100%;
    color: #fff;
    text-align: left;
    line-height: 22px; 
 
    width: 0;
    background-color: #0099ff;
}
html:lang(fa) .progressBar div.bar, html:lang(ar) .progressBar div.bar {
    text-align: right;
}


#progress {
    display: none;
    text-align: left;
}

html:lang(fa) #progress, html:lang(ar) #progress {
    text-align: right;
}

html:lang(fa) #poll p, html:lang(ar) #poll p {
    text-align: right;
}



#poll {
    padding: 1px;
}

 #poll p {
    text-align: left;
}

html:lang(fa) #poll p, html:lang(ar) #poll p {
    text-align: right;
}





#poll form[id^=form] fieldset li {
    text-align: left;
    width: 100%;
}

html:lang(fa) #poll form[id^=form] fieldset li, html:lang(ar) #poll form[id^=form] fieldset li {
    text-align: right
}

form[id^=form] .poll-container li {
    position: relative;
}


  #poll form[id^=form]  label {width:50px;float:none;}
#poll  form[id^=form] #countAll{width:20px;}
.container1 #count {
    text-align: center;
}


   #poll #message{color:red;text-align:center}

html:lang(fa) form[id^=form] #message, html:lang(ar) form[id^=form] #message {
    float: right;
}



 form[id^=form] #poll input[type=button]{

      color: white;
    font-size: 1.2em;
   
    background-color: #4b9df6;
    min-width:  80px;
    padding: 5px;
   
  width :auto;
    border: none;
    cursor :pointer;
}


   form[id^=form] #poll input[type=button]:hover {
       background-color: #49c0f0;
    
    color: black;
    background-image: linear-gradient(to bottom,orange, #fa9951);
    }

#formpoll ul {

    padding:0;
    margin:0
}