@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:400,400i,500,500i,700,700i,900,900i');

@import url('https://fonts.googleapis.com/css?family=Paytone+One');

@font-face {
    font-family: 'noto_sans_tamilregular';
    src: url('notosanstamil-regular-webfont.woff2') format('woff2'),
         url('notosanstamil-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#netcontent {  background:url('/qws/slot/u50319/style/sub/bg-repeat.jpg'); }
.pagelevel-1 #netcontent {  background:url('/qws/slot/u50319/style/home/bg-repeat.jpg'); }
   #lo_whole {  }
   #lo_panel {  }
    #lo_main {  width:100%; margin:auto;   }
      .main_area {  width:100%; font-family: 'noto_sans_tamilregular'; position:relative;  }	
	  
	  .iveo_pipe_pagetree_noticeboard {  }
	    .iveo_pipe_pagetree_noticeboard .heading_ { background:url('') no-repeat; padding:0px; display:none; }
		.iveo_pipe_pagetree_noticeboard .heading_ H2.label_ { display:none; }
	    .iveo_pipe_pagetree_noticeboard .content_ { border: 0px; }

.ive_halo { border-color: #D5D9D1!important; }

/* --------- Font  --------- */
.main_area h1 { color:#222222; font-size: 22px; font-family: 'noto_sans_tamilregular'; font-weight:bold; line-height:50px; text-transform:uppercase; }

.pagecontent_box .title-wrap, .search_form .title-wrap { display:block; position:absolute; top:148px; background:url('/qws/slot/u50319/style/sub/tab-title-bg-repeat-x.jpg') repeat-x; padding:10px 26px; width:60%; max-width:450px; height:80px; }

.pagecontent_box H1, .search_form H1 { display:block; position:absolute; top:50%; transform:translateY(-50%); left:0px; right:0px; text-align:center; }
.ive_designmode .pagecontent_box .title-wrap { z-index:1500;  }

.pagelevel-1 .pagecontent_box .title-wrap { display:none; }

.main_area h2 { color: #232323; font-size: 22px; font-family: 'noto_sans_tamilregular'; font-weight:bold; line-height:1.2;  }
.main_area h3 { color: #a53769; font-size: 18px; font-family: 'noto_sans_tamilregular'; font-weight:bold; line-height:1.2;  }
.main_area h4 { color: #00a15f; font-size: 16px; font-family: 'noto_sans_tamilregular'; font-weight:bold; line-height:1.2;  }

.content_area, .sidebar_area, .ive_content, .ive_content P, .ive_content DIV {  line-height:24px !important; color:#000000; font-family: 'noto_sans_tamilregular'; font-size:13px; }
.content_area P, .sidebar_area P { margin:0px 0px 10px 0px; }

/* Masthead */
.masthead_area { position:relative; overflow:visible; }
.ive_designmode  .masthead_area { z-index:1500 !important; }

.masthead_area .header { width:206px; position:fixed; top:0px; left:0px; font-size:15px; color:#232323; text-transform:uppercase; font-family: 'Lato', sans-serif; padding:0px 15px; z-index:1350; text-align:center; font-weight:bold; }
.masthead_area .header > IMG.logo { margin:24px auto 12px auto; display:block; float:none; }
.masthead_area .header > DIV.search_box { width:100%; margin:26px auto 16px auto; background:#f9f9f9; padding:0px; }
.masthead_area  .header > DIV.search_box #search_str 	{ border:none; background:#f9f9f9; border:1px solid #cccccc; font-size:12px; font-family: 'noto_sans_tamilregular'; width:calc(100% - 52px); float:left; color:#323232; line-height:28px; padding:0px 10px; }
.masthead_area  .header > DIV.search_box #search_btn	{ display:block; width:30px; height:30px; float:right; background:url('/qws/slot/u50319/style/left/magnify.png') center center no-repeat #f68a22; border:none; }

/* Navigation */
.sitemenu_area 		{ width:236px; height:100%; padding:0px 0px; display:block; margin:0px auto; position:fixed; left:0px; top:0px; bottom:0px; border-right:1px solid #CCCCCC; background:#FFFFFF; z-index:1300; }
.sitemenu_area UL.sitemenu  			{ display:block; width:100%;  margin:0px; padding:300px 0px 150px 0px; }
.sitemenu_area .sitemenu li 				{ display:block; height:49px; overflow:visible; padding:0px 0px; margin:0px; float:none; text-align:center; position:relative; }
.sitemenu_area .sitemenu li.focus  { background:transparent; }
.sitemenu_area A.sitemenu, .sitemenu_area A.sitemenu:visited, .sitemenu_area A.sitemenu:hover, a.sitemenulit { background:transparent; color:#2e2e2e; padding:0px 0px 0px 0px; margin:0px 0px; font-size:15px; line-height:49px; font-family: 'noto_sans_tamilregular'; text-transform:uppercase; display:block; }
.sitemenu_area LI:hover > A.sitemenu, .sitemenu_area A.sitemenu:hover, .sitemenu_area li.focus a  { color:#FFFFFF !important; background:url('/qws/slot/u50319/style/left/hover-tab.jpg') repeat-x !important; text-decoration:none !important; }

.sitemenu_area A.sitemenu:hover:before, .sitemenu_area li.focus a:before { background:url('/qws/slot/u50319/style/left/hover-tab-lotus.png') left no-repeat!important; content:''; width:63px; height:49px; position:absolute; top:0px; left:0px; }

.sitemenu_area .sitemenu LI.first-item { display:none !important; }


/* Dropdown Box */
table.dropmenu { border:none; visibility:visible !important; display:none; background:#FFFFFF; z-index:9999; top:0px !important; left:236px !important; }
.sitemenu_area .sitemenu li:hover table.dropmenu { display:table; border-collapse:collapse; }
.sitemenu_area .sitemenu li:hover table.dropmenu A, .sitemenu_area .sitemenu li:hover table.dropmenu A:visited { padding:0px 20px; background:#f68a22; color:#FFFFFF; line-height:49px; }
.sitemenu_area .sitemenu li:hover table.dropmenu A:hover { background:url('/qws/slot/u50319/style/left/hover-tab.jpg') no-repeat; background-size:cover; }

/* Masthead2 */
.masthead2_area 					        {  display:none; }

/* Content Area */
.path_box         { display:block; font-size:12px; color:#000000; margin:0px; font-family: 'noto_sans_tamilregular'; line-height:20px;  font-weight:500; position:absolute; top:348px; z-index:1200; }
.path_box A, .path_box A:visited { text-decoration:none; color:#a53769; font-size:12px; font-family: 'noto_sans_tamilregular'; line-height:20px; font-weight:500; }
.path_box A:hover { text-decoration:underline; color:#a53769; }
.path_box A:first-of-type, .path_box A:first-of-type:hover, .path_box A:first-of-type:visited { display:inline-block; color:transparent; background:url('/qws/slot/u50319/style/sub/icon-hme.png') no-repeat; width:20px; height:20px; text-decoration:none; }

.content_area { float:none !important; margin:0px 0px 0px 237px; width:calc(100% - 237px) !important; background:url('/qws/slot/u50319/style/sub/bg-top.png') no-repeat; padding:0px; }
.pagelevel-1 .content_area { background:transparent; }

.content_area > .top { background:url('/qws/slot/u50319/style/sub/bg-banner-btm.png') top right no-repeat; width:90%; padding:0px 5%; margin:0px; height:364px; }

.content_area.md1 > .mid:before { content:''; clear:both; position:absolute; top:0px; background:url('/qws/slot/u50319/style/sub/banner01.png') bottom right no-repeat; width:100%; height:364px; left:0px; right:0px; z-index:1200; }
.content_area.md2 > .mid:before { content:''; clear:both; position:absolute; top:0px; background:url('/qws/slot/u50319/style/sub/banner02.png') bottom right no-repeat; width:100%; height:364px; left:0px; right:0px; z-index:1200; }
.content_area.md3 > .mid:before { content:''; clear:both; position:absolute; top:0px; background:url('/qws/slot/u50319/style/sub/banner03.png') bottom right no-repeat; width:100%; height:364px; left:0px; right:0px; z-index:1200; }
.content_area.md4 > .mid:before { content:''; clear:both; position:absolute; top:0px; background:url('/qws/slot/u50319/style/sub/banner04.png') bottom right no-repeat; width:100%; height:364px; left:0px; right:0px; z-index:1200; }


.content_area > .bottom { width:90%; padding:28px 0px 42px 0px; margin:0px auto; height:35px; }
.content_area > .bottom > * { float:left; margin-right:15px; }

.pagelevel-1 .content_area > .top { display:none; }
.pagelevel-1 .content_area > .mid:before { display:none; }
.pagelevel-1 .content_area > .bottom { display:none; }

.content_area .mid { width:65%; margin:0px auto; padding:52px 0px 0px 5%; }
.layout-default  .content_area .mid           { float:left;  }
.layout-default_left  .content_area .mid  { float:left; }

.content_area .appcontent_box, .content_area .pagecontent_box, .content_area .pageblock_box { padding:0px; margin:0px;  }	  
.content_area .pageblock_box { padding:15px 0px; }

.content_area .sidebar_area 			{ width:25%; padding:0px 5% 0px 0px; margin:0px; display:block;  }
.content_area .sidebar_area .mid { width:100%; padding:0px; margin:0px; }

.layout-default  .content_area .sidebar_area  { float:right; }
.layout-default_left .content_area .sidebar_area { float:right; }

.layout-default  .content_area .sidebar_area .mid  { float:none;  padding:0px; }
.layout-default_left  .content_area .sidebar_area .mid  { float:none; padding:0px;  }

.sidebar_area .sidebar0_box, .sidebar_area .sidebar1_box, .sidebar_area .subpages_box { padding:0px; margin:0px;  }

.layout-single_col .sidebar_area, .layout-single_col .content_area .mid { width:90%; padding:0px; margin:0px auto; float:none; }
.layout-single_col .content_area .mid { padding:52px 0px 0px 0px; }
.pagelevel-1 .layout-single_col .content_area .mid { padding:0px 0px 0px 0px; width:100%; }

.layout-single_col .sidebar_area { display:none; }
.ive_designmode .layout-single_col .sidebar_area { display:block; }
.layout-single_col .sidebar_area .mid { width:100%; padding:0px; }

.content_area .bottom { clear:both; }

/* Footer */
.footer_area { display:block; padding:0px 0px; font-size:12px; color:#1c9457; font-family: 'Roboto', sans-serif; width:236px; position:fixed; left:0px; bottom:0px; xheight:150px; z-index:1350; }
.footer_area .footer { text-align:center; }
.footer_area .footer IMG { margin:40px auto 30px auto; display:none; }
.ive_designmode  .footer_area { z-index:1500 !important; }

/* Hyperlink  */
a  		    	{ color:#a53769; font-weight:600; text-decoration:none; }
a:visited 	{ color:#a53769; font-weight:600; text-decoration:none; }
a:hover 		{ color:#a53769; font-weight:600; text-decoration:underline; }

/* Subpages Box  */
.subpages_box H2 { display:none; text-align:center; color:#f58010; }
.subpages_box { padding:0px 0px 0px 0px!important; width:auto; }
.subpages_box ul  { margin-left:15px;  }
.subpages_box ul li     { padding:0px 0px 0px 0px; margin:0px; display:block;  border-bottom:1px solid #afafaf; }
.subpages_box ul li:last-of-type { border-bottom:none; }

.subpages_box A, .subpages_box A:visited { display:block; font-family: 'Roboto', sans-serif; color:#232323; padding:10px 15px; margin:0px; text-decoration:none;  font-size:16px; font-weight:500; position:relative; line-height:21px; text-align:left; }
.subpages_box B, .subpages_box A:hover { display:block; font-family: 'Roboto', sans-serif; color:#f68a22; padding:10px 15px; margin:0px; text-decoration:none; font-size:16px; font-weight:500; position:relative; line-height:21px; text-align:left; }

/* Others */
IMG { border:none; }
.gv_infobar     { visibility:hidden; }
#shade_img_ff, #shade_img_ie { display:none; }
#_ptoo_block_start { display:none; }
.ive_designmode #_ptoo_block_start { display:block; }

.ive_designmode .ive_blockmenu, .ive_designmode .ive_menu { z-index:9999; }

/* FORM FIELDS */
.content_area  INPUT[type='text'], .content_area  TEXTAREA, .content_area  SELECT   { padding:3px; border:1px solid #CCCCCC; }
.content_area  TEXTAREA  { height:150px; }
.content_area  INPUT[type='submit'] {  padding:5px 15px; margin:5px 3px; border-radius:3px; cursor:pointer; text-align:center; }
.content_area  INPUT[type='button'] {  padding:5px 15px; margin:5px 3px; border-radius:3px; cursor:pointer; text-align:center; }
.content_area  .search_box .input_ { border:none; }
.content_area  .search_box INPUT.button_  { margin:2px !important;}

/* TABLE */
.content_area TABLE { border-collapse:collapse; }
.content_area TABLE TH, .content_area TABLE TD{ padding:5px;   }
.content_area TABLE TH { background:#1dccf7; color:#FFFFFF !important; }
.content_area TABLE TH P { color:#FFFFFF !important; }
.content_area TABLE tr:nth-child(odd) td{ background:#ffffff; color:#000000; }
.content_area TABLE tr:nth-child(even) td{ background:#eef8fb; color:#000000; }

.content_area TABLE.ives_tab_kosong, .content_area TABLE.ives_tab_kosong TD, .content_area TABLE.ives_tab_kosong TH { border:none; }
.content_area TABLE.event { border-collapse:initial; }

.content_area TABLE.search_box TD { padding:0px; }

/* SITE TOGGLE */
.site-toggle { position:fixed; display:table; width:auto; height:35px; top:0px; right:140px; z-index:1300; }
.site-toggle A { display:table-cell; background:#ab4473; font-family: 'Lato', sans-serif; font-size:16px; font-weight:normal; color:#ff99c9; line-height:45px; padding:0px 10px; }
.site-toggle A.en { border-right:3px solid #ff99c9; }
.site-toggle A.active, .site-toggle A:hover { font-weight:bold; color:#ffffff; text-decoration:none; }

/* SOCIAL MEDIA */
.sm-icons { position:fixed; right:30px; top:0px; width:90px; height:45px; z-index:1300; }
.sm-icons UL, .sm-icons UL LI { display:block; margin:0px; padding:0px; }
.sm-icons UL LI A  { width:45px; height:45px; display:block; text-indent:-9999px; float:left; }
.sm-icons UL LI xA:hover { border-right:10px solid #863459; }
.sm-icons UL LI A.fb              { background:url('/qws/slot/u50319/style/socialmedia/fb.png') center center no-repeat #ab4473; }
.sm-icons UL LI A.tw              { background:url('/qws/slot/u50319/style/socialmedia/twitter.png') center center no-repeat #bf4c81; }
.sm-icons UL LI A.google      { background:url('/qws/slot/u50319/style/socialmedia/gplus.png') center center no-repeat #ab4473; }
.sm-icons UL LI A.linkedin  { background:url('/qws/slot/u50319/style/socialmedia/linkedin.png') center center no-repeat #bf4c81; }
.sm-icons UL LI A.clink        { background:url('/qws/slot/u50319/style/socialmedia/copylink.png') center center no-repeat #ab4473; }
.sm-icons UL LI A.email          { background:url('/qws/slot/u50319/style/socialmedia/email.png') center center no-repeat #bf4c81; }
.sm-icons UL LI A.instg          { background:url('/qws/slot/u50319/style/socialmedia/instagram.png') center center no-repeat #bf4c81; }

/* Home */
.pagelevel-1 .description:before { background:url('/qws/slot/u50319/style/home/bg-top.png') top left no-repeat; position:absolute; content:''; width:100%; height:275px; top:0px; left:0px; z-index:1200; }
.pagelevel-1  .description:after  { background:url('/qws/slot/u50319/style/home/bg-btm.png') bottom right no-repeat; position:absolute; content:''; width:100%; height:251px; bottom:0px; right:0px; z-index:1200; }

.iveo_pipe_happenings_slider { display:block !important; }
div.wrap { width:100%; height:auto; display:block; margin:auto; position:relative; padding:80px 0px 0px 0px; }
div#slide-holder { width:100%; height:auto; overflow:hidden; position:relative; margin:0px auto; }

div#slide-holder div#slide-runner { width:100%; height:auto; position:relative; display:block; margin:0px; }
div#slide-holder div#slide-runner:after  { padding-top:66.6%; content:''; display:block; }
div#slide-holder div#slide-runner img { width:100%; height:auto; display:none; position:absolute; margin:0px auto; left:0px; right:0px; background:url('/qws/slot/u50319/style/home/bg-repeat.jpg'); }

div#slide-holder div#slide-controls { display:block; }
div#slide-holder div#slide-controls div#slide-client { display:none; }
div#slide-holder div#slide-controls #slide-nav-prev, div#slide-holder div#slide-controls #slide-nav-next { display:none; }
div#slide-holder div#slide-controls #slide-nav { position:absolute; left:34px; top:300px; z-index:1200; }
div#slide-holder div#slide-controls #slide-nav A { width:13px; height:13px; background:#FFFFFF; border:1px solid #f6881f; border-radius:100%; display:inline-block; margin-right:10px; }
div#slide-holder div#slide-controls #slide-nav A.on { background:#f6881f; }

div#slide-content-holder { display:block; position:absolute; width:50%; top:160px; left:34px; z-index:1200; }
div#slide-content-holder .slide-content { display:none !important; }
div#slide-content-holder .slide-content.active { display:block !important; }
div#slide-content-holder .slide-content .slide-content-title { display:block; line-height:45px !important; width:300px; font-size:34px; color:#f6881f; }
div#slide-content-holder .slide-content .slide-content-desc { display:none; }

#slide-runner IMG { display: none; position: absolute; top: 0; width: 100%; z-index: 8; }
#slide-runner IMG.active { display: block; z-index: 10; }
#slide-runner IMG.last-active {   z-index: 9; }

.rwdheader  { display:none; }
.footer_area .btn_navi { display:none; margin-top:10px; }

@media  screen  and (max-width:450px),  screen  and (max-width:780px) and  (orientation : portrait)  {
  .sitemenu_area, .masthead_area .header  { display:none; }
  .masthead_area .search_box { display:none; }
  .sm-icons { display:block; top:71px; }
  
  .pagecontent_box .title-wrap, .search_form .title-wrap { height:auto; padding:10px 0px; width:100%; } 
  .pagecontent_box H1, .search_form H1 { text-align:left; transform:none; position:relative; top:auto; }
  
  .masthead_area .header { position:absolute;  }
  .sitemenu_area 		{ position:absolute; }
  .site-toggle, .sm-icons { position:absolute; }
  
  .site-toggle { top:71px; }
  .masthead_area .header.rwdheader  { display:block; background:#FFFFFF; height:50px; padding:10px; width:calc(100% - 20px); border-bottom:1px solid #cccccc; }
  .masthead_area .header.rwdheader  #rwdmenu{ display:block; background:url('/qws/slot/u50319/style/rwd/menu.png') center left no-repeat; width:33px; height:50px; float:left; text-indent:-9999px; }
  .show .masthead_area .header.rwdheader  #rwdmenu  {  background:url('/qws/slot/u50319/style/rwd/menu.png') center right no-repeat;  } 
  .masthead_area .header.rwdheader  DIV.search_box { width:calc(100% - 150px); margin:10px 30px; background:#f9f9f9; padding:0px; display:block; float:left; }
  .masthead_area .header.rwdheader  IMG.logo { float:right; height:50px; margin:0px; }

  .content_area { width:100% !important; margin:0px; }

  .content_area a  		    	{ color:#a51a59; font-weight:600; text-decoration:underline; }
  .content_area a:visited 	{ color:#a51a59; font-weight:600; text-decoration:underline; }
  .content_area a:hover 		{ color:#a51a59; font-weight:600; text-decoration:underline; }

  div#slide-content-holder { width:100%; padding:10px 0px; background:#FFFFFF; position:relative; left:0px; right:0px; top:auto; bottom:auto; z-index:9999; }
  div#slide-holder div#slide-controls #slide-nav { position:absolute; left:0px; right:0px; width:100%; top:auto; bottom:5px; text-align:center; z-index:9999; }  
  div#slide-content-holder .slide-content .slide-content-title { text-align:center; margin:0px auto; }
  
  .footer_area { position:relative; width:100%; text-align:center; top:auto; bottom:auto; padding:10px 0px; }  
  .footer_area .btn_navi { display:block; }
  .show .footer_area { display:none; }
  .content_area > .mid:before { background-size:80% auto !important; background-position:bottom center !important; }
  .pagecontent_box .title-wrap { position:relative; background:url(''); top:auto; }
  
  .show.main_area { overflow-x:hidden; overflow-y:visible; }
  .show .sitemenu_area, .show .masthead_area .header { display:block; }
  .show .content_area {   margin: 0px 0px 0px 237px; }
  .show .content_area:after { background:rgba(0,0,0,0.7); display:block; content:''; width:100%; height:100%; position:absolute; z-index:1000; top:0px; } 
  .show .masthead_area .header.rwdheader { margin-left:237px; background:transparent; border-bottom:none; }
  .show.main_area DIV.search_box { display:none !important; }  
  .show .sitemenu_area UL.sitemenu { padding-top:250px; }
  .show .sm-icons, .show .site-toggle { display:none; }
  
  .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; }

  .content_area TABLE  { width:100% !important; }  
  .content_area  IMG, .content_area  IFRAME  { width:auto !important; max-width:100%;  height:auto !important; }  
  .content_area .bottom IFRAME { height:50px !important; }
}

@media  screen  and (max-width:500px)  {
  .sitemenu_area .sitemenu li { height:auto; min-height:49px; }
    table.dropmenu { position:relative; z-index:auto; top:auto !important; left:auto !important; width:100%; }
  .content_area > .mid:before { background-size:100% auto !important; background-position:center center !important; }
 }