x-panel-body p 
{
	margin:10px;
    font-size:12px;
}
    
body
{
    background: #979793;
}

h1
{
	font-size: 14px;
	color: black;
	font-family: Arial, Verdana, 'MS Sans Serif';
	text-transform: uppercase;
	
}

/*Master Table Footer*/
.MasterMainTable
{
	width:850px;
	height:100%;
	background:white
}
.MasterTable
{
	width:100%;
	height:100%;
}
.MasterFooter
{ 
	font-size:10px;
	text-align:center
}
.MasterTdMain{width:100%;}
.MasterManuTable
{
	border: 1px solid #e4f1fd;
	border-collapse:collapse;
	width:100%;
	border-color:#CCCCCC;
	background-color:#CCCCCC;
}

/*Dock CSS*/
.DockMainTable
{
	width: 99%;
	height: 100%;
}
.DockTimetable{width:30%;}
.DockContent{width:70%;}
.DockBorder
{
	border: 1px solid #e4f1fd;
	height:100%;
	background-color:#FFFFFF; 
	width:100%; 
	text-align:left
}
/*Content CSS*/
.BoxInfo
{
	font-size:10px;
	border:0px;
	FONT-FAMILY: Arial, Verdana, 'MS Sans Serif';
	color: Red;
	background-color:#f4f4ec;
}
.TextMul
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, 'MS Sans Serif';
    text-align:right
 }
 .TextHeader
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, 'MS Sans Serif';
 }
.textDat
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, 'MS Sans Serif';
}

.textMenu
{
	font-size: 11px;
	font-family: Arial, Verdana, 'MS Sans Serif';
	font-weight: bold;
	text-decoration: none;
	color: white;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}

.Menu
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, 'MS Sans Serif';
}

.Tajuk
{
	background-color: #669900;
	font-family: verdana,tahoma,helvetica;
	FONT-SIZE: 11px;
	border: 1px solid #999999;
	border-top: 0;
	padding: 8px;
	width: 100%;
	height: 100%;
	color: white;
}

.Butang
{
    border-right: thin solid;
    border-top: thin solid;
    border-left: thin solid;
    border-bottom: thin solid;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #d3d3d3;
    FONT-SIZE: 11px;
}

.Boder
{
    BACKGROUND-COLOR: #dfe8f6;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, 'MS Sans Serif'
}

.LinkLbl
{
	FONT-SIZE: 11px;
	color: black;
	font-family: Arial, Verdana, 'MS Sans Serif';
	text-decoration: underline;
	cursor: pointer;
}
.TextBoxStand
{
	width: 180px;
	font-size: 11px;
	color: black;
	font-family: Arial, Verdana, 'MS Sans Serif';
	height: 18px;
}

