html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin:0;
	padding:0;
}

.x-box-tl {
	background: transparent url(box/corners.gif) no-repeat 0 0;
    zoom:1;
}

.x-box-tc {
	height: 8px;
	background: transparent url(box/tb.gif) repeat-x 0 0;
	overflow: hidden;
}

.x-box-tr {
	background: transparent url(box/corners.gif) no-repeat right -8px;
}

.x-box-ml {
	background: transparent url(box/l.gif) repeat-y 0;
	padding-left: 4px;
	overflow: hidden;
	zoom:1;
}

.x-box-mc {
	background: #eee url(box/tb.gif) repeat-x 0 -16px;
	padding: 4px 10px;
	font-family: verdana,tahoma,helvetica,sans-serif;
	color: #393939;
	font-size: 12px;
}

.x-box-mc h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 4 0;
	zoom:1;
}

.x-box-mr {
	background: transparent url(box/r.gif) repeat-y right;
	padding-right: 4px;
	overflow: hidden;
}

.x-box-bl {
	background: transparent url(box/corners.gif) no-repeat 0 -16px;
	zoom:1;
}

.x-box-bc {
	background: transparent url(box/tb.gif) repeat-x 0 -8px;
	height: 8px;
	overflow: hidden;
}

.x-box-br {
	background: transparent url(box/corners.gif) no-repeat right -24px;
}

.x-box-tl, .x-box-bl {
	padding-left: 8px;
	overflow: hidden;
}

.x-box-tr, .x-box-br {
	padding-right: 8px;
	overflow: hidden;
}

.x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
	background-image: url(box/corners-blue.gif);
}

.x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
	background-image: url(box/tb-blue.gif);
}

.x-box-blue .x-box-mc {
	background-color: #c3daf9;
}

.x-box-blue .x-box-mc h3 {
	color: #17385b;
}

.x-box-blue .x-box-ml {
	background-image: url(box/l-blue.gif);
}

.x-box-blue .x-box-mr {
	background-image: url(box/r-blue.gif);
}

.login-panel{
	z-index:9999;
	font-family:verdana,tahoma,helvetica,sans-serif;
	font-size:10px;
	position: absolute;
	text-align:center;
	left: 50%;
	top: 50%;
	width: 340px;
	margin-left: -170px; /* half of width */
	margin-top: -100px;  /* half of height */
}

.login-panel h3{
	font-size:24px;
}

.login-panel tr {
	width:100%;
}

.login-panel label {
	padding-right:10px;
}

/* Don't know why these need to be set but if they're not IE doesn't make the fields the same size */
.login-panel #password,.login-panel #username {
	font-family: verdana,tahoma,helvetica,sans-serif;
	width: 100%
}

.error{
	text-align:center;
	font-family:verdana,tahoma,helvetica,sans-serif;
	font-size:14px;
	color: red;  
}

#loadingOverlay {
	background-color:#BEC3CA;
	position:absolute;
	z-index:500;
	opacity: 0.8;
	filter:alpha(opacity=50);
	opacity:0.8;; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	visibility: visible; 
}