/* Style Sheet for SexGage  */

*{
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
}

/* Make HTML5 layout elements block elements for older browsers */
header, nav, aside, article, footer, section{
 	display:block;
}
body {
	font: 18px Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #000000;
	color: #000000;
}

#wrapper {
	width: 100%;
 	max-width: 800px;
 	/* Center the layout */
 	margin: 0 auto;
}

.setup {
	width: 100%;
	margin: 0 auto;
}

.setup div.level1 {
	width: 100%;
	margin: 0 auto;
	background-color: #cc66ff;
	padding: 2px;
}

.setup div.level2 {
	width: 100%;
	margin: 0 auto;
	background-color: #9933cc;
	padding: 10px;
}

.setup div.level3 {
	width: 100%;
	margin: 0 auto;
	background-color: #663399;
	padding: 1px;
}

header {
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 1px;
	text-align: center;
}

header div.logo {
	padding-top: 20px;
}

header div.logoSm {
	padding-top: 20px;
	text-align: left;
}

article {
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 1px;
	text-align: center;
}

article a {
	outline: none;
}

article div.step1 {
	width: 80%;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 1px;
	text-align: center;
}

article div.hLeft {
	float: left;
	margin-left: 30px;
}
article div.hRight {
	float: right;
	margin-right: 30px;
}

article div.step2 {
	width: 70%;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 1px;
	text-align: left;
}

article img.st2Left {
	float: left;
	margin-left: 40px;
}

article div.st2choice {
	float: right;
	text-align: left;
	width: 30%;
}

article div.step3 {
	display: table;
	border-collapse: collapse;
	width: 50%;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 1px;
}

.step3 .tip1 {
	display: table-cell;
	width: 25%;
	text-align: center;
	padding: 2%;
}

.step3 .tip2 {
	display: table-cell;
	width: 25%;
	text-align: center;
	padding: 2%;
}

.step3 .tip3 {
	display: table-cell;
	width: 25%;
	text-align: center;
	padding: 2%;
}

.step3 .tip4 {
	display: table-cell;
	width: 25%;
	text-align: center;
	padding: 3%;
}

article div.step4 {
	width: 70%;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 1px;
	text-align: left;
}

article img.st4Left {
	float: left;
	margin-left: 30px;
}

article div.st4choice {
	float: right;
	text-align: left;
	width: 30%;
}

article div.step5 {
	width: 70%;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 1px;
	text-align: left;
}

article img.st5Left {
	float: left;
	margin-left: 30px;
}

article div.st5choice {
	float: right;
	text-align: left;
	width: 30%;
}

article div.step6 {
	width: 80%;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 1px;
	text-align: center;
}

article .input {
	border: solid 2px #663399;

}

article div.ent {
	width: 80%;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 1px;
	text-align: left;
}

article img.entHeart {
	float: left;
}

article div.ad {
	width: 80%;
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
}

footer {
	background-color: #ffffff;
	width: 100%;
	margin: 0 auto;
}

footer div.ad {
	width: 80%;
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
}

footer div.copy {
	width: 95%;
	margin: 0 auto;
	font-size: 12px;
	text-align: left;
	padding-bottom: 5px;
}

.clear {
	clear: both;	
}

.large {  font-size: 30px; font-weight: bold; color: #9933cc}
.bold_red { font-weight: bold ; color: #FF0000}




.normal {  font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-style: normal; font-weight: 100}
.dkpurple_B { font-family: Arial, Helvetica, sans-serif; color: #663399; font-weight: bold }

.medium { font-size: 30px; font-weight: bold; color: #9933cc }
.normal_bold {  font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold}

.small {  font-family: Arial, Helvetica, sans-serif; font-size: 12px}
a:link {
	color: #9933cc;
}
a:visited {
	color: #9933cc;
}
a:active {
	color: #CCCCCC;
}td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
}
#RedBox {
	border: 1px solid #FF0000;
}

.LogIn {
	font-size: 12px;
	font-weight: normal;
}