/*Popup Modal*/
.modalBackground
{
	background-color: whitesmoke;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalBackground2
{
    background-color:#fff;
}

.graydiv  
{  
	position: absolute;  
    background-color: #5B5B5B;  
    left: 0px;  
    top: 0px;  
    z-index: 10000;  
    display: none;  
}  
      
.modalPopup 
{
	background-color:white;  
    padding:1em 6px;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:350px;
	position:relative; 
	margin-bottom:0px;   
	overflow: auto;
}

.ajaxcss
{
	font-family: Arial, Verdana, 'MS Sans Serif';
	font-weight: bolder;
	font-size: 14px;
	background-color: inactivecaption;
}

.TextAma8
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8px;
    COLOR: red;
    TEXT-INDENT: 1px;
    FONT-FAMILY: Arial, Verdana, 'MS Sans Serif';
    LETTER-SPACING: 2px;
    
}
/* ajax__tab_xp-theme theme */
.ajax__tab_xp-theme .ajax__tab_header 
{
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background:url(images/tab_ie/tab-line.gif) repeat-x bottom;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer 
{
    padding-right:4px;
    background:url(images/tab_ie/tab-right.gif) no-repeat right;
    height:21px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner 
{
    padding-left:3px;
    background:url(images/tab_ie/tab-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab
{
    height:13px;
    padding:4px;
    margin:0;
    background:url(images/tab_ie/tab.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer 
{
    background:url(images/tab_ie/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner 
{
    background:url(images/tab_ie/tab-hover-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab 
{
    background:url(images/tab_ie/tab-hover.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(images/tab_ie/tab-active-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(images/tab_ie/tab-active-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab 
{
    background:url(images/tab_ie/tab-active.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #999999;
    border-top:0;
    padding:8px;
    background-color:#ffffff;
    width:100%;
    height:100%;
}

/*Ribbon Button Menu*/
.RadMenu_Office2007
{
    padding: 0px !important;
}

.RadMenu_Office2007 .text
{
    padding: 0px !important;
}

.RadMenu_Office2007 .link img
{
    margin: 0px;
    cursor: hand;
    cursor: pointer;
}

.RadMenu_Office2007 .link:hover,
.RadMenu_Office2007 .focused,
.RadMenu_Office2007 .expanded
{
    border: 0px !important;
}

div.applicationWrapper
{
    background: url('Images/ApplicationBackground.gif') repeat-x;
    font: normal 11px Arial, Verdana, Sans-serif;
    color: #404040;
    width: 100%;
}

div.menuBar
{
    height: 55px;
    position: relative;
    
}

div.titleBar
{
    height: 35px;
    margin-left:5px;
}

div.titleBar div
{
    float: left;
}

div.titleBar div.cmdBar
{
    width: 185px;
}

/* menu bar toolbar begin */
div.titleBar div.cmdBar ul
{
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
    list-style-type: none;
}

div.titleBar div.cmdBar li
{
    float: left;
}

div.titleBar div.cmdBar li a
{
    height: 22px;
    width: 22px;
    display: block;
    background: transparent;
    margin-right: 4px;
}

div.titleBar div.cmdBar li a img
{
    border: 0px;
    margin: 2px;
}

div.titleBar div.cmdBar a:hover
{
    background: transparent url('Images/CmdBarHover.gif') no-repeat;
}

/* menu bar toolbar end */

div.titleBar div.windowControls
{
    width: 78px;
    float: right;
}

div.titleBar div.documentTitle
{
    padding-left: 130px;
    font-family:Arial, Verdana, 'MS Sans Serif';
    font-size:12px;
    font-weight:bold;
}

div.ribbonBar
{
    position: relative;
    top: -24px;
    border-left: solid 1px #3b5a82;
    border-right: solid 1px #3b5a82;
    background: url('Images/ribbonBg.gif') repeat-x left 26px;
    
}

.MultipageWrapper
{
    width: 100%;
    position: relative;
    top: -3px;
}

/* ribbon dock begin */
table.ribbonDock
{
    float: left;
    display: inline-block;
    margin-top: 5px;
    margin-left: 2px;
}

table.ribbonDock td
{
    font-size: 1px;
    vertical-align: top;
}

table.ribbonDock td.dockTitle
{
    text-align: center;
    font: bold 11px Arial, Verdana, Sans-serif;
    color: #3e6aaa;
    cursor: pointer;
    cursor: default;
    background: #c1d9f1 url('Images/DockTitle.gif') repeat-x;
}

table.ribbonDock td.dockTitle div.titleText
{
    float: left;
}

table.ribbonDock td.dockTitle div.dockGrip
{
    float: right;
    width: 8px;
    height: 16px;
    background: transparent url('Images/DockGrip.gif') no-repeat;
}

table.ribbonDock td.dockTop
{
    background: transparent url('Images/DockTop.gif') repeat-x;
}

table.ribbonDock td.middleLeft
{
    width: 3px;
    background: transparent url('Images/DockMiddleLeft.gif') repeat-y;
}

table.ribbonDock td.middleRight
{
    width: 3px;
    background: transparent url('Images/DockMiddleRight.gif') repeat-y;
}

table.ribbonDock td.toolsContainer
{
    background: #d8e8f5 url('Images/ToolsContainer.gif') repeat-x;
    padding: 6px 4px;
    padding-bottom: 0px;
    height: 60px;
}

table.innerTable td
{
    font: normal 11px Arial, Verdana, Sans-serif;
}


/* ribbon dock end */

/* most used command tool begin */
ul.mostUsedCommand
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul.mostUsedCommand li
{
    float: left;
}

ul.mostUsedCommand li img
{
    border: 0px;
}

ul.mostUsedCommand li a
{
    text-decoration: none;
    display: block;
    color: #15428b;
    text-align: center;
    margin-right: 4px;
    background: transparent;
    width: 70px;
    height: 62px;
    padding-top: 4px;
}

ul.mostUsedCommand li a:hover
{
    background: transparent url('Images/MostUsedBtnHover.gif') repeat-x;
    color: #404040;
}

.Pilih
{
    background: transparent url('Images/MostUsedBtnHover.gif') repeat-x;
    color: #404040;
}

ul.mostUsedCommand li a span
{
    display: block;
}

ul.mostUsedCommand li a span.last
{
    margin-top: 2px;
}
/* most used command tool end */

div.applicationBottom
{
    height: 20px;
    background: transparent url('Images/FrayedBottom.gif') no-repeat;
    position: relative;
    top: -12px;
    _top: -26px;
}

/*Calender*/
.calendarFrame
{
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;
    width:210px;
    height:160px;
 
}

.calendarMonthYear
{
    font-size: 12px;
    color: #ffffff;
    font-family: Arial;
    font-weight: bold;
    background-color: #709137;
    letter-spacing: 1px;
}

.calendarMonthYear1
{
    font-size: 12px;
    color: #ffffff;
    font-family: Arial;
    font-weight: bold;
    background-color: #fc940a;
    letter-spacing: 1px;
}

.calendarDay1
{
	font-size: 12px;
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	background-color: #fcc40a;
}

.calendarDay
{
    font-size: 12px;
    color: #ffffff;
    font-family: Arial;
    font-weight: bold;
    background-color: #afc96a;
}

.hasEvent
{
    font-size: 10px;
    color: #ffffff;
    font-family: Verdana, Arial;
    background-color:Red;
    text-align: center;
    cursor: pointer;
    
}

.hasToday
{
    font-size: 10px;
    color: #ffffff;
    font-family: Verdana, Arial;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    background-color:Gray
}

.hasNoEvent
{
    font-size: 10px;
    font-family: Verdana, Arial;
    text-align: center;
}

#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:822px;
	height:859px;
}

#Untitled-1-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:822px;
	height:5px;
}

#top-home {
	position:absolute;
	left:0px;
	top:5px;
	width:38px;
	height:16px;
}

#top-contacts {
	position:absolute;
	left:38px;
	top:5px;
	width:51px;
	height:18px;
}

#top-profile {
	position:absolute;
	left:89px;
	top:5px;
	width:95px;
	height:18px;
}

#top-komuter {
	position:absolute;
	left:184px;
	top:5px;
	width:130px;
	height:16px;
}

#top-intercity {
	position:absolute;
	left:314px;
	top:5px;
	width:125px;
	height:16px;
}

#top-asset {
	position:absolute;
	left:439px;
	top:5px;
	width:183px;
	height:18px;
}

#top-freight {
	position:absolute;
	left:622px;
	top:5px;
	width:122px;
	height:18px;
}

#top-ETS {
	position:absolute;
	left:744px;
	top:5px;
	width:73px;
	height:18px;
}

#Untitled-1-10 {
	position:absolute;
	left:817px;
	top:5px;
	width:5px;
	height:87px;
}

#Untitled-1-11 {
	position:absolute;
	left:0px;
	top:21px;
	width:38px;
	height:109px;
}

#Untitled-1-12 {
	position:absolute;
	left:184px;
	top:21px;
	width:255px;
	height:28px;
}

#Untitled-1-13 {
	position:absolute;
	left:38px;
	top:23px;
	width:146px;
	height:107px;
}

#Untitled-1-14 {
	position:absolute;
	left:439px;
	top:23px;
	width:378px;
	height:26px;
}

