* { 
margin: 0; padding: 0; 
}

body {
background-color: #fff;
font-family: Arial, "Tahoma", Helvetica, sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.25;
margin: 0;
text-align: center;
}

body#login {
background:#F3FFEC url(images/bg-watermark.gif) no-repeat center fixed;
font-family: Arial, "Tahoma", Helvetica, sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.25;
margin: 0;
text-align: center;
}

a:link {
color:#003BB7;
text-decoration:none;
}

a:visited {
color:#003BB7;
text-decoration:none;
}

a:hover {
color:#003BB7;
text-decoration:none;
}

a img {
border-width:0;
}

table td {
	font-size: 12px;
}
table td {
height:25px;
}

/* Header
-----------------------------------------------
*/
#header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/header.png) no-repeat scroll left top;
float:left;
height:200px;
width:980px;
}

.section {
float:left;
width:960px;
}

.welcome {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
float:right;
height:25px;
background: url(images/top-nav.png) repeat-x;
font-size: 11px;
line-height: 25px;
padding: 0px 10px 0px 10px;
color: #FFFFFF;
}

.left-box {
float:left;
width: 650px;
margin-bottom: 5px;
}

.right-box {
float:left;
width: 110px;
height: 125px;
margin-bottom: 5px;
}

a#logo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/logo.png) no-repeat scroll left top;
float:left;
height:125px;
text-indent:-99999em;
width:310px;
}

/* Menu
----------------------------------------------- */
.menu-top-out {
border:none;
border:0px;
margin:0px;
padding:0px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", arial,"Tahoma",helvetica,sans-serif;
font-weight: 500;
font-size:14px;
}

.menu-top-out ul{
height:35px;
list-style:none;
margin:-5px 0px 0px 0px;
padding:0;
}

.menu-top-out li{
background: url(images/nav-bg.png) repeat-x left;
float:left;
padding:0px;
}

.menu-top-out li a{
background:url("images/seperator.gif") bottom right no-repeat;
color:#FFFFFF;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}

.menu-top-out li a:hover, .menu-top-out ul li:hover a{
background: #2580a2 url("images/hover.gif") bottom center no-repeat;
color:#FFFFFF;
text-decoration:none;
}

.menu-top-out li ul{
background:#086105;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}

.menu-top-out li:hover ul{
display:block;
}

.menu-top-out li li {
background:url('images/sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}

.menu-top-out li:hover li a{
background:none;
}

.menu-top-out li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}

.menu-top-out li ul a:hover, .menu-top-out li ul li:hover a{
background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
border:0px;
color:#ffffff;
text-decoration:none;
}

.menu-top-out p{
clear:left;
}	

/* Wrapper
----------------------------------------------- */
#outer-wrapper {
width:980px;
margin:0 auto;
padding:0px;
}

#content-wrapper {
float:left;
width:100%;
position: relative;
}

.title {
margin: 0px 0px 0px 50px;
height: 51px;
text-align: left;

}

.main {
float:left;
width:99%;
position: relative;
padding: 5px;
}

.title h1 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", arial,"Tahoma",helvetica,sans-serif;
font-weight: 500;
font-size: 18px;
color : #FFFFFF;
text-transform:uppercase;
padding-top: 10px;
}

/* Login
----------------------------------------------- */
#container {
margin:140px auto;
width:480px;
}

#loginbox {
background: transparent url(images/box.png) left top;
padding: 10px;
}

p, form {
padding: 0 10px 10px 10px 
}

form {
padding-top: 5px;
padding-bottom: 10px;
}

p {
margin-bottom: 0;
}

form p {
padding: 0 0 10px 0;
}

#login h2 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", arial,"Tahoma",helvetica,sans-serif;
font-weight: 500;
color:#fff;
margin: 0;
padding: 15px;
font-size: 14px;
text-align: left;
border-bottom: none;
}

input.text_input {
border: 1px solid #028d01;
background: #fff;
width: 320px;
padding: 4px;
font-size: 13px;
}

input.text_input:focus {
border: 1px solid #000;
}

