/* ################## 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;
	margin-top: 300px;
}

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


.login #pagewrapper{}	

#logo{
	margin-top: 0px;
	border: none;
}

#fadedtext{
	display: block;
	height: 158px;
	width: 250px;
	background-repeat: no-repeat;
	overflow: visible;
	position: absolute;
	top: 300px;
	width: 800px;
	left: 10%;
	background-image: url(../gfx/login/txt.liquifi.png);
}
	
	.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;
	/*color: #adefff;*/
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	width: 250px;
	position: absolute;
	top: 260px;
	left: 15%;
	z-index: 30;    
}
	#IE6 #bodytext{		 margin-top: 170px;}
	#IE7 #bodytext{		top: 394px;}

#bodytext a:link, #bodytext a:visited{
	/*color: #adefff;*/
	color: #ffffff; }
#bodytext a:hover, #bodytext a:active{
	color: #C5C120;}
#bodytext a{
	text-decoration: none;
}

#support{
	display: block;
	/*color: #adefff;*/
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    width: 298px;
    height: 27px;
    margin-left: 50%;
    padding: 22px 0 0 75px;
}
        
        @media screen and (-webkit-min-device-pixel-ratio:0){ #support {		
	        width: 298px;
	        height: 29px;
	        padding: 20px 0 0 75px;
        }}
        
    #IE6 #support{
	    margin-left: 150px;
    }
    #IE7 #support{
	    margin-left: 400px;
    }        
        
#support a:link, #support a:visited{
	/*color: #adefff;*/
	color: #ffffff;	}
#support a:hover, #support a:active{
	color: #C5C120;}
#support a{
	text-decoration: none;
}
	
h1{
    color: #ffffff;
    color: rgba(255,255,255,0.9);
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 0em;
}
p{
	font-size: 0.75em;
}


.login-field {
    display: block;
    width: 298px;
    height: 27px;
    margin-left: 50%;
    padding: 22px 0 0 75px;
    background-repeat: no-repeat;
}

        @media screen and (-webkit-min-device-pixel-ratio:0){ .login-field {		
	        width: 298px;
	        height: 29px;
	        padding: 20px 0 0 75px;
        }}
        
    #IE6 .login-field{
	    margin-left: 150px;
    }
    #IE7 login-field{
	    margin-left: 400px;
    }

#user{
	margin-top: 25px;
	background-image: url(../gfx/login/back.user.png);
}
	
#pass{
	margin-top: 15px;
	background-image: url(../gfx/login/back.password.png);
}
	
#new-pass{
    margin-top: 25px;
    background-image: url(../gfx/login/back.password.png);
}
	
.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;*/}
	
	
a.loginbutton {
	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 a.loginbutton{
		/*overflow: visible;*/
		margin-left: 100px;
		
	}
	#IE7 a.loginbutton{
		/*overflow: visible;*/
		margin-left: 320px;
		padding-bottom: 12px;
		height: 36px;
	}
	
a.loginbutton:link, a.loginbutton:visited{
	color: #313131;
	background-image: url(../gfx/login/button.green.orange.png);
	/*background-position: 0 0;*/
}	
a.loginbutton:hover, a.loginbutton: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;
}

.login-text 
{
    margin-left: 50%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #99C403;
    text-align: left;
}