#Untitled-1-15 {
	position:absolute;
	left:184px;
	top:49px;
	width:91px;
	height:43px;
}

#top-table {
	position:absolute;
	left:275px;
	top:49px;
	width:78px;
	height:26px;
}

#top-sms {
	position:absolute;
	left:353px;
	top:49px;
	width:76px;
	height:26px;
}

#top-souvenir {
	position:absolute;
	left:429px;
	top:49px;
	width:80px;
	height:26px;
}

#Untitled-1-19 {
	position:absolute;
	left:509px;
	top:49px;
	width:1px;
	height:43px;
}

#top-adv {
	position:absolute;
	left:510px;
	top:49px;
	width:73px;
	height:26px;
}

#top-prop {
	position:absolute;
	left:583px;
	top:49px;
	width:82px;
	height:26px;
}

#Untitled-1-22 {
	position:absolute;
	left:665px;
	top:49px;
	width:152px;
	height:43px;
}

#Untitled-1-23 {
	position:absolute;
	left:275px;
	top:75px;
	width:234px;
	height:17px;
}

#Untitled-1-24 {
	position:absolute;
	left:510px;
	top:75px;
	width:155px;
	height:17px;
}

#Untitled-1-25 {
	position:absolute;
	left:184px;
	top:92px;
	width:69px;
	height:38px;
}

