/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: auto;
		background: #eee url(http://earthsnaturalsolutions.com/wp-content/plugins/survey-snatcher/img/modal-gloss.png) no-repeat -200px -80px;
		/*position: absolute;*/
		position: fixed;
		z-index: 101;
		/*padding: 30px 40px 34px;*/
		padding: 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/

#survey_front {
	padding: 10px;
	border: 1px solid #EDEDED;
}

.question_title {
	display:block;
	margin-bottom: 20px;
	font-size: 1.2em;
	font-weight: bold;
}



/* Top Bar */

/* -------------------------------------------------- 
	:: NORMAL survsnt_top_bar CSS
---------------------------------------------------*/

.survsnt_top_bar {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 32px;  /* << set custom survsnt_top_bar height */
z-index: 9999999999;   /* << DO NOT EDIT, KEEPS survsnt_top_bar ON TOP OF PAGE CONTENT */
padding: 15px 0 5px 0;
text-align: center;
font-family: TeXGyreAdventorBold;
font-size: 16px;  /* << set custom survsnt_top_bar font size */
color: #1c1c1c;  /* << set custom survsnt_top_bar font color */
background-color: #EB593C;  /* << set custom bar color here */
border-bottom: 0px solid #1c1c1c;  /* << set custom bottom border thickness & color here */
-webkit-box-shadow: 0 8px 6px -6px #333;  /* << set custom css box shadow */
-moz-box-shadow: 0 8px 6px -6px #333;  /* << set custom css box shadow */
box-shadow: 0 8px 6px -6px #333;   /* << set custom css box shadow */
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.survsnt_top_bar.bottom {
	bottom: 0px !important;
	top: auto;
}


.survsnt_top_bar-stub {
	position: fixed;
	top: -10px;
	left: 0px;
	width: 100%;
	height: 19px;
	z-index: 9999999;
	padding: 7px 0 5px 0;
	text-align: center;
    box-sizing: content-box;
    -moz-box-sizing: content-box;	
}

.survsnt_top_bar-stub.bottom {
	bottom: -10px !important;
	top: auto;
}

.survsnt_top_bar span.survey-reveal-me {
	float: left;
	width: 95%;
	text-align: center;
	/*padding-top: 2px;*/
}
 
.show-notify {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 3px solid #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
	float: right;
	margin-right: 10px;
	color: #fff;
	width: 35px;
	height: 33px;
	text-decoration: none;
	background-color: #EB593C; /* << set custom bar color here */
	cursor:pointer;
    box-sizing: content-box;
    -moz-box-sizing: content-box;	
}


.show-notify:hover {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 3px solid #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.35);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
float: right;
margin-right: 10px;
color: #fff;
width: 35px;
height: 33px;
text-decoration: none;
background-color: #EB593C; /* << set custom bar color here */
cursor:pointer;
}


.survsnt_top_bar-up-arrow:hover {
background: url(http://earthsnaturalsolutions.com/wp-content/plugins/survey-snatcher/img/front/up-arrow-hover.png);
}

.close-notify {
/*float: right;*/
/*margin-top:-3px;*/
/*margin-right: 22px;*/
color: #fff;
width: 17px;
height: 19px;
text-decoration: none;
background-color: #EB593C; /* << set custom bar color here */
cursor:pointer;
position:absolute;
right: 15px;
bottom: 15px;
}
 
 

.survsnt_top_bar-link {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #d72444; /* Old browsers */
color: white;
padding: 1px 8px 3px 8px;
}
 
.survsnt_top_bar-link:hover {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #1c1c1c; /* Old browsers */
color: white;
padding: 1px 8px 3px 8px;
text-decoration: none;
}

.survsnt_top_bar-down-arrow, .show-notify {
	z-index: 110000;
}

/* -------------------------------------------------- 
	:: SHOW/HIDE WOHAbar CSS
---------------------------------------------------*/


.noDesktop { 
display: none !important; 
}

@media only screen and (max-width: 768px) {

.noMobile { 
display: none !important; 
}

.showMobile { 
display: block !important; 
}
}

.survsnt_top_bar #survsnt_top_content {
	display:none;
	/*margin-top: 45px;*/
	/*margin-left: 40%;*/
	position:relative;
	left: 50%;
	margin-left:-300px;
}

.survsnt_top_bar #survsnt_top_content_inner {
	text-align:left;
	padding: 15px;
	/*display:inline-block;*/
	/*background-color: white;*/
	/*min-width: 250px;*/
	/*border:  1px dashed #fff;*/
}

