/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-left: 0px; margin-top: 0px; margin-right: 0px;
}

#menu {
	font-family: Arial, Helvetica, sans-serif,sans-serif; 
	font-size:12px;
}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
}
#menu ul {
	background-color:#999999;
	width:100%;
}
#menu ul li.tiada,
#menu ul li.tab
{
	float:left ;
}
#menu ul li.tab ul,
#menu ul li.tiada ul,
#menu ul li.tab ul li ul,
#menu ul li.tab:hover ul ul {
	position: absolute;
	display: none;
	
}
#menu ul li.tiada a {
	color:#FFFFFF;
}
#menu ul li.tiada a:hover{
	color:#f5be00;
}
#menu ul li ul {
	width:auto;
}
#menu ul li a {
	display: block;
	text-decoration:none;
	color:#FFFFFF; 
	font-weight:bold;
	padding:15px 15px 8px 15px;
	margin-left: 0px; margin-top: 0px; margin-right: 0px;
	white-space: nowrap;
}
#menu ul li.tab:hover ul {
	border:0px solid #DADADA;
	display: block;
	z-index: 100;
}
#menu ul li.tab:hover a {
	color:#f5be00;	
	font-weight:bold;

}
#menu ul li.tab:hover ul a {
	background-color: #EFEFEF;
	color: #000000;
	border-left: 1px #E6E6E6 solid;
	border-right: 1px #E6E6E6 solid;
	border-bottom: 1px #E6E6E6 solid;
}
#menu ul li.tab:hover ul a:hover {
	background-color: #666666;
	color: #ffffff;
	font-weight:bold;
	text-indent:0px;	
}


#menu ul li.tab2:hover ul {
	border:0px solid #DADADA;
	display: block;
	z-index: 100;
}

#menu li.blank {
	/* paparan lebar penuh UL untuk browser mozilla */
	clear: both;
	display: expression("inline");
	float:none;
}
.tiada2 {text-align:right;}

a {
	font-size: 12px;
	color: #0066CC;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0066FF;
}
a:hover {
	text-decoration: underline;
	color: #990000;
}
a:active {
	text-decoration: none;
}