#top-newupdate {
	position:absolute;
	left:1px;
	top:2px;
	width:569px;
	height:48px;
}

#eticket {
	position:absolute;
	left:10px;
	top:250px;
}

#Untitled-1-27 {
	position:absolute;
	left:0px;
	top:130px;
	width:26px;
	height:275px;
}

#MyFav-CSR {
	position:absolute;
	left:26px;
	top:130px;
	width:184px;
	height:23px;
}

#Untitled-1-29 {
	position:absolute;
	left:210px;
	top:130px;
	width:43px;
	height:235px;
}

#Untitled-1-30 {
	position:absolute;
	left:253px;
	top:140px;
	width:1px;
	height:719px;
}

#Untitled-1-31 {
	position:absolute;
	left:2px;
	top:50px;
	width:25px;
	height:190px;
}

#Untitled-1-27 {
	position:absolute;
	left:27px;
	top:50px;
	width:411px;
	height:177px;
	background-color:#FFFFFF;
}

#Untitled-1-33 {
	position:absolute;
	left:438px;
	top:50px;
	width:132px;
	height:190px;
}

#MyFav-toll-free {
	position:absolute;
	left:26px;
	top:153px;
	width:184px;
	height:28px;
}

#MyFav-toll-free034 {
	position:absolute;
	left:26px;
	top:181px;
	width:1px;
	height:1px;
}

#MyFav-quonten {
	position:absolute;
	left:27px;
	top:181px;
	width:183px;
	height:29px;
}

#Untitled-1-37 {
	position:absolute;
	left:26px;
	top:182px;
	width:1px;
	height:104px;
}

#Untitled-1-38 {
	position:absolute;
	left:27px;
	top:210px;
	width:1px;
	height:26px;
}

#MyFav-job {
	position:absolute;
	left:28px;
	top:210px;
	width:182px;
	height:26px;
}

#MyFav-mygov {
	position:absolute;
	left:27px;
	top:236px;
	width:183px;
	height:26px;
}

#Untitled-1-41 {
	position:absolute;
	left:27px;
	top:262px;
	width:1px;
	height:24px;
}

#MyFav-mychannel {
	position:absolute;
	left:28px;
	top:262px;
	width:182px;
	height:24px;
}

#MyFav-blog {
	position:absolute;
	left:26px;
	top:286px;
	width:184px;
	height:29px;
}

#MyFav-photogallery {
	position:absolute;
	left:26px;
	top:315px;
	width:184px;
	height:28px;
}

#Untitled-1-45 {
	position:absolute;
	left:27px;
	top:227px;
	width:411px;
	height:13px;
}

#Untitled-1-46 {
	position:absolute;
	left:254px;
	top:330px;
	width:9px;
	height:529px;
}

#Untitled-1-64 {
	position:absolute;
	left:263px;
	top:330px;
	width:441px;
	height:253px;
	background-color:#FFFFFF;
}

#Untitled-1-48 {
	position:absolute;
	left:704px;
	top:330px;
	width:118px;
	height:5px;
}

#Untitled-1-49 {
	position:absolute;
	left:704px;
	top:335px;
	width:4px;
	height:459px;
}

#Untitled-1-67 {
	position:absolute;
	left:708px;
	top:335px;
	width:109px;
	height:457px;
}

#Untitled-1-51 {
	position:absolute;
	left:817px;
	top:335px;
	width:5px;
	height:524px;
}

#Untitled-1-52 {
	position:absolute;
	left:26px;
	top:343px;
	width:1px;
	height:62px;
}

#MyFav-intranet {
	position:absolute;
	left:27px;
	top:343px;
	width:183px;
	height:22px;
}

#MyFav-webmail {
	position:absolute;
	left:27px;
	top:365px;
	width:184px;
	height:27px;
}

#Untitled-1-55 {
	position:absolute;
	left:211px;
	top:365px;
	width:42px;
	height:40px;
}

#Untitled-1-56 {
	position:absolute;
	left:27px;
	top:392px;
	width:184px;
	height:13px;
}

#Untitled-1-57 {
	position:absolute;
	left:0px;
	top:405px;
	width:16px;
	height:290px;
}

#Untitled-1-30055 {
	position:absolute;
	left:16px;
	top:405px;
	width:230px;
	height:60px;
}

#Untitled-1-59 {
	position:absolute;
	left:246px;
	top:405px;
	width:7px;
	height:454px;
}

#Untitled-1-60 {
	position:absolute;
	left:16px;
	top:465px;
	width:230px;
	height:7px;
}

