@charset "utf-8";
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%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
div{position:relative;display:block;float:left;margin:0;padding:0;width: 100%;}
.fr{float:right;}
.float_left{float:left;}
.float_right{float:right;}
.cntr{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.strng{font-weight:Bold;}
.italic{font-style:italic;}
.hdn{display:none;}
.ohide{overflow:hidden;}
input::-moz-focus-inner { 
	border: 0; 
	padding: 0; 
	margin-top:-2px; 
	margin-bottom: -2px; 
}

/**
 * Background / Foreground containers:	
 */
div.container_fg {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	min-heigth: 100%;
    z-index: 1001;
}
div.container_bg {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	min-heigth: 100%;
    z-index: 800;
    text-align: center;
}


/*
 * Simple Content:
 */
 div.inner_container {
 	position: relative;
 	float: none;
 	width: 320px;
 	min-height: 800px;
 	margin: 0 auto 0 auto;
 	font-family: Verdana, Arial;
 	font-size: 10pt;
 }
 div.simplecontent {
 	width: 320px;
 }
 div.simplecontent P {
 	font-size: 1.1em;
 	line-height: 20px;
 }
 div.simplecontent H1 {
 	font-size: 1.2em;
 	line-height: 40px;
 }
 
 div.simplecontent A.button {
 	width: 500px;
 	margin: 20px 0 0 50px;
 	height: 60px;
 	line-height: 60px;
 	font-size: 1.2em;
 }
 div.question {
 	width: 320px;
 	margin: 10px 0 0 0;
 	height: 40px;
 	line-height:20px;
 	font-size: 1.2em;
 	text-shadow: 1px 1px 2px #FFF;
 }
 	div.question div.number {
 		width: 100%;
 		text-align: center;
 		font-weight: Bold;
 	}
 	div.question div.title {
 		width: 100%;
 		text-align: center;
 	}
 	
 	div.simplecontent A.answer {
 		width: 320px;
 		display: block;
 		float: left;
 		height: 60px;
		background: #e2e2e2; /* Old browsers */
		background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
		background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
		-webkit-border-radius: 05px;
		-moz-border-radius: 05px;
		border-radius: 05px;
		border: 1px solid #000000;
		margin: 10px 0 0 0;
 	}
	 div.simplecontent A.answer span.letter {
	 	margin: 5px 0 0 5px;
		width: 50px;
		height: 50px;
		line-height:50px;
		float: left;
		display: block;
		text-align: center;
		background-color: #000000;
		color: #FFFFFF;
		-webkit-border-radius: 05px;
		-moz-border-radius: 05px;
		border-radius: 05px;
		font-weight: Bold;
	}
	div.simplecontent A.answer span.title {
		width: 260px;
		height: 60px;
		line-height:60px;
		float: left;
		display: block;
		text-indent: 5px;
		color: #000000;
		text-shadow: 1px 1px 2px #ffffff;
	}