/******************************************************************************************************************************************

	Company 		:  Fred J Bishop Enterprises
	File name 		:  register.css
	Developed on	:  08-30-2021
	Owner			:  Fred J Bishop Enterprises
	Contact no		:  bishop.fredj@gmail.com

	Copyright (c) 2010 - 2021, Fred J Bishop Enterprises.
        
	All rights reserved.  This software is protected by the national and international copyright laws that pertain to computer software.
	You may not loan, sell, rent, lease, give, sub license, or otherwise transfer the software (or any copy).

	Disclaimer

	By using the script(s), you are agree and understand that the writers are not responsible for any damages caused under any conditions
	due to the malfunction or bugs from the script. Please use at your own risk.

*******************************************************************************************************************************************/

	#MyLogo {
		text-align: center;
	}

	.MyLogo {
		text-align: center;
		max-width: 175px ;
		width: 100% ;
	}

	.ZLicense-box {
		border-radius:10px;
		min-height:200px;
		box-shadow:0px 0px 10px #ccc;
		display:inline-block;
		width:100%;
		padding:15px 15px 15px 0;
		margin: 90px 0 0 0 ;
	}

	.ZLicense-back{
		background-size: auto auto;
		display: inline-block;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		border-radius: 10px 0px 0px 10px;
		background-size: cover;
		background-repeat:no-repeat
	}

	.ZLicense-OuterBox {
		color: rgba(0, 0, 0, 0.72);
		text-decoration: none;

		box-shadow:
			2px 2px 0.5em rgba(122, 98, 0, 0.55),
			inset 1px 1px 0 rgba(255, 255, 255, 0.9),
			inset -1px -1px 0 rgba(0, 0, 0, 0.34)
		;

		border: 1px solid #deca73;

		background:
		-moz-linear-gradient(
			-72deg,
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		);

		background:
		-webkit-linear-gradient(
			-72deg,
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		);

		background:
		-o-linear-gradient(
			-72deg,
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		);

		background:
		linear-gradient(
			-72deg,
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		);
		-webkit-border-top-right-radius:15px;
		-moz-border-radius-topright:15px;
		border-top-right-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		-moz-border-radius-bottomright:15px;
		border-bottom-right-radius:15px;
		padding: 4px 4px 4px 4px ;
		margin: 0 0 0 0 ;
	}

	.ZLicense-InnerBox {
		display:inline-block;
		box-shadow:0px 0px 10px #ccc;
		-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
		-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
		box-shadow:inset 0px 1px 0px 0px #f29c93;
		width:100%;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e3e3e3) );
		background:-moz-linear-gradient( center top, #ffffff 5%, #e3e3e3 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3');
		min-height:300px;
		-webkit-border-top-right-radius:15px;
		-moz-border-radius-topright:15px;
		border-top-right-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		-moz-border-radius-bottomright:15px;
		border-bottom-right-radius:15px;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}

	.ZLicense-Content {
		padding:20px 20px 20px 20px ;
	}


.log-box {
	border-radius:10px;
	min-height:300px;
	box-shadow:0px 0px 10px #ccc;
	display:inline-block;
	width:100%;
}

.logo-back{
	background-size: auto auto;
	display: inline-block;
	width: 100%;
	min-height: 175px;
	height: 100%;
	align-items: center;
	justify-content: center;
	border-radius: 10px 0px 0px 10px;
	background-size: cover;
	background-repeat:no-repeat
}

.log-content{
	padding:0 20px 0px;
	display:inline-block;
	width:100%;
	background-color:#fff;
	min-height:500px;
	border-radius:0px 10px 10px 0px;
}

.log-content .log-body{
	margin-top:50px;
}

.log-content label{
	margin:0px;
	font-family:Poppins-R;
	font-size:14px;
	display:none;
}

.log-content2{
	padding:0 20px 0px;
	display:inline-block;
	width:100%;
	background-color:#fff;
	min-height:500px;
	border-radius:0px 10px 10px 0px;
}

.log-content2 .log-body{
	margin-top:20px;
}

.log-content3{
	padding:0 20px 0px;
	display:inline-block;
	width:100%;
	background-color:#fff;
	min-height:375px;
	border-radius:0px 10px 10px 0px;
}

.log-content3 .log-body{
	margin-top:20px;
}

.log-header {
	font-size: 32px ;
	font-weight: 600 ;
	padding-left: 10px ;
}

#heading {
    text-transform: uppercase;
    color: #000000;
    font-weight: normal;
}

.ErrorMessage {
	font: normal 18px/1.4em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:center ;
}

.AuthorImg {
	max-width: 150px;
}

.fs-title {
    font-size: 25px;
    color: #000000;
    font-weight: normal;
    text-align: center;
}

.card {
    z-index: 0;
    border: none;
    position: relative;
}

.form-card {
    text-align: left;
}

.purple-text {
    color: #000000;
    font-weight: normal
}

.fieldlabels {
    color: gray;
    text-align: left;
}

p {
    color: grey;
}

.has-error {
	border-color:#cc0000;
	background-color:#ffff99;
}

.token-address {
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-style:normal;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	text-align:center;
    color: #9D7237;
}

