/*
 * dreLogin V.1.0
 *
 * Copyright (c) 2009 Hairul Azami [a.k.a dr.emi] (www.dremi.info)
 * Licensed under the creativecommons Attribution-Share Alike 3.0 Unported
 * http://creativecommons.org/licenses/by-sa/3.0/
 * more info of licenses: http://www.dremi.info/wwwtips.php?cID=72
 *
 * Date: Jan 27 2009
 */


@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:center;
}

a:link {
	color: #009900;
	text-decoration: none;
}
a:visited {
	color: #009900;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
a:active {
	color: #009900;
	text-decoration: none;
}

#ajax_display { position: absolute;top:5px; width:100%; text-align: center; font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px; z-index: 5; }

#mainPan{
	width:300px;
	position:relative;
	margin:0 auto;
}
#formPan
{
	margin-top:100px;
}

#htmlExampleTarget { text-align:center;
		color:#4d4d4e;
		position:absolute;
		top:0; left:0;
		padding:10px 0px;
		border-top:solid 5px #336699;
		display:block;
		width:100%;
		background: #5f86ae; }

#divTarget { background-color:#5f86ae; padding:5px; }
#htmlForm { padding:20px;}
fieldset { border:solid 2px #ccc;padding:20px;}
legend {padding:0 15px 0 10px;font:bold .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#666;text-transform:uppercase;border:1px solid #ccc;background:#f4f4f4;letter-spacing:2px}
.input { background:url('../images/sbar_a_hili.gif') 0 0 repeat-x; border:solid 1px #cccccc;}
.submit { border:solid 1px #cccccc; background: url('../images/star.png') 0 0 no-repeat #f4f4f4; padding-left:30px; height:35px; color:#660000;margin-left:55px;  }
label {  width:140px;color: #333333; }
#outer{ width:230px; padding:8px; 
				background:#336699;
				height:30px;				
				color:#fff;			
                                float:left;
                                margin-left:0px;
                                margin-bottom:5px;                                
				font-weight:bold;
				-moz-border-radius: 6px;
				font-size:12px;
				border-radius: 6px;
				-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
				-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
				text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
				border-bottom: 1px solid rgba(0,0,0,0.25);}
#outer em{
	font-size:11px;
}
input#button{
			width: 244px;
			margin:8px auto;
			padding: 4px;
			text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
			border-bottom: 1px solid rgba(0,0,0,0.25);
			font-size: 11px;
			border: 1px solid #dfdddd;
		}
                input#button:hover{
			width: 244px;
			margin:8px auto;
			padding: 4px;
			text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
			border-bottom: 1px solid rgba(0,0,0,0.25);
			font-size: 11px;
			border: 1px solid #CCCCCC;
                        box-shadow: 1px 1px 1px 1px #f0f0f0;
		}