form .label {
margin-top: 5px;
margin-bottom: 3px;
width: 100px;
clear: left;
float: left;
padding-bottom:5px;
}

form label {
font-weight: bold;
}

.form_container .field{
float: left;
padding-bottom: 5px;
}

p.submit {
clear: both;
margin-top: 8px;
margin-right: 0;
padding: 5px 15px;
text-align: right;
}


.forgot_password {
float: left;
padding-top: 8px;
font-size: 11px;
}

.forgot_password a {
color: #555;
}


/* Headings
----------------------------------------------- */
h2 {
margin: 0 0 0px 0;
font:normal normal 90% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
line-height: 1.4em;
text-transform:normal;
letter-spacing:.2em;
color:#999999;
}

/* Footer
----------------------------------------------- */
#footer {
margin: 0 auto;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", arial,"Tahoma",helvetica,sans-serif;
font-weight: 500;
font-size:11px;

}

















.tdBorder{
	border-style: solid;
	border-color: gray gray gray gray;
	border-width:1px; 
      }

body.default {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	background: #FFFFFF;

	padding: 0px 0px 0px 0px;
}
/*	margin: 0px 0px 0px 0px; */

body.defaultNoMArgin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


body.stage {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color : #333333;
	background-color: #F3FFEC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

a {
	color : #0000FF;
	font-size: 10pt;
	font-weight : normal;
	text-decoration : none;
}

a:hover {
	color : #CC0000;
	font-size: 10pt;
	font-weight : normal;
	text-decoration : underline;
}


span.title {
	font-size: 12pt;
	color: #0000FF;
	font-weight : bold;
}

td {
	font-size: 10pt;
}

abody{
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

h1
	{
	color: #22354F;
	font-size: 18pt;
	margin-bottom: 3.0pt;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 12.0pt;
}

h2
	{
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #000066;
	color: #003366;
	font-size: 16pt;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 12px;
	text-indent: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h3
	{
	color: #788799;
	font-size: 11pt;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
}

hr{
	color: #000080;
	height: 1px;
}

pre {
	background: #FFFFD9;
	border-style: solid;
	border-width: 1px;
	border-color: #DAA520;
	padding: 10px;
	color: #000000;
	font-size: 9pt;
}

.item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 5px;
	margin-top: 2px;
	width: 175px;
}
.NavigationRow {
	border-bottom:1px solid #000000;
}

.MessageRow {
	background-color: #ffffff;
    padding-left:10px;
    border-bottom:1px solid #000000;
    padding-bottom:3px;
}

.Content tbody{
	padding-left: 0px;
}

.AlternateRow
{
    background-color:Gray;
    color:White;
}

.ItemRowColor
{
    background-color:#DBDFE3;
    color:Black;
}

TD.TopRow
{
  background-color: #22354F;  
  padding: 0px;
}
.Console {
	background: url(mpk_console_bg.gif) repeat-x top;
	height: 16px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000066;
	text-decoration: none;
}
.TopNav {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000066;
	text-decoration: none;
}
body.mainfooter {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(mpk_footer.gif) repeat-x top;
}
.MenuTree {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #000066;
	text-decoration: none;
}

#foldheader{cursor:hand; font-weight:bold ;
list-style-image:url(plus.gif)}
#foldinglist{list-style-image:url(minus.gif)}
.Footer {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC00;
}
.Block {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	list-style-image: url(bullet.gif);
	color: #5881C1;
}
.BtnDefault {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: url(../img/button_bg.gif) repeat;
	border: 1px solid #38598C;
	height: 24px;
	text-align: center;
	cursor: hand;
}

.BtnDisabled {
	font: italic 12px Arial, Helvetica, sans-serif;
	color: #c0c0c0;
	background: url(../img/buttonDs_bg.gif) repeat;
	border: 1px solid #38598C;
	height: 24px;
	text-align: center;
}

.BtnDefaultMerah{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: url(../img/btnMerah.gif) repeat;
	border: 1px solid #38598C;
	height: 24px;
	text-align: center;
	cursor: hand;
}

.BtnDefaultGrey {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background: url(../img/buttonDs_bg.gif) repeat;
    border: 1px solid #38598C;
    height: 24px;
    text-align: center;
    cursor: hand;
}

/*add by pete for login page 07/11/2008*/
/*
#loginbox {
background-color:#fff;
width:343px; 
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#loginbox input{
border:1px solid #999;
}
#copyright {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
margin-top:10px;
}
/*
/*add by pete for tab navigation 15/6/2006*/
.BtnTabOff {
	height: 20px;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #c0c0c0;
	border-top: 1px outset #9CC0F7;
	border-right: 1px outset #4774B9;
	border-bottom: 0px inset #FFFFFF;
	border-left: 1px outset #9CC0F7;
	}

.BtnTabOn {
	height: 23px;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #D7DDE5;
	border-top: 1px outset #9CC0F7;
	border-right: 1px outset #4774B9;
	border-bottom: 0px inset #D7DDE5;
	border-left: 1px outset #9CC0F7;
	}
	
/*END pete add*/

/*add by pete for tab navigation 28/11/2007*/


/*add by pete for keith calendar 29/2/2008*/
table.calendarpit {border: 0}
table.calendarpit td, th {text-align: center; border: 0}
table.calendarpit th {height: 10px; font-size: 7pt;}
table.calendarpit td {width: 19px; height: 10px; font-size: 9pt;}
table.calendarpit .calendarpit-month {font-weight: bold; margin-top: 3px; font-size: 12pt; text-align: center}
table.calendarpit .calendarpit-month a{text-decoration: none}
table.calendarpit .calendarpit-prev, table.calendarpit .calendarpit-next {font-weight: normal;}
table.calendarpit th {color: green; text-align: center;}
table.calendarpit td.linked-day {font-size: 11pt}
table.calendarpit td.subscribed-day {background-color: #c0eca4;color: green;font-size: 11pt;font-weight: bold;}
/*END pete add*/

/*add by pete for table borders 29/2/2008*/
.table_box{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	//color: #0000FF;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

table.printable {
	font-family: Arial, Helvetica, sans-serif,Verdana;
	font-size: 12px;
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-color: black;
	border-collapse: collapse;
	//background-color: white;
}
table.printable th {
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	background-color: #CCCCCC;
}
table.printable td {
	border-width: 1px;
	border-style: solid;
	border-color: #000000;

}

table.printable th.l_border {
	border-width: 1px;
	border-left-width:1px; 
	border-style: solid;
	border-color: #000000;
	background-color: #CCCCCC;
}

table.printable td.lborder {
	border-width: 0px;
	border-left-width:1px; 
	border-style: solid;
	border-color: #000000;
}

table.printable th.lborder {
	border-width: 0px;
	border-left-width:1px; 
	border-style: solid;
	border-color: #000000;
	background-color: #CCCCCC;
}

table.printable td.rborder {
	border-width: 0px;
	border-right-width:1px; 
	border-style: solid;
	border-color: #000000;
}

table.printable th.rborder {
	border-width: 0px;
	border-right-width:1px; 
	border-style: solid;
	border-color: #000000;
	background-color: #CCCCCC;
}

table.printable td.tborder {
	border-width: 0px;
	border-top-width:1px; 
	border-style: solid;
	border-color: #000000;
}

table.printable td.tborder_dashed  {
	border-width: 0px;
	border-top-width:1px; 
	border-style: dashed ;
	border-color: #000000;
}

table.printable td.bborder {
	border-width: 0px;
	border-bottom-width:1px; 
	border-style: solid;
	border-color: #000000;
}

table.printable td.noborder {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: white;
}

table.printable th.noborder {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: white;
}

/*END pete add*/

.borangjmm11
{
	FONT-SIZE: 11px; COLOR: #000000; FONT-WEIGHT:bold; FONT-FAMILY: verdana
}
.contentjmm11
{
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana
}
.borangjmm12 {
	FONT-SIZE: 12px; COLOR: #000000; FONT-WEIGHT:bold; FONT-FAMILY: verdana
}
.borangjmm10 {
	FONT-SIZE: 10px; COLOR: #000000; FONT-WEIGHT:bold; FONT-FAMILY: verdana
}
/*END pete add*/

.frontpage {
	background: url(../img/dot.gif) repeat;
	margin: 0px;
	padding: 0px;
}
.SideMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
	text-decoration: none;
	background-color: #FFFFFF;
	vertical-align: top;
	border: 1px double #003366;
	left: 1px;
	background-image: url(../img/sidemenu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.Tile {
	background-image: url(img/tile.gif);
}
.Boxes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
	border: 1px solid #000000;
}
.Header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
}
.Contents {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.Contents2 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0000FF;
	text-decoration: none;
}
.BtnTop{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/button.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 140px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	cursor: hand;
	}
a:hover {
	color: #FFCC33;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}

.Hyperlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.ActiveBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/button_a.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 140px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
.BtnClose {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.BtnTopBg {
	color: #FFFFFF;
	background-image: url(../img/button_back.gif);
	height: 34px;
}
a.BtnTopLink {
	color: #FFFFFF;
}
.LogoAtas {
	background-image: url(../img/logo_top.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 101px;
}
.ConsBullet {
	background-image: url(../img/header.gif);
	height: 45px;
	width: 33px;
}
.ConsBg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
	background-image: url(../img/header_bg.gif);
	text-indent: 3px;
	height: 45px;
}
.YellowLine {
	background-image: url(../img/bottom_line.gif);
	background-repeat: repeat-x;
	height: 5px;
	margin: 0px;
	padding: 0px;
}
.DotLine {
	background-image: url(../img/dot.gif);
	background-repeat: repeat-x;
	height: 1px;
}
.BoxLeftLine {
	border-left-width: 1px;
	border-top-style: none;
	border-left-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-left-color: #666666;
	border-right-style: none;
}
.CheckListLine {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	background-image: url(../img/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.Question {
	font-weight: bold;
	color: #F5C72A;
	text-decoration: underline;
}
.RedBesar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}
.Welcome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF9900;
	height: 20px;
	margin: 2px;
	padding: 2px;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #f4f4f4;
	border: 1px solid #999999;
}
option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000FF;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
.Kekotak{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}


.BorangLesen {
	background-image: url(../img/lesen.jpg);
	background-repeat: no-repeat;
	height: 792px;
	width: 566px;
}

.BilAnjing {
	background-image: url(../img/Lesen_Anjing.png);
	background-repeat: no-repeat;
	height: 792px;
	width: 600px;
}

.BorangPasar {
	background-image: url(../img/lesen.jpg);
	background-repeat: no-repeat;
	height: 792px;
	width: 566px;
}
.BorangPasar {
	background-image: url(../img/kad_penjaja.jpg);
	height: 374px;
	width: 600px;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
}
.BorangPermit {
	background-image: url(../img/permit_sementara.png);
	height: 793px;
	width: 600px;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Times New Roman", Times, serif;
}
.HurufKecil {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
.HurufKecil2 {

	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.FormHead
 {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
}.Times {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}
.Tiada {
	width: 120px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
.Barcode {
	font-family: "3 of 9 Barcode";
	font-size: 18px;
	text-decoration: none;
	text-transform:inherit;
	white-space: normal;
}
.DotLine {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: groove;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.Boxes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
	border: 1px solid #666666;
}
.Header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
}
.Contents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.BtnTop{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/button.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 140px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	cursor: hand;
	}
a:hover {
	color: #FFCC33;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
.Title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3366CC;

}
.Hyperlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.ActiveBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/button_a.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 140px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
.BorangHiburan {
	background-image: url(../img/bg_lesen_hiburan.png);
	background-repeat: no-repeat;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	height: 933px;
	width: 640px;
}
.BorangIklan {
	background-image: url(../img/bg_lesen_iklan.png);
	background-repeat: no-repeat;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	height: 933px;
	width: 640px;
}
.BorangPenjaja {
	background-image: url(../img/bg_lesen_penjaja.png);
	background-repeat: no-repeat;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	height: 933px;
	width: 640px;
}
.BorangPremis {
	background-image: url(../img/bg_lesen_premisiklan.png);
	background-repeat: no-repeat;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	height: 933px;
	width: 640px;
}

/* ----------------------------------------------------------------------

		The main calendar widget.  DIV containing a table. 

--------------------------------------------------------------------------
*/
/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #e8f0f4;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0e4;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td {
  background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

.WinMain {
	border: none;
	background-color: #4774B9;

}
.WinSpacer {
	background-color: #4774B9;
}
.WinTop {
	background-image: url(../img/wintop.png);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.WinHeader {
	background-color: #AEC7E5;
	background-image: url(../img/winheader.png);
	background-repeat: repeat-x;
	background-position: bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	color: #000000;
	text-decoration: none;
}

.WinHeader1 {
	background-color: #AEC7E5;
	background-image: url(../img/winheader2.png);
	background-repeat: repeat-x;
	background-position: bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	color: #000000;
	text-decoration: none;
}

.WinHeader2 {
	background-color: #AEC7E5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2px;
	color: #000000;
}
.WinFooter {
	background-image: url(../img/winheader.png);
	background-repeat: repeat-x;
	background-position: bottom;
	/*background-position: right center;*/
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #4774B9;
}
.WinMsg {
	background-image: url(../img/winheader.png);
	background-repeat: repeat-x;
	background-position: bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	background-color: #4774B9;
	margin: 3px;
	padding: 3px;
	border: 1px solid #4774B9;
	text-align: center;
	vertical-align: middle;
}
.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-image: url(../img/maintop.png);
	background-repeat: repeat-x;
	height: 25px;
}

.IcoPelangganStatus {
	background-image: url(../img/ico_doc.png);
	background-repeat: no-repeat;
	background-position: center center;
	border: 0px solid #333333;
	height: 32px;
	width: 32px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 16pt;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.IcoLesen {
	background-image: url(../img/ico_lesen.png);
	background-repeat: no-repeat;
	background-position: center center;
	border: 0px solid #333333;
	height: 32px;
	width: 32px;
}



input.SUserBiruGrey {
	background-image: url(../img/s_usrblue_dsble.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.SUserBiru {
	background-image: url(../img/s_usrblue.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.SHouseGrey {
	background-image: url(../img/s_house_dsble.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.SHouse {
	background-image: url(../img/s_house.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.SLesenGrey {
	background-image: url(../img/s_lesen_dsble.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.Slesen {
	background-image: url(../img/s_lesen.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.STransaksiGrey {
	background-image: url(../img/s_data_dsble.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.STransaksi {
	background-image: url(../img/s_data.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.SDokGrey {
	background-image: url(../img/s_dok_dsble.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.SDok {
	background-image: url(../img/s_dok.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.SMailGrey {
	background-image: url(../img/s_mailto_dsble.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.SMail {
	background-image: url(../img/s_mailto.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.SKemaskiniGrey {
	background-image: url(../img/s_kemaskini_dsble.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.SKemaskini {
	background-image: url(../img/s_kemaskini.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.SLinkGrey {
	background-image: url(../img/s_link_dsble.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.SLink {
	background-image: url(../img/s_link.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.SLockGrey {
	background-image: url(../img/s_lock_dsble.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}
input.SLock {
	background-image: url(../img/s_lock.png);
	height: 32px;
	width: 32px;
	border: 1px inset #4774B9;
	cursor: default;
	background-position: center center;
}

/* start bug */

a.button {
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 8px;
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;
	text-align: center;
	//xinha min-width: 75px;
	text-transform: uppercase;
}

/* end bug */

a.button:link { 
	background-color: #060; 
	color: #FFF;
	text-decoration: none;
	}
a.button:visited {
	background-color: #060; 
	color: #fff;
	text-decoration: none;
	}
a.button:hover { 
	background-color: #060; 
	color: red;
	border-color: black white white black;
	text-decoration: none;
	}
a.button:active { 
	background-color: #369; 
	color: #ccc; 
	text-decoration: none;
	}



.ActiveBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/button_a.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 140px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

/* Main Page Menu */
.BtnMainMenu {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: url(../img/MainMenuBg.gif) repeat;
	height: 19px;
	text-align: center;
	cursor: hand;
}

.SecOneBg {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: url(../img/e2l_SecOneBg.gif) repeat;
	border: 1px solid #38598C;
	height: 24px;
	text-align: center;
}

.blueTdHand
{
font-family:arial,verdana;
font-size:11px;
font-weight:bold;
color:#0054A6;
cursor: hand;

} 

.greyTdHand
{
font-family:arial,verdana;
font-size:11px;
font-weight:bold;
color:#5F5F5F;
cursor: hand;

} 


.blueTdNoHand
{
font-family:arial,verdana;
font-size:11px;
font-weight:bold;
color:#0054A6;

}
.WelcomeNote
{
font-family:arial,verdana;
font-size:15px;
font-weight:bold;
color:#0054A6;

}
.tdHand
{
cursor: hand;
}
.BarMenu
{
	font-family: cursive;
	font-style: normal;
	font-variant: small-caps;
	font-weight: bolder;
	font-size:16px;
	color:#FFFFFF;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: capitalize;
	text-align: left;
	text-indent: 0ex;

}

.sample {
	border: 1px outset #CCCCCC;
	border-collapse: separate;
	border-spacing: 2px;
	background-color: #EDEDED;
}

table.listing {
	border-width: medium medium medium medium;
	border-spacing: 1px;
	border-style: double double double double;
	border-color: blue blue blue blue;
	border-collapse: separate;
	background-color: rgb(250, 240, 230);
}
.highlightsMail .mailLogin {
	margin: 0;
	padding: 0;
	width: 170px;
	height: 20px;
	border: none;
	background: url(../img/login/highlight_textfield.gif) no-repeat left center;
}










.mainborderLeft {
	background-image: url(../img/bg_left.gif);
	background-repeat: repeat-y;
	width: 73px;
	background-position: right;
}
.MainBodyBg {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	background-color: #F3FFEC;
	vertical-align: top;
	padding: 0px;
}

.mainborderRight {
	background-image: url(../img/bg_right.gif);
	background-repeat: repeat-y;
	width: 73px;
}
#UpperBarBg {
	background-image: url(../img/UpperBarBg18.gif);
	background-repeat: repeat-x;
	background-position: left;
	height: 18px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 6px;
}
#UpperBarBg a:link {
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 4px;
}
#UpperBarBg a:hover {
	color: #FF0000;
}
#UpperBarBg a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 4px;
}


.UpperHeaderBg {
	background-color: #8f989f;
	background-image: url(../img/UpperHeaderBg.jpg);
	background-repeat: repeat;
}
.UpperHeaderPIT {
	background-image: url(../img/UpperHeader50_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	width: 141px;
}

.UpperHeaderICMS {
	background-image: url(../img/icmsheader_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 78px;
	width: 185px;
}

.UpperHeaderICMS_SB {
	background-image: url(../img/icmsheader_01_SIB.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 78px;
	width: 185px;
}

.UpperHeaderICMSright {
	background-image: url(../img/icmsheader_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 78px;
	width: 600px;
}

.UpperHeaderLoop {
	background-image: url(../img/UpperHeader50_03.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 50px;
}

.UpperHeaderLoopICMS {
	background-image: url(../img/icmsheader_02.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 78px;
}
#UpperBarSlot {
	background-image: url(../img/UpperBarSlot18.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	width: 6px;
}

#MenuContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	text-decoration: none;
}

#C1 {
	background-image: url(../img/console_01.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 7px;
}
#C2 {
	background-image: url(../img/console_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #F2F2F2;
	text-decoration: none;
	text-indent: 25px;
}

#C3 {
	background-image: url(../img/console_03.gif); 
	background-repeat: no-repeat;
	background-position: right top;
	height: 35px;
	width: 8px;
}

#CRight {
	background-image: url(../img/console_right.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 8px;
}
#C4 {
	background-image: url(../img/console_07.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 8px;
	width: 7px;
}
#C5 {
	background-image: url(../img/console_08.gif);
	background-repeat: repeat-x;
	background-position: center top;
	height: 8px;
}
#C6 {
	background-image: url(../img/console_09.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 8px;
	width: 8px;
}


#C11 {
	background-image: url(../img/console_11.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 8px;
	width: 7px;
}
#C12 {
	background-image: url(../img/console_12.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 8px;
}
#C13 {
	background-image: url(../img/console_13.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 8px;
	width: 8px;
}
#CNH1 {
	background-image: url(../img/console_01.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 7px;
}
#CNH2 {
background-color: #AEC7E5;
	background-image: url(../img/winheader.png);
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-indent: 20px;

	
	background-image: url(../img/winheader.png);
	background-repeat: repeat-x;
	background-position: bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	color: #000000;
	text-decoration: none;
}
#CNH3 {
	background-image: url(../img/console_03.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 29px;
	width: 8px;

}
#CLeft {
	background-image: url(../img/console_left.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width: 7px;
}
#CContent {
	background-image: url(../img/content.gif);
	background-repeat: repeat;
	font-size: 12px;
	color: #000000;
}

#CContentQ {
    background-image: url(../img/content2.gif);
    background-repeat: repeat;
    font-size: 12px;
    color: #000000;
}

#ContentAll {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
}
#tc01 {
	background-image: url(../img/tc_01.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 28px;
	width: 5px;
}
#tc02 {
	background-image: url(../img/tc_02.gif);
	background-repeat: repeat-x;
	background-position: right bottom;
	height: 28px;
	font-size: 12px;
	color: #000066;
	text-align: center;
}
#tc01Sendal {
	background-image: url(../img/tc_03.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 28px;
	width: 4px;
}
#tcLeft {
	background-image: url(../img/tc_05.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width: 5px;
}
#tcRight {
	background-image: url(../img/tc_08.gif);
	background-repeat: repeat-y;
	background-position: left top;
	height: 5px;
}
#tc02Sendal {
	background-image: url(../img/tc_07.gif);
	background-repeat: repeat-y;
	height: 4px;
}


#tc03 {
	background-image: url(../img/tc_04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 28px;
	width: 4px;
}
#tc05 {
	background-image: url(../img/tc_09.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 6px;
	width: 5px;
}
#tc06 {
	background-image: url(../img/tc_10.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
#tc07 {
	background-image: url(../img/tc_12.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 6px;
	width: 5px;
}
#tc03Sendal {
	background-image: url(../img/tc_11.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 6px;
	width: 4px;
}
#TContent {
	font-size: 12px;
	color: #000099;
	text-decoration: none;
}
#Button01Left {
	background-image: url(../img/btn01_01.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 24px;
	width: 14px;
}
#Button01Bg {
	background-image: url(../img/btn01_02.gif);
	background-repeat: repeat-x;
	background-position: center top;
	height: 24px;
	color: #FFFFFF;
	text-align: center;
}
#Button01Right {
	background-image: url(../img/btn01_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 22px;
}
#Button01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#Button01 a:link {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
#Button01 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#Button01 a:hover {
	color: #FF0000;
	text-decoration: none;
}
#Button01 a:active {
	color: #000000;
	text-decoration: none;
}

#Button02Left {
	background-image: url(../img/btn02_01.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 24px;
	width: 14px;
}
#Button02Bg {
	background-image: url(../img/btn02_02.gif);
	background-repeat: repeat-x;
	background-position: center top;
	height: 24px;
	color: #FFFFFF;
	text-align: center;
}
#Button02Right {
	background-image: url(../img/btn02_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 22px;
}
#Button02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#Button02 a:link {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
#Button02 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#Button02 a:hover {
	color: #FF0000;
	text-decoration: none;
}
#Button02 a:active {
	color: #000000;
	text-decoration: none;
}



#Carian {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	text-decoration: none;
}
#CarianResult {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
.LoginBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
.LoginTable {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #52585F;
	border-right-color: #52585F;
	border-bottom-color: #52585F;
	border-left-color: #52585F;
	background-image: url(../img/UpperHeader_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 400px;
	background-color: #FFFFFF;
}
.HelpNotes {
	font-size: 10px;
}
.HelpNotes a:link {
	font-size: 10px;
	text-decoration: underline;
}

.btnDefault1 {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../img/btn_blue.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 24px;
	width: 80px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btnDefault2 {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../img/btn_blue2.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 24px;
	width: 120px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btnRed1 {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../img/btn_red.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 24px;
	width: 80px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btnRed2 {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../img/btn_red2.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 24px;
	width: 120px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.tabs {
  position:relative; 
  height: 23px; 
  margin: 0; 
  padding: 0; 
  background:url(../img/bar_off.gif) repeat-x; 
  overflow:hidden
}
.tabs li {
  display:inline;
}
.tabs a:hover, .tabs a.tab-active {background:#fff url(../img/bar_on.gif) repeat-x; border-right: 1px solid #fff} 
.tabs a  {height: 27px; font:12px verdana, helvetica, sans-serif;font-weight:bold;
    position:relative; padding:6px 10px 10px 10px; margin: 0px -4px 0px 0px; color:#2B4353;text-decoration:none;border-left:1px solid #fff; border-right:1px solid #6D99B6;}
.tab-container {background: #fff; border:1px solid #6D99B6;}
.tab-panes { margin: 3px }

/*PETE UNCOMMENT FROM C:\Program Files\EasyPHP 2.0b1\www\lpm\lib\fckeditor\editor\css\fck_editorarea.css */
p, ul, li
{
	margin-top: 0px;
	margin-bottom: 0px;
}
/*PETE UNCOMMENT*/


//for DYNAMIC selection box: PETE: 17/11/2008
.dOption {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	font-weight: bold;
	color: #666;
	white-space: nowrap;
}
.dOption img {
	border: 0px;
	vertical-align: middle;
}
.dOption a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	text-decoration: none;
}
.dOption a.optionitem, .dOption a.optionitemSel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dOption a.optionitem:hover, .dOption a.optionitemSel:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	//font-weight: bold;
	color: #FFFFFF;
	background-color: #0080ff;
	text-decoration: none;
}
.dOption a.optionitemSel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	background-color: #000080;
}
.dOption .indentdiv {
	//overflow: hidden;
	margin-left: 8px;
	display: inline;
	//text-indent: 10px;
}

.dOption .parentnode {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
	color: #666;
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}

.dOption .childnode {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #0000ff;
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}

.dOption .selectedchildnode {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	background-color: #0080ff;
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}

div.selectValue {
height: 18px;
overflow: hidden;
//border: 1px solid #666;
//background-color: #ccc;
padding: 1px 2px 1px 2px;
}

div.selectBox {
height: 200px;
width: 500px;
//float: right;
position:absolute;
overflow: auto;
border: 1px solid #666;
background-color: white;
padding: 0px;
}

//for JSU Table

.jsu {
	width:2pc;
	background-color: #ffffff;
}


.jsuleft {
	width:20pc;
	background-color: #f0f0f0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
	color: #666;
}

.jsuleft_tb {
	//width:20pc;
	background-color: #f0f0f0;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
	color: #666;
	
	//TEXT ORIENTATION: only works with ie, KIV
	//writing-mode: tb-rl;
	//filter: flipv fliph;	
}

.jsunodecontext {
	width:20pc;
	background-color: #f0f0f0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	//font-weight: bold;
	font-style: italic;
	color: #0000ff;
}

.jsuheader {
	width:2pc;
	background-color: #f0f0f0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
	color: #666;
}

.jsuRSTheader {
	width:2pc;
	background-color: #8080ff;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	//font-style: italic;
	color: #666;
}

.jsucell {
	width:2pc;
	background-color: #ffffff;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
}

.jsutotcell {
	width:2pc;
	background-color: #d7ffd7;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
}

.jsucell2 {
	width:2pc;
	background-color: #82f07b;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
}

.jsublocked {
	width:2pc;
	background-color: #808080;
}


ul{border:0; margin:0; padding:0;}

#pagination-digg li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
}
#pagination-digg a{
border:solid 1px #9aafe5
margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
border:solid 1px #DEDEDE
color:#888888
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-digg .next a,
#pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
color:#0e509e
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #0e509e
}