/* Basic elements */
body {
	margin: 60px 0px 0px 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #FFFFFF url(../images/login/bg.gif) repeat-y center;
}

/* Container elements */
#container {
	position: relative;
	width: 411px;
	text-align: left;
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}

/* Header */
#header {
	width: auto;
	height: 89px;
	margin-bottom: 0px;
	border-left: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
}
#logo_client {
	position: absolute;
	left: 15px;
	top: 20px;
}
#logo_xgram {
	position: absolute;
	right: 10px;
	top: 10px;
}

/* Title bar */
#title_bar {
	position: relative;
	width: auto;
	height: 32px;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;	
	background: #006CAD;
}
h1 {
	font-size: 10pt;
	color: #E7F0F8;
	margin: 0px;
	padding:8px 0px 0px 15px;
}
.lock {
	position: absolute;
	right: 15px;
	top: 7px;
}

/* Top Bar / scheiding lijn tussen Title en Login formulier */
#top_bar {
	width: auto;
	height: 7px;
	background: #F69012;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	margin: 0px 0px 3px 0px;
	overflow: hidden;
}

#top_bar2 {
	width: auto;
	height: 6px;
	overflow: hidden;
	background: #F1F1F1;
	border-left: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	border-right: 11px solid #BFBFBF;
}

/* Login formulier */
#login_form {
	margin: 0px;
	padding: 0px;	
}
#login_form table{
	width: 100%;
	margin: 1px 0px 0px 0px;
	padding: 0px;
}
.space {
	width: auto;
	height: 1px;
	background: #FFFFFF;
}
.left, .right {
	height: 69px;
	background: #F1F1F1;
	border-bottom: 1px solid #BFBFBF;
}
.left {
	border-left: 1px solid #BFBFBF;
	padding-left: 15px;
}
.right {
	border-right: 11px solid #BFBFBF;
}
input.text {
	width: 150px;
	height: 18px;
	padding: 3px 15px 2px 10px;
	margin: 0px;
	background: url(../images/login/input_bg.gif) no-repeat fixed;
	border: 0px;
	font-size: 8pt;
}
html>body input.text {
	background: url(../images/login/input_bg.gif) no-repeat;
}
input.button, input.submit {
	width: 87px;
	height: 23px;
	padding: 0px 15px 2px 10px;
	background: url(../images/login/button.gif) no-repeat;
	border: 0px;
	font-size: 8pt;
	color: #606060;
	cursor: pointer;
}
input.submit {
	color: #C10000;
}

/* Top Bottom / scheiding lijn tussen Footer en Login formulier */
#bottom_bar {
	width: auto;
	height: 5px;
	background: #006CAD;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	margin: 3px 0px 2px 0px;
	overflow: hidden;
}

a, a:link {
	color: #0079C6;
}
a:hover {
	color: #C10000;
}


/* Footer */
#footer {
	padding: 10px 0px;
	text-align: center;
	line-height: 16px;
	color: #555555;
	border-left: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
}   
#footer a, #footer a:link {
	color: #555555;
}
#footer a:hover {
	color: #C10000;
}