#loading_topbar_img {
	margin: 0 auto;
	display:block;
	text-align:center;
	width: 50px;
	/*height: 50px;*/
	display:none;
	min-height: 30px;

}

#loading_topbar_img img {
 position: absolute;
    top: 50%;
    left: 50%;
    margin-bottom: 25px;
    margin-right: 25px;
    /*left: 50%;
    margin: -15% 0 0 -25%;	*/
	}
/* Sidebar */

.survsnt_sidebar {
    left: 0;
    position: fixed;
    top: 40%;
    z-index: 1000;
}

#survsnt_sidebar_question {
    left: 0;
    position: fixed;
    top: 40%;
    width: /*320px*/auto;
    /*min-height: 300px;*/
    z-index: 2000;
    display:none;
 	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #cccccc;    
    /*padding: 15px;*/

	-webkit-box-shadow: 0 8px 6px -6px #333;  /* << set custom css box shadow */
	-moz-box-shadow: 0 8px 6px -6px #333;  /* << set custom css box shadow */
	box-shadow: 0 8px 6px -6px #333;   /* << set custom css box shadow */
}  


.survsnt_side_display_q {
	display:block;
}

.survsnt_sidebar_close {
	position:absolute;
	top: 6px;
	right: 6px;
}
.survsnt_sidebar_close_btn {
	display:block;
	background: url(http://earthsnaturalsolutions.com/wp-content/plugins/survey-snatcher/img/cross.png);
	height: 16px;
	width: 16px;
	cursor: pointer;
}

.survsnt_sidebar h1 {
	font-size: 18px;
	padding-bottom: 15px;
}

.survsnt_question_list li {
	padding-bottom: 5px;
}

/*
.reveal-modal {
  width: 600px !important;
  height: 400px !important;
  background-position: center top;
  background-image: url("http://earthsnaturalsolutions.com/wp-content/plugins/survey-snatcher/img/modal-gloss.jpg") ;
}*/

/* Popup */

#survsnt_popup_content {
	padding: 20px;
}

.question_fe {
	font-size: 20px;
	margin-bottom: 15px;
	display: block;
}

.survsnt_question_list {
	padding-left: 18px;
}

.survsnt_question_list li {
	padding-bottom: 8px;
}


#survsnt_chat {
	position:fixed;
	bottom: 0;
	right: 0;
	/*width: 300px;*/
	/*height: 400px;*/
}

#survsnt_chat .chat_title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #6D84B4 !important;
    border-color: #3C5998 #3C5998 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-weight: bold;
    /*height: 23px;*/
    /*padding-right: 0;*/
    text-align: left;
    padding: 5px;
}


#survsnt_chat .closebox {
    /*background: url("http://earthsnaturalsolutions.com/wp-content/plugins/survey-snatcher/css/themes/facebook_no_bar/images/bg-core.png") no-repeat scroll -264px -37px transparent;*/
    float: right;
    height: 23px;
    margin-right: 4px;
    text-align: left;
    /*width: 22px;*/
}


#survsnt_chat .chat_body {
	min-height: 150px;
	background-color: white;
	/*padding: 15px;*/
}

#survsnt_chat .chat_footer {
	/*width: 300px;*/
}

#survsnt_chat .chat_footer input[type="text"] {
	width: 100%;
}

#survsnt_chat_call {
	position:fixed;
	bottom: 0;
	right: 0;
	width: 220px;
	height: 20px;
	padding: 8px;
	font-size: 15px;
	color: black;
	background: none repeat scroll 0 0 #EBEEF4;
    white-space: nowrap;
    text-align:center;
    font-weight: bold;
    box-sizing: content-box;
    -moz-box-sizing: content-box;    
}


/* Splash */

#meerkat-container { overflow:auto; }

.meerkat {
			/*color: #FFF;*/
			display: none;
		}
		.close-meerkat {
			position: absolute;
			display: block;
			height: 18px;
			width: 18px;
			background: url('http://earthsnaturalsolutions.com/wp-content/plugins/survey-snatcher/img/front/splash/close-x.png') no-repeat 0 0;
			cursor: pointer;
			text-indent: -9000px;
			z-index: 10;
			left: 70%;
			top: 20%;
		}		

			#splash-content {
				/*width: 960px;*/
				margin: 0 auto;
				padding-top: 15%;
				/*text-align: center;*/
				width: 600px;
			}		

/* Generic */

.survsnt_loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -10px;
}

.survsnt_loading img {
	vertical-align: middle;
}


#survsnt_survey_content {
	width: 100%;
	height: 100%;
	position: relative;
	/*overflow: auto;*/
}

.survsnt_frontend_wrapper {
	/*overflow:auto;*/
}

