/* Main Style Sheet for jQuery UI date picker */
#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #777;
	z-index: 9999; /*must have*/
}
.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.ui-datepicker-control {
	background: #400;
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: #000;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 100%;
}
.ui-datepicker-links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 10%;
	height: 20%;
	text-align: left;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
	
}
.ui-datepicker-current {
	float: left;
	width: 10%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	padding: 1px 0 3px;
	background: #900;
	text-align: center;
	font-weight: bold;
	height: 3.0em;
}
.ui-datepicker-header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	background: #777;
}
.ui-datepicker-days-row {
	background: #eee;
	color: #666;
}
.ui-datepicker-week-col {
	background: #777;
	color: #fff;
}
.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #ddd;
}
.ui-datepicker-days-cell a{
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #ddd;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #777;
}
.ui-datepicker-days-cell-over {
	background: #fff;
	border: 1px solid #777;
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-today {
	background: #fcc !important;
}
.ui-datepicker-current-day {
	background: #999 !important;
}
.ui-datepicker-status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.ui-datepicker-title-row a {
	color: #eee !important;
}
.ui-datepicker-control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #777;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.embed + img { position: relative; left: -21px; top: -1px; padding: 3px 0px 0px 0px; }


#daftar{
margin-top:-1px; padding:10px;
border:1px solid #c7d7d7;
position:relative;
top:-1px;
background-color:#e7f3f8;
margin-left:6px;
margin-right:6px;
}


#butang2{
width:120px;
}

#spacer{
height:8px;
width:5px;
}

#chekbox{width:15px; background-image:none; border:none;
}

.chekbox{width:15px; background-image:none; border:none;
}

#percent{
width:100%;}

#loginlist ul{
list-style:none;
}

ul #loginlist li{
list-style:none;
display:inline-table;
background-color:#000099;
}





.glor1{
 cursor:pointer;
    -moz-box-shadow: 0px 0px 17px #0c0;
    -webkit-box-shadow: 0px 0px 17px #0c0; 
    box-shadow: 0px 0px 17px #0c0;
}



.textarea{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
-moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px; 
			width:60%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;	
}
.textareasmall{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
-moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px; 
			width:5%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;	
}
.textareaphone{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
-moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px; 
			width:15%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;	
}
#email{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
-moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px; 
			width:60%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;	
}

.textarea2{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:120px;
-moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px; 
			width:85%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;	
background-color:#FFFFFF;	
}

#ul_ulasan{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:120px;
-moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px; 
			width:85%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;	
background-color:#FFFFFF;	
}


.textarea3{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
-moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px; 
			width:85%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;	
background-color:#FFFFFF;
width:100%;	
}

.textarea32{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
-moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px; 
      width:85%;
  font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;  
background-color:#FFFFFF;
width:100%; 
}

#namasyarikat{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
       -moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px;
			width:60%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background-color:#FFFFFF;			

}

#agt_name{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
       -moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px;
			width:60%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background-color:#FFFFFF;		

}

#agt_no_staff{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
       -moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px;
			width:60%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background-color:#FFFFFF;		

}

#agt_email{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
       -moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px;
			width:60%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background-color:#FFFFFF;		

}

#at_nama{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
       -moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px;
			width:60%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background-color:#FFFFFF;		

}

#at_telefon{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
-moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px; 
			width:200px;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;		

}

#agt_username{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
       -moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px;
			width:60%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background-color:#FFFFFF;		

}

#agt_password{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
       -moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px;
			width:60%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background-color:#FFFFFF;		

}

#agt_reEnter_password{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
       -moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px;
			width:60%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background-color:#FFFFFF;		

}

#pg_password{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
       -moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px;
			width:60%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background-color:#FFFFFF;		

}

#pg_kata_laluan{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
       -moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px;
			width:60%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background-color:#FFFFFF;		

}

#at_id{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
       -moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px;
			width:60%;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background-color:#FFFFFF;		

}

.textarea4{
width:100%; height:23px; background:url(../img/boxbg.png); border:1px solid #D7D7D7; padding-left:5px;
}

#title{
padding-top:10px;
}

.button2{
background:none;
border:none;
background-color:none;
height:32px;}

#titlebox{
color:#000000;
}


h3{
font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

#breadcrumb{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
z-index:1;
}

#subbread{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
margin-left:5px;
z-index:1;
}

#spr{
background:url(../img/bc.png) right no-repeat;
width:20px;
height:30px;
}

#linktitle{
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
color:#0066CC;}