textarea.templeteform1 {
	font: normal 14px Arial, Helvetica, sans-serif; 
	color: #333333; 
	border:2px solid #c7c7c7; 
	margin:2px 0; 
	padding:5px 2px 5px 5px ;
	width:99%;
	background:#fff;
	border:2px solid #c7c7c7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.NM_page1 {
	font: bold 18px/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #000;
	color: #FFFFFF;
	text-align: center;
	width:100% ;
	margin: 20px 0 20px 0 ;
	padding: 20px 0 20px 0 ;
}

.NM_page2 {
	font: normal 18px/1.3em Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	width:100% ;
	margin: 30px 0 10px 0 ;
	padding: 20px 0 20px 0 ;
}

.NM_page3 {
	font: bold 18px/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #000;
	color: #FFFFFF;
	text-align: center;
	width:100% ;
	padding: 0 0 20px 0 ;
}

.NM_page4 {
	font: normal 28px/1.3em Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: 900 ;
	text-align: center;
	width:100% ;
	padding: 0px 0 20px 0 ;
}

.NM_page5 {
	font: normal 15px/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
	color: #000000;
}


/* OrderBookForm ************************************************************************************************************************ */

#OrderBookForm {
    text-align: center;
    position: relative;
    margin-top: 20px;
}

#OrderBookForm fieldset {
    background: white;
    border: 0px none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
}

#OrderBookForm fieldset:not(:first-of-type) {
    display: none;
}

#OrderBookForm input,
#OrderBookForm textarea {
    padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 16px;
    letter-spacing: 1px;
	border-radius:0.3em;
}

#OrderBookForm input:focus,
#OrderBookForm textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #673AB7;
    outline-width: 0;
}

#OrderBookForm .action-button {
	font-weight: bold;
	color: white;
	width: 100px;
	background:#1E90FF;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00BFFF), color-stop(1, #1E90FF) );
	background:-moz-linear-gradient( center top, #00BFFF 5%, #1E90FF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#1E90FF');
	text-shadow: 1px 1px 1px rgba(204, 204, 204, 0.66);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
	border-radius: 0.5em;
	border:2px solid #CECECE;
	float: right;
	margin: 0 0 10px 5px ;
	padding: 10px 5px 10px 5px ;
	cursor: pointer;
}

#OrderBookForm .action-button:hover,
#OrderBookForm .action-button:focus {
	color: #FFFF00;
	background:#00BFFF;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1E90FF), color-stop(1, #00BFFF) );
	background:-moz-linear-gradient( center top, #1E90FF 5%, #00BFFF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E90FF', endColorstr='#00BFFF');
	text-shadow: 1px 1px 1px rgba(204, 204, 204, 0.66);
}

#OrderBookForm .action-button2 {
	font-weight: bold;
	color: white;
	width: 150px;
	background:#1E90FF;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00BFFF), color-stop(1, #1E90FF) );
	background:-moz-linear-gradient( center top, #00BFFF 5%, #1E90FF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#1E90FF');
	text-shadow: 1px 1px 1px rgba(204, 204, 204, 0.66);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
	border-radius: 0.5em;
	border:2px solid #CECECE;
	float: right;
	margin: 0 0 10px 5px ;
	padding: 10px 5px 10px 5px ;
	cursor: pointer;
}

#OrderBookForm .action-button2:hover,
#OrderBookForm .action-button2:focus {
	color: #FFFF00;
	background:#00BFFF;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1E90FF), color-stop(1, #00BFFF) );
	background:-moz-linear-gradient( center top, #1E90FF 5%, #00BFFF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E90FF', endColorstr='#00BFFF');
	text-shadow: 1px 1px 1px rgba(204, 204, 204, 0.66);
}

#OrderBookForm .action-button3 {
	font-weight: bold;
	color: white;
	width: 300px;
	background:#1E90FF;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00BFFF), color-stop(1, #1E90FF) );
	background:-moz-linear-gradient( center top, #00BFFF 5%, #1E90FF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#1E90FF');
	text-shadow: 1px 1px 1px rgba(204, 204, 204, 0.66);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
	border-radius: 0.5em;
	border:2px solid #CECECE;
	float: right;
	margin: 0 0 10px 5px ;
	padding: 10px 5px 10px 5px ;
	cursor: pointer;
}

#OrderBookForm .action-button3:hover,
#OrderBookForm .action-button3:focus {
	color: #FFFF00;
	background:#00BFFF;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1E90FF), color-stop(1, #00BFFF) );
	background:-moz-linear-gradient( center top, #1E90FF 5%, #00BFFF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E90FF', endColorstr='#00BFFF');
	text-shadow: 1px 1px 1px rgba(204, 204, 204, 0.66);
}

#OrderBookForm .action-button-previous {
	font-weight: bold;
	color: white;
	width: 100px;
		background-color:#090999;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0909FF), color-stop(1, #090999) );
		background:-moz-linear-gradient( center top, #0909FF 5%, #090999 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0909FF', endColorstr='#090999');
	text-shadow: 1px 1px 1px rgba(204, 204, 204, 0.66);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
	border-radius: 0.5em;
	border:2px solid #CECECE;
	float: right;
	margin: 0 0 10px 5px ;
	padding: 10px 5px 10px 5px ;
	cursor: pointer;
}

