/* ---------------------------------------------------------------------------------- */
/* Defaults */
/* ---------------------------------------------------------------------------------- */

html, body {
	background-color:	#001020;
	margin:			0px;
	border:			0px;
	padding:		0px;
	color: 			#ffffff;
	font-family:            Manrope, Segoe UI, Calibri, Arial, Verdana;
	font-size: 		100%;
	font-style:		normal;
	font-weight: 		normal;
	text-align:		center;
}

img {
	margin:			0px;
	border:			0px;	
	padding:		0px;
}
table {
	margin:			0px;
	border:			0px;
	padding:		0px;
	border-collapse: 	collapse;
}
td, tr, th {
	margin:			0px;
	border:			0px;
	// border:			1px solid #ff0000;
	padding:		0px;
}
a {
	color:                  #aaccff;
	text-decoration:	none;
}

ul, ol {
	list-style: none;
}

p, div {
	margin:			0px;
	border:			0px;
	padding:		0px;
	border-collapse: 	collapse;
}

h1 {
	font-size:		1.5em;
	font-style:		bold;
}

/* ---------------------------------------------------------------------------------- */
/* pageCont */
/* ---------------------------------------------------------------------------------- */

table.pageCont {
	margin-right:		auto;
	margin-left:		auto;
	width:			94%;
	text-align:		center;
}

/* ---------------------------------------------------------------------------------- */
/* pageCont -> topMenu */
/* ---------------------------------------------------------------------------------- */

table.pageCont tr.topMenu {
	background-color: 	#001122;
}


table.pageCont tr.topMenu a {
	border:			1px solid #6699cc;
	border-radius:		16px;
	color:			#ffffff;
	float:			left;
	margin-left:		16px;
	margin-right:		16px;
	padding:		4px 16px 4px 16px;
}

table.pageCont tr.topMenu a:hover {
	background-color:	#dddddd;
	color:			#000000;
}

table.pageCont tr.topMenu a.topMenuButtonActive {
	background-color:	#6699cc;
	color:			#000000;
}

/* ---------------------------------------------------------------------------------- */
/* pageCont -> topMenu -> logoArea */
/* ---------------------------------------------------------------------------------- */

table.pageCont th.logoArea {
	height:			64px;
	padding-left:		32px;
	text-align:		left;
	width:			24%;
}

table.pageCont img.logoHand {
	filter:			invert(100%);
	float:			left;
}

table.pageCont p.logoText {
	float:			left;
	font-family:		Michroma;
	font-weight:		bold;
	padding-top:		16px;
	padding-left:		8px;
}

/* ---------------------------------------------------------------------------------- */
/* pageCont -> topMenu -> topMenuArea */
/* ---------------------------------------------------------------------------------- */

table.pageCont th.topMenuArea {
	font-size:		1.2em;
	height:			64px;
	padding-top:		16px;
	text-align:		center;
	width:			48%;
}

/* ---------------------------------------------------------------------------------- */
/* pageCont -> topMenu -> userArea */
/* ---------------------------------------------------------------------------------- */

table.pageCont th.userArea {
	background-color: 	#001122;
	height:			64px;
	margin-right:		16px;
	padding-top:		16px;
	text-align:		right;
	width:			24%;
}

table.pageCont img.companyLogo {
	border-radius:		4px;
	background-color: 	#333333;
	float:			left;
	max-height:		32px;
}

/* ---------------------------------------------------------------------------------- */
/* pageCont -> mainCont */
/* ---------------------------------------------------------------------------------- */

table.pageCont tr.mainCont {
	background-image: 	linear-gradient(#001122, #002244);
	padding:		32px;
	text-align:		center;
}

table.pageCont td.frontLeft {
	padding:		32px;
	text-align:		left;
	width:			48%;
}

table.pageCont td.frontRight {
	padding:		32px;
	text-align:		center;
	width:			48%;
}

table.pageCont td.contFull {
	padding:		32px;
	text-align:		left;
	width:			96%;
}

table.pageCont td.menuLeft {
	font-size:		1.2em;
	padding:		32px;
	text-align:		left;
	width:			24%;
}

table.pageCont td.menuLeft a {
	color:			#ffffff;
	float:			left;
	padding:		16px 16px 16px 0px;
}

table.pageCont div.menuCheckBox {
	background-color:	#dddddd;
	border:			1px solid #6699cc;
	border-radius:		4px;
	color:			#ffffff;
	cursor: 		pointer;
	float:			left;
	margin-top:		12px;
	padding:		2px 4px 2px 4px;
}

table.pageCont div.menuCheckBoxChecked {
	background-color:	#6699cc;
	border:			1px solid #6699cc;
	border-radius:		4px;
	color:			#ffffff;
	cursor: 		pointer;
	float:			left;
	margin-top:		12px;
	padding:		2px 4px 2px 4px;
}

table.pageCont td.contBigRight {
	padding:		32px;
	text-align:		left;
	width:			72%;
}

/* ---------------------------------------------------------------------------------- */
/* pageCont -> bottomMenu */
/* ---------------------------------------------------------------------------------- */

table.pageCont tr.bottomMenu {
	background-color: 	#002244;
}

table.pageCont td.bottomMenuLeft {
	border-radius:		0px 0px 0px 64px;
	height:		 	64px;
	width:			24%;	
}

table.pageCont td.bottomMenuRight {
	border-radius:		0px 0px 64px 0px;
	height:			64px;
	width:			24%;	
}

/* ---------------------------------------------------------------------------------- */
/* loginForm */
/* ---------------------------------------------------------------------------------- */

table.loginForm {
	margin-right:		auto;
	margin-left:		auto;
	width:			60%;
	text-align:		center;
}

table.loginForm th {
	font-size:		2em;
	padding:		16px;
	text-align: 		left;
}

table.loginForm td {
	padding:		8px 16px 8px 16px;
}

table.loginForm td.loginButton {
	padding:		8px 48px 8px 16px;
	text-align:		right;
}

table.loginForm input#submit {
	background-color: 	#001122;
	border:			1px solid #6699cc;
	border-radius:		16px;
	color:			#ffffff;
	font-size:		1.1em;
	margin-right:		16px;
	padding:		4px 16px 4px 16px;
}

/* ---------------------------------------------------------------------------------- */
/* debug */
/* ---------------------------------------------------------------------------------- */

div.debug {
	position:		relative;
	top:			256px;
}