@charset "utf-8";
/* CSS Document */

#email-form {
  height: 220px;
  margin: 100px auto 0;
  width: 311px;
}

#email-form img {
	margin-left: 82px;
	margin-top: 23px;
}
.inputimage {
	background: url("../img/login-btn.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	height: 52px;
	margin-left: 60px;
	width: 132px;
}
/*Sign Up screen start */
.signup-wrapper {
	background: url(../img/sign-up-bg.png) no-repeat;
	background-position: bottom right;
	margin: 0 auto;
}
.signup-form {
	width: 344px;
	margin: auto;
}
.social-icon-signup {
	margin-left: 50px;
	width: 229px;
	height:80px;
}




select.select {
	position: relative;
	z-index: 10;
	width: 102px !important;
	height: 26px !important;
	line-height: 26px;
	color: #fefeea;
	margin-left:13px;
}
/* dynamically created SPAN, placed below the SELECT */
span.select {
  background: url("../img/drop-down.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  bottom: 0;
  color: #fefeea;
  cursor: default;
  float: left;
  font: 16px/29px Verdana;
  height: 34px;
  left: 11px;
  position: absolute;
  text-indent:14px;
  width: 109px;
  z-index: 1;
}
option {
/*	background: #7bd3f7;
	border: 1px solid #7bd3f7;*/
	height: 20px;
}
.btn1 {
	background: url("../img/btn-social.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0 none;
	color: #fff;
	font-family: Verdana;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: 14px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: normal;
	height: 36px;
	margin-bottom: 15px;
	width: 157px;
	margin-left:13px;
}
.btn1.on{
	background:url(../img/selected.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0 none;
	color: #fff;
	font-family: Verdana;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: 14px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: normal;
	height: 36px;
	margin-bottom: 15px;
	width: 157px;
	margin-left:13px;
}
.btn2 {
	background: url("../img/submit-btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0 none;
	color: #fff;
	font: bold 16px/18px Verdana;
	height: 49px;
	margin-left: 116px;
	margin-top: 27px;
	width: 124px;
}
/*Evalution page*/
.demo {
	width: 500px;
	text-align: center;
	margin:auto;
}
.demo label {
	color: #211547;
	font: bold 16px/18px Verdana;
	text-align: center;
float: left;
width:31%;
}
.excellent {
    background: url("../img/s-1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #edd2a7;
    float: left;
    font-size: 16px;
     height: 54px;
  margin-left: 31px;
  text-align: center;
  width:63px;

}
.excellent.on {
    background: url(../img/s-1.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.happy {
    background: url("../img/s-2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #edd2a7;
    float: left;
    font-size: 16px;
    height: 54px;
      width: 60px;
}
.happy.on {
    background: url(../img/s-2.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.fair {
    background: url("../img/s-3.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #edd2a7;
    float: left;
    font-size: 16px;
    height: 54px;
   
    width: 57px;
}
.fair.on {
    background: url(../img/s-3.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.sad {
    background: url("../img/s-4.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #edd2a7;
    float: left;
    font-size: 16px;
    height: 54px;
      width: 58px;

}
.sad.on {
    background: url(../img/s-4.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}


​ .submit-btn {
	background: url("../img/submit-btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0 none;
	color: #fff;
	font: bold 16px/18px Verdana;
	height: 49px;
	margin-left: -21px;
	margin-top: 27px;
	width: 124px;
}
/*Feed back Screen */
.feedback-text {
	margin: 150px auto auto;
	width: 640px;
	height: 400px;
}
.feedback-text h1 {
	font: 36px/40px Verdana;
        text-transform: uppercase;
	color: #b62373;
	text-shadow: 0px 0px 1px rgba(24, 24, 25, 0.5);
}