body {															/* include background image */
	background-image: url(../img/bg_login.jpg);
	background-position: 0px 0px; 
	background-repeat: repeat-x;
	background-color: #818183;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	font-family:Tahoma, Arial;
}

div#wrapbg{														/* include background image */
	background-image: url(../img/bg_login.jpg);
	background-position: 0px 0px; 
	background-repeat: repeat-x;
	background-color: #818183;
	height: 100%;
	width: 100%;
}


/* LAYOUT STYLING
--------------------------------------------------------- */
div#wrapbgg{
	width: 700px;
	height: 100%;
}


/* MAIN CONTENT
--------------------------------------------------------- */

div#maincontentlogin{
	margin: 1px 0px 0px 0px;
	padding-top: 130px;
}


/* LOGIN UTAMA
------------------------------------------------------------------------------------------------------------------- */
div#contentlogin{												/* for shadow */
	padding-top: 19px;
	padding-left: 0px;
	background-image: url(../img/shadow.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 300px;	
	width: 700px;
}

div#contentlogin2{												/* for image main login */
	background-image: url(../img/banner_login.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 671px;
	height: 264px;
	padding-top: 5px;
}


/* LOGO AND NAMA MAJLIS
------------------------------------------------------------------------------------------------------------------------------------------------ */

#logo {															/* set for indent logo LOGIN */
	height: 85px;
	width: 367px;
	padding-left: 28px;
	padding-top: 43px;
} 

#jata {															/* for logo jata in LOGIN */
	background-image: url(../img/jata.png);
	background-repeat: no-repeat;
	height: 85px;
	width: 120px;
	float:left;
}

#logo_majlis {												    /* for logo majlis in LOGIN */
	background-image: url(../img/logo_majlis/mpk.png);
	background-repeat: no-repeat;
	height: 85px;
	width: 106px;
	float:left;
}

#epbt {												            /* for logo epbt in LOGIN */
	background-image: url(../img/epbt.png);
	background-repeat: no-repeat;
	height: 85px;
	width: 141px;
	float:left;
}

#nama {															/* indent for nama majlis LOGIN */
	padding-left: 28px;
	padding-top: 10px;
} 

#nama_majlis {												   /* for nama majlis LOGIN */
	background-image: url(../img/nama_majlis/mpk.png);
	background-repeat: no-repeat;
	height: 66px;
	width: 380px;
	/*background-position:top;*/
}

.text_blue {													/* text for kerajaan negeri Johor (LOGIN) */
	padding-top: 32px;
	padding-left: 20px;
	padding-right: 45px;
	text-decoration:none;
	font-family: Tahoma, Arial;
	font-weight: normal;
	font-size: 10px;
	float:right;
	color: #067ec3;
}

/* RIGHT SECTION 
------------------------------------------------------------------------------------------------------------------------------------------------------- */
#login_a {															/* indent for bg LOGIN */
	padding-left:2px;
	padding-top:4px;
}

#login {															/* for bg LOGIN(black screen) */
	background-image: url(../img/login.png);
	background-repeat: no-repeat;
	background-position: 0px;
	width: 240px;
	height: 244px;
}

.fontutama {
	padding-left: 27px;
	padding-top: 60px;
}

#font_putih {													/* for text id pengguna & katalaluan */
	padding-left: 20px;
	padding-top: 28px;
}

#text{
	text-decoration:none;
	font-family: Tahoma, Arial;
	font-weight: normal;
	font-size: 13px;
	float:left;
	color: #FFFFFF;
	height: 32px;
	list-style:none;
	padding-top: 19px;
	padding-left: 20px;
}


/* FORM SECTION
 ---------------------------------------------------------- */

#form{
	width:100%;
	display:table;
	position: static;
	background:transparent;
	padding:0px; 
	white-space:nowrap;
}

input { 
	border:1px #666666 solid; 
	width: 180px; 
	height: 18px; 
}

label { 													/* for text ID PENGGUNA & KATALALUAN */
	width:100px; 
	float:left; 
	text-align:left;
	font-family:Tahoma, Arial; 
	font-size:12px; 
	font-weight:normal;
	text-align:left; 
	color:#FFFFFF; 
	padding-right:4px; 
}

a{
	color:#FFFFFF;
	text-decoration:none;
	outline-style:none;
}

a:hover{
	text-decoration:underline;
	outline-style:none;
}

.defaultMooButton, .MooButton { 							/* MooHover buttons.. We set all styles in one declaration. */
	position:relative; 
	float:left;
	width:103px; 
	height:45px; 
	background:url(../img/button_login.png); 
	text-decoration:none; 
}

.MooButton { 												/* set the background for our buttons */
	background:url(../img/button_loginover.png);
	cursor:pointer;
}

.MooButton {												/* The form inputs have a border. Let's get rid of it */
	border:none;	
}

.defaultMooButton { 										/* All positioning for the submit button is done on the .defaultMooButton container div */
	float:left; 
}