/* LAYOUT */
#centerLayout{ margin:0 auto 0 auto; padding:0; width:999px; height:100%; }
#hwrapper{ width:1000px; padding:0px; margin:0 0 40px 0; _margin:0 0 20px 0; padding:0; float:left; height:100%; }		
		
/* HEADER */
#hheaderCont			{ width:999px; float:left; margin:0; padding:0;background:black  ;}
#hnavcont_2016{background:black}/*radial-gradient(#4b483e, #402a01)*/
#logoCont, #userSetting, .logo, .quote	{ float:left; margin:0; padding:0; }
#logoCont			{ width:490px; }
.logo			{ width:150px; padding:5px 0; }
.logo2			{ width:180px; padding:5px 10px 3px 10px; }
.quote			{ width:324px; padding:7px 0 0 15px; margin:3px 0 0 0; height:25px; font-family:'Arial','Nimbus Sans L',sans-serif; font-weight:400; color:#fff; font-size:13px; line-height:16px; border-left:solid 1px #444; }
.curtime		{ text-align:right; padding:12px 15px 12px 0; float:left; width:575px; font-weight:normal; font-size:11px; color:#999; font-family:'Trebuchet MS','Arial Narrow','Nimbus Sans L'; }

#currentDate		{ float:left; width:190px; padding:5px 10px 0 210px; background:transparent; color:#aaa; text-align:right; }
#userSetting		{ width:410px; margin-left:80px; }
#userLogin		{ width:410px; margin-left:0px; background:#222 url("../images/bg-user-bar-right-login.gif")left top repeat-x; color:#fff; }
#userLogin a	{ margin:0; font-size:12px; color:#FC0; }
#userLogin tr	{ background:#222 url("../images/bg-user-bar-right-login.gif") left top repeat-x; }
.userContent				{ color:#fff; float:left; height:29px; }
.switchButtons				{ background:#111 url("../images/bg-user-bar-left-portal.gif") left top repeat-x; }
.switchButtons a			{ font-size:90%; font-weight:bold; }
.userContentCont			{ background:#222 url("../images/bg-user-bar-right-login.gif") left top repeat-x; font-size:11px; font-weight:bold; padding-left:10px;color:white; }	
    .userContentLeft		{ padding:0px 5px 0 5px; float:left; width:225px; font-size:110%; font-weight:bold; overflow:hidden; }
    .userContentLeft span	{ font-weight:normal !important; }
    .userContentRight		{ padding:6px 0px 7px 5px; float:left; width:91px; background:none !important; }						
    .userContentLeft a		{ padding:0 8px; }
    
.switchButton				{ margin:15px 5px 0 0; float:left; display:inline; }
.switchButton a			{ display:block; background:#000 url("../images/btn-switch.gif") top right no-repeat; width:160px; padding:8px 15px; color:#ccc; font-size:12px; font-weight:bold; border:solid 1px #444; }
.switchButton a:hover	{ text-decoration:none; border:solid 1px #666;  }
.switchButton a:active	{ margin:1px 0 0 0; }
.switchButton span		{ color:#ffcb01; }

.portalButton				{ margin:15px 5px 0 0; float:left; display:inline; }
.portalButton a			{ display:block; background:#000 url("../images/btn-switch.gif") top right no-repeat; width:34px; padding:0px; color:#ccc; font-size:12px; font-weight:bold; border:solid 1px #444; }
.portalButton a:hover	{ text-decoration:none; border:solid 1px #666;  }
.portalButton a:active	{ margin:1px 0 0 0; }

#hheader			{ width:999px; margin:0 auto; height:80px; }

#mSearch		{ width:165px; height:30px; float:right; padding:0; background:transparent url("../images/bg_search.png") center right no-repeat;}
.msearch1	{  float:right; width:18px;height:18px; margin:7px 8px 0 0; cursor:pointer;}



/* CONTENT */	
#hcontainerHome				{ width:999px; margin:0 0 50px 0; float:left; padding:0; }				
#hcontainer					{ width:999px; margin:0; float:left; padding:0; }			

#breadcrumbs 			{ padding:2px 15px 10px; margin:0; float:left; width:662px; background-color:#fff; font-size:11px; font-weight:bold; }
#breadcrumbs li			{ float:left; list-style:none; color:#FF9900; }
#breadcrumbs li a 		{ background:transparent url("../images/icon-pathway.gif") no-repeat; background-position: 100% 50%; padding:0 20px 2px 0px; }
#breadcrumbs li a:link, #breadcrumbs li a:visited	{ text-decoration:none; }
#breadcrumbs li a:hover, #breadcrumbs li a:focus	{ text-decoration:underline; }


#tombolUpload		{ margin-top:-8px; }
#subMenu			{ margin-bottom:10px; }
.content-padding	{ padding:0 !important; }

/* HOME : ini yang dipakai*/
#homeContainer, #homeBox, #homeLeftCont, #homeRightCont { float:left; overflow:hidden; }
#homeContainer								{ width:999px; padding:10px 0 0 0; margin:0; float:left; background:#fff; font-size:110%; }
#homeBox								{ width:999px; padding:0; margin:0 0 30px 0; }
#homeLeft								{ width:870px; float:left; min-height:400px;}
#homeRight								{ width:100px; float:right;}
#homeRight img						{ margin-bottom:4px;}
#flashNews								{ width:870px; clear:both; height:22px; margin-bottom:10px}
#flashNews .fn1						{ width:50px; float:left; font:normal 12px/1.2em Arial, Helvetica, sans-serif; color:#666; padding:4px 4px 4px 14px; background:transparent url("../images/bg_flashNews1.gif");}
#flashNews .fn2						{ width:14px; float:left; background:transparent url("../images/bg_flashNews2.gif"); height:22px}
#flashNews .fn3						{ width:60px; float:left; padding:2px; background:transparent url("../images/bg_flashNews3.gif"); height:18px}
#flashNews .fn4						{ width:5px; float:left; background:transparent url("../images/bg_flashNews4.gif"); height:22px}
#flashNews .fn_content				{ font:normal 12px/1.2em Helvetica, Arial, sans-serif; color:#015697; padding:4px 3px 3px 5px; float:left; }
#homePanelBig							{ width:610px; float:left; }
#homePanelBig .showpage				{ font:normal 12px/1.2em Arial, Helvetica, sans-serif; text-align:justify; border-top:1px dashed #ccc; border-right:1px dashed #ccc; padding: 1px 5px 0 0; margin:0}
#homePanelBig .showpage ul			{ list-style:none; margin:0 0 0 0px; clear:both;}
#homePanelBig .showpage li	{ clear:both; padding:1px 0 5px 12px; line-height:15px; background:url("../images/icon-07.gif") left top no-repeat; }
#homePanelBig .showpage h3	{ font-weight:bold; font-family: 'comic sans ms'}
#homePanelBig h5			{ padding:5px 5px; height:20px; margin:0; background:#eee url("../images/tabbg.gif") left top repeat-x; color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.tigerIMG					{float:left; margin-right:5px;}
#homePanelSmall							{ width:250px; float:right; font-size:12px; margin-bottom:15px;}
.homePanelSmallBox						{border:1px solid #ccc}
#homePanelSmall h5			{ padding:2px 15px; height:20px; margin:0; background:#eee url("../images/tabbg.gif") left top repeat-x; color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
#homePanelSmall h5 a			{ text-decoration:none; color:#000}
#homePanelSmall h5 a:hover	{ text-decoration:none; color:#F60}
#homePanelSmall h5 a:active	{ text-decoration:none; color:#F60}
#tab_cal					{float:left; width:30px; padding-top:2px; padding-right:2px; border-right:1px solid #ccc;}
#tab_agenda					{float:left; width:90px; padding-top:2px; padding-left:6px; border-right:1px solid #ccc;}
#tab_berita					{float:right; width:85px; padding-top:2px;}
#homePanelSmall h5 span		 { color:#F60;}
.agendaMonthSelect	{ padding:3px 7px; background:#ddd; }
.agendaMonth		{ font-weight:bold; color:#036; font-size:12px; }
.agendaPagination	{ background:#f4f4f4; border-top:dotted 1px #ccc; height:16px;padding:2px 10px; color:#aaa; font-size:11px; font-weight:bold; }
.listEventHome		{ list-style:none; padding:15px 10px 10px 10px; margin:0; clear:both; min-height:140px}
.listEventHome li	{ clear:both; padding:1px 0 5px 15px; line-height:15px; background:url("../images/icon-07.gif") left top no-repeat; }
.listEventHome li a	{}				

.hrfastNewsList				{ list-style:none; padding:15px 10px 10px 10px; margin:0; clear:both; min-height:140px}
.hrfastNewsList li			{ clear:both; padding:1px 0 5px 15px; line-height:15px; background:url("../images/icon-07.gif") left top no-repeat; }
.hrfastNewsList li span		{ font-size:90%; color:#aaa; font-weight:normal; }

/* IJP */
.ijpContent	{margin:0; min-height:60px}	

/* USER SUPPORT */
.userSupportName	{ color:#F60; font-weight:bold; font-size:12px; }
.userSupportPhone	{ color:#000; font-weight:bold; font-size:12px; }
.userSupportList	{ padding:2px 8px 2px 15px; margin:0; list-style:none; }
.userSupportList li	{ padding:1px; }				
        





#contentContainer	{ background:#fff; width:999px; margin:0; padding-top:0px; float:left; font-size:110%; }
#hcontentmenu		{ width:100%; min-height:464px; margin:0; float:left; padding:2px 0;}
#hcontent		{ width:714px; margin:0; float:left; }
.contentThumbCont		{ float:left; width:698px; background:#fff; border:solid 1px #ddd; display:inline; margin:0 0px 0 15px; padding:10px 0; }
.thumbTitle			{ float:left; width:638px; background:#eee url("../images/bg-title-thumb.gif") no-repeat left top; padding:4px 30px 10px; margin-bottom:10px; }
.thumbTitle h2		{ font-family:'Arial Narrow','Nimbus Sans L',sans-serif; font-size:36px; font-weight:400; letter-spacing:-1px; color:#777; text-shadow: 1px 1px 0px #fff; }
.contentThumbBox	{ float:left; width:192px; display:inline; margin:10px 20px; }
.contentThumbBox img	{ margin-bottom:30px; float:left; }
.contentThumbBox h4	{ font-weight:bold; margin:5px 0 !important; }
.contentThumbBox h4 a { color:#ffcb01 !important; text-decoration:none; }
.contentThumbBox h4 a:hover	{ color:#FF9900 !important; border-bottom:solid 1px #ffcb01; }
.contentThumbBox p	{ font-size:110%; line-height:130%; }

.contentCont			{ float:left; width:714px; background:#fff; display:inline; margin:0 0px 0 0px; padding:1px 0; }
.contentCont h3			{ font-size:28px; font-weight:400; margin-top:0; margin-bottom:25px; }
.contentCont fieldset	{ float:left; width:98%; margin:15px auto; }

#hrightSide					{ background:#e5e8ea url("../images/bg-hrightside.gif"); width:250px; float:left; margin:0 0 0 15px; padding:10px 0 20px 0; border-bottom:solid 2px #ddd; -webkit-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 0px 2px 2px 0px #cccccc; -moz-box-shadow: inset 0px 2px 2px 0px #cccccc; box-shadow: inset 0px 2px 2px 0px #cccccc; }

#hrightSide fieldset		{ background:#fff; padding-bottom:13px; margin:10px 10px 20px 10px; border:solid 1px #ccc; border-bottom:solid 3px #ccc; }
#hrightSide fieldset legend	{ background:#eceef0 url("../images/bg-legend-right-side.gif") left top repeat-x; border-bottom:solid 1px #ccc; padding:4px 12px 3px 12px;  }

.rightBox					{ width:210px; float:left; padding:0 5px 0 20px; }
.rightBox h4				{ font-family:'Arial Narrow',arial,sans-serif; font-size:16px; letter-spacing:0px; font-weight:bold; color:#000; }

.profileBox					{ float:left; width:150px; padding-bottom:15px; }
    .profileBox h3			{ font-weight:normal; }
    .ProfileJob				{ font-weight:bold; font-size:110%; padding-bottom:5px; }
    .profilePhotoCont		{ float:left; background:#fff; width:53px; height:73px; margin-top:5px; padding:1px; overflow:hidden; border:1px solid #555; -webkit-border-radius:2px; border-radius:2px; }
    .profileBtn				{ clear:both; margin-bottom:10px; }

.listActionBtn				{ margin:10px 0 20px 0; padding:0 0px;border:solid 1px #d4a900; border-radius: 4px; -webkit-border-radius: 4px; padding:4px 0; background:#ffcb01; }
.listActionBtnSpan			{ padding:0 0 5px 10px; font-weight:bold; display:block; font-size:12px; }
.listActionBtn li			{ list-style:none; display:inline; }
.listActionBtn li a			{ color:#000; display:block; background:#fff url("../images/bg-button-action.gif") left top repeat-x;  border-bottom:none; margin-bottom:0px; font-size:110%; font-weight:bold; padding:6px 10px 6px 10px; }
.listActionBtn li a:hover	{ background:#fff url("../images/bg-button-action-hover.gif") left top repeat-x; text-decoration:none; color:#900; }
.listActionBtn li a:active	{ background:#fff url("../images/bg-button-action-visited.gif") left top repeat-x; text-decoration:none; }

/*#hfooterCont					{ background:#efefef url(../images/bg-footer-line.png) left top repeat-x; width:100%; clear:left; }
	#hfooter					{ width:940px; margin:0 auto; padding:0 0 0 40px; }*/
	
	
/* FOOTER */ 
.footerFixCont					{ float:left; width:100%; position: fixed; bottom: 0pt; z-index: 9999; height: 34px; background:#ffcb01 url("../images/bg-footer-right.gif") repeat-x left top; border-top:solid 1px #aaa; }
.footerFixBox					{ float:left; width:100%; height:34px; background:transparent url("../images/bg-footer-right.gif") no-repeat right top; }
.footerFixLogo					{ background:transparent; float:left; width:109px; height:34px; padding:0 10px; border-right:solid 1px #ffae00; }
.footerFixCopy					{ background:transparent; float:left; height:21px; padding:9px 0 5px 15px; color:#444; font-size:110%; }
.footerFixButton				{ background:transparent; float:right; height:21px; padding:8px 20px 5px 15px; color:#444; }
.footerFixButton a				{ margin:0 2px; background:#fcc300 url("../images/footer-fix-button.gif") repeat-x left top; padding:2px 10px 3px 10px; border:solid 1px #aaa; color:#000; font-weight:bold; font-size:11px; text-decoration:none; -webkit-border-radius: 4px; border-radius: 4px; }
.footerFixButton a:hover 		{ background:#ddd; color:#000; text-decoration:none !important; }
.footerFixButton a.hr2u			{ margin:0 2px; background:#60a6ed url("../images/footer-fix-button-hr2u.gif") repeat-x left top; padding:2px 15px 3px 15px; border:solid 1px #4991cf; color:#000; font-weight:bold; font-size:11px; text-decoration:none; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing:2px; }
.footerFixButton a:hover.hr2u	{ background:#fff; text-decoration:none !important; }
.footerFixButton a.setting			{ margin:0px; background:#60a6ed url("../images/footer-fix-button-setting.gif") repeat-x left top; padding:2px 10px 3px 10px; border:solid 1px #FFD122; color:#000; font-weight:bold; font-size:11px; text-decoration:none; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing:2px; }
.footerFixButton a:hover.setting	{ background:#fff; text-decoration:none !important; }
#noteThemes						{ width: 260px; float: left; color:#444; font-size:110%; }

#McenterLayout					{ margin:0 auto 0 auto; padding:0; width:100%; height:100%; }
#Mhwrapper					{ width:100%; padding:0px; margin:24px 0 24px 0; _margin:0 0 20px 0; padding:0; float:left; height:100%; }
#McontentContainer	{ background-color:#FFFFFF; width:100%; min-height:100%; margin:0; padding-top:0; font-size:160%; }
#Mheadercontent		{ float:left; width:100%; position: fixed; top: 0pt; z-index: 9999; height: 24px; background:#ffcb01; border-bottom:solid 1px #aaa;}
#Mheadercontent .MheaderMenu {float:left;width:50px; padding:1px 5px}
#Mheadercontent .MheaderLogged {float:right;width:150px;text-align:right; padding:1px 5px}
#Mheadercontent .MheaderTitle {width:50%;text-align:center;}
.McontentCont			{ width:100%; background:#fff; display:inline; margin:0 0px 0 0px; padding:1px 0; }
.McontentCont h3			{ font-size:28px; font-weight:400; margin-top:0; margin-bottom:5px; }
.McontentCont fieldset	{ width:100%; margin:5px 0; }
/*
 @font-face {
	font-family: 'Frutiger 45 Light';
	src: url('font_added/frutiger_45_light.eot');
	src: url('font_added/frutiger_45_light.TTF') format('truetype'),
		url('font_added/frutiger_45_light.eot?#iefix') format('embedded-opentype');
}
*/