body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial;
	text-align:center;
}
a {
	color:#406090;
	font-family:Tahoma;
}
a.large { 
	font-size:16pt;
}
h1 {
	margin-top:4%;
	font-size:20pt;
}
h1 .icon {
	position:relative;
	left:1ex; top:0.5ex;
}
p {
	margin:0px;
	padding:0px;
}
p a {
	color:inherit;
}
code {
	font-size:inherit;
}
form {
	display:inline;
}
input, select {
	margin-bottom:0.5ex;
}
input.xl {
	font-size:16pt;
	padding:1ex;
}
.center {
	width:100%;
	text-align:center;
}
.important {
	font-weight:bold;
	text-decoration:underline;
	letter-spacing:2px;
}
.header {
	width:100%;
	height:128px;
	background-image:url(/gfx/top-bar-pattern.jpg);
	position:relative;
	border-bottom:1px solid #a0a0c0;
}
.header .logo {
	position:absolute;
	bottom:0px;
	left:50%;
}
.header .logo img {
	position:relative;
	top:28px;
	left:-400px;
	z-index:2;
	border:0px none;
}
.subheader {
	width:100%;
	height:32px;
	background-image:url(/gfx/top-sub-gradient.png);
	position:relative;
	margin-top:3px;
}
.feedback {
	position:fixed;
	top:50%; left:0px;
}
.feedback img {
	position:relative;
	top:-68px;
	left:0px;
}
.mainmenu, .mainform {
	margin:auto;
	margin-top:2%;
	margin-bottom:6%;
	width:40%;
	text-align:left;
	letter-spacing:1px;
	font-weight:bold;
	color:#101020;
}
.mainmenu {
	margin-top:3%;
}
.mainmenu .err, .mainform .err {
	font-size:9pt;
	color:#ef0000;
	position:relative;
	top:-0.75ex; left:0px;
}
.mainform .err.ta {
	top:0px;
}
.mainmenu .option {
	margin-top:1em;
	margin-bottom:5%;
	font-size:10pt;
	position:relative;
}
.mainform .cmd, .mainform .code {
	font-family:'Courier New','Courier',monospace;
}
.mainmenu .option .icon {
	position:absolute;
	left:-82px; top:-2px;
	cursor:pointer;
}
.mainmenu .option .icon.validate {
	left:-84px;
}
.mainmenu .option .icon.monitor {
	left:-80px; top:2px;
}
.mainmenu .option .icon.free {
	left:auto; right:-50px;
	top:3ex; cursor:default;
}
.mainform.gen-csr label, .mainform.contact label {
	width:140px;
	display:inline-block;
}
.mainform .icon {
	position:relative;
	left:0px; top:5px;
	margin-right:4px;
}
.mainform.contact * {
	vertical-align:top;
}
.mainform.contact input[type=text], .mainform.contact textarea {
	width:60%;
}
.mainform.wiki p a {
	color:#406090;
}
.popup {
	position:fixed;
	z-index:9;
	top:50%;
	left:50%;
}
.popup .inner {
	position:relative;
	top:-100px;
	left:-400px;
	width:800px;
	height:200px;
	padding:2em;
	text-align:center;
	background-color:#ffffff;
	border:1px solid #303030;
}
.popup.xl .inner {
	top:-240px;
	height:480px;
}
.popup .details .email, .popup .details .mobile {
	font-size:24pt;
	font-weight:bold;
	margin-bottom:1ex;
}
.popup input.right {
	margin-left:100px;
}
.footer {
	width:100%;
	position:fixed;
	bottom:0px; left:0px;
	text-align:right;
	background-color:#ffffff;
	z-index:2;
	padding-top:1em;
}
.footer .inner {
	width:60%;
	margin:auto;
	border-top:2px dashed #102050;
	font-size:8pt;
	padding-top:4px;
	padding-right:0.5%;
	padding-bottom:1em;
}
.footer .left {
	width:20%;
	position:absolute;
	font-size:8pt;
	top:2em;
	left:2.5%;
}