@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'customcalibri'; /*a name to be used later*/
    src: url('calibri.ttf'); /*URL to font*/
}

html { 
	background: url(images/bg2.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

signupHeader {
	position: absolute;
	top: 40px;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, 0px);
}

materializeHeader {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, 0px);
}

signupFormBG {
	position: absolute;
	top: 500px;
	left: 50%;
	margin: 0 auto;
	height: 400px;
	width: 360px;
	transform: translate(-370px, 0px);
	background-position: 0 0;
	background: url(images/signup_bg.png) no-repeat; 
}

signupForm {
	font-family: 'customcalibri';
	font-size: 24px;
	text-align: center;
	color: #333333;
	position: absolute;
	margin: 0 auto;
	height: 380px;
	width: 320px;
	transform: translate(20px, 20px);
}

codeText {
	font-family: 'customcalibri';
	font-size: 16px;
	text-align: center;
	color: #333333;
}

postSignupBG {
	position: absolute;
	top: 500px;
	left: 50%;
	margin: 0 auto;
	height: 400px;
	width: 360px;
	transform: translate(-370px, 0px);
	background-position: 0 0;
	background: url(images/postsignup_bg.png) no-repeat; 
}

linksBG {
	position: absolute;
	top: 500px;
	left: 50%;
	margin: 0 auto;
	padding-top: 20px;
	height: 400px;
	width: 360px;
	transform: translate(10px, 0px);
	background-position: 0 0;
	background: url(images/postsignup_bg.png) no-repeat; 
}


ChangelistBG {
	position: absolute;
	top: 940px;
	left: 50%;
	margin: 0 auto;
	width: 700px;
	transform: translate(-370px, 0px);
	background-position: 0 0;
	
}


Changelist{
	font-family: 'customcalibri';
	font-size: 24px;
	text-align:left;
	color: #333333;
	position: absolute;
	margin: 0 auto;
	width: 100%;
	transform: translate(0px, 0px);
	
	border: 20px solid transparent;
	-moz-border-image: url(images/round_border.png) 20 stretch; /* Old Firefox */
	-webkit-border-image: url(images/round_border.png) 20 stretch; /* Safari 3.1-5 */
    -o-border-image: url(images/round_border.png) 20 stretch; /* Opera 11-12.1 */
    border-image: url(images/round_border.png) 20 stretch;
	
	background-position: -20px 0;
	background-image: url(images/changelist_mid.png);
}

.ChangelistHeader{
	font-family: 'customcalibri';
	font-size: 20px;
}

.ChangelistContent{
	font-family: 'customcalibri';
	font-size: 16px;
}

HeaderMenu {
	position: absolute;
	top: 460px;
	left: 50%;
	margin: 0 auto;
	width: 720px;
	transform: translate(-360px, 0px);
	background-position: 0 0;
	background-color:#FFFFFF;
	background-clip: content-box;
	height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
	
	font-family: 'customcalibri';
	font-size: 24px;
	text-align: center;
	color: #333333;
	
	border: 20px solid transparent;
	-moz-border-image: url('images/round_border.png') 20 stretch; /* Old Firefox */
	-webkit-border-image: url('images/round_border.png') 20 stretch; /* Safari 3.1-5 */
    -o-border-image: url('images/round_border.png') 20 stretch; /* Opera 11-12.1 */
    border-image: url('images/round_border.png') 20 stretch;
	border-image-source: url('images/round_border.png');
}


.HeaderLink{
	font-family: 'customcalibri';
	font-size: 22px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.HeaderLink a:link{
	color:#333333;
	text-decoration:none;
}

.HeaderLink a:hover{
	color:#333333;
	text-decoration:none;
	font-weight:bolder;
}

.HeaderLink a:visited{
	text-decoration:none;
	color:#333333;
}

CenterContent {
	text-align: center;
}

.Text{
	font-family: 'customcalibri';
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align:left;
}

.TextHeader{
	font-family: 'customcalibri';
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.TextError{
	font-family: 'customcalibri';
	color:#990000;
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.LicenseForm {
	position: absolute;
	top: 560px;
	left: 50%;
	margin: 0 auto;
	margin-bottom: 40px;
	width: 720px;
	transform: translate(-360px, 0px);
	background-position: 0 0;
	background-color:#FFFFFF;
	background-clip: content-box;
	height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
	
	font-family: 'customcalibri';
	font-size: 24px;
	text-align: center;
	color: #333333;
	
	border: 20px solid transparent;
	-moz-border-image: url(images/round_border.png) 20 stretch; /* Old Firefox */
	-webkit-border-image: url(images/round_border.png) 20 stretch; /* Safari 3.1-5 */
    -o-border-image: url(images/round_border.png) 20 stretch; /* Opera 11-12.1 */
    border-image: url(images/round_border.png) 20 stretch;
}

.LicenseStep{
	font-family: 'customcalibri';
	font-size: 20px;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align:left;
}

.LicenseSubStep{
	font-family: 'customcalibri';
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align:left;
}

.LicenseHeader{
	font-family: 'customcalibri';
	font-size: 22px;
	margin-top: 60px;
	margin-bottom: 0px;
}

.LicenseReview{
	font-family: 'customcalibri';
	font-size: 22px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.FormField{
	font-family: 'customcalibri';
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.emailError{
	font-family: 'customcalibri';
	color:#990000;
	font-size: 14px;
}

a:link{
	color:#333333
}

.LicenseContent{
	font-family: 'customcalibri';
	font-size: 16px;
	margin-top: 0px;
}

.faqQuestion{
	font-family: 'customcalibri';
	font-size: 20px;
	text-align:left;
	margin-top: 0px;
	margin-bottom: 0px;
}

.faqAnswer{
	font-family: 'customcalibri';
	font-size: 14px;
	text-align:left;
	margin-top: 0px;
	margin-bottom: 10px;
}