/* CSS Document */

body{
	/*background:#053E51;*/
	background:#003;
	margin:0;
	font-family: Tahoma;
	font-size: 12px;
}

a:link, a:visited {
color:#FF9900;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: none
}
a:hover {
	color:#00FFFF;
}
.f1 {font:Narkisim; color:#39ECF3; font-size:14px; }
.f4 {font:Narkisim; color:#39ECF3; font-size:18px; }

#wrapper {
	width:1024px;
	margin: 0 auto;
	background: #053E51;
}
#content{
	margin:3px;
	/*background:#006;
	padding-right:3px;*/
}
#f2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#33FFFF;
	font-size:12px;
}

#f3 {
	font:Kalinga;
	color:#FFFFFF;
	
}


#banner {
	width: 1024px;
	height: 214px;
	margin: 0 auto;
	background:url(images/banner.jpg);
	
	
}

#menu_atas {
	font:Constantia;
	color:#FF6600;
	font-size:14px;
	border-left: 2px;
	float:left;
	padding-right:10px;
	margin-top:10px;
	
}

#button  {
	width: 143px;
	height: 58px;
	float: left;
	background: url(images/button2.jpg);
	text-align:center;
	font-size:12px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}





	
#page {
	width: 1024px;
	margin: 0 auto;
	padding: 0px;
	background-color:#1E667C;
}

/*#content {
	float:right;
	width: 750px;
	background-color:#1E667C;
}*/



#side {
	margin-left:11px;
	float:left;
	width: 220px;
	background-color:#1E667C;
}

#tablePerkhidmatan {
	font:Narkisim;
	font-size:16px;
	color:#00FFFF;
	background:#006;
}

#space {
	float:right;
	width: 25px;
	
	background-color:#1E667C;
}



.post {
	margin-bottom: 25px;
}

.post .title {
	height: 30px;
	margin-bottom: 3px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
		color: #FFFFFF;
}

#footer {
	font:"Courier New", Courier, monospace;
	font-size:14px;
	
	}

.frm{
	padding-right:10px;
	font-weight:bold;
}

.headfront{
	background:#4A2020;
	font-weight:bold;
	color:#FFF;
	font-size:12px;
	padding:5px;
}

.bottomfront{
	background:#E7EBEF;
	font-size:11px;
	padding:5px;
	height:400px;
	overflow:scroll;
}

.generic2{
	border: 1px solid #cccccc;
  	background-color:#D8FEF0;
	
}

.generic{
	border: 1px solid #cccccc;
  	background-color:#DFF1FF;
	
}

.generic td{
	padding-left: 3px;
  	padding-top: 4px;
  	padding-bottom:3px;
	font-size:10px;
}