#survsnt_survey_content_embed {
	width: 100%;
	height: 100%;
	position: relative;
	/*overflow: scroll;*/

}

.survsnt_social_media {
	padding: 10px;
}

.survsnt_frontend_wrapper .optin_field input[type="text"], .survsnt_frontend_wrapper .optin_field input[type="email"] {
	width: 206px !important;
}

.survsnt_frontend_wrapper .optin_field {
	padding-bottom: 15px;
}

.survsnt_frontend_wrapper .optin_field label{
	/*width: 120px !important;*/
	display: block !important;
	margin-top:8px !important;
	margin-bottom:5px !important;

}

img.survsnt_show_loading {
	box-shadow: none;
	border-radius: none;
}

.survsnt_social_media {
	margin-top: 15px;
}


/* CSS Fixes */

#survsnt_survey_content_embed img, #survsnt_survey_content img{
	border: none!important;
	box-shadow: none !important;
}

.survsnt_html_answer p {
	padding-bottom: 10px;
}

/*e-mail*/

.survsnt_error {
	border: 1px solid red !important;
}


/* Reset */

#survsnt_survey_content dl,#survsnt_survey_content dt,#survsnt_survey_content dd, #survsnt_survey_content label, #survsnt_survey_content ul,#survsnt_survey_content ol,#survsnt_survey_content li,#survsnt_survey_content h1,#survsnt_survey_content h2,#survsnt_survey_content h3,#survsnt_survey_content h4,#survsnt_survey_content h5,#survsnt_survey_content h6,#survsnt_survey_content pre,#survsnt_survey_content form,#survsnt_survey_content fieldset,#survsnt_survey_content input,#survsnt_survey_content textarea,#survsnt_survey_content p,#survsnt_survey_content blockquote,#survsnt_survey_content th,#survsnt_survey_content td
{
	margin:0 ;
	padding:0;
}

#survsnt_survey_content table
{border-collapse:collapse;border-spacing:0;}

#survsnt_survey_content fieldset,#survsnt_survey_content img
{border:0 ;}
/*
#survsnt_survey_content address,#survsnt_survey_content caption,#survsnt_survey_content cite,#survsnt_survey_content code,#survsnt_survey_content dfn,#survsnt_survey_content em,#survsnt_survey_content strong,#survsnt_survey_content th,#survsnt_survey_content var
{font-style:normal !important;font-weight:normal !important;}
*/
#survsnt_survey_content ol,#survsnt_survey_content ul
{list-style:none;}

#survsnt_survey_content caption,#survsnt_survey_content th
{text-align:left;}

#survsnt_survey_content h1,#survsnt_survey_content h2,#survsnt_survey_content h3,#survsnt_survey_content h4,#survsnt_survey_content h5,#survsnt_survey_content h6
{font-size:100%;font-weight:normal;}

#survsnt_survey_content q:before,#survsnt_survey_content q:after
{content:'';}

#survsnt_survey_content abbr,#survsnt_survey_content acronym
{border:0;}

#survsnt_survey_content_embed  input[type=button], #survsnt_survey_content input[type=button] {
	padding: 3px 6px;
	cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(center top , #F4F4F4, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #D2D2D2;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
    color: #7C7C7C;
    font-weight: normal;
    line-height: 1.42857;
} 

#survsnt_survey_content_embed  input[type=button]:hover, #survsnt_survey_content input[type=button]:hover {
	background-color: #ebebeb;
	color: #5e5e5e;
}

#survsnt_survey_content ul.survsnt_question_list {
    padding: 0;
	margin: 0 0 10px 25px;    
}

#survsnt_survey_content ul.survsnt_question_list li {
	margin: 0;
    padding: 0;
}

#survsnt_survey_content ul.survsnt_question_list li label {
	margin: 0;
    padding: 0;
    /*margin-bottom: 0px;*/
}

#survsnt_survey_content ul.survsnt_question_list_preview input[type="radio"] {
	margin: 0;
    padding: 0;
}

#survsnt_survey_content p {
	margin: 0 0 10px;
}

#survsnt_survey_content .optin_field input[type="text"], #survsnt_survey_content .optin_field input[type="email"] {
	width: 206px !important;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
   	border-radius: 3px 3px 3px 3px;
    color: #555555;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    padding: 4px 6px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

/*Answer*/

.survsnt_wrappable {
	 white-space:normal;
}

.survsnt_social_media {
	text-align: center;
}

.survsnt_social_media {
	width: 220px;
}

/* Fix */

.survsnt_frontend_wrapper ul.survsnt_question_list li:before {
	content : none;
}