html {min-height: 100%;}

* {	margin: 0;	padding: 0;}

a {color: #FD6533; font-size:13px; text-decoration:none;}
a:hover {color: #616E98; }

body {color: #303338; font: normal 62.5% Tahoma,sans-serif;padding-top: 30px;}

p,code,ul {padding-bottom: 1.2em;}
p, h1, form, button{border:0; margin:0; padding:0;}

h1 {font: normal 1.8em Tahoma,sans-serif;}
h2 {font: bold 1.4em sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}

.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
}

.center{
	text-align:center;
}

	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #b7ddf2;
		background:#ebf4fb;
		margin-bottom:5px;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(img/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
	
		/* ----------- basic ----------- */
	#basic{
		border:solid 2px #DEDEDE;
	}
	#basic h2 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#basic p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	
	#basic .clp_button{ 
		background:#888888;color:#FFFFFF;border:solid 1px #666666;font-size:11px;	font-weight:bold;padding:4px 6px;margin-left:130px;margin-top:3px;
	}	

	#basic .label{
		display:block;
		font-weight:bold;
		text-align:left;
		width:360px;
	}
	#basic .small{
		font-size:14px;
		float: left;
		color:#666666;
		font-weight:normal;
		width:150px;
		margin-bottom:3px;
		padding: 3px;
	}
	#basic .output{
		font-size:14px;
		font-weight:bold;
		float: left;
		width:220px;
		margin-bottom:3px;
		padding: 3px;
	}
	
.bg_blue{background-color:#F3F9FD}
.color_red{color:#CF0000}	
.color_green{color:#426E2E}
.code_textarea{font-size:11px; width:390px; height:75px; padding:3px; border:1px #DEDEDE solid;}

DIV.prepageClass {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BACKGROUND: #ffffff;  BORDER-LEFT: #000000 1px solid; WIDTH: 200px; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: arial; POSITION: absolute; TOP: 300px; HEIGHT: 90px
}
DIV.prepageClass P {
	FONT-SIZE: 11px
}

UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; COLOR: #000000; PADDING-TOP: 0px; list-style-type: square;font-size:12px; 
}