table.contentview {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
  
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

table.contentview td {
  padding: 3px;
  /*border:1px #95FDDE solid;*/
  height:35px;
  background:#FDFBC8;
  /*#F5F5F5*/
}


table.contentview th {
  	background: url(../images/subhead_bg.gif) repeat-x;
  	color: #ffffff;
	text-align: left;
	/*padding-top: 2px;
	padding-left: 4px;
	height: 21px;*/
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

/*------------------Contenttoc-----------------------*/


/*----------------contenttoc class -----------------*/

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
  background-color:#F5F5F5;
}

table.contenttoc td {
  padding: 3px;
  /**/
}

table.contenttoc th {
  	background: url(../images/subhead_bg.gif) repeat-x;
  	color: #ffffff;
	text-align: left;
	/*padding-top: 2px;
	padding-left: 4px;
	height: 21px;*/
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}
table.contenttoc2 {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc2 td {
  padding: 2px;
  font-size: 9px;
  background-color:#F5F5F5;
}

table.contenttoc2 th {
  	background: url(../images/subhead_bg.gif) repeat-x;
  	color: #ffffff;
	text-align: left;
	/*padding-top: 2px;
	padding-left: 4px;
	height: 21px;*/
	font-weight: bold;
	font-size: 8px;
	text-transform: uppercase;
}
table.contenttoc2 a:link, table.contenttoc2 a:visited {
	color: #ff6600; text-decoration: none;
	font-size: 9px;
	font-weight: bold;
}

table.contenttoc2 a:hover {
	color: #C43C03;	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
}

table.contenttoc3 {
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-right: 2px solid buttonshadow;
  border-bottom: 2px solid buttonshadow;
  padding: 2px;
  margin-top: 10px;
  /*margin-left: 20px;*/
  margin-bottom: 2px;
}

table.contenttoc3 td {
  padding-left: 5px;
  font-size: 12px;
  height:25px;
  border:solid 1px #948EF9;
  background-color:buttonface;
}

table.contenttoc3 th {
  	background: url(../images/subhead_bg.gif) repeat-x;
  	color: #ffffff;
	text-align: left;
	/*padding-top: 2px;
	padding-left: 4px;
	height: 21px;*/
	font-weight: bold;
	font-size: 8px;
	text-transform: uppercase;
}
table.contentport {
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-right: 2px solid buttonshadow;
  border-bottom: 2px solid buttonshadow;
  padding: 2px;
  margin-top: 10px;
  /*margin-left: 20px; width:95%;*/
  margin-bottom: 2px;
 
}

table.contentport td {
  padding-left: 5px;
  font-size: 12px;
  height:25px;
  border:solid 1px #CCCCCC;
  background-color:buttonface;
}

table.contentport th {
  	background: url(../images/subhead_bg.gif) repeat-x;
  	color: #ffffff;
	text-align: left;
	/*padding-top: 2px;
	padding-left: 4px;
	height: 21px;*/
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}



/*----------------------------------------------------*/
.csry{
color:#FF0000;
font-weight:bold;
}	

/*table {
	width:190px;	
}*/

table.moduletable {
	width:190px;	
}

table.moduletable th{
	background-image:url(../images/h.jpg);
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color:#FFFFFF;
	height:25px;
	/*border: 1px #33FFFF solid;
	border-collapse: collapse;
	border-spacing: 0px;*/
}


table.moduletable td{
	background-color: #24AFC2;
	padding-left:10px;
	padding-right:2px;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#FFFFFF;
	font-size: 12px;	
}

table.moduletable td #smalltext{
	font-size:10px;
	
}

th.moduletable2 {
	font-family:Kalinga;
	font-size:15px;
	color: #FFFFCC;
	background-color:#9FC20E;
	padding-left:15px;
	-moz-border-radius: 6px ;
}



td.moduletable2 {
	padding: 3px;
	font-family: Cambria;
	color: #006633;
	background-color:#F1F7B9;
	padding-right:10px;
	padding-left:8px;
}

table3 {
	border:3px;
	border-color:#FF3366;
	border-bottom:thin;
}


th.table3 {
	text-align:center;
	font-family:Cambria;
	background-image:url(image/3.jpg);
	-moz-border-radius: 6px 6px 6px 6px;
	border-color: rgb(237, 105, 128) rgb(237, 105, 128) rgb(237, 105, 128) rgb(237, 105, 128);
	border-width: 2px 2px 2px 2px;
	padding: 3px 3px 3px 3px;
	color:#FFFFFF;
}

td.table3 {
	
	padding: 3px;
	background-color: rgb(250, 240, 230);
	font-family:Narkisim;
	color:#FF6699;
	padding-right:3px;
	
}
img{
	border:none;
}

/*header_text*/
.header_text { margin:0 auto 10px auto; padding:5px 10px; width:940px; border-bottom:1px solid #d8d8d8; }
.header_text h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#6d6d6d; padding:5px 0; margin:0; }
.header_text h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#a2a2a2; }
.header_text img { float:right; margin:0; padding:5px 0 0 0; }
/*FBG_blog*/
.FBG_blog { background:#171717; border-top:1px solid #fff; margin:0; padding:0; }
.FBG_blog_resize { width:940px; margin:0 auto; padding:0; }
.FBG_blog_resize h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0; }
.FBG_blog_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e; padding:0; margin:0; }
.FBG_blog_resize img { float:right; margin:0; padding:0; }
.FBG_blog_resize .recent { width:320px; float:left; padding:0; margin:20px 0 0 0; border-right:2px solid #616161; }
.FBG_blog_resize .recent2 { width:430px; text-align:center; float:left; padding:5px 0 2px 0; margin:20px 0 0 0; border-right:1px solid #616161; }
/*FBG*/
.FBG { background:#1b1b1b; border-top:1px solid #272727; margin:0; padding:0;height:180px; }
.FBG_resize { width:1024px; margin:0 auto; padding:20px 0; }
.FBG_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#717171; padding:5px; margin:0; line-height:1.8em; }
.FBG_resize ul { list-style:none; margin:10px auto; padding:0; }
.FBG_resize li { padding:0; margin:0; }
.FBG_resize li a { font: normal 11px Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; }
.FBG_resize li a:hover { color:#d5d5d5; }
.FBG_resize h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#d5d5d5; padding:5px; margin:0; }
.FBG_resize .left { width:120px; float:left; margin:10px 10px 10px 20px; padding:10px 5px; }
/* END_bloga*/
/*************footer**********/
.footer { padding:0; margin:0; background:#1b1b1b; }
.footer_resize { width:940px; margin:0 auto; padding:0px 10px; border-top:1px solid #2b2b2b; }
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#a2a2a2; }
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#a2a2a2; text-decoration:none; padding:5px; margin:0; }
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right; }
.footer p.leftt { text-align:left; width:550px; margin:0; padding:15px 0 0 0; float:left; }

#login-box {
	width:333px;
	height: 352px;
	padding: 58px 76px 0 76px;
	color: #ebebeb;
	font: 12px Arial, Helvetica, sans-serif;
	background:url(../images/login-box-backg.png) top left no-repeat;
}

#login-box img {
	border:none;
}

#login-box h2 {
	padding:0;
	margin:0;
	color: #ebebeb;
	font: bold 44px "Calibri", Arial;
}


#login-box-name {
	float: left;
	display:inline;
	width:80px;
	text-align: right;
	padding: 14px 10px 0 0;
	margin:0 0 7px 0;
}

#login-box-field {
	float: left;
	display:inline;
	width:230px;
	margin:0;
	margin:0 0 7px 0;
}


.form-login  {
	width: 205px;
	padding: 10px 4px 6px 3px;
	border: 1px solid #0d2c52;
	background-color:#1e4f8a;
	font-size: 16px;
	color: #ebebeb;
}


.login-box-options  {
	clear:both;
	padding-left:87px;
	font-size: 11px;
}

.login-box-options a {
	color: #ebebeb;
	font-size: 11px;
}
.barrier{
	opacity:0.65;
	-moz-opacity:0.65;
	filter:alpha(opacity=65);
	position:absolute; 
	background:#333333; 
	display:none; 
	height:0px;
	width:0px;
	left:0px;
	top:0px
}

/* begin: jQuery UI Datepicker moving pixels fix */
table.ui-datepicker-calendar {border-collapse: separate;}
.ui-datepicker-calendar td {border: 1px solid transparent;}
/* end: jQuery UI Datepicker moving pixels fix */

/* begin: jQuery UI Datepicker emphasis on selected dates */
.hasDatepicker .ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
	background: #743620 none;
	color: white;
}
/* end: jQuery UI Datepicker emphasis on selected dates */

/* begin: jQuery UI Datepicker hide datepicker helper */
#ui-datepicker-div {display:none;}
/* end: jQuery UI Datepicker hide datepicker helper */