.Optin{
	background-color:#97d0ca;
}

.Optin2{
	background-color:#97d0ca;
	color:#fff;
}

.StrapLineOuter{
	background-color:#EDC330;
	color:#fff;
}

.StrapLineOuter2{
	background-color:#E61F93;
	color:#fff;
}

.StrapLine{
	background-color:#EDC330;
	padding: 32px 0px;
    text-align: center;
    font-size: 250%;
    color: #005252;
    font-weight: 800;
	color:#fff;
}

.StrapLine2{
	background-color:#E61F93;
	padding: 32px 0px;
    text-align: center;
    font-size: 250%;
    color: #005252;
    font-weight: 800;
	color:#fff;
}

.OptinButton{
    background: #17bebb !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    height: 32px;
}

.OptinButton:hover{
	background: #fff!important;
	color: #17bebb !important;
}

.OptinInner, .HalfOptinInner{width:100%;margin:0 auto;}

.OptInPara{ text-align: center;}

.FormDescription { /* copied from h1 - can't easily inherit */
	font-size: 150%;
    /*line-height: 1.2;*/
    text-align: center;
	margin: 0 0;
	padding: 10px 0px;
}

.ExtraPadding{padding: 15px 0px;}

.HiddenInputs {display:none;}

.FormInputs2{
	float:left;
	margin:5px;
}
	
.FormInputs{
float:left;
width:100%;
}

.AdminFormInputs{
float:left;
width:100%;
}

.HalfFormInputs{
float:left;
width:100%;
}

.DoubleFormInputs{
float:left;
width:25%;
}

.FullFormInputs{
float:left;
width:12.5%;
}

.FormInput{
width:80%;
margin:0px 10% 10px 10%;
/*margin: 10px;*/
/*text-align: center;*/
}

select .FormInput {
width:100%;
}

.StoreInput{
padding-top:1px;
margin:0px;
}

.FormBox{
width:100%;
border: 1px solid #1b998b;
color:#1b998b;}

.CheckInput{
/*margin-left:10%;*/
margin-top: 5px;
margin-bottom: 5px;
line-height:150%;
text-align:center;
}

.FalseInput{
	border: none;
    display: inline-block;
    padding: 2px 10px;
}

.SubmitInput, .SubmitInput2{
 height:32px;
 background:#1b998b !important;
 color:#fff !important;
 font-weight:bold;
 position:relative;
}

.SubmitInput3{
 height:64px;
 background:rgb(244,175,82) !important;
 color:#fff !important;
 font-weight:bold;
 position:relative;
 font-size:200%;
}

#MagnetPara3 .SubmitInput3 
{
	 background:#E61F93 !important;
}

.FloatingSurround{
	position: fixed;
	bottom: 50px;right : 50px;
	z-index:1;
	padding: 10px;
    background-color: #DDD;
}

.FloatingButton{
	
}

.SubmitInput:hover{
	background:#ef8e76 !important;	
}

.SubmitInput2:hover{
	background:#E36E48 !important;	
}

.SubmitInput3:hover{
	background:#E36E48 !important;	
}

.SubmitInput4:hover{
	background:#BF1A7A !important;	
}


.SubmitInput:disabled, .SubmitInput2:disabled{
	 background:#aaaaaa !important;
}


.SubmitInput.spinning {
    background-color: #212121;
    padding-right: 40px;
}
.SubmitInput.spinning:after {
    content: '';
    position: absolute;
    right: 6px;
    top: 50%;
    width: 0;
    height: 0;
    box-shadow: 0px 0px 0 1px darken(#212121,10%);
    position: absolute;
    border-radius: 50%;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease;
}

.SubmitInput.spinning:before {
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 50%;
    right: 6px;
    top: 50%;
    position: absolute;
    border: 2px solid rgba(0, 0, 0, 0.0);
    border-right: 3px solid #fff;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease ;
    
}



@keyframes rotate360 { 
    100% {
        transform: rotate(360deg);
    }
}
@keyframes exist { 
    100% {
        width: 15px;
        height: 15px;
        margin: -8px 5px 0 0;
    }
}

.DropInput{
 height:32px;
 color:#000 !important;
 background-image: url("../PubImages/dda.jpg"); background-size: 10px 10px; background-position: right 10px center; background-repeat: no-repeat; background-color:#fff; text-align:left;
}

.FormTextArea
{ height:40px;
}

.error
{color:#f00;font-weight: bold;}

.DropDownCheckBox{height:32px;overflow:hidden;font-size: 12px;line-height:150%;}

@media only screen and (min-width:480px){
	.FormInputs{width:50%;}
}

@media only screen and (min-width:768px){
	.AdminFormInputs{width:50%;}
}

@media only screen and (min-width:1024px){
	.FormInputs{width:25%;}
}

@media only screen and (min-width:1200px){
	.OptinInner{width:1200px;}
}