#OrderBookForm .action-button-previous:hover,
#OrderBookForm .action-button-previous:focus {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #090999), color-stop(1, #0909FF) );
		background:-moz-linear-gradient( center top, #090999 5%, #0909FF 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#090999', endColorstr='#0909FF');
}

/* ProgressBar ************************************************************************************************************************** */

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    display:flex;
    justify-content:center;
    align-items:center;
}

#progressbar .active {
    color: #0909FF;
}

#progressbar ul {
	margin: 0;
	padding: 0 0 0 0 ;
	display: flex;
	list-style: none;
	align-items: center;
}

#progressbar li {
    position: relative;
    list-style-type: none;
    font-size: 15px;
    width: 20%;
    font-weight: 400;
}

#progressbar #member:before {
    font-family: FontAwesome;
    content: "\f007";
}

#progressbar #address:before {
    font-family: FontAwesome;
    content: "\f041";
}

#progressbar #username:before {
    font-family: FontAwesome;
    content: "\f044";
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f155";
}

#progressbar #book:before {
    font-family: FontAwesome;
    content: "\f02d";
}

#progressbar #cover:before {
    font-family: FontAwesome;
    content: "\f03e";
}

#progressbar #picture:before {
    font-family: FontAwesome;
    content: "\f030";
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c";
}

#progressbar #membership:before {
    font-family: FontAwesome;
    content: "\f0c0";
}

#progressbar #finish:before {
    font-family: FontAwesome;
    content: "\f004";
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #0909FF;
}

.progress {
    height: 20px;
}

.progress-bar {
    background-color: #0909FF;
}

#progressbar2 {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    display:flex;
    justify-content:center;
    align-items:center;
}

#progressbar2 .active {
    color: #0909FF;
}

#progressbar2 ul {
	margin: 0;
	padding: 0 0 0 0 ;
	display: flex;
	list-style: none;
	align-items: center;
}

#progressbar2 li {
    position: relative;
    list-style-type: none;
    font-size: 15px;
    width: 25%;
    font-weight: 400;
}

#progressbar2 #member:before {
    font-family: FontAwesome;
    content: "\f007";
}

#progressbar2 #address:before {
    font-family: FontAwesome;
    content: "\f041";
}

#progressbar2 #username:before {
    font-family: FontAwesome;
    content: "\f044";
}

#progressbar2 #payment:before {
    font-family: FontAwesome;
    content: "\f155";
}

#progressbar2 #book:before {
    font-family: FontAwesome;
    content: "\f02d";
}

#progressbar2 #cover:before {
    font-family: FontAwesome;
    content: "\f03e";
}

#progressbar2 #picture:before {
    font-family: FontAwesome;
    content: "\f030";
}

#progressbar2 #confirm:before {
    font-family: FontAwesome;
    content: "\f00c";
}

#progressbar2 #membership:before {
    font-family: FontAwesome;
    content: "\f0c0";
}

#progressbar2 #finish:before {
    font-family: FontAwesome;
    content: "\f004";
}

#progressbar2 li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

#progressbar2 li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar2 li.active:before,
#progressbar2 li.active:after {
    background: #0909FF;
}

#progressbar3 {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    display:flex;
    justify-content:center;
    align-items:center;
}

#progressbar3 .active {
    color: #0909FF;
}

#progressbar3 ul {
	margin: 0;
	padding: 0 0 0 0 ;
	display: flex;
	list-style: none;
	align-items: center;
}

#progressbar3 li {
    position: relative;
    list-style-type: none;
    font-size: 15px;
    width: 100%;
    font-weight: 400;
}

#progressbar3 #startorder:before {
    font-family: FontAwesome;
    content: "\f07a";
}

#progressbar3 #confirm:before {
    font-family: FontAwesome;
    content: "\f00c";
}

#progressbar3 li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

#progressbar3 li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar3 li.active:before,
#progressbar3 li.active:after {
    background: #0909FF;
}

/* Progress Bar Style ******************************************************************************************************************* */

#progressbox4 {
	border: 1px solid #92C8DA;
	padding: 1px; 
	position:relative;
	max-width:100%;
	border-radius: 3px;
	margin: 10px;
	display:none;
	text-align:center;
}

#progressbar4 {
	height:30px;
	border-radius: 3px;
	background-color: #EBCE53;
	width:1%;
}

#statustxt4 {
	top:3px;
	left:50%;
	position:absolute;
	display:inline-block;
	color: #000000;
}


/* Upload Form ************************************************************************************************************************** */

#NoImage {
	margin-top:30px;
	padding: 5px;
	font-size: 12px;
	min-height:100px;
	text-align:center;
}

#output {
	min-height:300px;
	text-align:center;
}

#err{
	color: red;
}

#NoImage img{
	max-width: 100%;
	border: solid #cdcdcd 1px;
	padding:5px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .2);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .2);
	overflow: hidden;
	max-width: 310px;
}

#outputDone a {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #000000; 
	max-width: 100%;
	border: solid #cdcdcd 1px;
	padding:10px 20px 10px 20px ;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .2);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .2);
	overflow: hidden;
	margin: 20px 0 20px 0 ;
}