#Untitled-1-61 {
	position:absolute;
	left:16px;
	top:472px;
	width:2px;
	height:223px;
}

#Untitled-1-79 {
	position:absolute;
	left:18px;
	top:472px;
	width:219px;
	height:178px;
}

#Untitled-1-63 {
	position:absolute;
	left:237px;
	top:472px;
	width:9px;
	height:387px;
}

#Untitled-1-64 {
	position:absolute;
	left:263px;
	top:583px;
	width:441px;
	height:1px;
}

#Untitled-1-65 {
	position:absolute;
	left:263px;
	top:584px;
	width:2px;
	height:275px;
}

#Untitled-1-83 {
	position:absolute;
	left:265px;
	top:584px;
	width:439px;
	height:184px;
	background-color:#FFFFFF;
}

#Untitled-1-67 {
	position:absolute;
	left:18px;
	top:650px;
	width:219px;
	height:4px;
}

#Untitled-1-68 {
	position:absolute;
	left:18px;
	top:654px;
	width:37px;
	height:41px;
}

#Untitled-1-69 {
	position:absolute;
	left:55px;
	top:654px;
	width:138px;
	height:23px;
}

#Untitled-1-70 {
	position:absolute;
	left:193px;
	top:654px;
	width:44px;
	height:41px;
}

#Untitled-1-71 {
	position:absolute;
	left:55px;
	top:677px;
	width:138px;
	height:18px;
}

#Untitled-1-72 {
	position:absolute;
	left:0px;
	top:695px;
	width:8px;
	height:164px;
}

#Untitled-1-86 {
	position:absolute;
	left:8px;
	top:695px;
	width:229px;
	height:162px;
}

#Untitled-1-83 {
	position:absolute;
	left:265px;
	top:768px;
	width:276px;
	height:25px;
	background-color:#FFFFFF;
}

#Untitled-1-75 {
	position:absolute;
	left:541px;
	top:768px;
	width:163px;
	height:26px;
}

#Untitled-1-76 {
	position:absolute;
	left:708px;
	top:792px;
	width:109px;
	height:2px;
}

#Untitled-1-77 {
	position:absolute;
	left:265px;
	top:793px;
	width:276px;
	height:1px;
}

#Untitled-1-78 {
	position:absolute;
	left:265px;
	top:794px;
	width:1px;
	height:65px;
}

#Untitled-1-79 {
	position:absolute;
	left:266px;
	top:794px;
	width:551px;
	height:5px;
}

#Untitled-1-80 {
	position:absolute;
	left:266px;
	top:799px;
	width:76px;
	height:1px;
}

#Untitled-1-92 {
	position:absolute;
	left:342px;
	top:799px;
	width:87px;
	height:15px;
}

#Untitled-1-93 {
	position:absolute;
	left:429px;
	top:799px;
	width:71px;
	height:15px;
}

#Untitled-1-94 {
	position:absolute;
	left:500px;
	top:799px;
	width:90px;
	height:15px;
}

#Untitled-1-84 {
	position:absolute;
	left:590px;
	top:799px;
	width:1px;
	height:15px;
}

#Untitled-1-96 {
	position:absolute;
	left:591px;
	top:799px;
	width:28px;
	height:15px;
}

#Untitled-1-86 {
	position:absolute;
	left:619px;
	top:799px;
	width:52px;
	height:1px;
}

#Untitled-1-98 {
	position:absolute;
	left:671px;
	top:799px;
	width:46px;
	height:15px;
}

#Untitled-1-88 {
	position:absolute;
	left:717px;
	top:799px;
	width:100px;
	height:15px;
}

#Untitled-1-100 {
	position:absolute;
	left:266px;
	top:800px;
	width:76px;
	height:14px;
}

#Untitled-1-90 {
	position:absolute;
	left:619px;
	top:800px;
	width:1px;
	height:14px;
}

#Untitled-1-102 {
	position:absolute;
	left:620px;
	top:800px;
	width:51px;
	height:14px;
}

#Untitled-1-92085 {
	position:absolute;
	left:266px;
	top:814px;
	width:1px;
	height:35px;
}

#Untitled-1-93086 {
	position:absolute;
	left:267px;
	top:814px;
	width:550px;
	height:35px;
}

#Untitled-1-94087 {
	position:absolute;
	left:266px;
	top:849px;
	width:551px;
	height:10px;
}

#Untitled-1-95 {
	position:absolute;
	left:8px;
	top:857px;
	width:229px;
	height:2px;
}