body {
	margin				: 0;
    padding				: 0;
    height				: 100%;
	background-image	: url(../../images/register/bg.jpg);
    background-repeat	: repeat-x;
    height				: 186px;
	background-color	: #e3e2e2;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	color				: #0d3348;
}

#container {
   min-height			: 100%;
   position				: relative;
}

#header {
   padding				: 0;
}

#body {
   padding				: 50px;
   padding-bottom		: 60px;   /* Height of the footer */
}

#center {
	margin				: 0 auto;
	position			: inherit;
	width				: 800px;
}

.baseWhite	{
	background-color	: #FFFFFF;
	width				: 800px;
	margin-bottom		: 20px;
}

.content	{
	padding				: 0 3px 20px 3px;
}

/* --------- BAR TOP --------*/
.leftBar	{
	background-image	: url(../../images/register/leftBar.jpg);
	background-repeat	: no-repeat;
	width				: 6px;
	height				: 79px;
	float				: left;
}

.rghtBar	{
	background-image	: url(../../images/register/rghtBar.jpg);
	background-repeat	: no-repeat;
	width				: 6px;
	height				: 79px;
	float				: left;
}

.bgBar	{
	background-image	: url(../../images/register/bgBar.jpg);
	background-repeat	: repeat-x;
	width				: 788px;
	height				: 79px;
	float				: left;
}

.signUpTitle	{
	width				: 121px;
	padding				: 30px 5px 5px 10px;
	float				: none;

}

.titleForm	{
	height				: 28px;
	padding				: 51px 100px 0 0px;
	float				: none;
}

.titleForm02	{
	height				: 28px;
	padding				: 0 10px 0 0px;
	float				: left;
}

.bgStep	{
	height				: 24px;
	background-color	: #9ad5f6;
	background-repeat	: repeat-x;
	margin				: 0;
	padding				: 0 10px 0 10px;
	clear				: both;
}

.bgStep02	{
	height				: 28px;
	background-color	: #c9e9fb;
	background-repeat   : repeat-x;
	margin     			: 0;
	padding				: 0 10px 0 10px;
	clear				: both;
}

.StepTitle	{
	font-size			: 16px;
	font-family			: Arial, Helvetica, sans-serif;
	font-weight			: bold;
	color				: #0b3c68;
	padding				: 15px 0 0 10px;
	text-align			: center;
}

.textStep	{
	font-size			: 11px;
	padding-top			: 5px;
	text-align			: center;
}

.textPlain	{
	font-size			: 11px;
	padding-top			: 7px;
	text-align			: center;
	color				: #FFFFFF;
	font-weight			: bold;
}

.noteConText	{
	font-size			: 11px;
	padding				: 3px 5px 1px 5px;
	text-align			: justify;
	color				: #006fae;
	font-weight			: bold;
	height:40px;
}
/* --------- BAR TOP --------*/


.contentInside	{
	padding				: 25px 40px 50px 0;
}

/* --------- BAR TOP --------*/
.logoCntr	{
	padding				: 15px 0 0 0;
	background-position	: left;
	background-image	: url(../../images/register/logo.jpg);
	background-repeat	: no-repeat;
	height				: 60px;
}

.bgimg	{
	padding				: 5px 0 10px 0;
	background-image	: url(../../images/register/img.jpg);
	background-repeat	: no-repeat;
	width				: 794px;
	height				: 407px;
}

.boxBaName	{
	width				: 289px;
	height				: 70px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-weight			: bold;
	font-size			: 12px;
	text-align			: center;
}

.name	{
	color				: #fd3490;
}

.ket	{
	color				: #006fae;
}

.form {
	border-style 		: solid;
	border-width 		: 1px;
	border-color 		: #1a587c;
	background-color 	: #ffffff;
	font-family  		: Verdana, Arial, Helvetica, sans-serif;
	font-size    		: 11px;
	color        		: #0d3348;
	/*width       		: 203px;*/
	height      		: 18px;
}

