@font-face {
  font-family: 'Eng2';
  src: url('../../../Fonts/Eng2.eot?#') format('eot'),  /* IE6–8 */
       url('../../../Fonts/Eng2.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../../Fonts/Eng2.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}


@font-face {
  font-family: 'IranSans-Light';
  src: url('../../../Fonts/IranSans-Light.eot?#') format('eot'),  /* IE6–8 */
       url('../../../Fonts/IranSans-Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../../Fonts/IranSans-Light.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}


body{
float: none;
padding: 0px;
background: url('../../../IMG/BckBG-4.png');
-webkit-animation: scaleUp 1s ease both;
-moz-animation: scaleUp 1s ease both;
-ms-animation: scaleUp 1s ease both;
-o-animation: scaleUp 1s ease both;
animation: scaleUp 1s ease both; margin-left:0px; margin-right:0px; margin-top:40px; margin-bottom:0px
}
@keyframes scaleUp {from { opacity: 0; transform: scale(0);}
}



fieldset{
border: none;
}


h1,a{
width: auto;
height: auto;
float: none;
margin: 0 auto;
padding:  15px 0px 15px 0px;
font-family: 'IranSans-Light' , 'Eng2';
font-size: 14px;
Text-align: center;
text-decoration: none;
color: rgba(254, 103, 2, .8);
}




.form {
float: none;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 0px;
width: 730px;
height: auto;
font-family: 'IranSans-Light' , 'Eng2';
font-size: 14px;
Text-align: center;
background: url('../../../IMG/BckBG-4.png');
border: 1px solid #9f9f9f;
border-radius: 10px
}


.legend{
float: right;
margin-top: -30px;
color: tomato;
font-family: 'IranSans-Light' , 'Eng2';
font-size: 14px;
Text-align: right;
direction: rtl;
background: url('../../../IMG/BckBG-4.png');
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 0px
}


.question {
float: none;
margin: 0 auto;
top: 20px;
padding: 10px;
width: 335px;
background: url('../img/bg.jpg');
background: linear-gradient(top, #555, #333);
border-top: 5px solid #ff7056;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #fff;
font-family: 'IranSans-Light' , 'Eng2';
font-size: 14px;
Text-align: center;
direction: rtl;
}



.radio-table {
display: table;
padding: 10px;
width: 335px;
float: none;
margin: 0 auto;
margin-top: -15px;
background: url('../img/bg.jpg');
background: linear-gradient(top, #555, #333);
border: none;
color: #fff;
font-family: 'IranSans-Light' , 'Eng2';
font-size: 14px;
Text-align: left;
direction: ltr;
line-height: 10px;
}


.submit-btn-bg {
display: table;
float: none;
margin: 0 auto;
top: 20px;
width: 335px;
padding: 10px;
background: url('../img/bg.jpg');
background: linear-gradient(bottom, #555, #333);
border: none;
border-bottom: 5px solid #ff7056;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

.submit {
width: 80px;
height: 30px;
background: tomato;
border-radius: 5px;
border: 1px solid white;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
color: #fff;
font-family: 'IranSans-Light' , 'Eng2';
font-size: 12px;
text-align: center;
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.19), 0 6px 13px 0 rgba(0, 0, 0, 0.24);
}

.submit:active {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
transform: scale(1.3);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.19), 0 3px 7px 0 rgba(0, 0, 0, 0.24);
}



.result-msg{
display: table;
float: none;
margin: 0 auto;
padding: 10px;
width: auto;
color: #687388;
font-family: 'IranSans-Light' , 'Eng2';
font-size: 12px;
Text-align: center;
text-decoration: none;
direction: rtl;
}



.pollTable {
position: relative;
margin-top: -20px;
float: none;
margin: 0 auto;
background: url('../img/bg.jpg');
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: inset 0 0 1em black;
padding: 10px 20px 10px 10px;
}



.pollDescriptionCell {
font-family: 'IranSans-Light' , 'Eng2';
Text-align: left;
color: #fff;
font-size: 14px;
padding-right: 15px;
padding-left: 15px;
}



.pollCountCell {
  float: right;
  margin-left: 10px;
  margin-right: 10px;
  direction: rtl;
  font-family: 'IranSans-Light' , 'Eng2';
  font-size: 13px;
  text-align: center;
  font-weight: 600;
  width: 60px;
  height: 21px;
  padding: 7px;
  background: repeating-linear-gradient(-45deg, Tomato, Tomato 20px, #ff7056 20px, #ff7056 40px);
  outline: none;
  color: white;
  border-radius: 0.25em;
  box-shadow: 0 0 0.25em rgba(0,0,0,0.5);
  text-shadow: 0 0 0.25em rgba(0,0,0,0.5);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
}
.pollCountCell:active {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
transform: scale(1.3);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.19), 0 3px 7px 0 rgba(0, 0, 0, 0.24);
}


.percent{
  direction: rtl;
  font-family: 'IranSans-Light' , 'Eng2';
  font-size: 13px;
  text-align: center;
  width: 70px;
  background: repeating-linear-gradient(-45deg, Tomato, Tomato 20px, #ff7056 20px, #ff7056 40px);
  outline: none;
  color: white;
  border-radius: 0.25em;
  box-shadow: 0 0 0.25em rgba(0,0,0,0.5);
  text-shadow: 0 0 0.25em rgba(0,0,0,0.5);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
}
.percent:active {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
transform: scale(1.3);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.19), 0 3px 7px 0 rgba(0, 0, 0, 0.24);
}


.pollBarCell {
  display: table-cell;
  width: 400px;
  height: 30px;
  background: #f5f5f5;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}


.pollBar {
   width: 400px;
   height: 32px;
}

#pollBar1 {
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   background: repeating-linear-gradient(-45deg, #4bb9ff, #4bb9ff 20px, #48b1f3 20px, #48b1f3 40px);
   animation: pollBar1 3s ease 1 normal;
   box-shadow: 
   inset 0 10px 10px rgba(255,255,255,0.2), 
   inset 0 1px 0 rgba(255,255,255,0.3), 
   inset 0 -5px 3px rgba(0,0,0,0.2),
   0 3px 2px rgba(0,0,0,0.3);
}
@keyframes pollBar1 {
  0% { width: 0px; }
  100% { width: 1; } 
}

#pollBar2 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    background: repeating-linear-gradient(-45deg, #4bb9ff, #4bb9ff 20px, #48b1f3 20px, #48b1f3 40px);
    animation: pollBar2 3s ease 1 normal;
    box-shadow: 
    inset 0 10px 10px rgba(255,255,255,0.2), 
    inset 0 1px 0 rgba(255,255,255,0.3), 
    inset 0 -5px 3px rgba(0,0,0,0.2),
    0 3px 2px rgba(0,0,0,0.3);
}
@keyframes pollBar2 {
  0% { width: 0px; }
  100% { width: 1; }
}

#pollBar3 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    background: repeating-linear-gradient(-45deg, #4bb9ff, #4bb9ff 20px, #48b1f3 20px, #48b1f3 40px);
    animation: pollBar3 3s ease 1 normal;
    box-shadow: 
    inset 0 10px 10px rgba(255,255,255,0.2), 
    inset 0 1px 0 rgba(255,255,255,0.3), 
    inset 0 -5px 3px rgba(0,0,0,0.2),
    0 3px 2px rgba(0,0,0,0.3);
}
@keyframes pollBar3 {
  0% { width: 0px; }
  100% { width: 1; }
}

#pollBar4 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    background: repeating-linear-gradient(-45deg, #4bb9ff, #4bb9ff 20px, #48b1f3 20px, #48b1f3 40px);
    animation: pollBar4 3s ease 1 normal;
    box-shadow: 
    inset 0 10px 10px rgba(255,255,255,0.2), 
    inset 0 1px 0 rgba(255,255,255,0.3), 
    inset 0 -5px 3px rgba(0,0,0,0.2),
    0 3px 2px rgba(0,0,0,0.3);
}
@keyframes pollBar4 {
  0% { width: 0px; }
  100% { width: 1; }
}

#pollBar5 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    background: repeating-linear-gradient(-45deg, #4bb9ff, #4bb9ff 20px, #48b1f3 20px, #48b1f3 40px);
    animation: pollBar5 3s ease 1 normal;
    box-shadow: 
    inset 0 10px 10px rgba(255,255,255,0.2), 
    inset 0 1px 0 rgba(255,255,255,0.3), 
    inset 0 -5px 3px rgba(0,0,0,0.2),
    0 3px 2px rgba(0,0,0,0.3);
}
@keyframes pollBar5 {
  0% { width: 0px; }
  100% { width: 1; }
}

#pollBar6 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    background: repeating-linear-gradient(-45deg, #4bb9ff, #4bb9ff 20px, #48b1f3 20px, #48b1f3 40px);
    animation: pollBar6 3s ease 1 normal;
    box-shadow: 
    inset 0 10px 10px rgba(255,255,255,0.2), 
    inset 0 1px 0 rgba(255,255,255,0.3), 
    inset 0 -5px 3px rgba(0,0,0,0.2),
    0 3px 2px rgba(0,0,0,0.3);
}
@keyframes pollBar6 {
  0% { width: 0px; }
  100% { width: 1; } 
}

#pollBar7 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    background: repeating-linear-gradient(-45deg, #4bb9ff, #4bb9ff 20px, #48b1f3 20px, #48b1f3 40px);
    animation: pollBar7 3s ease 1 normal;
    box-shadow: 
    inset 0 10px 10px rgba(255,255,255,0.2), 
    inset 0 1px 0 rgba(255,255,255,0.3), 
    inset 0 -5px 3px rgba(0,0,0,0.2),
    0 3px 2px rgba(0,0,0,0.3);
}
@keyframes pollBar7 {
  0% { width: 0px; }
  100% { width: 1; }
}

#pollBar8 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    background: repeating-linear-gradient(-45deg, #4bb9ff, #4bb9ff 20px, #48b1f3 20px, #48b1f3 40px);
    animation: pollBar8 3s ease 1 normal;
    box-shadow: 
    inset 0 10px 10px rgba(255,255,255,0.2), 
    inset 0 1px 0 rgba(255,255,255,0.3), 
    inset 0 -5px 3px rgba(0,0,0,0.2),
    0 3px 2px rgba(0,0,0,0.3);
}
@keyframes pollBar8 {
  0% { width: 0px; }
  100% { width: 1; }
}