#outputDone a:hover {
	color: #FFF; 
	background-color: #000;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .2);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .2);
}

.card310-img {
	max-width: 310px ;
}

.cardLogo-img {
	border: solid #cdcdcd 1px;
	padding:5px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .2);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .2);
	overflow: hidden;
	max-width: 310px;
}


/* Color Bar **************************************************************************************************************************** */

	.BlackBar {
		-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
		-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
		box-shadow:inset 0px 1px 0px 0px #f29c93;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #000000) );
		background:-moz-linear-gradient( center top, #666666 5%, #000000 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
		background-color:#000000;
		height: 55px ;
		border-radius:0 10px 0 0 ;
	}

	.RedBar {
		-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
		-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
		box-shadow:inset 0px 1px 0px 0px #f29c93;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF0000), color-stop(1, #CC0000) );
		background:-moz-linear-gradient( center top, #FF0000 5%, #CC0000 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#CC0000');
		background-color:#FF0000;
		height: 55px ;
		border-radius:0 10px 0 0 ;
	}


.Redbar {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF0000), color-stop(1, #CC0000) );
	background:-moz-linear-gradient( center top, #FF0000 5%, #CC0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#CC0000');
	background-color:#FF0000;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
}

	.Yellowbar {
		box-shadow:
			2px 2px 0.5em rgba(199, 169, 0, 0.55),
			inset 1px 1px 0 rgba(235, 206, 83, 0.9),
			inset -1px -1px 0 rgba(0, 0, 0, 0.34)
		;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DDDD00), color-stop(1, #d4af37) );
		background:-moz-linear-gradient( center top, #DDDD00 5%, #d4af37 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDD00', endColorstr='#d4af37');
		background-color:#FFFF00;
		-webkit-border-top-left-radius:5px;
		-moz-border-radius-topleft:5px;
		border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		-moz-border-radius-topright:5px;
		border-top-right-radius:5px;
		-webkit-border-bottom-right-radius:5px;
		-moz-border-radius-bottomright:5px;
			border-bottom-right-radius:5px;
		-webkit-border-bottom-left-radius:5px;
		-moz-border-radius-bottomleft:5px;
		border-bottom-left-radius:5px;
		padding: 5px 0 5px 0 ;
	}


	.BlueBar {
		-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
		-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
		box-shadow:inset 0px 1px 0px 0px #f29c93;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00BFFF), color-stop(1, #1E90FF) );
		background:-moz-linear-gradient( center top, #00BFFF 5%, #1E90FF 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BFFF', endColorstr='#1E90FF');
		background-color:#1E90FF;
		height: 55px ;
		border-radius:0 10px 0 0 ;
	}


.ErrorBar {
	padding: 10px;
	border: 2px solid #EBCE53;
	box-shadow: #000000 0 0 10px inset ;
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF0000), color-stop(1, #CC0000) );
	background:-moz-linear-gradient( center top, #FF0000 5%, #CC0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#CC0000');
	background-color:#FF0000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 0 0 20px 0;
}


/* Background *************************************************************************************************************************** */

.BackgroundBox-OutlineGold {
	color: rgba(0, 0, 0, 0.72);
	text-decoration: none;
	width: 280px ;

	box-shadow:
		2px 2px 0.5em rgba(122, 98, 0, 0.55),
		inset 1px 1px 0 rgba(255, 255, 255, 0.9),
		inset -1px -1px 0 rgba(0, 0, 0, 0.34)
	;

	border: 1px solid #deca73;

	background:
	-moz-linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);

	background:
	-webkit-linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);

	background:
	-o-linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);

	background:
	linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	padding: 2px 2px 2px 2px ;
	margin: 0 0 0 0 ;
}

.BackgroundBox-OutlineSilver {
	color: rgba(0, 0, 0, 0.5);
	text-decoration: none;
	width: 280px ;

		box-shadow:
			2px 2px 0.5em rgba(122, 122, 122, 0.55),
			inset 1px 1px 0 rgba(255, 255, 255, 0.9),
			inset -1px -1px 0 rgba(0, 0, 0, 0.34)
		;

		border: 1px solid #dedede;

		background:
		-moz-linear-gradient(
			-72deg,
			#dedede,
			#ffffff 16%,
			#dedede 21%,
			#ffffff 24%,
			#454545 27%,
			#dedede 36%,
			#ffffff 45%,
			#ffffff 60%,
			#dedede 72%,
			#ffffff 80%,
			#dedede 84%,
			#a1a1a1
		);

		background:
		-webkit-linear-gradient(
			-72deg,
			#dedede,
			#ffffff 16%,
			#dedede 21%,
			#ffffff 24%,
			#454545 27%,
			#dedede 36%,
			#ffffff 45%,
			#ffffff 60%,
			#dedede 72%,
			#ffffff 80%,
			#dedede 84%,
			#a1a1a1
		);

		background:
		-o-linear-gradient(
			-72deg,
			#dedede,
			#ffffff 16%,
			#dedede 21%,
			#ffffff 24%,
			#454545 27%,
			#dedede 36%,
			#ffffff 45%,
			#ffffff 60%,
			#dedede 72%,
			#ffffff 80%,
			#dedede 84%,
			#a1a1a1
		);

		background:
		linear-gradient(
			-72deg,
			#dedede,
			#ffffff 16%,
			#dedede 21%,
			#ffffff 24%,
			#454545 27%,
			#dedede 36%,
			#ffffff 45%,
			#ffffff 60%,
			#dedede 72%,
			#ffffff 80%,
			#dedede 84%,
			#a1a1a1
		);
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	padding: 2px 2px 2px 2px ;
	margin: 0 0 0 0 ;
}

.BackgroundBox-OutlineGold1 {
	color: rgba(0, 0, 0, 0.72);
	text-decoration: none;

	box-shadow:
		2px 2px 0.5em rgba(122, 98, 0, 0.55),
		inset 1px 1px 0 rgba(255, 255, 255, 0.9),
		inset -1px -1px 0 rgba(0, 0, 0, 0.34)
	;

	border: 1px solid #deca73;

	background:
	-moz-linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);

	background:
	-webkit-linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);

	background:
	-o-linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);

	background:
	linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	padding: 2px 2px 2px 2px ;
	margin: 0 0 30px 0 ;
}

