input:focus, textarea:focus {
  box-shadow: 0 0 5px rgb(90, 136, 242);}

.selfregister-failed {
  font: italic 11px arial, tahoma, helvetica, sans-serif;
  color: #c00;
}
.info {
  font: 11px arial, tahoma, helvetica, sans-serif;
}

.box {
  background-color: #eff1f6;
  text-align: center;
  box-shadow: 1px 1px 5px #777;
  margin: 0px auto;
  padding: 20px;
}

.table {
	display: table;
}
.table > div {
	display: table-row;
}
.table > div > div {
	display: table-cell;
	vertical-align: middle;
}

.myButton {
  -moz-box-shadow: inset 0px 1px 0px 0px #7a8eb9;
  -webkit-box-shadow: inset 0px 1px 0px 0px #7a8eb9;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  box-shadow: inset 0px 1px 0px 0px #7a8eb9;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #324c89
    ), color-stop(1, #223772));
  background: -moz-linear-gradient(top, #324c89 5%, #223772 100%);
  background: -webkit-linear-gradient(top, #324c89 5%, #223772 100%);
  background: -o-linear-gradient(top, #324c89 5%, #223772 100%);
  background: -ms-linear-gradient(top, #324c89 5%, #223772 100%);
  background: linear-gradient(to bottom, #324c89 5%, #223772 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#324c89',
    endColorstr='#223772', GradientType=0);
  background-color: #324c89;
  border: 1px solid #314179;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: arial;
  font-size: 13px;
  font-weight: bold;
  padding: 6px 12px;
  text-decoration: none;
}

.myButton:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #223772
    ), color-stop(1, #324c89));
  background: -moz-linear-gradient(top, #223772 5%, #324c89 100%);
  background: -webkit-linear-gradient(top, #223772 5%, #324c89 100%);
  background: -o-linear-gradient(top, #223772 5%, #324c89 100%);
  background: -ms-linear-gradient(top, #223772 5%, #324c89 100%);
  background: linear-gradient(to bottom, #223772 5%, #324c89 100%);
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#223772',
    endColorstr='#324c89', GradientType=0);
  background-color: #223772;
}

.myButton:active {
  position: relative;
  top: 1px;
}

.myInput {width: 100%; height: 33px; font-family: arial; font-size: 16px; margin: 4px 0px 4px 0px; border: 1px solid #dee1e9;}

.switchMode {text-align: left; margin-left: 72px;}
.switchMode img {height: 24px; vertical-align: middle; margin-right: 5px;}

input:focus, textarea:focus {
  box-shadow: 0 0 5px rgb(90, 136, 242);
}

.close-icon {
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}

#glasspane {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: lightgray;
	opacity: 0.75;
	filter: alpha(opacity=75);
	width: 100%;
	height: 100%;
	z-index: 100000;
}


/* ------------------------------------ */
/* -------- Connection Box ------------ */
/* ------------------------------------ */

.connectionBox-container {
	width:100%;
}
.connectionBox-container > .box {
	background-color: #f2f2f2;
	border: 1px solid #c9c9c9;
	box-shadow: none;
	vertical-align: middle;
	width: 400px;
}
.version {
	float: right;
	margin-left: -100%;
}
#login {
	background-color: #384c85;
	border-radius: 5px;
	height: 30px;
	margin: 10px 0px 10px;
	text-align: center;
}

#modalPopupContainer {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	line-height: 100%;
	z-index: 101000;
	text-align: center;
}
#modalPopupContainer > .box {
	line-height: normal;
	width: 400px;
}

/* ------------------------------------ */
/* ----------- FOOTER ----------------- */
/* ------------------------------------ */

.footer {
	bottom: 22px;
	position: fixed;
	text-align: center;
	width: 1000px;
}
.menu-footer-container {
	background-color: white;
	border-bottom: 1px solid #b5b5b5;
	border-top: 1px solid #b5b5b5;
	padding: 16px 0;
}
.menu-footer-container a,
.menu-footer-container a:ACTIVE,
.menu-footer-container a:HOVER,
.menu-footer-container a:VISITED {
	font: 11px Arial, tahoma, helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
}
.menu-footer {
	display: inline-block;
}
.menu-footer li {
	list-style: none;
}
.menu-footer > li {
	display: inline-block;
	margin: 0 14px;
}
.menu-footer-flags {
	border: 1px solid #FFFFFF;
	border-top: none;
	padding: 5px;
	position: relative;
}

.menu-footer-flags:hover {
	border-color: #B5B5B5;
}
.menu-footer-flags img {
	border: 1px solid;
	vertical-align: middle;
}
.menu-footer-flags > ul {
	display: none;
	background-color: white;
	border: 1px solid #B5B5B5;
	border-bottom: none;
	bottom: 22px;
	left: -1px;
	position: absolute;
}
.menu-footer-flags > ul li {
	margin: 5px;
}
.menu-footer-flags:hover > ul {
	display: block;
}

.copyright {
	color: #999999;
	font: 11px Arial, tahoma, helvetica, sans-serif;
	margin-top: 5px;
}