#pollBar9 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    background: repeating-linear-gradient(-45deg, #4bb9ff, #4bb9ff 20px, #48b1f3 20px, #48b1f3 40px);
    animation: pollBar9 3s ease 1 normal;
    box-shadow: 
    inset 0 10px 10px rgba(255,255,255,0.2), 
    inset 0 1px 0 rgba(255,255,255,0.3), 
    inset 0 -5px 3px rgba(0,0,0,0.2),
    0 3px 2px rgba(0,0,0,0.3);
}
@keyframes pollBar9 {
  0% { width: 0px; }
  100% { width: 1; }
}

#pollBar10 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    background: repeating-linear-gradient(-45deg, #4bb9ff, #4bb9ff 20px, #48b1f3 20px, #48b1f3 40px);
    animation: pollBar10 3s ease 1 normal;
    box-shadow: 
    inset 0 10px 10px rgba(255,255,255,0.2), 
    inset 0 1px 0 rgba(255,255,255,0.3), 
    inset 0 -5px 3px rgba(0,0,0,0.2),
    0 3px 2px rgba(0,0,0,0.3);
}
@keyframes pollBar10 {
  0% { width: 0px; }
  100% { width: 1; }
}




.Total-Vote {
position: relative;
display: table;
float: none;
margin: 0 auto;
margin-top: -25px;
padding: 30px 10px 10px 10px;
width: auto;
background: url('../img/bg.jpg');
background: linear-gradient(bottom, #555, #333);
border: none;
border-bottom: 5px solid #ff7056;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: #fff;
font-family: 'IranSans-Light' , 'Eng2';
font-size: 14px;
Text-align: left;
direction: rtl;
-ms-animation: wiggle 2s linear infinite;
-moz-animation: wiggle 2s linear infinite;
-webkit-animation: wiggle 2s linear infinite;
animation: wiggle 2s linear infinite;
z-index: -10;
}






@keyframes wiggle {
  0%, 7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-10deg);
  }
  20% {
    transform: rotateZ(6deg);
  }
  25% {
    transform: rotateZ(-5deg);
  }
  30% {
    transform: rotateZ(3deg);
  }
  35% {
    transform: rotateZ(-2deg);
  }
  40%, 100% {
    transform: rotateZ(0);
  }
 
}






/* CHECKBOX */

p.field {
  padding-left: 90px;
  display: block;
  position: relative;
  margin: 0px;
}

input[type="radio"] + label {
  *vertical-align: middle;
   *padding-left: 10px;
   padding: 0px 0px 0px 10px;
}

input[type="radio"] {
  width: 25px;
  height: 25px;
  position: relative;
  z-index: 10;
  opacity: 0;
  top: 8px;
  cursor: pointer;
}


input[type="radio"] + label:before {
  content:" ";
  background: url('../img/Off.png') no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 93px;
  top: 9px;
  display: inline-block;
  z-index: 5
  cursor: pointer;
}




/* CHECKED STYLES */

input[type="radio"]:checked + label:before {
  background: url(../img/On.png) no-repeat;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

input[type="radio"]:hover:checked + label:before,
input[type="radio"]:focus:checked + label:before {
  background: url(../img/On.png) no-repeat;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

input[type="radio"]:active:checked + label:before {
  background: url(../img/Off.png) no-repeat;
  width: 30px;
  height: 30px;
  cursor: pointer;
}