/* CSS Document */
* { margin:0; padding:0; }
body {
	background:#fff;
	font: 11px/1.5em Arial, Helvetica, sans-serif; color:#111;
	width:800px;
	margin:1em auto;	
}
h1 { font-size:1.5em; line-height:1.75em;  color:#999999;}
.red { color:#CC0000;}
a { color:#CC0000; text-decoration:none; font-weight:bold;}
#outer {
	width:800px; height:auto; float:left; 
	border:2px solid #C1272D;}
#header {
	width:780px; height:75px;
	background:url(images/login-header.png) 0px 0px no-repeat;
	margin:0 auto;
}
#header #linkhome {
	width:25px; height:20px; float:right; margin-top:20px; margin-right:1em;
	}
#header #DateTimeTickContainer {
	width:230px; height:20px; line-height:18px;
	display:block; position:relative; top:48px; left:20px;
}

#content { width:780px; height:auto;}

#content #login {
	clear:both; width:280px; height:230px; float:left;
	background:url(images/women.jpg) bottom left no-repeat;
	border-bottom:1px solid #C1272D;
	margin-bottom:1em; margin-left:1em;
	padding-left:230px;
}
	ul.login { margin-left:0; padding-left:0; margin-top:1em;}
	ul.login li {
		list-style:none; clear:left; height:30px; margin-bottom:0.5em;}
	ul.login li label {
		width:95px; height:25px; line-height:25px; float:left;
		font-size:12px;}
	ul.login li input {
		width:175px; height:19px;  line-height:19px; float:left;
		border:1px solid #ccc;
		font: Arial, Helvetica, sans-serif 12px;}
	ul.login li input.login {
		width:73px; height:19px; float:right;
		border:none;}

#content #keterangan {
	clear:left; width:280px; height:auto; float:left;
	padding-left:240px;
}
#content #verisign {
	width:220px; height:361px; float:right; 
	margin-bottom:1em; padding-top:20px; padding-left:10px;
	background:url(images/login-VeriSignBox.png) 0px 0px no-repeat;}

p { clear:left; margin:2em 0;}
p span { float:left;}
p span.veriSign {
	width:60px; height:70px; margin-right:1em; margin-bottom:1em;}

a img, img { border:none;}