/* CSS Document */
body {
	background-image: url();
	margin:0 0 0 0px;
}
body,td,th {
	font-size: 12px;
	font-family: 'Arial', Helvetica, sans-serif; 
	padding:0px;
}
html,body,table#pagelayout {
height:100%;
width:100%;
}
/* ----- base links ----- */
a:link { font-family:'Arial', Helvetica, sans-serif; color: #003399; font-size:12px; text-decoration:none; text-transform:capitalize; }
a:visited {font-family:'Arial', Helvetica, sans-serif; color: #003399; font-size:12px; text-decoration:none; text-transform:capitalize;}

.tawaran_lang a:link { font-family:'Arial', Helvetica, sans-serif; color: #FFFFFF; font-size:12px; text-decoration:none; text-transform:capitalize; }
.tawaran_lang a:visited {font-family:'Arial', Helvetica, sans-serif; color: #FFFFFF; font-size:12px; text-decoration:none; text-transform:capitalize;}

.yellow:link { font-family:'Arial', Helvetica, sans-serif; color: #000000; font-size:12px; text-decoration:none; text-transform:capitalize;}
.yellow:visited {font-family:'Arial', Helvetica, sans-serif;  color: #000000; font-size:12px; text-decoration:none; text-transform:capitalize;}

.yellowtugasan:link { font-family:'Arial', Helvetica, sans-serif; color: #000000; font-size:11px; text-decoration:none; text-transform:capitalize;}
.yellowtugasan:visited {font-family:'Arial', Helvetica, sans-serif;  color: #000000; font-size:11px; text-decoration:none; text-transform:capitalize;}

a:active {
	color: #0033ff;
}
a:hover {
	text-decoration:underline;
}

.bc {color: #8fdc00; font-size:8pt; font-weight:normal}
a.bc {color: #8fdc00; }
a:hover.bc { color:#FFFFFF}

.white {color: #FFFFFF}
.grey {color: #999999}

.menu {
	background:url(menu-bg.gif) repeat-x;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #bbbbbb;
	border-bottom:1px solid #b6b6b6;
	border-left:1px solid #CCCCCC;
	width:200px;
	height:31px;	
}
.menulink {font-weight:normal}
a.menulink { text-decoration:none}
a:hover.menulink { color:#8fdc00}

/*Untuk Tab and table*/
.tab_active{
background-color:#5AA7EF; /*#CFDCED*/
border-top:1px solid #5AA7EF; /*#CECECE*/
border-left:1px solid #5AA7EF;
border-right:1px solid #5AA7EF;
border-bottom:medium none;
padding:4px 10px;
cursor:pointer;
margin:1px;
font-weight:bold;
color:#FFFFFF; /*//cecece*/
}

.tab_not_active{
background-color:#DFE7EF; /*#F4F4FF*/
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
border-bottom:medium none;
padding:4px 10px;
margin:1px;
cursor:pointer;
color:#000000; /*cecece*/
}

.lining_tab{
margin:5px 0px 0px;
padding:2px 0px 0px;
background-color:#8ABEEF; /*#CFDCED*/
/*width:650;*/
}

.tab_active a{
text-decoration:none;
}

#list_tab{
text-align:left;
margin:0px 0px 0px 10px;
}

.rowHeadContent
{
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #4A6D8C;
	border-color: white;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*color: #FFFFFF;
	background-color: #4A6D8C;
	border-color: white;
	*/
	background-color:#CFDCED;
  border:1px solid #FFFFFF;
  font-size:9pt;
  padding:4px;
}
.rowHeadContent2
{
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #4A6D8C;
	border-color: white;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*color: #FFFFFF;
	background-color: #4A6D8C;
	border-color: white;
	*/
	background-color:#627C92;
	color:#ffffff;
  font-size:11px;
  padding:4px;
  vertical-align:top;
}
.rowHeadContent2_BL
{
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #4A6D8C;
	border-color: white;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/*color: #FFFFFF;
	background-color: #4A6D8C;
	border-color: white;
	*/
	background-color:#F2D16D;
  border:0px solid #FFFFFF;
  font-size:9pt;
  padding:4px;
}



/*TABLES*/

#TBL_AmendmentActivity td {
		padding: 2px;
    }

/* SORTABLESCROLL */
table.mysortablescroll,
table.sortablescroll,
table.sortablescroll1,
table.sortablescroll2,
table.sortablescroll3 {
	font-family:arial;
	/*act as border*/
	background-color: #CCC;
	/*act as border*/
	margin:0px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	float:left;
	/*text-align: left;*/
}

table.mysortablescroll thead tr th, 
table.mysortablescroll tfoot tr th,
table.sortablescroll thead tr th, 
table.sortablescroll tfoot tr th,
table.sortablescroll1 thead tr th, 
table.sortablescroll1 tfoot tr th,
table.sortablescroll2 thead tr th, 
table.sortablescroll2 tfoot tr th,
table.sortablescroll3 thead tr th, 
table.sortablescroll3 tfoot tr th {
	font-family:Arial, 'Helvetica', sans-serif;
	font-size:11px;
	background:url("../images/smp4/fhbg.gif") repeat-x scroll center bottom #FAFAFA;
	/*background-color: #E6EEEE;#627c92;*/
	color:#404040;
	/*text-align:left;
	border: 1px solid #FFF;
	border-right:1px solid #CCC;*/
	font-size: 11px;
	font-weight:bold;
	padding: 4px;
}


table.mysortablescroll thead tr .header,
table.sortablescroll thead tr .header,
table.sortablescroll1 thead tr .header,
table.sortablescroll2 thead tr .header,
table.sortablescroll3 thead tr .header {
	background:url("../images/smp4/fhbg.gif") repeat-x scroll center bottom #FAFAFA;
	/*background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;*/
	cursor: pointer;
}



table.mysortablescroll tbody td,
table.sortablescroll tbody td,
table.sortablescroll1 tbody td,
table.sortablescroll2 tbody td,
table.sortablescroll3 tbody td {
	font-family:Arial, 'Helvetica', sans-serif;
	font-size:11px;
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	font-weight:normal;
	vertical-align:top;
}


table.mysortablescroll thead tr .headerSortUp,
table.sortablescroll thead tr .headerSortUp,
table.sortablescroll1 thead tr .headerSortUp,
table.sortablescroll2 thead tr .headerSortUp,
table.sortablescroll3 thead tr .headerSortUp {
	/*background-image: url(asc.gif);*/
}

table.mysortablescroll thead tr .headerSortDown,
table.sortablescroll thead tr .headerSortDown,
table.sortablescroll1 thead tr .headerSortDown,
table.sortablescroll2 thead tr .headerSortDown,
table.sortablescroll3 thead tr .headerSortDown {
	/*background-image: url(desc.gif);*/
}

table.mysortablescroll thead tr .headerSortDown, 
table.mysortablescroll thead tr .headerSortUp,
table.sortablescroll thead tr .headerSortDown, 
table.sortablescroll thead tr .headerSortUp,
table.sortablescroll1 thead tr .headerSortDown, 
table.sortablescroll1 thead tr .headerSortUp,
table.sortablescroll2 thead tr .headerSortDown, 
table.sortablescroll2 thead tr .headerSortUp,
table.sortablescroll3 thead tr .headerSortDown, 
table.sortablescroll3 thead tr .headerSortUp {
	/*background-color: #afcce2;
	color:#333;*/
	background:url("../images/smp4/fhbg_d.gif") repeat-x scroll center top #fafafa;
	color:#333;
}

table.mysortablescroll tbody tr td.row-clicked,
table.sortablescroll tbody tr td.row-clicked,
table.sortablescroll1 tbody tr td.row-clicked,
table.sortablescroll2 tbody tr td.row-clicked,
table.sortablescroll3 tbody tr td.row-clicked {
background-color:#fffdce;
/*background:url("../images/smp4/hl.png") repeat-x scroll center top #fffdce !important;*/
/*border-bottom:1px solid #A8D8EB;
border-left:1px solid #EEF8FF;
border-right:1px solid #D2E3EC;*/

}


/* FACEBOX/POPUP TABLE */

#facebox table.mysortablescroll tbody td,
#facebox table.mysortablescroll thead th,
#facebox table.sortablescroll tbody td,
#facebox table.sortablescroll thead th,
#facebox table.sortablescroll1 tbody td,
#facebox table.sortablescroll1 thead th,
#facebox table.sortablescroll2 tbody td,
#facebox table.sortablescroll2 thead th,
#facebox table.sortablescroll3 tbody td,
#facebox table.sortablescroll3 thead th {
border-bottom:1px solid #CCCCCC !important;
/*border-left:1px solid #CCCCCC !important;
border-right:1px solid #CCCCCC !important;*/
padding:5px !important;
vertical-align:top !important;
}

#facebox table.mysortablescroll thead tr th.header,
#facebox table.sortablescroll thead tr th.header,
#facebox table.sortablescroll1 thead tr th.header,
#facebox table.sortablescroll2 thead tr th.header, 
#facebox table.sortablescroll3 thead tr th.header {
	background:url("../images/smp4/fhbg.gif") repeat-x scroll center bottom #FAFAFA;
	/*background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;*/
	cursor: pointer;
}

#facebox table.mysortablescroll thead tr th.headerSortDown, 
#facebox table.mysortablescroll thead tr th.headerSortUp,
#facebox table.sortablescroll thead tr th.headerSortDown, 
#facebox table.sortablescroll thead tr th.headerSortUp,
#facebox table.sortablescroll1 thead tr th.headerSortDown, 
#facebox table.sortablescroll1 thead tr th.headerSortUp,
#facebox table.sortablescroll2 thead tr th.headerSortDown, 
#facebox table.sortablescroll2 thead tr th.headerSortUp,
#facebox table.sortablescroll2 thead tr th.headerSortDown, 
#facebox table.sortablescroll3 thead tr th.headerSortUp,
#facebox table.sortablescroll3 thead tr th.headerSortDown, 
#facebox table.sortablescroll3 thead tr th.headerSortUp {
	/*background-color: #afcce2;
	color:#333;*/
	background:url("../images/smp4/fhbg_d.gif") repeat-x scroll center top #fafafa;
	color:#333;
}

/* TABLE LINK */
table.sortablescroll a,
table.sortablescroll a:active,
table.sortablescroll a:link,
table.sortablescroll a:hover,
table.sortablescroll a:visited,
table.sortablescroll1 a,
table.sortablescroll1 a:active,
table.sortablescroll1 a:link,
table.sortablescroll1 a:hover,
table.sortablescroll1 a:visited,
table.sortablescroll2 a,
table.sortablescroll2 a:active,
table.sortablescroll2 a:link,
table.sortablescroll2 a:hover,
table.sortablescroll2 a:visited,
table.sortablescroll3 a,
table.sortablescroll3 a:active,
table.sortablescroll3 a:link,
table.sortablescroll3 a:hover,
table.sortablescroll3 a:visited,
table.mysortablescroll a,
table.mysortablescroll a:active,
table.mysortablescroll a:link,
table.mysortablescroll a:hover,
table.mysortablescroll a:visited       {
	font-family:Arial, 'Helvetica', sans-serif;
	font-size:11px !important;
	/*color: #3D3D3D;*/
	font-weight:normal;
}

/* LIST COLUMN SHOW/HIDE */

#list-column {
	background-color:#FFFFFF;
	display:block;
	float:left;
	position:absolute;
}

#header-column-show {
	background-color:#FFFFFF;
	display:block;
	float:left;
	position:absolute;
}
/*zebra table end*/

/* Message, heading, boxG, input css, error */
.msg {BACKGROUND-COLOR: #FFF2F2;BORDER:solid #FF8888 0.5pt}
.headin {BACKGROUND-COLOR: #F9F9F9;margin-bottom:0;border-top:0.5pt solid #cccccc;border-bottom:0.5pt solid #cccccc;padding:3px;}
.headinT {BACKGROUND-COLOR: #F9F9F9;margin-bottom:0;border-top:0.5pt solid #cccccc;padding:3px;}
.headinD {BACKGROUND-COLOR: #F9F9F9;margin-bottom:0;border-bottom:0.5pt solid #cccccc;padding:3px;}
.headinTD {BACKGROUND-COLOR: #F9F9F9;margin-bottom:0;border-bottom:0.5pt solid #cccccc;border-top:0.5pt solid #cccccc;padding:3px;}
.headinA {BACKGROUND-COLOR: #F9F9F9;margin-bottom:0;BORDER:0.5pt solid #cccccc;padding:3px;}
.infoA {BACKGROUND-COLOR: #F5FFF4;margin-bottom:0;BORDER:0.5pt solid #0AB900;padding:3px;} 
.infoH {BACKGROUND-COLOR: #0AB900;margin-bottom:0;BORDER:0.5pt solid #0AB900;padding:3px;}

.boxG {BORDER:solid #cccccc 0.5pt}
input.text, textarea, select, file, text{font-size:1.1em;line-height:1.3em; border-top:1px solid #7c7c7c;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-bottom:1px solid #ddd; background-image:#ffffff url(<%=request.getContextPath() %>/images/fieldbg.gif) repeat-x top;}
err {color :rgb(255,0,0)}
.msgT {BACKGROUND-COLOR: #FFF2F2;border-top: 0.5pt solid #FF8888;border-right: 0.5pt none #FF8888;border-bottom: 0.5pt none #FF8888;border-left: 0.5pt none #FF8888;}
.msgTD {BACKGROUND-COLOR: #FFF2F2;border-top: 0.5pt solid #FF8888;border-right: 0.5pt none #FF8888;border-bottom: 0.5pt solid #FF8888;border-left: 0.5pt none #FF8888;}
.msgD {BACKGROUND-COLOR: #FFF2F2;border-top: 0.5pt none #FF8888;border-right: 0.5pt none #FF8888;border-bottom: 0.5pt solid #FF8888;border-left: 0.5pt none #FF8888;}
.boxGT {border-top: 0.5pt solid #cccccc;border-right: 0.5pt none #cccccc;border-bottom: 0.5pt none #cccccc;border-left: 0.5pt none #cccccc;}
.boxGTD {border-top: 0.5pt solid #cccccc;border-right: 0.5pt none #cccccc;border-bottom: 0.5pt solid #cccccc;border-left: 0.5pt none #cccccc;}
.boxGD {border-top: 0.5pt none #cccccc;border-right: 0.5pt none #cccccc;border-bottom: 0.5pt solid #cccccc;border-left: 0.5pt none #cccccc;}

/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}
p, label{font-size: 12px;}



/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

.check_ic{
	background-image:url(../images/ic-check15.png);
	background-repeat:no-repeat;
	width:15px;
	height:15px;
	float:left;
}
.top_header, .top_header_std, .top_header_esenat {
	width:90%; 
	margin:0px auto;
}


.wrapper{
	width:98%; 
	height:70px;
	margin:0px auto; 
	float:left;
}

.top_header .wrapper .logo_upm_bm{
	width:204px; 
	height:75px; 
	float:left; 
	background:url(../images/smp4/header_logo_bm.png) no-repeat;
}

.top_header .wrapper .logo_upm_bi{
	width:204px; 
	height:75px; 
	float:left; 
	background:url(../images/smp4/header_logo_bi.png) no-repeat;
}


.top_header_esenat .wrapper .logo_upm_bm{
	width:204px; 
	height:75px; 
	float:left; 
	background:url(../images/smp4/header_logo_esenat_bm.png) no-repeat;
}

.top_header_esenat .wrapper .logo_upm_bi{
	width:204px; 
	height:75px; 
	float:left; 
	background:url(../images/smp4/header_logo_esenat_bi.png) no-repeat;
}

.top_header_std .wrapper .logo_upm_std_bm{
	width:232px; 
	height:60px; 
	float:left; 
	background:url(../images/smp4/header_logo_std_bm.png) no-repeat;
}

.top_header_std .wrapper .logo_upm_std_bi{
	width:223px; 
	height:60px; 
	float:left; 
	background:url(../images/smp4/header_logo_std_bi.png) no-repeat;
}

.wrapper2{
	width:90%; 
	margin:0px auto; 
	height:33px;
	min-height:80%; 
	clear:left;
}

.top_radius{
	color:#FFFFFF;
	-moz-border-radius:5px;
	background:url("../images/smp4/header_radius_bg.png") repeat scroll 0 0 transparent;
	font-size:11px;
	padding:10px;
	width:250px;
	height:70px; /*just for a short term*/
	margin:0px 3px 0px 0px;
	float:left;
}

.top_radius2{
	color:#FFFFFF;
	-moz-border-radius:5px;
	background:url("../images/smp4/header_radius_bg.png") repeat scroll 0 0 transparent;
	font-size:11px;
	padding:10px;
	width:450px;
	height:70px; /*just for a short term*/
	margin:0px 3px 0px 0px;
	float:left;
}
.top_radius3{
	color:#FFFFFF;
	-moz-border-radius:5px;
	background:url("../images/smp4/header_radius_bg.png") repeat scroll 0 0 transparent;
	font-size:11px;
	padding:10px;
	width:200px;
	height:70px; /*just for a short term*/
	margin:0px 3px 0px 0px;
	float:left;
}

.top_radius2 img{
	float:right;
	padding-top:35px;
}

/*Top.jsp*/

.main_info
{ 
	float:left;
	color:#FFFFFF;
	padding:15px 0px;
	text-transform:uppercase;
	font-size:11px;
}
 
.esenatmain_info
{ 
	float:left;
	color:#FFFFFF;
	padding:0px 0px;
	text-transform:uppercase;
	font-size:11px;
}

/*Top Slider*/

.btn-slide{
	float:right;
	/*background-image:url(../images/smp4/down_slider.png);*/
	width:40px;
	height:20px;
	cursor:pointer;
}

.btn-slide.active{
	background-image:url(../images/smp4/up_slider.png);
}

div.btn-slide.active:hover{
	background-image:url(../images/smp4/up_slider_hover.png);
}

.btn-slide.non_active{
	background-image:url(../images/smp4/down_slider.png);
}

div.btn-slide.non_active:hover{
	background-image:url(../images/smp4/down_slider_hover.png);
}

.btn-slide-content{
	float:left;
	/*background-image:url(../images/smp4/down_slider.png);*/
	width:24px;
	height:24px;
	cursor:pointer;
}

.btn-slide-content.active{
	background-image:url(../images/smp4/content_slider_down.png);
}

div.btn-slide-content.active:hover{
	background-image:url(../images/smp4/content_slider_down.png);
}

.btn-slide-content.non_active{
	background-image:url(../images/smp4/content_slider_right.png);
}

div.btn-slide-content.non_active:hover{
	background-image:url(../images/smp4/content_slider_right.png);
}

#content_slider{
	width:100%;
}

#body_slider{
	height:100px; 
	width:100%;
	background-color:#FFFFFF;
}

#body_gap1{
	height:33px; 
	width:100%;
}

#body_gap_LIVE{
	height:40px; 
	width:100%;
}

#body_gap2{
	height:30px; 
	width:100%;
}

/*E-Tawaran menu*/

.tawaran_lister_bg{
	width:800px;
	margin:0px auto; 
	padding: 10px; 
	/*background:url(../images/applogbg.jpg) repeat-x #D4F0FA;*/
	background:#FFFFFF;
	overflow:auto;
	border-right:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
	border-left:1px solid #a6a6a6;
	clear:both;
}

.tawaran_lister_bg h3{
	color:#333333;
	font-family:Arial, Helvetica;
	font-weight:bold;
	font-size:18px;
	margin:10px 0px 15px;
}

.tawaran_lister{
	margin:0px;
	padding:0px;
}

.tawaran_lister li{
	list-style:none outside none;
	padding:10px 10px 5px;
	height:20px;
	margin:2px;
	background:url(../images/appbuttonbg.jpg);
	border:1px solid #9e9e9e;
	/*background:#65AB26;*/
}

/*might not work in IE*/
ul.tawaran_lister li:hover{
	list-style:none outside none;
	padding:10px 10px 5px;
	height:20px;
	margin:2px;
	background:url(../images/appbuttonbg_green.jpg);
	cursor:pointer;
	/*background:url(../images/appbuttonbg_h.jpg);*/
}

.tawaran_lister a:link, .tawaran_lister a:visited{
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}


/*TEST*/
.tawaran_lister_bg2{
	width:800px;
	margin:0px auto; 
	padding: 10px; 
	/*background:url(../images/applogbg.jpg) repeat-x #D4F0FA;*/
	background:#FFFFFF;
	overflow:auto;
	border-right:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
	border-left:1px solid #a6a6a6;
	clear:both;
}

.tawaran_lister_bg2 h3{
	color:#333333;
	font-family:Arial, Helvetica;
	font-weight:bold;
	font-size:18px;
	margin:10px 0px 15px;
}

.tawaran_lister2{
	margin:0px;
	padding:0px;
}

.tawaran_lister2 li{
	list-style:none outside none;
	padding:10px 10px 5px;
	height:20px;
	margin:2px;
	background:url(../images/appbuttonbg.jpg);
	border:1px solid #9e9e9e;
	/*background:#65AB26;*/
}

/*might not work in IE*/
ul.tawaran_lister2 li:hover{
	list-style:none outside none;
	padding:10px 10px 5px;
	height:20px;
	margin:2px;
	background:url(../images/appbuttonbg_green.jpg);
	cursor:pointer;
}

.tawaran_lister2 a:link, .tawaran_lister2 a:visited{
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
/*END TEST*/
.tawaran_logo{
	/*background:url(../images/smp4/logo_upm.png) no-repeat;*/
	margin:40px auto 10px;
	width:960px;
	clear:both;
	
}


.tawaran_logo2{
	background:url(../images/smp4/logo_upm.png) no-repeat;
	height:92px;
	width:200px;
	margin:10px 0 10px 100px;
	float:left;
}

.tawaran_title{
	background:url(../images/smp4/tawaran_title.png) no-repeat;
	height:75px;
	width:760px;
	margin:10px auto;
}

.tawaran_lang{
	background:url(../images/smp4/tawaran_langbg.jpg) repeat-x;
	height:41px;
	width:820px;
	margin:0px auto;
	border-right:1px solid #a6a6a6;
	border-top:1px solid #a6a6a6;
	border-left:1px solid #a6a6a6;
}

.tawaran_temuduga_button{
	background:url(../images/appbuttonbg.jpg) repeat-x;
	border:1px solid #999;
}

.tawaran_temuduga_button:hover{
	background:url(../images/appbuttonbg_h.jpg);
	cursor:pointer;
	border:1px solid #999;
}

.public_upmlogo{
	background:url(../images/smp4/empty_publictitle.png) no-repeat;
	height: 35px;
	width:430px;
	padding: 20px 165px;
	margin:10px auto;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
}

.table_wrapper{
	clear:both;
	overflow: hidden; 
	display: block;
}
.table_button_bg{
	background:url("../images/smp4/add_bg.jpg");
	height:22px;
	width: 100%; 
	padding:2px 3px;
	float:left;
	clear:right;
	overflow:right;
}

/*add button at top of the table*/

.button_tambah_wrapper{
	float: left; 
	text-align:left;
	padding:1px;
}

.button_tambah_wrapper:hover{
	border:1px solid #BFBDBD;
	padding:0px;
}

.button_tambah_wrapper:hover .button_tambah{
	border-color:#FFFFFF #EEEEEE #EEEEEE #FFFFFF;
	border-left:1px solid #EEEEEE;
	border-style:solid;
	border-width:1px;
	padding:0 2px;
}

.button_tambah{
	padding:1px 3px;
}

.button_tambah a:link, .button_tambah a:visited{
	color:#000000;
	text-decoration:none;
}


.button_tambah a span{
	background:url("../images/ic-add2.png") no-repeat left center;
	font-size:11px;
	height:14px;
	padding:2px 2px 2px 20px;
	display:block;
	cursor:pointer;
}

.button_tambah_wrapper[disabled]{
	float: left; 
	text-align:left;
	padding:1px;
	margin:1px 5px;
}

.button_tambah_wrapper[disabled]:hover{
	padding:2px;
	border:0px none;
}

.button_tambah_wrapper[disabled]:hover .button_tambah{
	border:0px none;
	padding:0 2px;
}

.button_tambah_wrapper[disabled] .button_tambah a:link {
	color:#666666;
	text-decoration:none;
}


.button_tambah_wrapper[disabled] .button_tambah a span{
	background:url("../images/ic-add2.png") no-repeat left center;
	font-size:11px;
	height:14px;
	padding:2px 2px 2px 20px;
	display:block;
	opacity: 0.9;
}

/*empty button at top of the table*/
.button_empty_wrapper{
	float: left; 
	text-align:left;
	padding:1px;
}

.button_empty_wrapper:hover{
	border:1px solid #BFBDBD;
	padding:0px;
}

.button_empty_wrapper:hover .button_empty{
	border-color:#FFFFFF #EEEEEE #EEEEEE #FFFFFF;
	border-left:1px solid #EEEEEE;
	border-style:solid;
	border-width:1px;
	padding:0 2px;
}

.button_empty{
	padding:1px 3px;
}

.button_empty a:link, .button_empty a:visited{
	color:#000000;
	text-decoration:none;
}

.button_empty a span{
	background:url("../images/ic-empty.png") no-repeat left center;
	font-size:11px;
	height:14px;
	padding:2px 2px 2px 20px;
	display:block;
}

.button_empty_wrapper[disabled]{
	float: left; 
	text-align:left;
	padding:1px;
	margin:1px 5px;
}

.button_empty_wrapper[disabled]:hover{
	padding:2px;
	border:0px none;
}

.button_empty_wrapper[disabled]:hover .button_empty{
	border:0px none;
	padding:0 2px;
}

.button_empty_wrapper[disabled] .button_empty a:link{
	color:#666666;
	text-decoration:none;
}


.button_empty_wrapper[disabled] .button_empty a span{
	background:url("../images/ic-empty.png") no-repeat left center;
	font-size:11px;
	height:14px;
	padding:2px 2px 2px 20px;
	display:block;
	opacity: 0.9;
}

.btnseperator{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #FFFFFF;
	float:left;
	height:18px;
	margin:2px 1px;
}

.button_print_wrapper{
	padding:1px;
	float:left;
}

.button_print_wrapper img{
	padding:2px;
}

.button_print_wrapper:hover{
	border:1px solid #BFBDBD;
	padding:0px;
	cursor:pointer;
	width:20px;
	height:20px;
}

.button_print_wrapper img:hover{
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	padding:1px;
}
/*rounded corners*/
.rounded{
	margin: 0 auto;
    border: 1px solid #dfdfdf;
    color: #fff;
    width: 100%;
    background-color:#f7f7f7; 
    float:left;    
	
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.tugasan_title{
	border-bottom:1px solid #CCCCCC;
	height:30px;
	padding:10px;
}


.tugasan_menuNombor {
	height:20px;
	font-size:11px;
}

.tugasan_menuNombor_yellow {
	font-size:11px;
	font-family:'Arial', Helvetica, sans-serif;
	color: #000000;
	text-decoration:none; 
	text-transform:capitalize;
}

.tugasan_menu{
	border-bottom:1px solid #CCCCCC;
	height:10px;
	padding:10px;
}

.tugasan_menu_doubleheight{
	border-bottom:1px solid #CCCCCC;
	height:34px;
	padding:8px;
}

.left_grey{
	width:22%; 
	background-color:#F0F0F0; 
	float:left;
	min-height:400px; 
	border-right:1px solid #cccccc;
	-webkit-border-radius: 10px 0px 0px 0px;
	-moz-border-radius: 10px 0px 0px 0px;
}

.left_grey35{
	width:100%; 
	background-color:#F0F0F0; 
	float:left;
	min-height:400px; 
	border-right:1px solid #cccccc;
	-webkit-border-radius: 10px 0px 0px 0px;
	-moz-border-radius: 10px 0px 0px 0px;
}

/*Theme*/
.colorred{
	width:31px;
	height:31px;
	float:left;
	background:url("../images/smp4/red_theme.png");
}

.colorblue{
	width:31px;
	height:31px;
	float:left;
	background:url("../images/smp4/blue_theme.png");
}

.colorgreen{
	width:31px;
	height:31px;
	float:left;
	background:url("../images/smp4/green_theme.png");
}

.colorpurple{
	width:31px;
	height:31px;
	float:left;
	background:url("../images/smp4/purple_theme.png");
}

.promosi_title {
    left: 80px;
    position: relative;
}

.promosi_deco {
    position: absolute;
    right: 0;
     top: 34px;
    z-index: 0;
 height: 123px;
}

.promosi_logo {
    left: 50px;
    position: relative;
    top: 15px;
}


.banner_promosi {
    background: url("../images/promosi_bg.png") repeat-x;
    border-bottom: 1px solid #F9577D;
}

#BI, #BM  {
    position: absolute;
    right: 10px;
}

.pindaan_aktiviti{
	padding: 10px;
	background-color: #F0F0F0;
}

.pindaan_aktiviti > table{
	padding: 10px;
	margin-bottom: 50px;
}

.pindaan_aktiviti > table td{
	padding: 2px;
}