* { font-family: Verdana; font-size: 11px; }
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: middle; font-size:0.8em; }
p { clear: both; }

body {
	background-color:#EFEFEF;
	padding:0px;
	margin:0px;
}
#wrapper {
	width:700px;
	margin:auto;
	background-color:white;
	padding:10px 20px;
	min-height:100%;
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
}

.notice {
	padding:20px;
	background-color:#FFFFE5;
	color:darkred;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border:1px solid #FFE6CC;
	margin-top:30px;
}

.success {
	padding:20px;
	background-color:#E5FFE5;
	color:#333;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border:1px solid #66CC00;
	margin-top:30px;
	margin-bottom:10px;
}

#wrapper h1 {
	font-size:16px;
	color:darkred;
	text-align:center;
	border-bottom:1px solid darkred;
	padding:0 0 20px 0;
}

span.label {
	width:100px;
	display:inline-block;
	font-weight:bold;
	color:#666;
	margin-bottom:5px;
}
#formBox{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border:1px solid grey;
	width:500px;
	margin:auto;
}
#formBox #title {
	font-weight:bold;
	color:#333;
	padding:10px
}
#dikem {
	text-align:center;
	cursor:pointer;
	font-size:0.8em;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#DDD;
	margin-top:10px;
	padding:6px;
}
#extendedBox {
	display:none;
	border:1px solid #DDD;
	border-top-width:0px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-radius-bottomleft:4px;
	-webkit-border-radius-bottomright:4px;
	padding:20px;
	margin-top:-5px
}
#extendedBox hr {
	border:0;
	border-top:1px solid #CCC;
	width:80%;
	margin:10px auto;
}
#dangky {
	text-align:center;
	background-color:#8FC7FF;
	padding:8px 0px;
	width:500px;
	margin:auto;
	margin-top:10px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}