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

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#222;
	background:#bdbdbd;
	margin:0;
	padding:0;
}
#parentContainer{
	display:flex;
}
#panelsContainer{
	overflow:auto;
	padding:0 100px;
}
#imageContainer {
	flex:1;
}
#imageContainer>div {
	max-width: 700px;
	margin: auto;
	padding: 0 60px;
}
#imageContainer h4 {
	color: #61B6E1;
}
#logoHeader {
	height: 70px;
	background-image: url("../img/ZimVie-300x195.webp");
	background-position-y: center;
	background-repeat: no-repeat;
	background-position-x: right;
	background-size: 200px;
}
#loginSupportContainer, #loginNoticeContainer{
	position:relative;
	margin:20px auto;
	width:600px;
}
#loginSupportContainer h1{
	padding:5px;
	margin:0;
	font-size:1.0em;
	color:#333;
	margin-top: 60px;
}
#loginSupportContainer ul{
	margin:0;
	font-size:0.8em;
}
#loginSupportContainer li{
	padding:3px 0;
}
#loginSupportContainer li a{
	margin:0.2em;
}

#loginContainer{
	position:relative;
	overflow:auto;
	width:600px;
	margin:20px auto;
	border:solid 1px #bdbdbd;
	background:#fff url(../img/pattern04.png) repeat-x bottom;
	font-size:0.8em;
	-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;

}
#loginContainer h1{
	background:url(../img/pattern01.png) repeat-x 50%;
	border-bottom:solid 1px #bdbdbd;
	padding:5px;
	margin:0;
	font-size:1.0em;
	color:#333;
	-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px;
}
#loginContainer ul{
	list-style-type:none;
	padding:0 20px;
	margin:0;
	border-top:dotted 1px #bdbdbd;
	font-size:0.9em;
}
#loginContainer li{
	margin:10px 0;
}
form{
	margin:0 10px;
}
input[type=text], input[type=password]{
	border:solid 1px #bdbcbd;
	background:#fff url(../img/pattern04.png) repeat-x bottom;
	width:92%;
	font-size:1.6em;
	line-height:2.0em;
	height:2.0em;
	margin:0 10px 10px 10px;
	padding:0 10px;
	-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
}
label {
	float:left;
	margin:10px 0 0 10px;
	font-size:0.9em;
}
button.login{
	background:url(../img/pattern06.png) repeat-x 50%;
	border:solid 1px #bdbdbd;
	margin-bottom:10px;
	margin:10px;
	float:left;
}
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}
.forgotpassword {
	height: 40px;
}
.forgotpassword_link {
	margin: 10px;
	position: absolute;
	bottom: 5px;
	text-decoration: underline;
	color:#467BB1;
}
.success{
	margin: 10px;
}
.errors {
	margin: 5px;
	color:#F00;
	display:block;
}
#eulaDialog {
	display:none;
	width: '100%';
	height: '100%';
}
.eulaButton {
	padding: 10px;
	margin:5px;
}
.eulaButtons {
	position: absolute;
	bottom: 5px;
	right: 20px;
}

#eulaContent {
	overflow: auto;
	font-size:0.8em;
	height:560px;
}
ol.lower-alpha {
	list-style-type:lower-alpha;
}
#buildInfo {
	overflow: auto;
	font-size:0.6em;
	margin:30px 10px 10px 10px;
	color: #999;
	text-align: right;
}
#buildInfo div{
	display:inline;
}

#releaseVersion {
	margin-right:5px;
}
#whatsnew {
	font-size:0.8em;
	margin:5px;
}
#whatsnew_link {
	text-decoration: underline;
	color:#467BB1;
}
#banner {
	font-size: 0.8em;
}
#banner a {
	text-decoration: underline;
	color: #467BB1;
}
#banner_line {
	text-decoration: underline;
	font-weight: bold;
}
#banner_dates {
	color: red;
}
#banner_notice {
	font-weight: bold;
}