body {
	background : url("../img/pattern_background.png") bottom left;
	margin : 0; 
	font-family: "arial";
}


#topbar{
	background : url("../img/topbar.png") no-repeat bottom center;
	/*background-color : #ccc;*/
	height : 7%;
	margin-top : 0px;
	border : 0px solid blue;	
}

#logout{
	width : auto; 
	float: right;
	margin : 6px 10px 0 0;
	font-size : 11px;
	color : #fff;
}

#logout img{
	border : 0; 
	text-decoration : none;
	margin : 0 0 0 10px;
}

#centralblock{
	background : #033 url("../img/background.jpg") top left;
	border-top : 1px solid #fff;
	border-bottom : 1px solid #fff;
	background-color : #ccc;
	height : 576px;
}

#central{
	margin : 12% auto auto auto;
}

#content{
	width : 570px;	
	margin : 0 auto;
	border : 0px solid blue;
	height : 376px;
}

#bottombar{
	background : url("../img/bottombar.png") no-repeat top center;
	/*background-color : #ccc;*/
	position : relative;
	height : 9%;
	margin : 0;
	border : 0px solid blue;
}

#wellcome{

	float : left;
	border : 0px solid  yellow;
	width : 232px;
	height : 15px;
	padding : 30px 0 0 2px;
	margin-top : 50px;
	font-size : 11px;
	color : #ccc;
}

#wellcome .labels2{
	float : left;
	border : 0px solid white;
	margin-top : 20px;
}

#wellcome .labels2 img{
	position : relative;	
	top : -2px;
	margin-left : 8px;
	/*float : right;*/
}

#login{
	float : left;
	border : 0px solid  green;
	height : 250px;
	color : #ccc !important;
}

#vertbar{
	background : url("../img/vert-bar.png") no-repeat top left;
	float : left;
	border : 0px solid  green;
	height : 250px;
	width : 2px;
}

#loginbox{
	background : url("../img/loginbox.png") no-repeat top left;
	width : 288px;
	border : 0px solid green;	
	height :  88px;
	margin : 16px;
}

#loginbox form{
	margin : 0 0 0 83px;
	color : #ccc;
}

#loginbox .labels1, #loginbox .labels2, #loginbox .input{
	border : 0px solid red !important;
	color : #ccc;
}


#loginbox .labels1{
	height : 21px;
	font-size : 11px;
	border : 0px solid red;
	padding : 6px 0 0 0;
}

#loginbox .labels2{
	height : 6px;
	font-size : 11px;
	border : 0px solid red;
	padding-top : 6px;
}


#loginbox .button{
	/*float : left;*/
	width : 48px;
	border : 0px solid green;
	font-size : 9px;
}

#loginbox .button img{
	margin-left : 16px; 
}

#loginbox .input{
	border : 0px solid green;
}

#loginbox img{
	border : 0; 
	text-decoration : none;
	margin : 0 0 0 10px;
}


#loginbox .input input{
	height : 18px;
	border : 0px;
}

#loginbox .input2 {
	border : 0px solid red;
}

#loginbox .input2 input{
	height : 18px;
	border : 0px solid red;
	margin-top : 0px;
}

#loginbox .input2 input, #loginbox .input input{
	padding-left : 4px;
	padding-top : 2px;
}

.loginboxTable td{
	border : 1px solid gray;
}

#register{
	background : url("../img/register.png") no-repeat top left;
	width : 278px;
	border : 0px solid green;	
	height :  88px;
	margin : 16px;
}

#register .labels3{
	height : 18px;
	font-size : 21px;
	line-height : 18px;
	font-weight : bold;
	border : 0px solid red;
	padding : 9px 0 0 0;
	color : #fff;
}

#register .labels4{
	height : 18px;
	font-size : 11px;
	border : 0px solid red;
	padding  : 2px 0 0 0;
	color : #ccc;
}

#register table{
	width : 198px;
	border : 0px solid pink;
	border-spacing : 0px;
	margin : 0 0 0 83px;
}

#register td{
	border : 0px solid pink;
}

#register .button{
	width : 28px;
	border : 0px solid green;
	font-size : 9px;
}

#register img{
	border : 0; 
	text-decoration : none;
	margin : 5px 0 0 10px;
}

#register input{
	width : 80px;
	height : 20px;
	border : 0px;
}