.form02 {
	border-style 		: solid;
	border-width 		: 1px;
	border-color 		: #1a587c;
	background-color 	: #ffffff;
	font-family  		: Verdana, Arial, Helvetica, sans-serif;
	font-size    		: 11px;
	color        		: #0d3348;
	/*
	width        :115px;
	height       :14px;
	*/
}

/*--------------- Start Square Button Login ---------------*/
a.squarebutton{
	background			: transparent url(../../images/register/square-orange-left.gif) no-repeat top left;
	display				: block;
	float				: left;
	font				: bold 12px Arial; /* Change 12px as desired */
	line-height			: 13px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height				: 21px; /* Height of button background height */
	padding-left		: 6px; /* Width of left menu image */
	text-decoration		: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
	color				: white; /*button text color*/
}

a.squarebutton span{
	background			: transparent url(../../images/register/square-orange-right.gif) no-repeat top right;
	display				: block;
	padding				: 4px 5px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
	background-position	: bottom left;
	text-decoration		: none;
}

a.squarebutton:hover span{ /* Hover state CSS */
	background-position	: bottom right;
	color				: #0556a5;
	text-decoration		: none;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow			: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width				: 100%;
}

/*--------------- End Square Button Login ---------------*/

/*--------------- Start Login 
.loginBox	{
	width				: 372px;
	height				: 320px;
}

.leftLoginImg	{
background-image:url(../../images/register/leftLogin.jpg);
background-repeat:no-repeat;
float:left;
width:6px;
height:79px;
}

.rghtLoginImg	{
background-image:url(../../images/register/rghtLogin.jpg);
background-repeat:no-repeat;
float:right;
width:6px;
height:79px;
}

.bgLogin	{
background-image:url(../../images/register/bgLogin.jpg);
background-repeat:repeat-x;
width:366px;

}
 ---------------*/

#footer {
   position				: absolute;
   bottom				: 0;
   width				: 100%;
   height				: 54px;   /* Height of the footer */
   background-image		: url(../../images/register/footer.jpg);
   background-repeat	: repeat-x;
}

.copyright	{
	text-align			: center;
	padding-top			: 20px;
}


.border-solid-bawah {
	border-top-width	: 1px;
	border-right-width	: 1px;
	border-bottom-width	: 1px;
	border-left-width	: 1px;
	border-top-style	: none;
	border-right-style	: none;
	border-bottom-style	: solid;
	border-left-style	: none;
	border-top-color	: #1a587c;
	border-right-color	: #1a587c;
	border-bottom-color	: #1a587c;
	border-left-color	: #1a587c;
}

.border-solid-kiri {
	border-top-width	: 1px;
	border-right-width	: 1px;
	border-bottom-width	: 1px;
	border-left-width	: 1px;
	border-top-style	: none;
	border-right-style	: none;
	border-bottom-style	: none;
	border-left-style	: solid;
	border-top-color	: #1a587c;
	border-right-color	: #1a587c;
	border-bottom-color	: #1a587c;
	border-left-color	: #1a587c;
}

.border-solid-right {
	border-top-width	: 1px;
	border-right-width	: 1px;
	border-bottom-width	: 1px;
	border-left-width	: 1px;
	border-top-style	: none;
	border-right-style	: solid;
	border-bottom-style	: none;
	border-left-style	: none;
	border-top-color	: #1a587c;
	border-right-color	: #1a587c;
	border-bottom-color	: #1a587c;
	border-left-color	: #1a587c;
}

.border-solid-atas-bawah {
	border-top-width	: 1px;
	border-right-width	: 1px;
	border-bottom-width	: 1px;
	border-left-width	: 1px;
	border-top-style	: solid;
	border-right-style	: none;
	border-bottom-style	: solid;
	border-left-style	: none;
	border-top-color	: #1a587c;
	border-right-color	: #1a587c;
	border-bottom-color	: #1a587c;
	border-left-color	: #1a587c;
}

.border-solid-left-right {
	border-top-width	: 1px;
	border-right-width	: 1px;
	border-bottom-width	: 1px;
	border-left-width	: 1px;
	border-top-style	: none;
	border-right-style	: solid;
	border-bottom-style	: none;
	border-left-style	: solid;
	border-top-color	: #1a587c;
	border-right-color	: #1a587c;
	border-bottom-color	: #1a587c;
	border-left-color	: #1a587c;
}