#eline{
background:url(../img/ekhidmatline.png) top no-repeat;} 

.formline{
border-bottom:1px solid #eeeeee;
}

#formtitle{
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

strong{
font-family:Arial, Helvetica, sans-serif;
}

td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;}




#try{
cursor:pointer;}

#try:hover{
background:url(../img/biodatahvr.png) no-repeat;
}

#try2{
cursor:pointer;}

#try2:hover{
background:url(../img/biodatahvr.png) no-repeat;
}

#imjbtm{
background:url(../img/btmimg.png) no-repeat;
height:141px;
margin-bottom:-8px;
margin-left:-8px;
position:relative;
bottom:0px;
}

#berita{
background:url(../img/newsbg.png) no-repeat;
width:571px; height:325px;
margin-top:5px;
padding-left:8px; padding-top:3px;
font-size:14px;
margin-right:0px;
}

#newsbrdr{
width:558px;
height:3px;
background:url(../img/newsbrdr.png)
}

#berita h2{
color:#006699;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;

}


/* CSS for main menu slider */

#slider {
	position:relative;
    margin-left:1px;
	background:url(../img/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:460px;
	bottom:15px;
}
.nivo-controlNav a {
	display:block;
	width:19px;
	height:22px;
	background:url(../img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}	

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../img/arrowss.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}



ul#sliding-navigation
{
	list-style: none;
	font-size: .75em;
	margin: 1px 0;
	padding: 0;
	margin-left:2px;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 150px;
	padding: 2px 10px;
	margin: 0;
	margin-bottom: -4px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	background:#333 url(heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a

{
	width:167px;
	height:34px; 
background:url(../img/menubg.png) no-repeat;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #ffff66;background:url(../img/menubghvr.png) no-repeat;}


/* CSS for Berita Terkini jquery */
#newsticker-demo { 
width:605px; 
background:#EAF4F5; 
padding:5px 5px 0; 
font-family:Verdana,Arial,Sans-Serif;
font-size:12px;
margin:0px auto;
}

#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }

#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}

.newsticker-jcarousellite { width:558px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; padding-top:3px; }
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:left; width:553px; height:44px;  }
.newsticker-jcarousellite .info span.cat { display: block; font-size:13px; color:#333333 }




#bahasa{
list-style:none;
}

#bahasa a{
text-decoration:none;
color:#333333;
}

#bahasa a:hover{
text-decoration:none;
color:#006699;
}

#bahasa li{
display:inline;
list-style:none;
}


#perutusantitle{
margin-top:-21px; margin-bottom:6px; padding-left:4px; font-size:12px; font-weight:bold; color:#FCFCFC;
}

.arahan{
font-size:14px;
color:#CC0000;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-weight:lighter;
line-height:1px;
margin-bottom:4px;
}



#arahan{
font-size:14px;
color:#CC0000;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-weight:lighter;
line-height:1px;
margin-bottom:4px;
}


/*admin page - pendaftaran*/

#pg_no_staf{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
-moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px; 
			width:50px;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;	
}

#pg_nama{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
-moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px; 
			width:400px;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;	
}

#pg_email{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
-moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px; 
			width:300px;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;	
}

#pg_telefon{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
-moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px; 
			width:200px;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;	
}

#pg_password, #pg_password2{
border: solid 2px #cad9f1;
background:url(../img/boxbg.png) repeat-x;
height:29px;
-moz-border-radius: 5px; 
    -webkit-border-radius: 1px;
            border-radius: 5px; 
			width:150px;
	font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;	
}

.popupheader{
height:40px;border-bottom:none;
background:url(../img/popupbg.png) repeat-x;width:278px;
}

select{
height:26px;
}

.popup{
margin-top:-70px;
}

strong{ font-size:12px;}

#spc{
margin-top:15px;
}

.wrap{
border:1px solid #CCCCCC;
background:#f0f0f0;
padding-left:5px;
font-weight:bold;
font-size:12px;
color:#008411;
font-family:Arial, Helvetica, sans-serif;cursor:pointer;
-moz-box-shadow:2px 1px 4px #e5e5e5;
-moz-border-radius:5px;
width:973px;
margin-left:10px;
margin-right:0px;
margin-bottom:10px;
}

.wrap2{
border:1px solid #CCCCCC;
background:#FFFFFF;
padding-left:5px;
font-weight:bold;
-moz-box-shadow:2px 1px 4px #e5e5e5;
-moz-border-radius:5px;
width:936px;
margin-left:10px;
margin-right:0px;
margin-bottom:10px;
padding:5px;
}