.BackgroundBox-OutlineSiver1 {
		color: rgba(0, 0, 0, 0.5);
		text-decoration: none;

		box-shadow:
			2px 2px 0.5em rgba(122, 122, 122, 0.55),
			inset 1px 1px 0 rgba(255, 255, 255, 0.9),
			inset -1px -1px 0 rgba(0, 0, 0, 0.34)
		;

		border: 1px solid #dedede;

		background:
		-moz-linear-gradient(
			-72deg,
			#dedede,
			#ffffff 16%,
			#dedede 21%,
			#ffffff 24%,
			#454545 27%,
			#dedede 36%,
			#ffffff 45%,
			#ffffff 60%,
			#dedede 72%,
			#ffffff 80%,
			#dedede 84%,
			#a1a1a1
		);

		background:
		-webkit-linear-gradient(
			-72deg,
			#dedede,
			#ffffff 16%,
			#dedede 21%,
			#ffffff 24%,
			#454545 27%,
			#dedede 36%,
			#ffffff 45%,
			#ffffff 60%,
			#dedede 72%,
			#ffffff 80%,
			#dedede 84%,
			#a1a1a1
		);

		background:
		-o-linear-gradient(
			-72deg,
			#dedede,
			#ffffff 16%,
			#dedede 21%,
			#ffffff 24%,
			#454545 27%,
			#dedede 36%,
			#ffffff 45%,
			#ffffff 60%,
			#dedede 72%,
			#ffffff 80%,
			#dedede 84%,
			#a1a1a1
		);

		background:
		linear-gradient(
			-72deg,
			#dedede,
			#ffffff 16%,
			#dedede 21%,
			#ffffff 24%,
			#454545 27%,
			#dedede 36%,
			#ffffff 45%,
			#ffffff 60%,
			#dedede 72%,
			#ffffff 80%,
			#dedede 84%,
			#a1a1a1
		);
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	padding: 2px 2px 2px 2px ;
	margin: 0 0 30px 0 ;
}

.BackgroundBox-OutlineGold2 {
	color: rgba(0, 0, 0, 0.72);
	text-decoration: none;
	width: 150px ;

	box-shadow:
		2px 2px 0.5em rgba(122, 98, 0, 0.55),
		inset 1px 1px 0 rgba(255, 255, 255, 0.9),
		inset -1px -1px 0 rgba(0, 0, 0, 0.34)
	;

	border: 1px solid #deca73;

	background:
	-moz-linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);

	background:
	-webkit-linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);

	background:
	-o-linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);

	background:
	linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	padding: 2px 2px 2px 2px ;
	margin: 0 0 0 0 ;
}

.Box-OutlineGold {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e3e3e3) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #e3e3e3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3');

	color: rgba(0, 0, 0, 0.72);
	text-decoration: none;

	box-shadow:
		2px 2px 0.5em rgba(122, 98, 0, 0.55),
		inset 1px 1px 0 rgba(255, 255, 255, 0.9),
		inset -1px -1px 0 rgba(0, 0, 0, 0.34)
	;

	border-style: solid;
	border-width: 3px;

	border-image:
		radial-gradient(
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	) 1;

	padding: 20px 20px 20px 20px ;
	margin: 0 0 20px 0 ;

}


/* Buttons ****************************************************************************************************************************** */

.BlackButton {
	font: normal 24px/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: 900 ;
	text-align: center;
	padding: 10px 0 10px 0 ;
	width:100% ;
	color: #EBCE53;
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #666666 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
	background-color:#000000;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	cursor: pointer;
	width: 275px ;
}

.BlackButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #666666) );
	background:-moz-linear-gradient( center top, #000000 5%, #666666 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

.BlackButton2 {
		font: normal 24px/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		font-variant: small-caps;
		font-weight: 900 ;
		text-align: center;
		padding: 10px 0 10px 0 ;
		width:100% ;
		color: #EBCE53;
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #666666 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
	background-color:#000000;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	cursor: pointer;
	width: 145px ;
}

.BlackButton2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #666666) );
	background:-moz-linear-gradient( center top, #000000 5%, #666666 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

	.BlueButton {
		font: normal 24px/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		font-variant: small-caps;
		font-weight: 900 ;
		text-align: center;
		padding: 10px 0 10px 0 ;
		width:100% ;
		color: #EBCE53;
		-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
		-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
		box-shadow:inset 0px 1px 0px 0px #f29c93;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0909FF), color-stop(1, #090999) );
		background:-moz-linear-gradient( center top, #0909FF 5%, #090999 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0909FF', endColorstr='#090999');
		background-color:#090999;
		-webkit-border-top-left-radius:15px;
		-moz-border-radius-topleft:15px;
		border-top-left-radius:15px;
		-webkit-border-top-right-radius:15px;
		-moz-border-radius-topright:15px;
		border-top-right-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		-moz-border-radius-bottomright:15px;
		border-bottom-right-radius:15px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomleft:15px;
		border-bottom-left-radius:15px;
		cursor: pointer;
		width: 275px ;
	}

	.BlueButton:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #090999), color-stop(1, #0909FF) );
		background:-moz-linear-gradient( center top, #090999 5%, #0909FF 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#090999', endColorstr='#0909FF');
	}

	.BlueButton2 {
		font: normal 24px/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		font-variant: small-caps;
		font-weight: 900 ;
		text-align: center;
		padding: 10px 0 10px 0 ;
		width:100% ;
		color: #EBCE53;
		-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
		-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
		box-shadow:inset 0px 1px 0px 0px #f29c93;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0909FF), color-stop(1, #090999) );
		background:-moz-linear-gradient( center top, #0909FF 5%, #090999 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0909FF', endColorstr='#090999');
		background-color:#090999;
		-webkit-border-top-left-radius:15px;
		-moz-border-radius-topleft:15px;
		border-top-left-radius:15px;
		-webkit-border-top-right-radius:15px;
		-moz-border-radius-topright:15px;
		border-top-right-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		-moz-border-radius-bottomright:15px;
		border-bottom-right-radius:15px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomleft:15px;
		border-bottom-left-radius:15px;
		cursor: pointer;
		width: 145px ;
	}

	.BlueButton2:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #090999), color-stop(1, #0909FF) );
		background:-moz-linear-gradient( center top, #090999 5%, #0909FF 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#090999', endColorstr='#0909FF');
	}

	#BlackButton {
		font: normal 24px/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		font-variant: small-caps;
		font-weight: 900 ;
		text-align: center;
		padding: 10px 0 10px 0 ;
		width:100% ;
		color: #EBCE53;
		-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
		-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
		box-shadow:inset 0px 1px 0px 0px #f29c93;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #000000) );
		background:-moz-linear-gradient( center top, #666666 5%, #000000 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
		background-color:#000000;
		-webkit-border-top-left-radius:15px;
		-moz-border-radius-topleft:15px;
		border-top-left-radius:15px;
		-webkit-border-top-right-radius:15px;
		-moz-border-radius-topright:15px;
		border-top-right-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		-moz-border-radius-bottomright:15px;
		border-bottom-right-radius:15px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomleft:15px;
		border-bottom-left-radius:15px;
		cursor: pointer;
	}

	#BlackButton:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #666666) );
		background:-moz-linear-gradient( center top, #000000 5%, #666666 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
	}

	#BlueButton {
		font: normal 24px/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		font-variant: small-caps;
		font-weight: 900 ;
		text-align: center;
		padding: 10px 0 10px 0 ;
		width:100% ;
		color: #EBCE53;
		-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
		-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
		box-shadow:inset 0px 1px 0px 0px #f29c93;
		background:#FFFFFF;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0909FF), color-stop(1, #090999) );
		background:-moz-linear-gradient( center top, #0909FF 5%, #090999 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0909FF', endColorstr='#090999');
		-webkit-border-top-left-radius:15px;
		-moz-border-radius-topleft:15px;
		border-top-left-radius:15px;
		-webkit-border-top-right-radius:15px;
		-moz-border-radius-topright:15px;
		border-top-right-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		-moz-border-radius-bottomright:15px;
		border-bottom-right-radius:15px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomleft:15px;
		border-bottom-left-radius:15px;
		cursor: pointer;
	}

	#BlueButton:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #090999), color-stop(1, #0909FF) );
		background:-moz-linear-gradient( center top, #090999 5%, #0909FF 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#090999', endColorstr='#0909FF');
	}


/* Smaller than mobile ****************************************************************** */

@media (min-width: 100px) AND (max-width: 576px) {

	#OrderBookForm input,
	#OrderBookForm textarea {
	    font-size: 12px;
	}

	.custom-file-label {
	    font-size: 8px;
	    line-height: 25px ;
	    text-align: left;
	}

	.cardLogo-img {
		max-width: 275px;
	}

	input[type=text],
	input[type=password] {
		font-size:12px;
	}

	.form-control {
		font-size:12px;
	}

	.MyLogo {
		max-width: 100px ;
		padding: 0 0 10px 0 ;
	}

	.ZLicense-box{
		margin: 70px 0 0 0 ;
		padding:15px 15px 15px 15px;
	}

	.ZLicense-OuterBox {
		-webkit-border-top-right-radius:0px;
		-moz-border-radius-topright:0px;
		border-top-right-radius:0px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-ottomleft:15px;
		border-ottom-left-radius:15px;
	}

	.ZLicense-InnerBox {
		-webkit-border-top-right-radius:0px;
		-moz-border-radius-topright:0px;
		border-top-right-radius:0px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomleft:15px;
		border-bottom-left-radius:15px;
	}

	.log-box{
		margin: 70px 0 0 0 ;
	}

	.logo-back{
		min-height: 100px;
	}

	.log-header {
		font-size: 24px ;
	}

	.log-content{
		border-radius: 0px 0px 10px 10px;
	}

	.log-content2{
		border-radius: 0px 0px 10px 10px;
	}

	.log-content3{
		border-radius: 0px 0px 10px 10px;
	}

	.AuthorImg {
		max-width: 150px;
	}

	.fs-title {
	    font-size: 16px;
	}

	.token-address {
		font-size:14px;
	}

	.uploadlogo_page1 {
		font: bold 8px/1.5em Arial, Helvetica, sans-serif;
		color: #000000; 
		text-align: center;
		padding:0px 0px 0px 0px ; 
	}

	.uploadlogo_page2 {
		font: bold 8px Arial, Helvetica, sans-serif;
		font-variant: small-caps ;
		color: #0000FF; 
		text-align: center;
		padding:0px 0px 0px 0px ; 
	}

	#progressbar li {
	    font-size: 12px;
	}

	#progressbar li:before {
	    width: 30px;
	    height: 30px;
	    line-height: 25px;
	}

	#progressbar li:after {
	    top: 15px;
	}

	#progressbar2 li {
	    font-size: 12px;
	}

	#progressbar2 li:before {
	    width: 30px;
	    height: 30px;
	    line-height: 25px;
	}

	#progressbar2 li:after {
	    top: 15px;
	}

	.BlueButton {
		width:175px ;
	}

	.BlackBar {
		height: 50px ;
		border-radius:0 0 0 0 ;
	}

	.BlackBar1a {
		font: bold 1.3em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 45px ;
		padding: 0 10px 0 10px ;
		width:100% ;
	}

	.RedBar1a {
		font: bold 1.1em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 23px ;
		padding: 5px 10px 0 10px ;
		width:100% ;
	}

	.YellowBar1a {
		font: bold 1.0em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		text-align: center;
		width:100% ;
		margin: 0 0 0 0 ;
		padding: 5px 5px 5px 5px ;
		color: #222222;
		text-shadow: 0px 4px 3px rgba(255,255,255,0.4),
					 0px 8px 13px rgba(255,222,69,0.1),
					 0px 18px 23px rgba(255,222,69,0.1);
	}

}

