@font-face {
  font-family: 'Cirkulus';
  src: url('Cirkulus\ Regular.woff2') format('woff2');
}

a:link, a:visited {
	color: #f5abc6;
	text-decoration: none;
	}
a:hover {
	text-decoration: none;
	color: #abc6f5;
	}
body {	
	text-align: justify;
	background-color: #abc6f5;
	}
#wrapper {
    margin: 0 auto;
    width: 476px;
}
#wrapper > span {
	padding-left: 37px;
	font-family: "Cirkulus", serif;
	font-size: 2.25em;
	color: #fff;
    text-shadow: 2px 2px 2px #0000007a;
}
#pic {
    position: relative;
    top: 79px;
}
#nav {
	margin: 13px 0 3px 85px;
	padding: 4px;
    width: 200px;
    background-color: #fff;
    border-radius: 15px;
    text-align: center;    
}
#nav a { 
	color: #000; 
	font-size: 1.25em;
}
#content {
	margin: 0 auto;
	padding: 3px;
	width: 344px;
    background-color: #c6f6ac;
    border: 9px solid #fff;
    border-radius: 8px;
	color: #202020;
	font-size: 0.6em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	overflow: auto;
	}
div#page {
    width: 344px;
    height: 208px;
    overflow: auto;	
}
blockquote { margin: 35px 0;}
ul {
	list-style-position: outside;
	list-style-type: decimal;
	text-align: left;
	}
h3 {
	text-align: right;
	font: 2.25em "Cirkulus", serif;
    letter-spacing: .2em;
    color: #fff;
    text-shadow: 2px 2px 2px #000;
	}
h6 {
	letter-spacing: .2em;
	font-weight: bold;
	font-size: 1em;
	}
.req:before{
	content: "*";
	color: red;
}
label { display: block; }
input, textarea, select {
    width: 158px;
	font: .95em arial;
	border: 1px solid #c6f5ab; 
}
.show_join_email_settings_field { width: 18px; }
.show_join_send_account_info_field { width: 15px; }
.jsubbtn, .usubbtn, .jresbtn, .uresbtn {
	font-size: 1.15em;
	color: #202020;
	background-color: #c6f5ab;
	border-right: 1px solid #69825a;
	border-bottom: 1px solid #69825a;
	border-top: 1px solid #eeffe5;
	border-left: 1px solid #eeffe5;
	cursor: pointer;
	}
.jsubbtn:active, .usubbtn:active, .jresbtn:active, .uresbtn:active {
	background-color: #69825a;
	color: #c6f5ab;
}
.show_lostpass_email_label { display: block; }
pre { font-size: 1.15em; }
.control-copytextarea {
    position: relative;
    top: 34px;
    font-size: .88em;
    cursor: pointer;
}
.small {
	font-size: .80em;
	text-align: center;
}
footer { 
	margin-top: 13px;
	font-size: .8em;
	text-align: center;
	font-style: oblique;
	line-height: 13px;
	color: #adaeb1;
 }
footer div:nth-child(2) { font-style: normal;}
footer div:nth-child(2) a:after { border: 0; background-color: transparent; }