/* ################## LOGIN ################# */
html, body {
	line-height: 1.4em;
}
#outerwrapper{
	/*background-image: url(../gfx/login/krul.blue.transp.png);
	background-repeat: no-repeat;
	background-position: bottom !important;
	width: 100%;*/
}
#splashbg{
	
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
	#IE6 #splashbg { position:absolute; z-index:-1; }
#splashkrul{
	
	position:fixed;
	top:250px;
	left:0;
	width:100%;
}

	
	#IE6 #splashkrul { position:absolute; z-index:-1; }
	
.login #outerwrapper{
	position: relative;
	z-index: 2;
	text-align: center;
}

	.login #IE6 #outerwrapper { position:static; }


.login #pagewrapper{}	

#logo{
	margin-top: 10px;
}

#fadedtext{
	display: block;
	height: 158px;
	width: 250px;
	background-repeat: no-repeat;
	overflow: visible;
	position: absolute;
	top: 300px;
	width: 800px;
	left: 10%;
}
	
	.login #IE6 #fadedtext { position:static; margin-top: -100px; margin-left: 100px;}
	.blue #fadedtext{	background-image: url(../gfx/login/txt.liquifi.blue.png);}
	.pink #fadedtext{	background-image: url(../gfx/login/txt.liquifi.pink.png);}

#bodytext{
	display: block;
	width: 250px;
	position: absolute;
	top: 372px;
	left: 15%;
	z-index: 30;
	color: #adefff;
	font-family: Arial, Helvetica, sans-serif;
}
	#IE6 #bodytext{		 margin-top: 170px;}
	#IE7 #bodytext{		top: 394px;}
h1{
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 0em;
}
p{
	font-size: 0.75em;
}

#bodytext a{
	text-decoration: none;
}

#bodytext a:link, #bodytext a:visited{
	color: #adefff;}
#bodytext a:hover, #bodytext a:active{
	color: #C5C120;}
	
#user{
	display: block;
	width: 298px;
	height: 27px;
	margin-top: 25px;
	margin-left: 50%;
	background-image: url(../gfx/login/back.user.png);
	padding: 22px 0 0 75px;
	background-repeat: no-repeat;
}
	
		@media screen and (-webkit-min-device-pixel-ratio:0){ #user {		
			width: 298px;
			height: 29px;
			padding: 20px 0 0 75px;
		}}
		
	#IE6 #user{
		margin-left: 150px;
	}
	#IE7 #user{
		margin-left: 400px;
	}
#pass{
	display: block;
	width: 298px;
	height: 27px;
	margin-top: 15px;
	margin-left: 50%;
	background-image: url(../gfx/login/back.password.png);
	padding: 22px 0 0 75px;
	background-repeat: no-repeat;
}
	
		@media screen and (-webkit-min-device-pixel-ratio:0){ #pass {		
			width: 298px;
			height: 29px;
			padding: 20px 0 0 75px;
		}}
		
		
	#IE6 #pass{		
		margin-left: 150px;
	}
	#IE7 #pass{
		margin-left: 400px;
	}
.logintextfield{
	width: 250px;
	float: left;
	text-align: left !important;
	border: 1px solid #C5C120;
	position: relative;
	color: #737103;
	font-weight: bold;
}

	#IE6 .logintextfield{ float: none !important; clear: both;left: -150px;}
	
	
	#IE7 .logintextfield{ left: -400px; /* position: absolute;*/}
	
	
#pagewrapper a{
	display: block;
	width: 184px;
	height: 48px;
	padding: 25px 0 0 100px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 2.5em;
	font-weight: bold;
	text-align: left;
	margin-left: 50%;
	margin-top: 15px;
	background-repeat: no-repeat;
	z-index: 1500;
}
	#IE6 #pagewrapper a{
		/*overflow: visible;*/
		margin-left: 100px;
		
	}
	#IE7 #pagewrapper a{
		/*overflow: visible;*/
		margin-left: 320px;
		padding-bottom: 12px;
		height: 36px;
	}
#pagewrapper a:link, #pagewrapper a:visited{
	color: #313131;
	background-image: url(../gfx/login/button.green.orange.png);
	/*background-position: 0 0;*/
}	
#pagewrapper a:hover, #pagewrapper a:active{
	background-position: 0 -73px !important;
}	

.transparent_class {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}

.messagearea
{
	background-color:Black;
	width:50%;
	margin:15px auto 15px auto;
	padding:5px;
	color:White;
	font-family:Verdana;
}