.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}

.pclass{
	TEXT-ALIGN: right;
	margin-bottom: 0px;
}

#resultRow{
	height: 250px;
}

#resultInnerRow{
	height: 240px;
}

.reclass{
	-webkit-border-radius: 4px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */
		-moz-border-radius: 4px;/* Firefox 1-3.6 */
			border-radius: 4px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS */

	-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.05);
	   -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.05);
	        box-shadow: inset 0px 0px 10px rgba(0,0,0,0.05);
}

#pushWell:hover{
	background-color:rgb(240, 240, 240)!important;
}
#smsWell:hover{
	background-color:rgb(240, 240, 240)!important;
}
#yuibiKeyWell:hover{
	background-color:rgb(240, 240, 240)!important;
}
#oktaCodeWell:hover{
	background-color:rgb(240, 240, 240)!important;
}
#voiceCallWell:hover{
	background-color:rgb(240, 240, 240)!important;
}
#questionWell:hover{
	background-color:rgb(240, 240, 240)!important;
}

.field-display{
	padding: 6px 12px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-image: none; width: 90%; height: 34px; color: rgb(85, 85, 85); line-height: 1.4285; font-size: 14px; display: inline-block; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075); background-image: none; background-color: rgb(255, 255, 255); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; margin-left:0px;
}

.field-display:focus {
	border-color: rgb(102, 175, 233); outline: 0px; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.field-error {
	padding: 6px 12px; border-radius: 4px; border: 1px solid rgb(204, 0, 0); transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-image: none; width: 90%; height: 34px; color: rgb(85, 85, 85); line-height: 1.4285; font-size: 14px; display: inline-block; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075); background-image: none; background-color: rgb(255, 255, 255); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; margin-left:0px;
}

.field-error:focus {
	border-color: rgb(204, 0, 0); outline: 0px; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(204, 0, 0,0.6); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204, 0, 0, .6);
}

.field-valid {
	padding: 6px 12px; border-radius: 4px; border: 1px solid rgb(0, 102, 51); transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-image: none; width: 90%; height: 34px; color: rgb(85, 85, 85); line-height: 1.4285; font-size: 14px; display: inline-block; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075); background-image: none; background-color: rgb(255, 255, 255); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; margin-left:0px;
}

.field-valid:focus {
	border-color: rgb(0, 102, 51); outline: 0px; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0, 102, 51,0.6); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 102, 51, .6);
}

.weffects{

	-webkit-box-shadow: 0px 0px 6px 1px #999999;
	   -moz-box-shadow: 0px 0px 6px 1px #999999;
	        box-shadow: 0px 0px 6px 1px #999999;
			
	-webkit-border-radius: 4px;/* Safari 3-4, iOS 1-3.2, Android 1.6- */
		-moz-border-radius: 4px;/* Firefox 1-3.6 */
			border-radius: 4px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */			
}

.resetfont18{
	font-size:18px;
}

.resetfont20{
	font-size:20px;
}
#resettxt{
	margin: 25px;
	border-radius: 5px;
	border: 1px solid;
	border-color: #EAEBEB;
	padding-bottom: 0px;
	margin-bottom: 40px;
}
.spinner1 {
	background-image:url(images/bigsnake.gif);
	background-repeat: no-repeat;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}
.overlay-div {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 10;
	background-color: #EBEDF0;
	top: 0px;
	left: 0px;
	opacity: 0.5;
	border-radius: 5px;
}

.psfont{color:#002663;}

#successPageDiv{color:#002663;}

img {
    max-width: 100%;
    height: auto;
}
.example {
	margin-left: 20px;
	font-size: 0.9em;
	color: #555;
}
.form-section {
	max-width: 450px;
	width: 100%;
	padding: 10px;
	margin: 10px auto 0;
}
.error-message {
	max-width: 450px;
	width: 100%;
	margin: 0 auto 10px;
	padding: 0 10px;
	font-size: 15px;
	color:#FF0000;
}
.text-field {
	padding-left: 5px;
	text-align: left;
	margin: 0 auto;
	width: 70%;
	padding-bottom: 0;
}