/* ::::: http://warningnotification.com/predate/9/index.css ::::: */

body { margin: 25px 0px 250px; background-image: url('http://localmoms4u.com/mi/fr/web_mob/pop/4-126823/css/@22@22'); background-color: rgb(175, 175, 185); }
#container { border-radius: 0px; padding: 0px; width: 95%; min-width: 300px; max-width: 700px; position: relative; margin: 0px auto; }
#top { width: 100%; background-color: rgb(0, 0, 0); background-image: -moz-linear-gradient(90deg, rgb(51, 51, 51) 0%, rgb(0, 0, 0) 100%); font-size: 23px; color: rgb(255, 255, 255); font-family: "Open Sans",sans-serif; font-weight: bold; padding-top: 12px; padding-bottom: 12px; }
#q0, #q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9 { border-radius: 6px; overflow: hidden; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); width: 100%; min-width: 300px; max-width: 700px; display: none; position: absolute; line-height: 28px; font-size: 22px; color: rgb(0, 0, 0); font-family: "Open Sans",sans-serif; }
.btnyes { font-size: 30px; color: rgb(255, 255, 255); font-family: "Open Sans",sans-serif; width: 45%; background-color: rgb(0, 204, 0); background-image: -moz-linear-gradient(90deg, rgb(0, 153, 0) 0%, rgb(0, 204, 0) 100%); border-radius: 4px 0px 0px 4px; display: inline-block; cursor: pointer; font-weight: bold; padding: 17px 0px; text-decoration: none; text-shadow: 0px -1px rgb(0, 102, 0); }
.btnno { font-size: 30px; color: rgb(255, 255, 255); font-family: "Open Sans",sans-serif; width: 45%; background-color: rgb(204, 0, 0); background-image: -moz-linear-gradient(90deg, rgb(153, 0, 0) 0%, rgb(204, 0, 0) 100%); border-radius: 0px 4px 4px 0px; display: inline-block; cursor: pointer; font-weight: bold; padding: 17px 0px; text-decoration: none; text-shadow: 0px -1px rgb(51, 0, 0); }
.btnnext { font-size: 30px; color: rgb(0, 0, 0); font-family: "Open Sans",sans-serif; width: 40%; min-width: 200px; background-color: rgb(0, 204, 0); background-image: -moz-linear-gradient(90deg, rgb(254, 188, 0) 0%, rgb(255, 229, 0) 100%); border-radius: 4px; display: inline-block; cursor: pointer; font-weight: bold; padding: 20px 0px; text-decoration: none; text-shadow: 0px 1px rgb(255, 229, 0); }
#box { margin: 0px auto; padding: 10px; }
#box2 { width: 50%; min-width: 300px; margin: 0px auto; padding: 10px; }
.h1 { font-size: 36px; color: rgb(255, 255, 255); font-family: "Open Sans",sans-serif; }
.style1 { font-size: 22px; color: rgb(102, 102, 102); font-family: "Open Sans",sans-serif; }
.style2 { font-size: 18px; color: rgb(68, 68, 68); font-family: "Open Sans",sans-serif; }
.styleq2 {  }
.circle1 { font-size: 23px; color: rgb(0, 0, 0); font-family: "Open Sans",sans-serif; font-weight: bold; background: rgb(231, 231, 231) none repeat scroll 0% 0%; border-radius: 100px; padding: 5px 11px; }
.circle2 { font-size: 23px; color: rgb(0, 0, 0); font-family: "Open Sans",sans-serif; font-weight: bold; background: rgb(85, 85, 85) none repeat scroll 0% 0%; border-radius: 100px; padding: 5px 11px; text-shadow: 0px 1px rgb(102, 102, 102); }
@media screen and (max-width: 500px) {
	#q0, #q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9 { font-size: 18px; line-height: 21px; }
	.h1 { font-size: 22px; }
	.style2 { font-size: 15px; }
	.style1 { font-size: 17px; color: rgb(102, 102, 102); }
	#top { font-size: 18px; }
	.btnyes { font-size: 24px; }
	.btnno { font-size: 24px; }
	.btnnext { font-size: 24px; }
	#topbefore { background-color: rgb(230, 230, 234); padding: 6px; width: 89%; margin: 0px auto; text-align: left; }
}