#survey {
        float: left;
        margin: 28px 0 20px;
        width: 300px;
}

#surveyHeader {
	display: none;
	width: 280px;
	margin: 0 10px;
	border-radius: 10px 10px 0 0;
	font-size: 14px;
	line-height: 16px;
	font-family: 'museo300';
	color: #FFF;
	background-color: #90060a;
	padding: 10px 0;
	text-align: center;
}

#surveyFooter {
	width: 300px;
        border-radius: 0 0 10px 10px;
        font-size: 10px;
        line-height: 14px;
        font-family: 'museo300';
        color: #FFF;
        background-color: #90060a;
        padding: 5px;
        text-align: center;
}

#surveyInner {
	border-radius: 5px 5px 0 0;
        background-color: #C3161B;
	min-height: 330px;
}

#survey .surveyQuestion {
	height: 250px;
}

#survey h3 {
	padding-top: 10px;
	padding-bottom: 0;
        color: #FFF;
        font-size: 17px;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	font-family: 'museo700', Arial, sans-serif !important;
	margin: 0;
}

#survey .response {
	border-radius: 4px;
	background-color: #af1318;
	margin: 10px 20px;
	padding: 10px;
	color: #FFF;
	cursor: pointer;
	font-family: 'museo300';
	text-align: center;
	border: 1px solid #af1318;
}

#survey .response:hover {
	border: 1px solid #FFF;
}

#survey .optin_copy {
        color: #FFF;
        font-size: 12px;
        margin: 10px;
        line-height:16px;
	font-family: 'museo300', sans-serif !important;
	text-align: center;
}

#survey .footnote {
	font-size: 11px;
	font-family: 'museo300';
	text-align: center;
	color: #FFF;
	padding: 0 10px 10px;
}

#surveyErrors {
	background-image: url('/assets/images/errorIcon.png');
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 24px;
	background-color: #FFF;
    	color: #C00;
    	padding: 10px 5px;
    	border-radius: 3px;
    	width: 260px;
    	margin: 10px auto;
    	font-family: 'museo700', Arial, sans-serif;
    	text-align: center;
}

#survey .emailLabel {
	text-shadow: 0 0 1px rgba(0,0,0,1);
	color: #FFF;
    	font-family: 'museo700', 'Arial', sans-serif;
    	font-size: 14px;
    	text-align: center;
    	display: block;
}

#optinArrow {
	position: absolute;
    	right: 5px;
    	float: right;
    	top: 135px;
}

#survey #email {
	width: 260px;
        display: block;
	margin-left: 20px;
	margin-top: 5px;
	outline: none;
        padding: 5px 10px;
        border: none;
        border-radius: 3px;
	font-size: 14px;
        -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.75);
        box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.75);
	font-family: 'museo300', sans-serif;
	height: 35px;
}

#surveyProgress {
	height: 15px;
	/*background-image: url('/assets/images/survey_progress_sprite.png');*/
	background-image: url('/assets/images/survey_progress_sprite2.png');
    	background-size: 280px;
    	background-repeat: no-repeat;
    	margin-bottom: 20px;
	margin-top: 10px;
}
#surveyProgress.progress1 {
	background-position: 10px 20px;
}
#surveyProgress.progress2 {
        background-position: 10px -2px;
}
#surveyProgress.progress3 {
        background-position: 10px -22px;
}
#surveyProgress.progress4 {
        background-position: 10px -42px;
}
#surveyProgress.progress5 {
        background-position: 10px -62px;
}
#surveyProgress.progress6 {
        background-position: 10px -82px;
}

#optin {
	display: none;
	position: relative;
}

#surveySubmit {
        width: 260px;
        height: 52px;
        margin: 10px auto;
	cursor: pointer;
        color: #004fca;
        border-radius: 8px;
        background-image: linear-gradient(to top, #fac71d 3%, #fcdd68);
        border: solid 1px #0f1d4c;
        padding: 5px 0;
        font-size: 18px;
        line-height: 20px;
	position: relative;
	text-align: center;
}

.surveySubmitShine {
        width: 100%;
        height: 35px;
        opacity: 0.6;
        border-radius: 6px;
        background-image: linear-gradient(to bottom, #F7B61B, #FAD625);
        display: block;
        position: absolute;
        bottom: 0;
}

.surveySubmitText {
        position: relative;
        z-index: 5;
	font-family: 'museo700', Helvetica, Arial, sans-serif;
}

#surveyLoading {
	text-align: center;
	width: 100%;
}





@media (max-width: 958px) {

#survey {
	float: none;
	min-width: 300px;
	width: 100%;
	margin: 0;
	display: block;
	background-color: #C3161B
	padding-bottom: 25px;
}

#surveyHeader {
	min-width: 250px;
	width: 90%;
	margin: 0 auto;
}

#surveyInner {
	border-radius: 0;
}

#surveyFooter {
	min-width: 300px;
	width: 100%;
	margin-top: -20px;
	border-radius: 0;
	padding-bottom: 35px;
}

#surveyProgress {
	width: 280px;
	margin: 10px auto 0;
}

#surveyProgress.progress1 {
        background-position: 0 20px;
}
#surveyProgress.progress2 {
        background-position: 0 -2px;
}
#surveyProgress.progress3 {
        background-position: 0 -22px;
}
#surveyProgress.progress4 {
        background-position: 0 -42px;
}
#surveyProgress.progress5 {
        background-position: 0 -62px;
}
#surveyProgress.progress6 {
        background-position: 0 -82px;
}

#survey .surveyQuestion, #survey #optin {
	width: 300px;
	margin: 0 auto;
}

#survey h3 {
	font-size: 18px;
	margin: 0;
	padding-bottom: 10px;
}

#survey .response {
	font-size: 15px;
	margin: 5px;
	padding: 10px 5px;
	border: 2px solid #af1318;
}

#survey .surveyQuestion {
	height: auto;
}

#survey .response:hover {
	border: 2px solid #FFF;
}

#survey #email {
	width: 280px;
	margin: 10px auto 10px;
}

#survey .optin_copy {
	font-size: 14px;
	line-height: 18px;
	margin-top: 0;
}

#survey .emailLabel {
	font-size: 16px;
	font-family: 'museo700', Arial, sans-serif !important;
}

#surveyErrors { 
	width: 300px;
	margin: 0 auto;
}

#surveySubmit {
        width: 300px;
}

#survey #email {
	width: 300px;
}

#optinArrow {
	top: 150px;
	right: -15px;
}

#survey .footnote {
	padding-top: 10px;
	padding-bottom: 35px;
}

}