/* Larger than mobile ******************************************************************* */

@media (min-width: 576px) AND (max-width: 768px) {

	#OrderBookForm input,
	#OrderBookForm textarea {
	    font-size: 10px;
	}

	.custom-file-label {
	    font-size: 14px;
	    line-height: 25px ;
	    text-align: left;
	}

	.cardLogo-img {
		max-width: 275px;
	}

	input[type=text],
	input[type=password] {
		font-size:14px;
	}

	.MyLogo {
		max-width: 100px ;
		padding: 0 0 10px 0 ;
	}

	.ZLicense-box{
		margin: 70px 0 0 0 ;
		padding:15px 15px 15px 15px;
	}

	.ZLicense-OuterBox {
		-webkit-border-top-right-radius:0px;
		-moz-border-radius-topright:0px;
		border-top-right-radius:0px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomleft:15px;
		border-bottom-left-radius:15px;
	}

	.ZLicense-InnerBox {
		-webkit-border-top-right-radius:0px;
		-moz-border-radius-topright:0px;
		border-top-right-radius:0px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomleft:15px;
		border-bottom-left-radius:15px;
	}

	.log-box{
		margin: 50px 0 0 0 ;
	}

	.logo-back{
		min-height: 100px;
	}

	.log-content{
		border-radius: 0px 0px 10px 10px;
	}

	.log-content2{
		border-radius: 0px 0px 10px 10px;
	}

	.log-content3{
		border-radius: 0px 0px 10px 10px;
	}

	.fs-title {
	    font-size: 16px;
	}

	.token-address {
		font-size:14px;
	}

	.uploadlogo_page1 {
		font: bold 12px/1.5em Arial, Helvetica, sans-serif;
		color: #000000; 
		text-align: center;
		padding:0px 0px 0px 0px ; 
	}

	.uploadlogo_page2 {
		font: bold 10px Arial, Helvetica, sans-serif;
		font-variant: small-caps ;
		color: #0000FF; 
		text-align: center;
		padding:0px 0px 0px 0px ; 
	}

	#progressbar li {
	    font-size: 12px;
	}

	#progressbar li:before {
	    width: 30px;
	    height: 30px;
	    line-height: 25px;
	}

	#progressbar li:after {
	    top: 15px;
	}

	#progressbar2 li {
	    font-size: 12px;
	}

	#progressbar2 li:before {
	    width: 30px;
	    height: 30px;
	    line-height: 25px;
	}

	#progressbar2 li:after {
	    top: 15px;
	}

	.BlackBar {
		border-radius:0 0 0 0 ;
	}

	.BlackBar1a {
		font: bold 1.5em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 50px ;
		padding: 0 10px 0 10px ;
		width:100% ;
	}

	.RedBar1a {
		font: bold 1.3em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 23px ;
		padding: 3px 10px 0 10px ;
		width:100% ;
	}

	.YellowBar1a {
		font: bold 1.0em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		text-align: center;
		width:100% ;
		margin: 0 0 0 0 ;
		padding: 5px 5px 5px 5px ;
		color: #222222;
		text-shadow: 0px 4px 3px rgba(255,255,255,0.4),
					 0px 8px 13px rgba(255,222,69,0.1),
					 0px 18px 23px rgba(255,222,69,0.1);
	}

}

