/* remove the html and body margin and padding and align the body content to centre. */
html, body{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica;
	font-size:15px;
	text-align:center;
}
button, select{
	padding:5px;
	border-radius:5px;
}

/* transparent loading wrapper background */
#transparent-wrapper
{
    display: none; 
    position: fixed;
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 100%; 
    background-color: #000; 
    z-index: 1001;
    -moz-opacity: 0.35; 
    opacity: .35; 
    filter: alpha(opacity=35);
}

#wait-box{
	z-index:1002;
	position:absolute;
	top:50%;
	left:50%;
	width:400px;
	height:200px;
	margin-top:-100px;
	margin-left:-200px;
	text-align:center;
	background:#fff;
	border:solid 1px #cc;
	border-radius:3px;
}

/* content wrapper, we align back the content to left */
#account-panel{
	width:980px;
	text-align:left;
	margin:0 auto;
	padding:20px;
	margin-top:20px;
	border:solid 1px #ccc;
	border-radius:5px;
}

/* class for hide an object */
.hidden{
	display:none;
}

/* center the login box */
#login-box{
	width:250px;
	text-align:center;
	margin:0 auto;
	margin-top:50px;
	border:solid 1px #ccc;
	padding:20px;
	border-radius:5px;
	background:#e2ecfb;
}

button{
	cursor:pointer;
}

table.tbl td{
	padding:5px 10px;
}

.result-box{
	background:#d8e5fa;
	padding:20px;
	border:solid 1px #264984;
	border-radius:5px;
}

.result-box table.tbl{
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
}

.result-box table.tbl td{
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
}