/* --- Login window styles --- */
.font {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 8pt;
}

body.login {
	overflow: auto;
}

/* 
 * matching main login frame
 */
td.loginframe {
	display: block;
	width: 562px;
	height: 362px;
	margin: 0;
	padding: 0;
	border: 2px solid #E5E5E5;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

/* 
 * matching additional information 
 * frame below login frame (e.g. demo info) 
 */
td.loginDemoFrame {
	width: 530px;
	border: solid 1px #E5E5E5;
	background-color: #FFFFFF;
	padding-top: 19px;
	padding-left: 15px;
	padding-bottom: 19px;
	padding-right: 15px;
}

/*
 * the header div (containing the company link)
 */
#loginheader {
	height: 25px;
}

/*
 * the company link
 */
#loginheader a {
	display: block;
	float: right;
	top: 0;
	height: 23px;
	width: 166px;
	background-color: #E5E5E5;
	color: #C1031A;
	line-height: 18px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border-top-right-radius: 8px;
	-moz-border-radius: 0px 8px 0px 0px;
}

/*
 * the div containing the app title
 */
#logintitle {
	border-bottom: 1px dashed #ABABAB;
	padding-left: 23px;
	padding-top: 20px;
}

/*
 * the app title
 */
#logintitle b {
	display: block;
	color: #575759;
	font-size: 23pt;
	font-weight: bold;
}

/*
 * the div containing the app version 
 */
#loginversion {
	padding-bottom: 1em;
	font-size: 80%;
	text-align: right;
}

/*
 * the div container for login content
 * (holds welcome text, user/pw input fields, 
 * footer links, etc.) 
 */
#logincontent {
	display: block;
	height: 189px;
}

/*
 * the div containing input fields, login button
 * and 'problems with login'-link 
 */
#logindata {
	display: block;
}

#logindata .required {
	width: 178px; /* force same width for loginname/password with IE */
}

/*
 * the div containing the selection of the problem with login
 */
#problemlogindata {
	display: block;
	height: 40px;
}

#problemlogindata ul {
	list-style-type: none;
}

#problemlogindata ul li {
	display: inline;
}

/*
 * the div containing the form to send the user id
 */
#problemloginuser {
	display: none;
	z-index: 15;
}

/*
 * the div containing the form to send the password
 */
#problemloginpassword {
	display: none;
	z-index: 15;
}

/*
 * the div containing the message about another valid session
 */
#activesession {
	display: block;
	height: 110px;
	padding-top: 40px;
	font-size: 10pt;
}

/*
 * the div containing the welcome text 
 */
#logininfo {
	display: block;
	height: 40px;
	padding-left: 26px;
	padding-top: 6px;
	font-size: 10pt;
}

/*
 * the div containing the error message if 
 * login failed 
 */
#loginerror {
	text-align: center;
	color: #ff0000;
}
/*
 * the div containing the info message after a action
 */
#logininfomessage {
	text-align: center;
}

/*
 * the div containing the footer links 
 */
#loginfooter {
	margin: 0 19px;
	display: block;
	height: 63px;
	background: transparent url('../images/seeb-logo-login.gif') no-repeat;
	background-position: right top;
	padding-right: 145px;
}

/*
 * the footer links 
 */
a.loginFooter {
	color: #C1031A;
	text-decoration: none;
}

a.loginFooter:hover {
	text-decoration: underline;
}

#loginWarning {
	margin-top: 1em;
	border: 2px solid red;
	padding: 0.5em;
	font: bold 12pt sans-serif;
	text-align: center;
	background: yellow;
}