/* CSS Document */


body {
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 12px;
	background : #2b2b2b url(images/bgimg.jpg) top repeat-x;
	margin:0px;
}

th, td {
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color : #333333;
}

#cmenu a {
	color : #0000FF;
	text-decoration : none;
	font-weight: bold;
	margin-left:0px;
	margin-right:0px;
}

#cmenu a:hover {
	color : #e0a230;
}

#ccontent {
	width : 100%;
}

#ccontent H1 {
	font-size : 16px;
	color : #494949;
	font-weight: bold;
}

#ccontent H2 {
	font-size : 12px;
	color : #f67e0e;
	margin : 0px;
}

#ccontent a {
	color : #f67e0e;
	text-decoration : none;
}


#ccontent a:hover {
	color : #5d9cae;
	text-decoration : underline;
}


td.content_s {
	border : solid 1px #c0c0c0;
	padding : 10px;
	color : #ffffff;
}


td.content_a {
	padding : 10px;
	color : #ffffff;
}


#menu {
	font-size:12px;
	color:#ffffff;
	text-align:left;
	margin-bottom:8px;
	margin-top:2px;
	width:180px;
}

#menuright {
	font-size:12px;
	color:#ffffff;
	text-align:left;
	margin-bottom:8px;
	margin-top:2px;
	width:180px;
	white-space: normal;
}

#menuright h1 {
	text-decoration:none;
	font-size:11px;
	color:#e103a0;
	display:block;
	text-align:left;
	margin-top:0px;
	margin-bottom:5px;
	padding-left:45px;
	padding-top:15px;
	height: 30px !important;
	position:relative; z-index:0;
	background: url(images/menubg.png) no-repeat left top;
	height:41px;
} 
#menu h1 {
	text-decoration:none;
	font-size:11px;
	color:#e103a0;
	display:block;
	text-align:left;
	margin-top:0px;
	margin-bottom:5px;
	padding-left:45px;
	padding-top:15px;
	height: 30px !important;
	position:relative; z-index:0;
	background: url(images/menubg.png) no-repeat left top;
	height:41px;
}

#menu4 h1 {
        text-decoration:none;
        font-size:11px;
        color:#ffffff;
        display:block;
        text-align:left;
        margin-top:0px;
        margin-bottom:5px;
        padding-left:30px;
        padding-top:5px;
        height: 20px !important;
        position:relative; z-index:0;
        background: url(images/bgmenu.jpg) no-repeat left;
        height:25px;
}


#menu a {
	text-decoration:none;
	font-size:11px;
	color:#f404ae;
	display:block;
	text-align:left;
	margin-bottom:1px;
	margin-left:6px;
	margin-right:6px;
	padding-left:25px;
	padding-top:5px;
	height: 20px !important;
	position:relative; z-index:0;
	border-bottom: dotted 1px #f404ae;
	height:25px;
	
}



#menu a:hover {

	text-decoration: none;
	color: #ffffff;
	border-bottom: dotted 1px #ffffff;
}


#login {
	margin-top:5px;
	margin-bottom:5px;
	}

#login td {
	color : #ffffff;
	font-weight: bold;
	font-size:11px;
	}


#login a {
	color : #5deffc;
	font-weight: normal;
	font-size:11px;
	text-decoration: none;
	padding:0px;
	height: 0px;
	font-weight:600;
	}



#login a:hover {
	color : #09fc2b;
	text-decoration:underline
	}




#login input {
	font-weight: normal;
	font-size:11px;
	}


#websapa {
color:#ffffff;
}


#websapa td {
color:#ffffff; 
}


#websapa2 td {
color:#ffffff;
}


td.left {
	background:url(images/leftbg.jpg);
	padding-left: 27px;
	}

	
#berita a {
	color:#ffffff;
	text-decoration: none;
}


#berita a:hover {
	text-decoration: underline;
}


 
 
/* lagi table -------------------- */

#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers td, #customers th 
{

border:1px solid #936;
padding:3px 7px 2px 7px;
}
#customers th 
{

text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color: #903;
color:#ffffff;
}
#customers tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}

/* ------------------ end contoh table lagi ----- */




/* 
table class form
*/

table.form, table.form th, table.form td	{	border:none;  border-collapse:collapse; font-family:corbel,'helvetica neue','trebuchet ms',arial,helvetica,sans-serif; font-size:1em; line-height:1.5em}
table.form		{	background:black; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3); border-bottom: 1px solid black; border-left: 1px solid black;}
table.form caption		{	text-align:left; text-transform:uppercase; font-size:150%; font-weight:bold; padding:1.5em 0; color:black}

table.form thead, 
table.form tfoot			{	color:white; }

table.form thead th				{	padding:0.5em 1em; text-transform:uppercase; text-align:left; }

table.form tbody td,
table.form tbody th				{	font-size:100%; padding:0.5em 1em; background-color:white; vertical-align:top;}
table.form tbody th				{	color: #FF6;	text-align:center; background: #036;; background-repeat:repeat-y; border-right:1px solid #ccc}
table.form tbody td#reg-title	{	color: #000; text-align:right; background-image:url(tabel.png); background-repeat:repeat-y; border-right:1px solid #ccc}
table.form tbody td#reg-form	{	color: #000;  background-repeat:repeat-y; border-right:1px solid black}
table.form tbody td:last-child		{	border-right:1px solid black}
table.form tbody td#maklumat	{	background: #036; color: #FFC; font-weight:bold; text-transform:uppercase;}
table.form tbody td#maklumat2	{	background: #FF9; color: #006; font-weight:bold; text-transform:uppercase; text-align:center;}


table.form tbody tr.odd th, 
table.form tbody tr.odd td			{	background-color:#eee; color:#222}

table.form tfoot td,
table.form tfoot th				{	border:none; padding:0.5em 1em 2em; font-size:130%}
table.form tfoot th				{	text-align:right}


table.form ::-moz-selection{	background:#202020; color:white}
table.form ::selection		{	background:#202020; color:white}

table.form thead ::-moz-selection, 
table.form tfoot ::-moz-selection	{	background:white; color:#202020}
table.form thead ::selection, 
table.form tfoot ::selection		{	background:white; color:#202020}


table#member-info		{	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3); }
table#member-info	td	{ border:1px #B4C8FC solid; padding:2px;}
table#member-info td#reg-title	{	color: #000; text-align:right; background:#CCC; background-repeat:repeat-y; border-right:1px solid #ccc}






.fieldName {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3670A7;
	background-color: transparent;
	width: 200px;
	padding: 3px 3px 3px 3px;
}
.fieldText,.fieldLabel {
	background-color: #F2F7FB;
	color: #000000;
	text-align: left;
	font-size: 9px;
	margin-right: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 3px 3px 3px 3px;
}