.background {background-image:url(../images/general/bg2.jpg); background-repeat:no-repeat; background-position:center top; background-color:#e8ebec;}
.shadowbg {background-image:url(../images/general/bg_shadow.png); background-repeat:repeat-y; background-position:center;}
.searchbar{background-image:url(../images/general/search_bar_input2.jpg); background-repeat:no-repeat; border:0px;}

a.pass:link		  {font: 11px Arial, Helvetica, sans-serif; text-decoration: none;color:#ffffff; }
a.pass:visited   {font: 11px Arial, Helvetica, sans-serif; text-decoration: none; color: #cccccc;}
a.pass:active      {font: 11px Arial, Helvetica, sans-serif; text-decoration: none; color:#3b6f9a;}
a.pass:hover       {font: 11px Arial, Helvetica, sans-serif; text-decoration: underline; color: #f5be00;}

a.menubar:link		  {font: 12px Arial, Helvetica, sans-serif; text-decoration: none;color:#ffffff; font-weight:bold; padding: 0px 20px 0px 20px;  }
a.menubar:visited   {font: 12px Arial, Helvetica, sans-serif; text-decoration: none; color: #cccccc; font-weight:bold; padding: 0px 20px 0px 20px; }
a.menubar:active      {font: 12px Arial, Helvetica, sans-serif; text-decoration: none; color:#3b6f9a; font-weight:bold; padding: 0px 20px 0px 20px; }
a.menubar:hover       {font: 12px Arial, Helvetica, sans-serif; text-decoration: underline; color: #f5be00; font-weight:bold; padding: 0px 20px 0px 20px;}

a.login:link		  {font: 12px Arial, Helvetica, sans-serif; text-decoration: none;color:#333;}
a.login:visited   {font: 12px Arial, Helvetica, sans-serif; text-decoration: none; color: #666;}
a.login:active      {font: 12px Arial, Helvetica, sans-serif; text-decoration: none; color:#3b6f9a; }
a.login:hover       {font: 12px Arial, Helvetica, sans-serif; text-decoration: underline; color: #990000;}

.bg_darkyellow {background-color: #666666; color:#ffffff; font-weight:bold; font-size:12px; padding-left:5px; padding-bottom:5px;}

.bg_yellow {background-color: #e3e5e7; color:#000000;font-weight:bold; font-size:12px; padding-left:5px;padding-bottom:7px; padding-top:7px;}

.bg_yellow2 {background-color:#cccccc; color: #333333;font-weight:bold; font-size:14px; padding-left:5px;padding-bottom:7px; padding-top:7px;}

.sign_in{ font-size:11px; color:666666;}
a.sign_in:link		  {font: 11px Arial, Helvetica, sans-serif; text-decoration: none;color:#0066CC;}
a.sign_in:visited   {font: 11px Arial, Helvetica, sans-serif; text-decoration: none; color: #0066FF;}
a.sign_in:active      {font: 11px Arial, Helvetica, sans-serif; text-decoration: none; color:#3b6f9a; }
a.sign_in:hover       {font: 11px Arial, Helvetica, sans-serif; text-decoration: underline; color: #990000;}

.searchbar2{border:0px; background-color:#d3d3d3;}

a.submenu:link		  {font: 12px Arial, Helvetica, sans-serif; text-decoration: none;color:#333; font-weight:bold;}
a.submenu:visited   {font: 12px Arial, Helvetica, sans-serif; text-decoration: none; color: #666; font-weight:bold;}
a.submenu:active      {font: 12px Arial, Helvetica, sans-serif; text-decoration: none; color:#3b6f9a; font-weight:bold;}
a.submenu:hover       {font: 12px Arial, Helvetica, sans-serif; text-decoration: underline; color: #990000; font-weight:bold;}

.red {color:#FF0000;}

a.guest:link		  {font: 16px Arial, Helvetica, sans-serif; text-decoration: none;color:#6498a7; font-weight:bold;}
a.guest:visited    {font: 16px Arial, Helvetica, sans-serif; text-decoration: none; color: #7daebc; font-weight:bold;}
a.guest:active       {font: 16px Arial, Helvetica, sans-serif; text-decoration: none; color: #6498a7; font-weight:bold;}
a.guest:hover       {font: 16px Arial, Helvetica, sans-serif; text-decoration: underline; color: #f5be00; font-weight:bold;}

a.sitelink:link		  {font: 24px Arial, Helvetica, sans-serif; text-decoration: none;color:#6498a7; font-weight:bold;}
a.sitelink:visited    {font: 24px Arial, Helvetica, sans-serif; text-decoration: none; color: #7daebc; font-weight:bold;}
a.sitelink:active       {font: 24px Arial, Helvetica, sans-serif; text-decoration: none; color: #6498a7; font-weight:bold;}
a.sitelink:hover       {font: 24px Arial, Helvetica, sans-serif; text-decoration: underline; color: #f5be00; font-weight:bold;}

.footer {font: 11px Arial, Helvetica, sans-serif; text-decoration: none;color:#333333;}

.top_signin {font: 30px Arial, Helvetica, sans-serif; text-decoration: none;color:#fff;}
.top_text {font: 11px Arial, Helvetica, sans-serif; text-decoration: none;color:#fff;}
.top_signbox {background-color:#FFFFFF ; border:0px;}
.welcome_black {font: 16px Arial, Helvetica, sans-serif; text-decoration: none;color:#333333; font-weight:bold;}
.title {font: 24px Arial, Helvetica, sans-serif; text-decoration: none;color:#333333; font-weight:bold;}

.welcome_green {font: 16px Arial, Helvetica, sans-serif; text-decoration: none;color:#6498a7;}
a.welcome_green:link		  {font: 16px Arial, Helvetica, sans-serif; text-decoration: none;color:#6498a7; font-weight:bold;}
a.welcome_green:visited    {font: 16px Arial, Helvetica, sans-serif; text-decoration: none; color: #7daebc; font-weight:bold;}
a.welcome_green:active       {font: 16px Arial, Helvetica, sans-serif; text-decoration: none; color: #6498a7; font-weight:bold;}
a.welcome_green:hover       {font: 16px Arial, Helvetica, sans-serif; text-decoration: underline; color: #f5be00; font-weight:bold;}

a.top:link		  {font: 16px Arial, Helvetica, sans-serif; text-decoration: none;color:#333;}
a.top:visited   {font: 16px Arial, Helvetica, sans-serif; text-decoration: none; color: #666;}
a.top:active      {font: 16px Arial, Helvetica, sans-serif; text-decoration: none; color:#3b6f9a;}
a.top:hover       {font: 16px Arial, Helvetica, sans-serif; text-decoration: underline; color: #990000;}

.uncheck  {background-color: #e3e5e7; color:#cccccc;font-weight:bold; font-size:12px; padding-left:5px;padding-bottom:7px; padding-top:7px;}
.uncheck_title {background-color: #666666; color:#999999; font-weight:bold; font-size:12px; padding-left:5px; padding-bottom:5px;}

.total_signup {font: 30px Arial, Helvetica, sans-serif; text-decoration: none;color:#000;}
.price_signup {font: 40px Arial, Helvetica, sans-serif; text-decoration: none;color:#000;}
.package_text {font: 18px Arial, Helvetica, sans-serif; text-decoration: none;color:#ffffff; font-weight:bold;}
.package_price_text {font: 24px Arial, Helvetica, sans-serif; text-decoration: none;color:#ffffff; font-weight:bold;}
.package_info_text {font: 12px Arial, Helvetica, sans-serif; text-decoration: none;color:#000;}
.package_info_text_small {font: 9px Arial, Helvetica, sans-serif; text-decoration: none;color:#000;}

.content_title {font: 40px Arial, Helvetica, sans-serif; text-decoration: none; color:#000;}
.content_subtitle {font: 24px Arial, Helvetica, sans-serif; text-decoration: none; color:#666;}
.content_text {font: 10px Arial, Helvetica, sans-serif; text-decoration: none; color:#818486;}
.content_text_grey {font: 14px Arial, Helvetica, sans-serif; text-decoration: none; color:#666666;}
.content_subtext {font: 18px Arial, Helvetica, sans-serif; text-decoration: none;color:#333333; font-weight:bold;}
.banner_text {font: 14px Arial, Helvetica, sans-serif; text-decoration: none; color:#000000;}


.chart_red {font: 24px Arial, Helvetica, sans-serif; text-decoration: none; color:#CC3300; font-weight:bold;}
.chart_red_small {font: 12px Arial, Helvetica, sans-serif; text-decoration: none; color:#CC3300;}
.chart_black {font: 24px Arial, Helvetica, sans-serif; text-decoration: none; color:#000; font-weight:bold;}
.chart_green {font: 24px Arial, Helvetica, sans-serif; text-decoration: none; color:#006600; font-weight:bold;}
.chart_green_small {font: 12px Arial, Helvetica, sans-serif; text-decoration: none; color:#006600;}
.content_text {font: 14px Arial, Helvetica, sans-serif; text-decoration: none; color:#000;}
.content_text_blue {font: 14px Arial, Helvetica, sans-serif; text-decoration: none; color:#006699; font-weight:bold;}

.package_head_14 { font: 14px Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff; font-weight:bold; }
.package_head_12 { font: 12px Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff; font-weight:bold; font-style:italic; }
.package_head_22 { font: 20px Arial, Helvetica, sans-serif; text-decoration: none; color:#000000; font-weight:bold;}





/* career css */

#wrapper{
  margin:0 auto;  
  text-align:left
}
#content {
  max-width:70em;
  width:100%;
  margin:0 auto;
 
  overflow:hidden
}
.demo {
  margin:0;  
  position:relative;
  overflow:hidden
}
.collapse p {padding:0 10px 1em}
.top{font-size:.9em; text-align:right}
#switch, .switch {margin-bottom:5px; text-align:right}

/* --- Headings  --- */

h2{font-size:14px; margin:5px;}

.expand{padding-bottom:1px;}

/* --- Links  --- */
a:link, a:visited {
  border:1px dotted #ccc;
  border-width:0 0 0px;
  text-decoration:none;
  color:blue
}
a:hover, a:active, a:focus {
  border-style:solid;
  background-color:#f0f0f0;
  outline:0 none
}
a:active, a:focus {
  color:red;
}
.expand a {
  display:block;
  padding:5px 10px
}
.expand a:link, .expand a:visited {
  border-width:1px;
  background-image:url(../images/arrow-down.gif);
  background-repeat:no-repeat;
  background-position:98% 50%;
  font: 14px Arial, Helvetica, sans-serif; text-decoration: none;color:#333333; font-weight:bold;
}
.expand a:hover, .expand a:active, .expand a:focus {
  font: 14px Arial, Helvetica, sans-serif; text-decoration: none;color:#333333; font-weight:bold;
}
.expand a.open:link, .expand a.open:visited {
  border-style:solid;
  background:#eee url(images/arrow-up.gif) no-repeat 98% 50%;
}



a.gallery_thump:link		  {font: 13px Arial, Helvetica, sans-serif; text-decoration: none;color:#006699; font-weight:bold;}
a.gallery_thump:visited    {font: 13px Arial, Helvetica, sans-serif; text-decoration: none; color: #7daebc; font-weight:bold;}
a.gallery_thump:active       {font: 13px Arial, Helvetica, sans-serif; text-decoration: none; color: #6498a7; font-weight:bold;}
a.gallery_thump:hover       {font: 13px Arial, Helvetica, sans-serif; text-decoration: underline; color: #990000; font-weight:bold;}

.more{background-color:#868686;color:#FFFFFF;font-size:12px;display:block;height:20px; padding-top:5px; }
a:link.more{background-color:#868686;color:#FFFFFF;font-size:12px;display:block;height:20px;}	
a:visited.more{background-color:#868686;color:#FFFFFF;font-size:12px;display:block;height:20px;}	
a:hover.more{background-color:#000000;color:#FFFFFF;font-size:12px;display:block;height:20px;}


