/*
 * Younique CSS
 */


/*
 * GENERAL
 */

body {
    background-color: #404248;
    margin: 0px;
	text-align:center;
	min-height:101%; 
	height:101%;
    color:#4E4E4E;
    font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; 
    font-size: 10px; 
    font-weight:bold; 
    line-height: 1.3;
}

#main {
	width: 904px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	height:1px;
}

/*
 * TEXT
 */

p	{ margin-top: 0px; margin-bottom: 10px;}
a         { color: #9a9a9a; font-weight: bold; text-decoration: none; }
a:link    { color: #9a9a9a; font-weight: bold; text-decoration: none; }
a:visited { color: #9a9a9a; font-weight: bold; text-decoration: none; }
a:hover   { color: #9a9a9a; font-weight: bold; text-decoration: none;  border-bottom: 1px dotted #9a9a9a;}
a:active  { color: #9a9a9a; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #9a9a9a; }

.copyTitle { font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight:bold; line-height:1.3; color:#4e4e4e}
.copyText { font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight:normal; line-height:1.3; color:#4e4e4e}
.copyHeader { font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight:normal; line-height:1.3; color:#4e4e4e}

#link { 
	font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}

.textfield { 
	font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#4e4e4e;
	height:17px;
	BORDER-RIGHT: #cecece 1px solid; 
	BORDER-TOP: #cecece 1px solid; 
	BORDER-LEFT: #cecece 1px solid; 
	BORDER-BOTTOM: #cecece 1px solid;
	border-color:#B7B7B7;
}	

.headerfield { 
	font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#9f9e9e; 
	height:17px;
	BORDER-RIGHT: #cecece 1px solid; 
	BORDER-TOP: #cecece 1px solid; 
	BORDER-LEFT: #cecece 1px solid; 
	BORDER-BOTTOM: #cecece 1px solid;
	border-color:#B7B7B7;
}
/* CONTAINER */

#header {
    position:absolute;
    left: 218px;
    top:550px;
}

#logo {
    position:absolute;
    top:75px;
}

#home {
    position:absolute;
	text-align: left;
    margin: 0 auto;  
    left: 0px;
    top:0px;
	width:904px;
}

#container {
    position:absolute;
	margin-left: auto;
	margin-right: auto;
	left:auto;
    top:140px;
}

#content {
position:absolute;
	left:auto;
	top:140px;
    width: 904px;
	height:500px;
}

#bottom {
	position:absolute;
	left:auto;
	top:370px;
	height:190px;

	background-image: url(../images/background_1.gif);
	width:904px;
}

#login {
	position:absolute;
	left:540px;
	top:20px;
	height:55px;
	width:350px;
}

#code {
	position:absolute;
	left:540px;
	top:20px;
	height:55px;
	width:330px;
	font-weight:bold;
}

.code {
	font-weight:bold;
	width:250px;
}

#message {
	position:absolute;
	left:240px;
	top:25px;
	height:50px;
	width:300px;
	font-weight:bold;
}

#text1 {
	position:absolute;
	left:240px;
	top:80px;
	width:330px;
	font-size:11px;
}

#text2 {
	position:absolute;
	left:600px;
	top:80px;
	width:280px;
	font-size:11px;
}

#imprintlink {
	position:relative;
	left:860px;
	min-height:1px;
	top:570px;
	width:80px;
	font-size:12px;
}

#imprintlinkflash {
	position:relative;
	left:860px;
	min-height:1px;
	top:710px;
	width:80px;
	font-size:12px;
}

#imprint {
	position:absolute;
	left:0px;
	top:100px;
	width:180px;
	background-color:#B7B7B7;
	font-size:11px;
}

#skipintro {
	position:absolute;
	left:402px;
	text-align:center;
	top:380px;
	width:100px;
	font-size:12px;
}