.border-solid-kiri-bawah {
	border-top-width	: 1px;
	border-right-width	: 1px;
	border-bottom-width	: 1px;
	border-left-width	: 1px;
	border-top-style	: none;
	border-right-style	: none;
	border-bottom-style	: solid;
	border-left-style	: solid;
	border-top-color	: #1a587c;
	border-right-color	: #1a587c;
	border-bottom-color	: #1a587c;
	border-left-color	: #1a587c;
}

.border-solid-kanan-bawah {
	border-top-width	: 1px;
	border-right-width	: 1px;
	border-bottom-width	: 1px;
	border-left-width	: 1px;
	border-top-style	: none;
	border-right-style	: solid;
	border-bottom-style	: solid;
	border-left-style	: none;
	border-top-color	: #1a587c;
	border-right-color	: #1a587c;
	border-bottom-color	: #1a587c;
	border-left-color	: #1a587c;
}

.border-solid-kecuali-atas {
	border-top-width	: 1px;
	border-right-width	: 1px;
	border-bottom-width	: 1px;
	border-left-width	: 1px;
	border-top-style	: none;
	border-right-style	: solid;
	border-bottom-style	: solid;
	border-left-style	: solid;
	border-top-color	: #1a587c;
	border-right-color	: #1a587c;
	border-bottom-color	: #1a587c;
	border-left-color	: #1a587c;
}

.border-solid-kecuali-bawah {
	border-top-width	: 1px;
	border-right-width	: 1px;
	border-bottom-width	: 1px;
	border-left-width	: 1px;
	border-top-style	: solid;
	border-right-style	: solid;
	border-bottom-style	: none;
	border-left-style	: solid;
	border-top-color	: #1a587c;
	border-right-color	: #1a587c;
	border-bottom-color	: #1a587c;
	border-left-color	: #1a587c;
}

.border-solid-no-left {
	border-top-width	: 1px;
	border-right-width	: 1px;
	border-bottom-width	: 1px;
	border-left-width	: 1px;
	border-top-style	: solid;
	border-right-style	: solid;
	border-bottom-style	: solid;
	border-left-style	: none;
	border-top-color	: #1a587c;
	border-right-color	: #1a587c;
	border-bottom-color	: #1a587c;
	border-left-color	: #1a587c;
}

.border-solid-kecuali-kanan {
	border-top-width	: 1px;
	border-right-width	: 1px;
	border-bottom-width	: 1px;
	border-left-width	: 1px;
	border-top-style	: solid;
	border-right-style	: none;
	border-bottom-style	: solid;
	border-left-style	: solid;
	border-top-color	: #1a587c;
	border-right-color	: #1a587c;
	border-bottom-color	: #1a587c;
	border-left-color	: #1a587c;
}

.border-solid-all {
	border-top-width	: 1px;
	border-right-width	: 1px;
	border-bottom-width	: 1px;
	border-left-width	: 1px;
	border-top-style	: solid;
	border-right-style	: solid;
	border-bottom-style	: solid;
	border-left-style	: solid;
	border-top-color	: #1a587c;
	border-right-color	: #1a587c;
	border-bottom-color	: #1a587c;
	border-left-color	: #1a587c;
}

.border-solid-kecuali-kiri-atas {
	border-top-width	: 1px;
	border-right-width	: 1px;
	border-bottom-width	: 1px;
	border-left-width	: 1px;
	border-top-style	: none;
	border-right-style	: solid;
	border-bottom-style	: solid;
	border-left-style	: none;
	border-top-color	: #1a587c;
	border-right-color	: #1a587c;
	border-bottom-color	: #1a587c;
	border-left-color	: #1a587c;
}

/* a-oranye */
.a-oranye:link {
	color				: #f07c00;
	text-decoration		: none;
}
.a-oranye:visited {
	color				: #f07c00;
	text-decoration		: none;
}
.a-oranye:hover {
	text-decoration		: underline;
	color				: #f07c00;
}
.a-oranye:active {
	color				: #f07c00;
	text-decoration		: none;
}