/* ----------------- */
/* ----------------- */
/* --- CSS RESET --- */
/* ----------------- */
/* ----------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
/* remember to define focus styles! */
:focus {
    outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* ----------------- */
/* ----------------- */
/* --- Common CSS -- */
/* ----------------- */
/* ----------------- */
.left{
    float:left;
}
.right{
    float:right;
}
.clear{
    clear:both;
}
sup
{
    vertical-align: super;
    font-size: 13px;
    font-weight: normal;
}

micro.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
/* ----------------- */
/* ----------------- */
/* --- Page CSS --- */
/* ----------------- */
/* ----------------- */

html{
 -webkit-text-size-adjust: 100%;	
}

body{
	font-family: 'Helvetica Neue', 'Roboto', sans-serif;	
}

.wrapper{
	max-width: 340px;
	margin: 0 auto;
	padding: 10px 10px;
	min-width: 300px;
	width:340px;
}

.top-bar{
	height: 55px;
	background: #fff;
	border-bottom: 1px solid #ccc;
}

.top-bar h1{
	color: #FFF;
	line-height: 47px;
	font-size: 24px;
	padding-left: 10px;
	font-weight: 400;
}

.top-bar .logo-sm{
	padding-top: 3px;

}



.header{
	position: relative;
	
/*
	border-top: 1px solid #7d8ea5;
	background: #FFF;
	border-bottom: 1px solid #adb0b4;
*/
	color:#000;
	margin-bottom: 0px;
}

.header strong{
	/* color: #000; */
}
.header .content-box{
	padding: 10px 20px;
	margin: 10px 0px;
}

.header-logos{
	text-align: center;
	padding-top: 0px;
	position: relative;
}

.header-logos img{
	max-width: 70%;
	max-height:190px;
	padding-bottom: 5px;
}

.header-text{
	/* width: 640px; */
		/* width: 65%; */
}

.header-text h1{
	color: #3b5998;
	font-size: 80px;
	font-weight: 400;
	letter-spacing: -3px;
}

.header-text p{
	font-size: 16px;
	font-weight: 400;
	padding: 5px 0px;

}



.content-box{
	border:0;
	border-radius: 10px;
	background: #FFF;
	/* min-height: 320px; */
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	/* box-shadow: inset 0px 0px 0px 1px #e6e7e9; */
}

.fade{
	position: absolute;
	height: 100%;
	width: 100%;
	margin: 0px;
	background: #FFF;
	display: none;
	z-index: 999999;
	border-radius: 10px;
}

.questions{
	margin-top: 15px;
	text-align: center;
}

.question{
	display: none;
}

#question1{
	display: block;
}
.question-number{
	font-size: 20px;
}

.question-text{
	margin-top: 5px;
	font-size: 18px;
}

.answer-list{	
}
.answer-list li{
	margin-top: 10px;
	width: 100%;
}

.btn{
background: rgb(99,123,173); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(99,123,173,1) 0%, rgba(89,114,167,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,123,173,1)), color-stop(100%,rgba(89,114,167,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(99,123,173,1) 0%,rgba(89,114,167,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(99,123,173,1) 0%,rgba(89,114,167,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(99,123,173,1) 0%,rgba(89,114,167,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(99,123,173,1) 0%,rgba(89,114,167,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#637bad', endColorstr='#5972a7',GradientType=0 ); /* IE6-9 */
	

	border-radius: 10px;
	
	border: 1px solid #29447e;
	border-bottom-color: #1a356e;
	
	box-shadow: inset 0px 1px 0px #8a9cc2, 0px 1px 0px rgba(0,0,0,0.2);

	width: 90%;

	color: #FFF;
	padding-left: 0px;
	height: 50px;
	line-height: 50px;
	font-size: 19px;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
	cursor: pointer;
	text-align: center;
	margin: 0px 5%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	display: inline-block;
	zoom: 1;
	*display: inline;

}

.btn:hover{
background: rgb(106,131,184); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(106,131,184,1) 0%, rgba(95,122,178,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,131,184,1)), color-stop(100%,rgba(95,122,178,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(106,131,184,1) 0%,rgba(95,122,178,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(106,131,184,1) 0%,rgba(95,122,178,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(106,131,184,1) 0%,rgba(95,122,178,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(106,131,184,1) 0%,rgba(95,122,178,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a83b8', endColorstr='#5f7ab2',GradientType=0 ); /* IE6-9 */

}

.btn:active{
	background: #3b5998;
	box-shadow: inset 0px 2px 8px rgba(0,0,0,0.4);
}

.btn span{
	color: #FFF;
	padding: 0px 20px 0px 20px;
	min-width: 150px;	
	display: inline-block;
	zoom: 1;
	*display: inline;
}



.loader{
	color: #000;
	font-size: 18px;
	padding-top: 10px;
}

.loader .text{
	display: none;
}

.loader-image{
text-align: center;
padding-bottom: 20px;
}

.loader .text_container{
	min-height: 55px;
}

.loader .text1{
	padding-top: 20px;	
}
.loader .text2{
	padding-top: 20px;	
}
.loader .text3{
	padding-top: 0px;
	padding-bottom: 5px;	
}

.success-header{
	font-size: 19px;
	font-weight: bold;
}

.success-redirect{
	font-size: 17px;
}

.prize_boxes {
	padding: 0 0 0 58px;
	text-align: center;
}

.prize_box {
	color: #222;
		text-decoration: none;
	display: block;
	float: left;
	padding-top: 15px;
	width: 253px;
	margin-right: 15px;
	position: relative; /* disable text-selection */
	cursor: pointer;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.prize_box:hover .prize_title{
	text-decoration: underline;
}


.prize_title {
	color: #3B5998;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 26px;
	font-weight: bold;
	margin: 0 2px 10px;
}

.prize {
	margin-bottom: 14px;
}

.stock_box {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #999999;
	color: #666;
	display: none;
	font-size: 13px;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
    top: 86px;
    left: 26px;
	position: absolute;
	width: 199px;
	z-index: 1;
	overflow: hidden; /* disable text-selection */

-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}