/* Larger than phablet ****************************************************************** */

@media (min-width: 768px) AND (max-width: 992px) {

	#OrderBookForm input,
	#OrderBookForm textarea {
	    font-size: 14px;
	}

	.custom-file-label {
	    font-size: 14px;
	    line-height: 30px ;
	}

	input[type=text],
	input[type=password] {
		font-size:14px;
	}

	.ZLicense-box{
		margin: 70px 0 0 0 ;
	}

	.log-box{
		margin: 50px 0 0 0 ;
	}

	.token-address {
		font-size:14px;
	}

	.uploadlogo_page1 {
		font: bold 14px/1.5em Arial, Helvetica, sans-serif;
		color: #000000; 
		text-align: center;
		padding:0px 0px 0px 0px ; 
	}

	.uploadlogo_page2 {
		font: bold 14px Arial, Helvetica, sans-serif;
		font-variant: small-caps ;
		color: #0000FF; 
		text-align: center;
		padding:0px 0px 0px 0px ; 
	}

	.BlackBar1a {
		font: bold 1.5em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 50px ;
		padding: 0 10px 0 10px ;
		width:100% ;
	}

	.RedBar1a {
		font: bold 1.4em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 23px ;
		padding: 3px 10px 0 10px ;
		width:100% ;
	}

	.YellowBar1a {
		font: bold 1.1em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		text-align: center;
		width:100% ;
		margin: 0 0 0 0 ;
		padding: 5px 5px 5px 5px ;
		color: #222222;
		text-shadow: 0px 4px 3px rgba(255,255,255,0.4),
					 0px 8px 13px rgba(255,222,69,0.1),
					 0px 18px 23px rgba(255,222,69,0.1);
	}

}

/* Larger than tablet ******************************************************************* */

@media (min-width: 992px) AND (max-width: 1200px) {

	.ZLicense-box{
		margin: 90px 0 0 0 ;
	}

	.log-box{
		margin: 30px 0 0 0 ;
	}

	.uploadlogo_page1 {
		font: bold 16px/1.5em Arial, Helvetica, sans-serif;
		color: #000000; 
		text-align: center;
		padding:0px 0px 0px 0px ; 
	}

	.uploadlogo_page2 {
		font: bold 14px Arial, Helvetica, sans-serif;
		font-variant: small-caps ;
		color: #0000FF; 
		text-align: center;
		padding:0px 0px 0px 0px ; 
	}

	.BlackBar1a {
		font: bold 1.8em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 50px ;
		padding: 0 10px 0 10px ;
		width:100% ;
	}

	.RedBar1a {
		font: bold 1.6em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 50px ;
		padding: 0 10px 0 10px ;
		width:100% ;
	}

	.YellowBar1a {
		font: bold 1.1em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		text-align: center;
		width:100% ;
		margin: 0 0 0 0 ;
		padding: 5px 5px 5px 5px ;
		color: #222222;
		text-shadow: 0px 4px 3px rgba(255,255,255,0.4),
					 0px 8px 13px rgba(255,222,69,0.1),
					 0px 18px 23px rgba(255,222,69,0.1);
	}

}

/* Larger than desktop ****************************************************************** */

@media (min-width: 1200px) AND (max-width: 1920px) {

	.ZLicense-box{
		margin: 90px 0 0 0 ;
	}

	.log-box{
		margin: 30px 0 0 0 ;
	}

	.uploadlogo_page1 {
		font: bold 16px/1.5em Arial, Helvetica, sans-serif;
		color: #000000; 
		text-align: center;
		padding:0px 0px 0px 0px ; 
	}

	.uploadlogo_page2 {
		font: bold 14px Arial, Helvetica, sans-serif;
		font-variant: small-caps ;
		color: #0000FF; 
		text-align: center;
		padding:0px 0px 0px 0px ; 
	}

	.BlackBar1a {
		font: bold 2.0em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 50px ;
		padding: 0 10px 0 10px ;
		width:100% ;
	}

	.RedBar1a {
		font: bold 1.6em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 50px ;
		padding: 0 10px 0 10px ;
		width:100% ;
	}

	.YellowBar1a {
		font: bold 1.1em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		text-align: center;
		width:100% ;
		margin: 0 0 0 0 ;
		padding: 5px 5px 5px 5px ;
		color: #222222;
		text-shadow: 0px 4px 3px rgba(255,255,255,0.4),
					 0px 8px 13px rgba(255,222,69,0.1),
					 0px 18px 23px rgba(255,222,69,0.1);
	}

}