Help with centering custom lightbox

Hey guys,

Using Socioclick's LightBox Login/Register Module I am having trouble centering the div. I have attached a screenshot of where the div is currently placed and the faded div of where I would like it to be moved (slightly to the left and closer to the top). Thanks in advance

CSS:

/* LOGIN / REGISTER */
#lb_overlay{ 
  background: url(images/overlay.png) repeat;
  position: absolute;
  z-index: 90;
  filter:alpha(opacity=40);
  -moz-opacity:.40;
  opacity:.40;
  background-color: #333;
}

#lb_box{
   width: 600px; 
   height: 450px;
   background-color: #eee;
   text-align:left;
   z-index: 90;
}
#lb_close{
   cursor:pointer;
   background: url(../images/close.gif);
   width: 20px;
   height: 20px;
   position: absolute;
   top: -5px;
   right: -5px;
   z-index: 99;
}
#lb_box_content {
   background-color: #2D2D2D;
   width: 592px; 
   height: 442px;
   position: absolute;
   top: 4px;
   left: 4px;
   overflow: hidden;
}
#lb_box_content td {
   color: #fff;
   font-size: 18px;
   font-family: arial;
}
#lb_box_content h2 {
   color: #ee3f79;
   font-size: 22px;
   font-family: arial;
   padding:0px; 
   margin:0px;
}
#lb_box_content .textbox {
	height:30px;
	width:220px;
	border-color:#2D2D2D;
	border-style:solid;
	font-size:20px;
	text-indent:3px;
	color:#2D2D2D;
}
#lb_box_content .or {
   color: #ee3f79;
}

#lb_box_content a:link, 
#lb_box_content a:hover, 
#lb_box_content a:visited {
   color: #eee;
   font-size: 11px;
   font-family: arial;
   font-weight: normal;
   text-decoration: none;
}
button, .button, .button:active, .button:focus {
	border: 0;
	cursor: pointer;
	background: #ee3f79 url(../images/bg_button.gif) 0 100% repeat-x;	
	color: #fff;
	padding: 6px 12px;
}

HTML:

 

Never mind....

Adjusted;

#lb_box{
width: 600px;
height: 450px;
background-color: #eee;
text-align:left;
z-index: 90;
margin-top: -65px;
margin-left: -65px;