/*
Site designed and developed by Neusis - www.neusis.com
*/

/****************************************************************
	BASIC
****************************************************************/
body {
	background:#8d8d8d url("../../images/joopz.com//grid/bg.gif") 0 0 repeat-x;
	margin:0;
	padding:0;
	text-align:center;
}
body,input,textarea,select,td,th {
	color:#ffffff;
	font:12px Tahoma, Arial, Verdana, sans-serif;
}
	#root {
		width:761px;
		margin:0 auto;
		text-align:left;
		position:relative;
	}
	a {
		color:#fff;
		text-decoration:none;
	}
	/*a:visited {
		color:#8e3ef3;
	}*/
	a:hover {
		text-decoration:underline;
	}
	a img {
		border:0;
	}
	form, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, p, input, blockquote {
		margin: 0;
		padding: 0;
	}
/****************************************************************
	class
****************************************************************/
input.text,
textarea {
	background:#fffccc;
	border:1px solid #f6e8ad;
	padding:2px 0 0 5px;
	color:#be8b01;
	font-size:12px;
	height:22px;
	heigh\t:18px;
}
input.text:focus,
textarea:focus{
	/*background:#f8ec6a;*/
	border-color:#EC9F1A;
}
textarea {
	padding:5px 0 0 5px;
	height:125px;
	heigh\t:118px;
	overflow:auto;
}
input,
textarea,
label {
	vertical-align:middle;
}
/* 2006-09-23 */
select {
	vertical-align:middle;
}
/* //2006-09-23 */
/****************************************************************
	login
****************************************************************/
#login {
	position:absolute;
	top:18px;
	right:0;
	width:513px;
	height:56px;
}
	#login h3 {
		font-size:12px;
		font-weight:bold;
		color:#e3a000;
		float:left;
		width:227px;
		widt\h:217px;
		text-align:right;
		padding:19px 10px 0 0;
	}
	#login form {
		float:right;
		width:286px;
		display:block;
	}
	#login form .col {
		width:128px;
		widt\h:116px;
		float:left;
		padding: 0 12px 0 0;
	}
		#login form label {
			font-size:10px;
			color:#4d4d4d;
			display:block;
			margin:0 0 4px;
		}

		#login form div#reminder {
			font-size:10px;
			display: block;
		}
		#login form div#reminder a {
			background: url("../../images/joopz.com//grid/dots.gif") 0 100% repeat-x;
			color:#f7b400;
		}
		
		#login form input.text {
			float:left;
			background:#fffccc;
			border:1px solid #f6e8ad;
			width:116px;
			widt\h:109px;
			padding:2px 0 0 5px;
			color:#4d4d4d;
			font-size:12px;
			height:22px;
			heigh\t:18px;
			margin:0 0 3px;
		}
		#login form input.text:focus {
			background:#f8ec6a;
		}
	#login form .submit {
		width:30px;
		float:left;
		padding:17px 0 0;
	}
	#login p {
		font-size:11px;
		color:#7a7a7a;
		text-align:right;
		margin:0 8px 0 0;
	}
	#login p.logged-in {
		border-bottom:1px solid #e2e2e2;
		float:right;
		margin-top:-10px;
		padding:0 0 6px 2px;
		position:relative;
	}
	#login p a {
		font-weight:bold;
		color:#f7b400;
		text-decoration:none;
		background: url("../../images/joopz.com//grid/dots.gif") 0 100% repeat-x;
	}
	#login p a:hover {
		text-decoration:none;
		background:none;
	}
/****************************************************************
	footer
****************************************************************/
#footer {
	clear: both;
	background: url("../../images/joopz.com//grid/bg_footer.gif") 0 0 repeat-x;
	padding:0 31px 5px 21px;
}
#footer:after {
	content: ".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden;
}
#footer {
	width: 100%;
	display:block;
}
	#footer p.f-menu {
		padding:15px 0 0 0;
		font-size: 12px;
		text-align:center;
	}
	#footer p.f-menu a {
		padding:3px;
	}
	#footer p.copy {
		display:block;
		padding:8px 0 0 0;
		color:#d8d8d8;
		font-size:11px;
		text-align:center;
	}
	#footer p.copy a {
		color:#d8d8d8;
	}