BODY {  background: url('/qql/slot/u1384/style/main/bg.jpg') repeat; }
#netcontent 	{background:url('/qql/slot/u1384/style/main/menu/menuBg.png') center 0px repeat-x; width:100%; margin:0px auto; }
   
   #lo_whole 	{  background:url('/qql/slot/u1384/style/main/footer/footerBg.png') center bottom repeat-x;	  }
   BODY.shortcontent #lo_whole { background:url('') center bottom repeat-x; }
   #lo_panel 	{ 	  }
   .PTP53899 #lo_panel 	{   }   
    #lo_main {  max-width:1024px; width:100%; margin:0px auto; position:relative;  }
      .main_area	{  width:100%; max-width:1024px; margin:0px auto; }	
	  .main_area:after { content:""; clear:both; display:block; }
.ive_halo { border-color: #D5D9D1!important; }

/* --------- Font  --------- */
.main_area h1, .ive_litebox h1 { color:#000000; font-size:25px; font-family: 'Arial', sans-serif; line-height:1.5em;  } /*original colour code #ed1b24*/
.main_area h2, .ive_litebox h2 { color:#2f3031; font-size:20px; font-family: 'Arial', sans-serif; line-height:1.5em;  }
.main_area h3, .ive_litebox h3 { color:#2f3031; font-size:18px; font-family: 'Arial', sans-serif; line-height:1.5em; font-weight:bold; }

.content_area, .content_area DIV, .sidebar_area, .sidebar_area DIV {  line-height:1.5em !important; font-family: 'Arial', sans-serif; font-size:16px; color:#2f3031;  }

/* Masthead */
.masthead_area { display:block; height:100px; }
.masthead_area #search_box 		{ float:right; background:url('/qql/slot/u1384/style/main/search/searchbox.png') no-repeat; margin-top:15px; width:302px; height:28px; padding:1px 5px;   }
.masthead_area #search_box  #search_str	{	float:left; background:transparent; border:none; width:250px; font-size:16px; height:28px; line-height:28px; padding:0px; font-family: 'Arial', sans-serif; border:none; }
.masthead_area #search_box  #search_btn	{	float:right; text-indent:-9999px; width:28px; height:28px; background:url('/qql/slot/u1384/style/main/search/searchIcon.png') no-repeat; border:none; cursor:pointer; }
.masthead_area IMG.ive_eobj_left { margin-top:8px; }
.masthead_area  #home-link { display:block; float:right; color:#2f3031; text-decoration:none; margin-top:20px; margin-right:10px; font-family: 'Arial', sans-serif; text-transform:uppercase; }

/*admin accessibility*/
.ive_designmode .sitemenu_area{    overflow: visible;}
 

/* Navigation */
.sitemenu_area 						{ display:block; margin-top:-36px; height:36px; overflow:hidden;  }
.sitemenu_area UL.sitemenu			{ display:table; height:38px; float:right;  }
.sitemenu_area .sitemenu li			{ height:38px;   }
.sitemenu_area .sitemenu li.focus 	{ background:transparent !important;  }
.sitemenu_area .sitemenu li a.sitemenu:before  {  display:block; content:"\2022"; float:left; margin-left:-15px; width:5px; }
.sitemenu_area .sitemenu li a.sitemenu, .sitemenu_area .sitemenu li a.sitemenu:visited, .sitemenu_area .sitemenu li a.sitemenu:hover, .sitemenu_area .sitemenu LI a.sitemenulit 	{ display:block; font-size:16px; padding:0px; margin:0px 10px 0px 15px; color:#000000; font-family: 'Arial', sans-serif; line-height:36px; height:38px; text-transform:uppercase; font-weight:bold; }
.sitemenu_area .sitemenu li a.sitemenu:hover, .sitemenu_area .sitemenu LI a.sitemenulit { color:#FFFFFF !important; background:#ed1b24 !important; text-decoration:none; }
.sitemenu_area .sitemenu li a.sitemenulit:before , .sitemenu_area .sitemenu li a.sitemenu:hover:before { color:#000000; }
.sitemenu_area .sitemenu li a.sitemenu SPAN { text-transform:none !important; }

#PTID_83879 { display:none; }
#PTID_84570, #PTID_84571, #PTID_84572, #PTID_84573, #PTID_84575 { display:none; }
.ive_designmode #PTID_84570, .ive_designmode #PTID_84571, .ive_designmode #PTID_84572, .ive_designmode #PTID_84573, .ive_designmode #PTID_84575 { display:block; }

#PTID_84564 a.sitemenu:before  { display:none !important; }


/* Dropdown Box */
table.dropmenu 	 {  display:block; border: 1px solid #CDCDCD; border-collapse:collapse; }
table.dropmenu TD { padding:0px 0px; }
table.dropmenu TD A,table.dropmenu TD A:visited {  display:block; color:#2f3031 !important; padding:5px 15px; font-size:16px; font-family: 'Arial', sans-serif; font-weight:normal; text-align:left; }
table.dropmenu .lineEven A {  background:#FFFFFF !important; color:#2f3031 !important; border-bottom:1px solid #CDCDCD; }
table.dropmenu .lineOdd A {  background:#FFFFFF !important; color:#2f3031 !important;  border-bottom:1px solid #CDCDCD; }
table.dropmenu TD A:hover {  background:#FFFFFF !important; color:#ed1b24 !important;  border-bottom:1px solid #CDCDCD; }
table.dropmenu * { display:block; }
#dropmenu_62069 { width:110px;   }

/* Masthead2 */
.masthead2_area 					{ display:none;  }
.masthead2_area  DIV.title { font-size:36px; color:#FFFFFF; line-height:50px; background:#000000; opacity:80%; display:block; width:50%; text-align:center; position:absolute; right:10px; bottom:20px;  }
.pagelevel-1 .masthead2_area 	 { display:none; }

/* Content Area */
.content_area { max-width:780px; width:78%; padding:20px 0px 50px 0px; margin:0px 0px 0px 0px; float:right;   }
.content_area .appcontent_box, .content_area .pagecontent_box, .content_area .pageblock_box { padding:0px 0px 20px 0px; margin:0px;  }
.content_area UL, .content_area OL { margin-left:1.5em; }

.content_area .path_box { padding:20px 0px 10px 0px; margin:0px; color:#2f3031;  }
.content_area .path_box A, .content_area .path_box A:visited, .content_area .path_box A:hover { color:#2f3031; text-decoration:none !important; }
.content_area .path_box SPAN:last-of-type { color:#ed1b24; }
 
.sidebar_area { max-width:210px; width:21%; padding:50px 0px 50px 0px; margin:0px;  float:left; }
.sidebar_area .sidebar0_box, .sidebar_area .sidebar1_box, .sidebar_area .subpages_box { padding:0px; margin:0px;  }

.layout-single_col .content_area, .layout-single_col .sidebar_area { width:100% !important; max-width:100%; padding:0px; border:none; }

/* Footer */
BODY.shortcontent .footer_area 					{  position:fixed; left:0px; bottom:0px; width:100%; z-index:9999; }

.footer_area					{  height:40px; line-height:40px; font-family: 'Arial', sans-serif; text-align:center; font-size:12px; color:#FFFFFF; padding:0px 0px 0px 0px;  text-align:left; background:url('/qql/slot/u1384/style/main/footer/footerBg.png') center bottom repeat-x; clear:both; }

.footer_area > DIV				{  max-width:1024px; width:100%; margin:0px auto; display:block; }
.footer_area SPAN 				{  background:#ed1b24; padding:0px 10px; text-align:center; color:#FFFFFF; display:block; float:right; }
.footer_area A, .footer_area  A:visited, .footer_area A:hover { color:#FFFFFF; text-decoration:none !important; }
.footer_area  BR { display:none; }

/* Hyperlink  */
a  			{ color:#000000; text-decoration:underline; } /*original color code ed1b24*/
a:visited 	{ color:#000000; text-decoration:underline; } /*original color code ed1b24*/
a:hover 		{ color:#ed1b24; text-decoration:underline; }

/* Subpages Box  */
.subpages_box { padding:0px 0px 0px 0px!important;   }
.subpages_box ul  { margin:0px; display:block; }
.subpages_box ul ul { margin-left:10px; display:block; }
.subpages_box ul li  { padding:0px; margin:0px; display:block; border-bottom:1px solid #CCCCCC; }

.subpages_box A, .subpages_box A:visited { display:block; font-family: 'Arial', sans-serif; color:#2f3031; padding:10px 0px 10px 0px; margin:0px; text-decoration:none; font-size:16px; line-height:25px; font-weight:bold; }
.subpages_box B, .subpages_box A:hover 	{ display:block; font-family: 'Arial', sans-serif; color:#ed1b24; padding:10px 0px 10px 0px; margin:0px; text-decoration:none; font-size:16px; line-height:25px; font-weight:bold; }

#pipe_custom_sidebar { padding:0px 0px 0px 0px!important;   }
#pipe_custom_sidebar ul  { margin:0px; display:block; }
#pipe_custom_sidebar ul ul { margin-left:10px; display:none; }
#pipe_custom_sidebar ul li  { padding:0px; margin:0px; display:block; border-bottom:1px solid #CCCCCC; }
#pipe_custom_sidebar ul ul li { margin-left:3ex; }

#pipe_custom_sidebar A, #pipe_custom_sidebar A:visited { display:block; font-family: 'Arial', sans-serif; color:#2f3031; padding:10px 0px 10px 0px; margin:0px; text-decoration:none; font-size:16px; line-height:25px; font-weight:bold; }
#pipe_custom_sidebar LI.current A, #pipe_custom_sidebar A:hover 	{ display:block; font-family: 'Arial', sans-serif; color:#ed1b24; padding:10px 0px 10px 0px; margin:0px; text-decoration:none; font-size:16px; line-height:25px; font-weight:bold; }

/* Sitemap */
table.sitemap_box A, table.sitemap_box A:visited, table.sitemap_box A:hover { color:#2f3031; text-decoration:none; }

/* Others */
IMG { border:none; }
.title2, .url2, .description2, .thumbnail2 { display:none; }
.gv_infobar { visibility:hidden; }
.sidebar0_box { display:none; }
#shade_img_ff, #shade_img_ie { display:none; }
#_ptoo_block_start { display:none; }
.ive_designmode #_ptoo_block_start { display:block; }
.articles-list .articles { clear:both; margin-bottom:10px; border-bottom:1px dotted #202E6F; }

/* Industries Tag */
BODY.PTP84566 .sidebar0_box { display:block; position:absolute; top:300px; width:100%; height:60px; opacity:0.8; text-align:center; }
BODY.PTP84566 .sidebar0_box  DIV {  font-size:36px; color:#FFFFFF; line-height:60px !important; padding:0px 0px; background:#000000; display:inline-block; width:auto; }

BODY.PTP84566 .masthead2_area H2	{ display:none; margin:150px auto 0px auto; font-size:36px; font-weight:bold; color:#FFFFFF; text-align:center; text-transform:uppercase; }
BODY.PTP84566 .masthead2_area SPAN	{ position:absolute; right:10px; bottom:0px; text-transform:uppercase; font-size:10px; line-height:18px; display:block; font-family:Arial; }

BODY.PTP84566.ive_designmode .main_area .sidebar0_box { display:block; height:auto; top:auto; position:relative; background:transparent; z-index:1500; }
BODY.PTP84566.ive_designmode .main_area  .sidebar0_box DIV {  font-size:16px; color:#2f3031; background:transparent; display:block; }

table.industry_so td > img {
    width:100%;
  }

/* Home banner */
div.wrap { width : 100%; height : auto; position:relative; overflow:hidden; }
div#slide-holder { width:100%; padding:0px 0px 30px 0px; }
div#slide-holder:after { content:""; display:block; padding-top:26.25%;  }

div#slide-holder div#slide-client { display:none; }
div#slide-holder div#slide-runner {  width :100%; top:0px; bottom:30px; margin:0px; position:absolute; }
div#slide-holder img { width :100%; top:0px; bottom:0px; margin:0; display:none; position:absolute; }

div#slide-holder div#slide-controls { position:absolute; z-index:1200; height:11px; bottom:10px; width:100%; }

div#slide-holder div#slide-controls #slide-nav-container { width:100%; }
div#slide-holder div#slide-controls #slide-nav { text-align:center; display:block; margin:auto; }
div#slide-holder div#slide-controls #slide-nav A { display:inline-block; margin:0px 5px; width:10px; height:10px; border-radius:5px; background:#2f3031 no-repeat; padding:0px; text-decoration:none; }
div#slide-holder div#slide-controls #slide-nav A.on { display:inline-block; margin:0px 5px; width:10px; height:10px; border-radius:5px; background:#ed1b24 no-repeat; padding:0px; text-decoration:none; }
div#slide-holder div#slide-controls #slide-nav A IMG { display:none; }

div#slide-content-holder { display:none; }

/* Home content */
.pagelevel-1 .content_area .pagecontent_box  { padding:0px; }

.home-content { width:100%; }
.home-content:after	{ content:""; clear:both; display:block; }
.home-content > DIV 	{ width:330px; }
.home-content H2 	{ border-bottom:4px solid #ed1b24; text-decoration:uppercase; margin-bottom:10px; }

.home-content DIV.announcements	{	float:left;  }
.home-content DIV.announcements .latest-widget {  height:auto; }
.home-content DIV.announcements .latest-widget .article-item-body > A { display:none; }
.home-content DIV.announcements DIV.article-item {  padding:20px 0px; border-bottom:1px solid #999999;  }
.home-content DIV.announcements DIV.article-item DIV     {  display:block; font-size:14px; color:#000000;  }
.home-content DIV.announcements DIV.article-item A	{  font-size:14px; color:#ed1b24;  }
.home-content DIV.announcements DIV.article-item P	{  margin:0px; }

.home-content DIV.latestevents	{	float:left; margin-left:17px; position:relative; }
.home-content DIV.latestevents .jshowoff {  height:auto; }
.home-content DIV.latestevents .controls_ , .home-content DIV.latestevents .slidelinks_ { display:none; }
.home-content DIV.latestevents DIV.article-item-body { cursor:pointer; }
.home-content DIV.latestevents DIV.article-item-body IMG 	{  width:100%; margin-bottom:10px; }
.home-content DIV.latestevents DIV.article-item-body > A    {  display:block; font-weight:bold; font-size:16px; color:#2f3031; text-decoration:none;  }
.home-content DIV.latestevents DIV.article-item-body .prop      	{ display:block; font-size:14px; color:#999999;  }
.home-content DIV.latestevents DIV.article-item-body  .prop A     { font-size:12px; color:#ed1b24;  }

.home-content DIV.latestevents A.viewall			{ width:66px; height:24px; display:block; text-indent:-9999px; position:absolute; right:0px; top:7px; background:url('/qql/slot/u1384/style/main/view_all-a.png') no-repeat; }
.home-content DIV.latestevents A.viewall:hover 	{ background:url('/qql/slot/u1384/style/main/view_all-a.png') no-repeat; }

.home-content DIV.chatwithus		{	float:right; }

/* Chat */
table.chat_tbl {  background:#FFFFFF; }
table.chat_tbl TH  { background:#ed1b24; color:#FFFFFF; }
table.chat_tbl TD  { border-bottom:1px solid #999999; }
table.chat_tbl TH, table.chat_tbl TD  {   padding:5px; }

.chatpost 	{ width:100%; border-bottom:1px solid #999999; font-size:12px; margin-bottom:10px; }
.cp-user	{ width:60px; float:left;  }
.cp-user SPAN.admin {  display:block; background:url('/qql/slot/u1384/style/main/chat/chat-sgis.png') center top no-repeat; width:46px; height:46px;    }
.cp-user SPAN.public {  display:block; background:url('/qql/slot/u1384/style/main/chat/others.png') center top no-repeat; padding-top:50px; width:46px; font-size:11px; text-align:center; line-height:100%; }
.chatpost  P { font-size:11px; clear:both; }
.chatpost .dt { float:right; }
.chatpost .cp-msg  { padding:0px 0px 10px 0px; }
.chatpost .cp-msg DIV { font-size:14px; }

#chat-prev { width:50px; height:20px; line-height:20px; background:url('/qql/slot/u1384/style/main/chat/arrow-left.png') right center no-repeat; display:inline-block; margin:0px 5px; cursor:pointer; padding:0px 20px 0px 0px; }
#chat-next { width:50px; height:20px; line-height:20px; background:url('/qql/slot/u1384/style/main/chat/arrow-right.png') left center no-repeat; display:inline-block; margin:0px 5px; cursor:pointer; padding:0px 0px 0px 20px; }

#chat-add { background:url('/qql/slot/u1384/style/main/chat/writepost-a.png') no-repeat; text-indent:-9999px; cursor:pointer; width:66px; height:24px; float:right; margin-top:-37px; }
#chat-add:hover {  background:url('/qql/slot/u1384/style/main/chat/writepost-a.png') no-repeat; }
#form-fieldlist label  { line-height:21px !important; font-weight:bold; }
#form-fieldlist INPUT[type='text'], #form-fieldlist TEXTAREA {  padding:5px 10px; width:80%; border-radius:5px; background:transparent; border:1px solid #CCCCCC; height:21px; line-height:21px; }
INPUT.submit_btn { background:#ed1b24 !important; border:1px solid #FFFFFF;  text-align:center;  padding:5px 10px !important; color:#FFFFFF !important; cursor:pointer;  } 
INPUT.cancel_btn { background:#FFFFFF !important; border:1px solid #ed1b24;  text-align:center;  padding:5px 10px !important; color:#ed1b24 !important; cursor:pointer;  }

#rwd-menu { display:none; }

.articles-list .article { clear:both; margin-bottom:10px; }

@media only screen and (max-device-width:450px), only screen and (max-width:450px){
	#netcontent 	{ width:100%; min-width:100%;  }
	#lo_whole 						{  background:url(''); 		}
	#lo_main						{  width:100%; 	}
	.masthead_area #search_box  		{  display:none; }
	#home-link { display:none; }
	#rwd-menu { display:block; width:50px; height:50px; overflow:hidden; float:right; cursor:pointer; text-indent:-9999px; margin-right:10px; margin-top:40px; background:url('/qql/slot/u1384/style/menu.png') no-repeat; }

	
	.sitemenu_area 					{  display:none; position:absolute; top:100px; width:100%; height:auto; background:#2f3031; margin:0px; z-index:9999; }
	.sitemenu_area UL.sitemenu		{  width:auto; height:auto; display:block; padding:0px 20px 20px 20px; float:none;  }
	.sitemenu_area .sitemenu li		{  float:none; height:auto; display:block; border-bottom:1px solid #FFFFFF; position:relative; }
	.sitemenu_area .sitemenu li a.sitemenu:before  {  display:none; }
	.sitemenu_area .sitemenu li a.sitemenu, .sitemenu_area .sitemenu li a.sitemenu:visited, .sitemenu_area .sitemenu li a.sitemenu:hover, .sitemenu_area .sitemenu LI a.sitemenulit 	{ padding:5px 10px; color:#FFFFFF; width:100%; float:none; margin:0px; }
	.sitemenu_area .sitemenu li a.sitemenu:hover, .sitemenu_area .sitemenu LI a.sitemenulit { color:#FFFFFF !important; background:transparent !important; text-decoration:none; height:auto;  }
	.sitemenu_area .sitemenu li a.sitemenulit:before , .sitemenu_area .sitemenu li a.sitemenu:hover:before { color:#FFFFFF; }

	table.dropmenu 	 {  display:none; border:none; background:#2f3031 !important; border-collapse:collapse; top:auto !important; left:auto !important; position:relative !important; margin-bottom:10px; visibility:visible !important;  }
	table.dropmenu TD { padding:0px 0px; }
	table.dropmenu TD A,table.dropmenu TD A:visited {  margin-left:15px; color:#FFFFFF !important; padding:5px 15px; font-size:16px; font-family: 'Arial', sans-serif; font-weight:normal; text-align:left; }
	table.dropmenu .lineEven A {  background:#2f3031 !important; color:#FFFFFF !important; }
	table.dropmenu .lineOdd A {  background:#2f3031 !important; color:#FFFFFF !important;  }
	table.dropmenu TD A:hover {  background:#2f3031 !important; color:#FFFFFF !important;  }	
	
	.content_area { width:100%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; float:none; }
	.sidebar_area { width:100%; padding:0px 0px 0px 0px; margin:0px;  float:none; }
	.PTP83879 .content_area .mid, .PTP83879 .sidebar_area .mid  { padding:0px 20px; min-height:auto; }
	
	.content_area IFRAME, .content_area VIDEO, .content_area DIV.iveo_pipe_mydocs_videoobj 			{  width:100% !important; }
	.footer_area 					{  height:auto; line-height:18px; text-align:center; padding:0px; background:#2f3031; position:relative; left:auto; bottom:auto; }
	.footer_area > DIV				{  width:100%; }
	.footer_area SPAN 				{  background:#ed1b24; width:calc(100% - 20px); line-height:40px; text-align:center; color:#FFFFFF; display:block; float:none; text-align:center; padding:0px 10px; }
	.footer_area A, .footer_area  A:visited, .footer_area A:hover { color:#FFFFFF; text-decoration:none !important; }
	.footer_area  P			 { padding:10px 0px; }
	.footer_area  BR					 { display:block; }

	.home-content { width:100%; }
	.home-content:after	{ content:""; clear:both; display:block; }
	.home-content > DIV 	{ width:auto; padding:0px 20px; }

	.home-content DIV.announcements	{	float:none;  clear:both; }
	.home-content DIV.latestevents	{	float:none; margin-left:0px; clear:both; }
	.home-content DIV.chatwithus		{	float:none; clear:both; }	
	
	.home-content DIV.latestevents DIV.news-item IMG  { width:50%; margin:auto; display:block; float:none; }
  
  .PTP83879 .ives_tab_kosong td{display:inline; width:100%!important;}
  .PTP83879 .ives_tab_kosong td img{width:100%;}
  
  /*events button RWD alignment*/
  .home-content DIV.latestevents A.viewall {right:20px;} 
  
  #home-link { display:none !important; }
  BODY.PTP84566 .sidebar0_box { display:block; position:absolute; top:250px; width:100%; height:auto; opacity:0.8; text-align:center; left:0px; }
  BODY.PTP84566 .sidebar0_box  DIV {  font-size:20px; color:#FFFFFF; line-height:28px !important; padding:0px 0px; background:#000000; display:inline-block; width:auto; }
  
  .content_area IMG { max-width:100%; height:auto !important; }
  .content_area TABLE { max-width:100% !important; width:100% !important; height:100% !important; }
  
  .iveo_pipe_mydocs_slidebox, .gv_galleryWrap, .gv_gallery, .gv_panelWrap, .gv_overlay, .gv_panel , .gv_filmstripWrap, .gv_filmstrip { width:100% !important; }
  .gv_panel  IMG {  left: 0px !important; right: 0px !important; margin: 0px auto; top:50% !important; transform:translateY(-50%) !important; }  
}

/* Expand/ Collapse */
.content_area DIV.expcoll { padding:0px 0px 10px 0px !important; }
DIV.expcoll > H2 { cursor:pointer; line-height:40px; font-size:16px; padding:0px 50px 0px 20px; border-top:1px solid #d7d7d7; background:url('/qql/slot/u1384/style/sub/expcoll/sign_a.jpg') 98% center no-repeat ; }
DIV.expcoll:hover H2 {  color:#ed1b24; }
DIV.expcoll > H2.show {  background:url('/qql/slot/u1384/style/sub/expcoll/sign_b.jpg') 98% center no-repeat ; }
DIV.expcoll > DIV { display:none; padding:10px 50px; width:auto; }
BODY.ive_designmode DIV.expcoll > DIV { display:block; }

SPAN.expall, SPAN.collall 	{ cursor:pointer; }

DIV.appcontent_box .info  	{ padding:20px 0px 10px 0px; }
DIV.appcontent_box .info BR	{ display:inline; }