/* CSS Document */

/*! New Design E-Agency (16 Oct 2012) - Rudi Kur, Yusuf */

/*** SETTING UMUM ***/

	html, body { height: 100%; font-family: 'Lato', sans-serif; }
	body { background-color: #FBFBFB;margin:0 0 0 0; } /* abu2 muda */
	div { position: relative; } /* semua div dibuat position relative, agar positioning item2 didalamnya relative terhadap header tsb (http://www.barelyfitz.com/screencast/html-training/css/positioning/) */			
	h4 { margin: 0; }
	button { border: 0; padding: 0px; }
	div#wrapper { background-color: #FBFBFB;position:relative; }
	/* dotted line divider */
	div.horizontalDivider { margin-top: 8px; margin-bottom: 8px; width: 100%; height: 5px; background-image: url(../image/line_dot_h.png); background-repeat: repeat-x; }
	div.horizontalDivider2 { margin-top: 5px; margin-bottom: 5px; background-image: url(../image/line_dot_h_footer.png); }
	
	/* agar image di unordered list di footer bisa vertical align dgn textnya */
	div.footerColumn ul { list-style: none; padding-left: 0px; margin-left: 0px; }
	div.footerColumn ul li { height: 36px;}
	div.footerColumn ul li img { vertical-align: middle;}
	
	/* 4-column footer */
	.footerColumn { float: left; width: 220px; height:220px; padding-left: 12px; padding-right: 12px; padding-bottom: 30px;margin:20px 0 20px 0; }
	

	/* garis pemisah footer dgn copyright */
	.footerLine { clear: both; background-image: url('../image/line_h2.png'); background-repeat: repeat-x; height: 5px; padding-bottom: 10px;}

	/* copyright */ 
	.footerCopyright {padding-bottom: 10px; }
	
	/* image rollover */
	div.imgContainer { position: relative; float: left; width: 236px; height: 196px; background-image: url('../../include/new_image/pic_temp.png'); }
	.imgRollover { position: absolute; left: 8px; top: 8px; }
	.imgHover { position: absolute; left: 0px; top: 0px; width: 236px; height: 196px; background-image: url('../../include/new_image/pic_temp-ro2.png'); background-position: top; }
	.imgHover:hover { background-position: bottom; }
	
	div.imgContainerBig { position: relative; float: left; width: 625px; height: 400px; background-image: url('../../include/new_image/pic_temp_b.png');}
	.imgRolloverBig { position: absolute; left: 8px; top: 8px; }
	.imgHoverBig { position: absolute; left: 0px; top: 0px; width: 630px; height: 400px; background-image: url('../../include/new_image/pic_temp_b-ro.png'); background-position: top; }
	.imgHoverBig:hover { background-position: bottom; }
	
	div.imgContainerSmall { position: relative; float: left; width: 166px; height: 139px; background-image: url('../../include/new_image/pic_temp_s.png'); }
	.imgRolloverSmall { position: absolute; left: 8px; top: 8px; }
	.imgHoverSmall { position: absolute; left: 0px; top: 0px; width: 166px; height: 139px; background-image: url('../../include/new_image/pic_temp_s-ro.png'); background-position: top; }
	.imgHoverSmall:hover { background-position: bottom; }
	
	/* Menu Dropdown */
	div#menuBox { position: absolute;  width:980px;top:92px;z-index: 100}
	
	/* donwload*/
	.link-hitam {
    color: #000000;
    font-size: 12px;
    margin-right: 15px;
	}
	
	/* manual resizing menu utama, hack khusus untuk IE7 */
	.m1 { *width: 45px; }
	.m2 { *width: 100px; }
	.m3 { *width: 110px; }
	.m4 { *width: 165px; }
	
	/* styling untuk radiobutton (http://acidjs.wemakesites.net/custom-crossbrowser-styling-for-checkboxes-and-radio-buttons.html) */
	.radioGroup input[type="radio"] { position: absolute; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; }
	.radioGroup label { position: relative; }
	.radioGroup input[type="radio"] { position: static\9; }
	.radioGroup input[type="radio"] + span::before { content: ""; display: inline-block; width: 36px; height: 36px; vertical-align: middle; background-repeat: no-repeat; }
	.radioGroup input[type="radio"] + span::before { background-position: 0 0; }
	.radioGroup input[type="radio"]:checked + span::before { background-position: -36px 0; }
	.radioGroup input[type="radio"]:disabled + span,
	.radioGroup input[type="radio"]:disabled + span::before { -moz-opacity: .4; -webkit-opacity: .4; opacity: .4; }
	.radioGroup input[type="radio"]:focus + span::before,
	.radioGroup input[type="radio"]:active + span::before { outline: dotted 1px #ccc; }
	.radioGroup.radioGroup-mac input[type="radio"] + span::before { background-image: url('../../include/new_image/checkbox2s.png'); }
	
	/*for select option*/
	select{
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border: 1px solid #666666;
		color: #333333
	}
	
	/* button read more */
	button.btnReadmore{ background: transparent; height: 28px; width: 28px; background-image: url('../image/bt_readmore.png'); }
	button.btnReadmore:hover{ background-image: url('../image/bt_readmore-ro.png'); }
	
	/* line background untuk subtitle setiap content */
	div.lineBG { height: 5px; width: 100%; background-image: url('../image/line_h.png'); background-repeat: repeat-x; }
	
	/*@font-face {
  		font-family: 'Lato';
 	 	font-style: normal;
 	 	font-weight: 400; 	 	
  		src: local('Lato Regular'), local('Lato-Regular'), url(../font/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
	}*/
/*** CUSTOM STYLES ***/
	
	/* Custom alignment */ 
	.alignCenter { display: block; margin-left: auto; margin-right: auto; }
	.alignCenter2 { text-align: center; }
	.alignMiddle { vertical-align: middle; }
	.alignLeft { text-align: left; }
	.alignRight { text-align: right; }
	.info { text-align: center;font-weight: bold; color: #AE0405;padding: 10px 0 10px 0}
	
	/* Custom styling font */
	.italic { font-style: italic; }
	.bold { font-weight: bold; }
	.red { color: #AE0405; }
	.green { color: #339900; }
	.white { color: #FFFFFF; }
	.darkGrey { color: #333333; }
	.gayGrey { color: #666666; }
	.lightGrey { color: #888888; }
	
	.helvetica12 { font-family: 'Lato', sans-serif; font-size: 12px;line-height:150%; }
	.helvetica14 { font-family: 'Lato', sans-serif; font-size: 14px;line-height:150%;  }
	.helvetica16 { font-family: 'Lato', sans-serif; font-size: 16px;line-height:150%;  }
	.helvetica20 { font-family: 'Lato', sans-serif; font-size: 20px;line-height:150%;  }
	.helvetica40 { font-family: 'Lato', sans-serif; font-size: 40px;line-height:150%;  }
	.verdana11 { font-family: 'Lato', sans-serif; font-size: 11px;line-height:150%;  }
	
	.top{padding:10px 0 0 0;}
	.Underline {border-bottom: 1px dotted #BBBBBB; padding:0 0 10px 0;}
	.noUnderline { text-decoration: none; }
	.none{text-decoration: none;color: inherit;}
	
	.datepicker { width: 80px;}
	
	/* other custom styles */
	.flexHeight { height: auto; }

	a.hyperlink { color: #E00505;}
	a.hyperlink:hover { color: #999999;}

	a.hyperlink2 { color: #333333;}
	a.hyperlink2:hover { color: #E00505;}

	h4.sectionTitle { background-color: #FBFBFB; position: relative; width: 350px; top: -25px; padding: 10px; text-align: center; }
	h4.sectionTitle2 { background-color: #FBFBFB; position: relative; width: 120px; top: -25px; padding: 10px 10px 0px 0; text-align: left; }
	div.imageContainer { width: 236px; height: 196px; }
	
	/* iframe */
	.iframe{width: 100%; min-height: 325px;margin-top: 20px;margin-bottom: 20px;}
	.iframe2{width: 100%; margin-top: 20px;margin-bottom: 20px;}
	
	/* success dan error box*/
	.successBox{
		background: none repeat scroll 0 0 #EEEEEE;
		border: 1px solid blue;
		font-family: Helvetica, Arial, sans-serif; 
		font-size: 14px;
		color: blue;
		margin: 5px 0;
		padding: 2px 2px 2px 4px;
	}
	
	.errorBox{
		background: none repeat scroll 0 0 #EEEEEE;
		border: 1px solid red;
		font-family: Helvetica, Arial, sans-serif; 
		font-size: 14px;
		color: red;
		margin: 5px 0;
		padding: 2px 2px 2px 4px;
	}
	
	.headTop{
		text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666666; line-height: 28px;font-weight: bold;
	}

/*** PAGE-SPECIFIC STYLES ***/		

	/* setiap section, kecuali yg upperSection, kasih margin bottom 30px */
	div#topTenSection, div#newsSection, div#productSection, div#navSection, div#quicklinkSection { margin-bottom: 30px; }

	/* header */
	div#header { width: 100%;margin-bottom:50px; }
	
	
		/* header background */
		div#headerBG {margin:0px 0px 0px 0px; position: relative; left: 0px; top: 0px; height: 92px; width: 100%; background-image:url('../../static/image/bg_banner.png'); background-repeat: repeat-x; }
		/* menu background (merah) */
		div#menuBG { position: absolute; left: 0px; top: 92px; height: 40px; width: 100%; background-color: #E00505; }
		/* Image Link to Appstore */
		img#imgAppstore { position: absolute; left: 0px; top: 0px; z-index: 1; }
		/* bottom menu background (gradasi abu2) */
		div#bgslider{position: relative; bottom: 0px; left: 0px; top: 45px; min-height: 250px; min-width: 980px; background-image: url(../image/bg_banner.png);
		background-repeat: repeat-x; }
		#slideshow{z-index: 5; width:980px;}
		#slider2 { width: 80%; height: 100px; }

	/* upperSection (header s/d flash slideshow, untuk halaman utama only) */
		div#upperSection { width: 980px; height:100px; margin-bottom: 50px; }
	/* upperSection (header TANPA flash slideshow) */
		div#upperSection2 { width: 980px; height: 180px; margin-bottom: 0px;z-index:1000;}
		div#upperSection3 { width: 980px; height: 30px; margin-bottom: 0px; }

		/* Image Link to Appstore */
		img#imgLogo { position: absolute; left: 142px; top: 24px; }
		/* Image Logo AJSMSIG */
		img#imgAjs { position: absolute; right: 0px; top: 21px; }
		/* Social Links */
		img#headerLogo{ padding-top: 20px; }
	    span#sosial{ 
		float: right;
		margin-top: 20px;
		}
		button#fb{ background: transparent; height: 40px; width: 40px; background-image: url('../image/icon_fb.png'); }
		button#fb:hover{ background-image: url('../image/icon_fb_ro.png'); }
		button#tw{ background: transparent; height: 40px; width: 40px; background-image: url('../image/icon_twitter.png'); }
		button#tw:hover{ background-image: url('../image/icon_twitter_ro.png'); }
		button#yt{ background: transparent; height: 40px; width: 40px; background-image: url('../image/icon_youtube.png'); }
		button#yt:hover{ background-image: url('../image/icon_youtube_ro.png'); }
		/* Image A */
		img#imgA { position: absolute; left: -20px; top: 12px; }
		/* Flash Slideshow */
		#flashSlideshow{ position: relative; top: 0px;left:165px; z-index: -1; }
	
	/* Content Section: Top Ten Ranking */
		div#topTenSection { width: 100%; height: 300px; background-image: url('../../include/new_image/bg_rangking300.png'); background-repeat: repeat; }
	
		/* Top 10 Container */
		div#topTenContainer { width: 980px; padding-top: 17px; }
		/* Image Ranking */
		img#imgRanking { position: absolute; left: 0px; top: 17px; }
		img#imgNextRank { position: absolute; left: 15px; top: 245px; }
		/* Titles */
		span#topTenTitle { position: absolute; left: 75px; }
		span#topTenInfo { position: absolute; right: 0px; }
		span#topTenPeriod { position: absolute; top: 35px; right: 0px; }
		/* Top 10 Table */
		table#topTenTable { width: 980px; height: 185px; margin-top: 0px; }
		table#topTenTable th { text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666666; line-height: 28px; padding-left: 15px; padding-right: 15px; }
		table#topTenTable td { border-bottom: 1px dotted #BBBBBB; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666666; line-height: 28px; padding-left: 15px; padding-right: 15px; }
		table#topTenTable td.bold { font-weight: bold; color: #333333; }
		table#topTenTable td.right, table#topTenTable th.right { text-align: right; }
	
	/* Content Section: News */
		div#newsSection { width: 980px; min-height: 280px; }
	
		/* Headline */
		div#headlineContainer { float: left; padding-left: 12px; }
		/* Headline Content */
		p#headlineContent { width: 484px; height: 138px; overflow: auto; }
		p#headlineContentBig { width: 750px; overflow: auto; }
		p#headlineContentSmall { width: 450px; min-height: 50px; overflow: auto; }
		#headlineContainer ul{font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666666;margin-top: -20px; list-style-image: url('../../include/new_image/bullet.png');}
		/* Headline Readmore */
		button#btnReadmoreHeadline { position: absolute; top: 0px; right: 0px; }
		/* Older News Container */
		div#oldernewsContainer{ float: right; padding-left: 12px; width: 236px; height: 195px; overflow: auto; }
		/* News Readmore */
		button.btnReadmoreNews { position: absolute; top: 208px; right: 0px; }
		
	/* Content Section: Products */
		div#productSection { width: 980px; height: 380px; }
	
		/* Product Column */
		div.productColumn { width: 236px; float: left;margin-left:60px; }
		/* Divider 12px */
		div.productDivider { width: 12px; float: left; }
		/* Product Subtitle */
		span.productSubtitle { position: relative; top: 12px; }
		/* Product Summary */
		p.productSummary { position: relative; width: 210px; height: 80px; overflow: auto; }
		
	/* Content Section: Content */
		div#content { width: 980px; min-height: 320px; }
	
		/* Content Column untuk di halaman utama */
		div#conColumn { position: absolute; left: 0px; top: 40px; margin-right: 10px; width: 720px; height: 280px; overflow: auto; } 
		/* Content Column untuk di halaman Content */
		div#conColumn2 { width: 100%; } 
		/* Content Table */
		table#conTable { margin-top: 20px; width: 100%; }
		table#conTable tr {height: 30px;}
		table#conTable th { text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666666; }
		table#conTable td { text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #333333; padding: 10px 5px 10px 5px; }
		table#conTable td.Border, table#conTable tr.Border { border-bottom: 1px dotted #BBBBBB;height: 30px;}
		table#conTable th.center, table#conTable td.center { text-align: center; }
		table#conTable th.noPadRight, table#conTable td.noPadRight { padding-right: 0px; }
		table#conTable th.user { width: 500px; }
		table#conTable td.PadRight { width: 360px; }
		table#conTable td.Wid200 { width: 200px; }
		table#conTable th.user {font-size: 20px; color: #333333;}
		table#conTable th.dist {font-size: 14px; color: #666666;}
	
	/* Content Section: NAV */
		div#navSection { width: 980px; min-height: 320px; }
		div#loginSection { width: 750px; min-height: 320px; }
	
		/* NAV Column untuk di halaman utama */
		div#navColumn { position: absolute; left: 0px; top: 40px; margin-right: 10px; width: 720px; height: 280px; overflow: auto; } 
		/* NAV Column untuk di halaman NAV */
		div#navColumn2 { width: 100%; } 
		/* Quick Links Divider */
		div#navDivider { position: absolute; left: 733px; top: 40px; width: 5px; height: 260px; background-image: url('../../include/new_image/line_dot_v.png'); background-repeat: repeat-y; }
		/* Currency Column */
		div#currColumn { position: absolute; right: 0px; top: 40px; margin-left: 10px; width: 230px; height: 280px; overflow: auto; }
		/* NAV Table */
		table#navTable { margin-top: 20px; width: 100%; }
		table#navTable th { text-align: right; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666666; padding-right: 15px; }
		table#navTable td { border-bottom: 1px dotted #BBBBBB; text-align: right; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #333333; font-weight: bold; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; }
		table#navTable th.left, table#navTable td.left { text-align: left; }
		table#navTable th.center, table#navTable td.center { text-align: center; }
		table#navTable th.noPadRight, table#navTable td.noPadRight { padding-right: 0px; }
		table#navTable th.divider { width: 30px; }
		table#navTable td.red { color: #AE0405; }
		table#navTable td.green { color: #339900; }
		/* Currency Container */
		p.currContainer{margin-top: 20px; }
	
	/* Content Section: Quick Links */
		div#quicklinkSection { width: 980px; }

		/* Quick Links Box */
		div#quickLinksBox{ position: relative; width: 980px; height: 117px;  }
		/* Quick Links 4-Column */
		div.quickLinksColumn{ position: absolute; top: 35%; width: 200px; padding-left: 20px; padding-right: 20px; text-align: center; }
		/* Quick Links Divider */
		div.quickLinksDivider{ position: absolute; top: 50%; width: 5px; height: 40px; margin-top: -10px; background-image: url('../../include/new_image/line_dot_v.png'); background-repeat: repeat-y; }
		/* Custom Position & Size untuk Quick Links Column & Divider */
		div.qlc1 { left: 3px; top: 45%; }
		div.qlc2 { left: 248px; }
		div.qlc3 { left: 493px; }
		div.qlc4 { left: 738px; }
		div.qd1 { left: 243px; }
		div.qd2 { left: 488px; }
		div.qd3 { left: 733px; }
	
	
	/* maincontent */	
	
	div#mainContent{position:relative;bottom:0px;top:60px;}
	
	
	/* Footer */
	div#footer { background-color: #e6e7e8; position:relative;bottom:0px;top:50px; }
	#loginbox{margin-top: -40px;}
	
		/* Footer Container */
		div#footerContainer { width: 980px; padding-top: 50px; }
	
	/* Form Admin */
	div#admin { 
		margin-top: -40px;
		margin-bottom: 30px;
	}
		
	/* Content Section: Report */
		div#reportSection { width: 980px; min-height: 320px; }
	
		/* Report Column untuk di halaman utama */
		div.repColumn { position: absolute; left: 0px; top: 40px; margin-right: 10px; width: 720px; height: 280px; overflow: auto; } 
		/* Report Column untuk di halaman Report */
		div.repColumn2 { width: 100%; } 
		/* Report Table */
		table#repTable { margin-top: 20px; width: 100%; }
		table#repTable tr {height: 30px;}
		table#repTable th { text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 20px; color: #333333; }
		table#repTable td { text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666666; }
		table#repTable th.center, table#repTable td.center { text-align: center; }
		table#repTable th.noPadRight, table#repTable td.noPadRight { padding-right: 0px; }
		table#repTable th.user { width: 500px; }
		table#repTable td.PadRight { width: 360px; }
		table#repTable td.Wid200 { width: 200px; }
		table#repTable th.divider { width: 30px; }
		table#repTable td.red { color: #AE0405; }
		table#repTable td.green { color: #339900; }
		
	/* Content Section: Reward */
		/* Reward Table */
		table#rewardTable { margin-top: 20px; width: 100%;text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #333333; padding-top: 15px; padding-bottom: 15px;}
		table#rewardTable th { text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666666; padding-right: 15px; }
		table#rewardTable td { border-bottom: 1px dotted #BBBBBB; text-align: right; font-family: Helvetica, Arial, sans-serif;font-weight: bold; font-size: 14px; color: #333333; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; }
		/* For Caption*/
		.rewardCaption {text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #333333;font-weight: bold;}
		
	/* DisplayTag Table */
		table#displayTag { width: 500px; }
		table#displayTag tr {height: 20px;}
		table#displayTag th { text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666666; }
		table#displayTag td { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #333333; }
		
	/* Content Section: PopUp */
		div#popSection { width: 900px; min-height: 320px; }
	
		/* Popup Column untuk di halaman utama */
		div#popColumn { position: absolute; left: 0px; top: 40px; margin-right: 10px; width: 720px; height: 280px; overflow: auto; } 
		/* Popup Column untuk di halaman PopUp */
		div#popColumn2 { width: 100%; } 
		/* Popup Table */
		table#popTable { width: 100%; }
		table#popTable.center { text-align: center; }
		table#popTable th { text-align: right; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666666; padding:5px 5px 5px 5px;  }
		table#popTable td { text-align: right; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #333333; font-weight: bold; padding:5px 5px 5px 5px;}
		table#popTable td.Border, table#popTable tr.Border { border-bottom: 1px dotted #BBBBBB;height: 30px;}
		table#popTable th.left, table#popTable td.left { text-align: left; }
		table#popTable th.center, table#popTable td.center { text-align: center; }
		table#popTable th.noPadRight, table#popTable td.noPadRight { padding-right: 0px; }
		table#popTable th.PadRight, table#popTable td.PadRight { padding-right: 20px; }
		table#popTable th.divider { width: 30px; }
		
		/* Popup2 Table */
		table#popTable2 { width: 100%; }
		table#popTable2 th { text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666666; padding-right: 15px; }
		table#popTable2 td { text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #333333;font-weight: bold}
		
		/* Popup3 Table No Bold */
		table#popTable3 { width: 100%; }
		table#popTable3 th { text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666666; padding-right: 15px; }
		table#popTable3 td { text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #333333;font-weight:normal;}

	/* Left & Right Content*/
	#leftContent { width: 630px; min-height: 320px;float: left; }
	#rightContent { width: 310px; min-height: 320px;float: left;margin-left: 40px; }

	/* Right Quick Link*/
	div#SVideo{margin:0 0 10px 0; height: 60px; width: 310px; background-image: url('../image/ql_successstoryvideo.png'); }
	div#SVideo:hover{cursor: pointer; }
	div#EBook{margin:0px 0 10px 0; height: 60px; width: 310px; background-image: url('../image/ql_agencyehandbook.png'); }
	div#EBook:hover{cursor: pointer; }
	div#EProposal{margin:0px 0 10px 0; height: 60px; width: 310px; background-image: url('../image/ql_eproposal.png'); }
	div#EProposal:hover{cursor: pointer; }
	
	
	/*Craftyslide */
		#slideshow {
			margin:auto;
			padding:0;
			position:relative;
			border:0px thin #fff;
			-webkit-box-shadow:0 3px 5px #999;
			-moz-box-shadow:0 3px 5px #999;
			box-shadow:0 3px 5px #999;
		}
		
		#slideshow ul {
			position:relative;
			overflow:hidden;
			margin:0;
			padding:0;
		}
		
		#slideshow ul li {
			position:absolute;
			top:0;
			left:0;
			margin:0;
			padding:0;
			list-style:none;
			width: 980px;
			min-height: 200px;
		}
		
		#pagination {
			clear:both;
			width:75px;
			padding:0;
			margin:25px auto 0;
		}
		
		#pagination li {
			list-style:none;
			float:left;
			margin:0 2px;
		}
		
		#pagination li a {
			display:block;
			width:10px;
			height:10px;
			text-indent:-10000px;
			background:url('../image/pagination2.png');
		}
		
		#pagination li a.active {
			background-position:0 10px;
		}
		
		.caption {
			width:100%;
			margin:0;
			padding:10px;
			position:absolute;
			left:0;
			font-family:Helvetica, Arial, sans-serif;
			font-size:14px;
			font-weight:lighter;
			color:#fff;
			border-top:1px solid #000;
			background:#000;
			background:rgba(0,0,0,0.6);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
			filter: alpha(opacity=60);
		}


            div#loginBG { position: relative;bottom:0px; left: 0px; top: 80px; width: 100%; height: 160px; background-image: url('../image/bg_login.png'); background-repeat: repeat-x;margin }
			
			/* login container */
			div#loginContainer { width: 980px; height: 278px;background-repeat:no-repeat; }
			
			/*selamat datang e-Agency*/
			div#welcome {
				padding-top: 100px;
			}
			
			div#logoAgency{
				background-image: url('${path}/include/new_image/icon_smile_eganecy.png');
				background-repeat: no-repeat;float: left;
				height: 60px;
				width: 60px;
			}
			
			div#welcomeAgency {
				float:left;
				margin: -50px 0 0 0px;
			}
			
			/*Notif*/
			div#notif{
				height: 40px;
				background-image: url('${path}/include/new_image/login_notif_bar.png');
				margin-top: 40px;
				color: #FFF;
				text-align: right;
			}
			
			/* login box, posisi absolute terhadap containernya, bukan terhadap body, agar tidak masalah bila resolusi user berbeda2 */
			table#loginBox { text-align: right; width: 668px; position: absolute; top: 20px; right: 0px; height: 135px; }

			/* styling buttons */
			button#btnLogin { width: 100px; height: 40px; background-image: url('../image/bt_login.png'); }
			button#btnLogin:hover { background-image: url('../image/bt_login-ro.png'); }
			button#btnRegister { width: 100px; height: 40px; margin-left: 20px; background-image: url('../image/bt_daftar.png'); }
			button#btnRegister:hover { background-image: url('../image/bt_daftar-ro.png'); }

			/* styling input textbox/password */
			input.inputBox { font-family: Helvetica, Arial, sans-serif; font-size: 18px; padding: 10px 0px 10px 0px; border: 1px solid #CCCCCC; width: 260px; background-color: #EEEEEE; padding-left: 20px; }
			input.inputBox:hover, .inputBox:focus { background-color: white; }
			
			/* messageBox (pesan error) */
			p#messageBox{ position: absolute; text-align: right; top: 250px; right: 20px; width: 900px; height: 20px; color: white; margin: 0; }
/* styling untuk radiobutton (http://acidjs.wemakesites.net/custom-crossbrowser-styling-for-checkboxes-and-radio-buttons.html) */
	.radioGroup input[type="radio"] { position: absolute; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; }
	.radioGroup label { position: relative; }
	.radioGroup input[type="radio"] { position: static\9; }
	.radioGroup input[type="radio"] + span::before { content: ""; display: inline-block; width: 36px; height: 36px; vertical-align: middle; background-repeat: no-repeat; }
	.radioGroup input[type="radio"] + span::before { background-position: 0 0; }
	.radioGroup input[type="radio"]:checked + span::before { background-position: -36px 0; }
	.radioGroup input[type="radio"]:disabled + span,
	.radioGroup input[type="radio"]:disabled + span::before { -moz-opacity: .4; -webkit-opacity: .4; opacity: .4; }
	.radioGroup input[type="radio"]:focus + span::before,
	.radioGroup input[type="radio"]:active + span::before { outline: dotted 1px #ccc; }
	.radioGroup.radioGroup-mac input[type="radio"] + span::before { background-image: url('../image/checkbox2s.png'); }
	
	
	/*tabs*/
	
	
	#tabs{margin-left:148px} 
				.ui-tabs-vertical { width: 59em; }
				.ui-tabs-vertical .ui-tabs-nav { padding: .5em .3em .5em .3em; float: left; width: 15em;height: 1100px;background-color: #333; }
				.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%;  !important;  !important; margin: 0 -1px .2em 0;background-color: #333;border:0px 0px 1px 0px;border-bottom-color:#ffffff; border-bottom-style: groove;border-bottom-width: 1px;  }
				.ui-tabs-vertical .ui-tabs-nav li a { display:block; color:#ffffff;border: 0px 0px; }
				.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 5px; padding-right: .3em;  border-right-width: 1px;margin-bottom: 5px; background-color: #999;color: #333;  }
				.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em; height: 1050px;overflow: auto;}
				
  #formSimulasi {font-size: 12px;margin-left: auto;margin-left: auto;}
  
  #formSimulasi	select{width: 60px;height: 30px;}	
  .TableForm{font-size: 12px;margin-right: auto;margin-left:auto;}
  .itext{width: 200px;height: 30px;text-align: left;margin-left: 20px;}
  .tdTableForm{padding: 15px;}
  /*.trTableForm{margin: 10px 10px;background-image: url('../image/bg_bt.png'); color:#FFFFFF;}*/
  .thTableForm{text-align: left;}
  .buttonForm{ width: 100px; height: 40px; background-image: url('../image/bg_bt.png');color:#FFFFFF; font-family: Helvetica, Arial, sans-serif;border:0px;text-align: center; }
  .buttonForm:hover { background-image: url('../image/bg_bt_ro.png'); color:#FFFFFF;font-family: Helvetica, Arial, sans-serif;border:0px;text-align: center; }
     #formSimulasi button#btnReset { width: 100px; height: 40px; margin-left: 20px; background-image: url('../image/bg_bt.png');color:#FFFFFF;font-family: Helvetica, Arial, sans-serif;border:0px;text-align: center ;}
	 #formSimulasi button#btnReset:hover { background-image: url('../image/bg_bt_ro.png');color:#FFFFFF;font-family: Helvetica, Arial, sans-serif;border:0px;text-align: center;  }
			 
	#formSimulasi input.error, select.error { border: 1px solid red; }
	#formSimulasi label.error { color:red; margin-left: 10px; }
	
	/* NAVIGATION STYLES */
	
	.standardNav{
		position: fixed !important;
		overflow: visible;
		top: 50%;
		left: 50%;
		padding: 5px;
		margin: 50px 0 0 -630px;
		width: 125px;
		z-index: 9999;
	}

	.standardNav ul{
		display: block;
		margin: 0;
		padding: 6px;
		list-style: none;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		background: #fff;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
		
	}

	.standardNav.left{
		margin-left: -645px;
	}
	
	.standardNav li{
		display: block;
	}
	
	.standardNav li a{
		display: block;	
		font-weight: normal;
		padding: 8px 10px;
		text-decoration: none;
		color: #666;
		font-size: 12px;
	}	
	
	.standardNav li a:hover{
		color: #333;
	}
	
	.standardNav li.active a{
		font-weight: bold;
		color: #000;
	}
	.section{ width: 980px; min-height: 280px;  display: block; margin-left: auto; margin-right: auto;padding: 40px;   }	
	
	/* Tabel Nav*/
	table.nab{
	width:100%;
	color: #474747;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	line-height:150%;
	font-weight: bolder;
	vertical-align: middle;
	empty-cells: show;
	margin: 0px;
	padding: 0px;
}

table.nab a{
	color: #474747;
	text-decoration: none;
	font-size: 13px;
}

table.nab tr{
	
	
}

table.nab th.hl{
	/* background-image: url("../image/layout/pic/bg_content_lt.png");
	background-repeat:no-repeat; */	
	height: 52px;
	width: 20px;	
}

table.nab th.hml{
	height: 52px;
	color: #FFFFFF;
	padding-left:5px;
	background-color:#ed1c24;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}

table.nab th.hmr{
	height: 52px;
	color: #FFFFFF;
	padding-right:5px;
	background-color:#ed1c24;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}

table.nab th.hm{
	/* background-image: url("../image/layout/pic/bg_content_mt.png");
	background-repeat:repeat-x; */
	font-family: 'Lato', sans-serif; 
	font-size: 12px;
	line-height:150%;		
	font-weight: bolder;
	height: 52px;
	color: #FFFFFF;
	background-color:#ed1c24;
}
table.nab th.hr{
	/* background-image: url("../image/layout/pic/bg_content_rt.png");
	background-repeat:no-repeat; */
	height: 52px;
	width: 20px;
}

table.nab td.ml{
	/* background-image: url("../image/layout/pic/bg_content_lm.png");
	background-repeat:repeat-y; */
	background-color:white;
	height: 33px;
	width: 20px;
	
}

table.nab td.mm{
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	vertical-align: middle;
}

table.nab td.mm_bold{
	background-color:#6edb1e;
	background-repeat:repeat-x;
	vertical-align: middle;
}

table.nab td.mr{
	/* background-image: url("../image/layout/pic/bg_content_rm.png");
	background-repeat:repeat-y; */
	background-color:white;
	height: 20px;
	width: 20px;
}

table.nab td.ml2{
	/* background-image: url("../image/layout/pic/bg_content_lm.png");
	background-repeat:repeat-y; */
	background-color:white;
	height: 5px;
	width: 20px;
	font-family: 'Lato', sans-serif; 
	font-size: 5px;
	line-height:150%;
	border-bottom:1px solid #eeeeee;
	
}

table.nab td.mm2{
	/*background-image: url("../image/layout/pic/bg_content_mb2.png");
	background-repeat:repeat-x;*/
	border-bottom:1px solid #eeeeee;
	background-color: white;
	height: 5px;
	font-size: 5px;
}
table.nab td.mr2{
	/* background-image: url("../image/layout/pic/bg_content_rm.png");
	background-repeat:repeat-y; */
	background-color:white;
	height: 5px;
	width: 20px;
	font-size: 5px;	
	border-bottom:1px solid #eeeeee;
}

table.nab td.ml3{
	/* background-image: url("../image/layout/pic/bg_content_lm.png");
	background-repeat:repeat-y; */
	background-color:white;
	height: 5px;
	width: 20px;
	font-size: 5px;	
	
}

table.nab td.mm3{
	/*background-image: url("../image/layout/pic/bg_content_mb2.png");
	background-repeat:repeat-x;*/
	background-color: white;
	height: 5px;
	font-size: 5px;
}
table.nab td.mr3{
	/* background-image: url("../image/layout/pic/bg_content_rm.png");
	background-repeat:repeat-y; */
	background-color:white;
	height: 5px;
	width: 20px;
	font-size: 5px;	
}
table.nab th.bl{
	/* background-image: url("../image/layout/pic/bg_content_lb_rev.png");
	background-repeat:no-repeat; */
	
	height: 52px;
	width: 20px;
	
}




table.nab th.bm{
	/* background-image: url("../image/layout/pic/bg_content_mb.png");
	background-repeat:repeat-x; */
	background-color:#ed1c24;
	font-family: 'Lato', sans-serif; 
	font-size: 12px;
	line-height:150%;	
	color: #FFFFFF;
}
table.nab th.br{
	/* background-image: url("../image/layout/pic/bg_content_rb_rev.png");
	background-repeat:no-repeat; */
	
	width: 20px;
}

table.nab th.bml{
	color: #FFFFFF;
	background-color:#ed1c24;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}

table.nab th.bmr{
	color: #FFFFFF;
	background-color:#ed1c24;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}


table.NAB_NORMAL{
	width: 90%;
	
}
table.NAB_NORMAL td.arrow{
	background-image: url("../image/ePol_ticker_arrow.png");
	background-repeat:no-repeat;
	width: 30px;
	
}

table.NAB_NORMAL td{
	text-align: right;
	vertical-align: top;
}

table.NAB_UP{
	width: 90%;
}
table.NAB_UP td.arrow{
	background-image: url("../image/ePol_ticker_arrow_u.png");
	background-repeat:no-repeat;
	width: 20px;
}

table.NAB_UP td{
	text-align: right;
	vertical-align: top;
}

table.NAB_DOWN{
	width: 90%;
}
table.NAB_DOWN td.arrow{
	background-image: url("../image/ePol_ticker_arrow_d.png");
	background-repeat:no-repeat;
	width: 20px;
	
}
table.NAB_DOWN td{
	text-align: right;
	vertical-align: top;
}

#element_to_pop_up { 
    background-color:#fff;
    color:#000;
    display:none; 
    padding:20px;
    min-width:300px;
    min-height: 180px;
 	box-shadow:10px 10px 10px black;
 	-moz-border-radius-topleft: 7px;
    -webkit-border-top-left-radius: 7px;
  	-moz-border-radius-topright: 7px;
 	-webkit-border-top-right-radius: 7px; 
 	border-radius:7px 7px 0 0;
 	position: absolute;
 	z-index: 99999;
}
.element_title { 
    font-size: 14px;
	font-weight: bolder;
	background-color:red;
	position:absolute;
    right:0px;top:0px;
    color:white;
    width: 100%;
    height: 25px;
   -moz-border-radius-topleft: 7px;
    -webkit-border-top-left-radius: 7px;
  	-moz-border-radius-topright: 7px;
 	-webkit-border-top-right-radius: 7px; 
 	border-radius:7px 7px 0 0;
 	text-align: center;
 	vertical-align: middle;
 	padding-top: 5px;
   
}

#frame{
	min-width:300px;
    min-height: 150px;
    margin-top:15px;    
    overflow: auto;
}

#frame iframe{
	width: 100%;
    min-height:500px;     
    overflow: auto;
}

a.bClose{
    border-radius:7px 7px 7px 7px;
    box-shadow:none;
    font:bold 20px sans-serif;
    padding:0 6px 2px;
    position:absolute;
    right:-7px;top:-7px;
    color: white;
    background-color: orange;
    cursor: pointer;
    text-decoration: none;
}

 a:hover.bClose{
    background-color: red;
    text-decoration: none;
}	 

#formlogin{	
    line-height:20px;
	color:#888566;
	width:280px;
	height:150px;
	margin:auto;

}
/*baru*/
.btnquestion {background: url("../image//bt_help.png") no-repeat; height: 24px; width: 24px; border: none; cursor: pointer;}
.btnquestion:hover {background : url("../image/bt_help-ro.png") no-repeat; height: 24px; width: 24px; border: none; cursor: pointer;}

table.entry{
	margin-bottom: 10px;	

}

table.entry th.judul {	
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	vertical-align: middle;	
	height: 28px;
	color: #666666;
	font-size: 16px;
	border-bottom:  1px solid #666666;
	padding-top: 20px;	
	font-weight: bolder;
}

table.entry th.subJudul {	
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	vertical-align: middle;	
	color: #666666;
	font-size: 14px;	
	padding-top: 10px;	
	font-weight: bolder;
	text-decoration: underline;
}

table.entry th.head {	
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	vertical-align: middle;	
	font-size: 22px;
	color:#333333;
	font-family: 'Lato', sans-serif;
}

table.entry th {	
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	vertical-align: top;	
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	color:#666666;
	font-weight: normal;
}



table.entry td {
	margin-left:auto;
	margin-right:auto;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	height: 28px;
	font-size: 16px;
	padding-top: 10px;
}

table.entry td.title {
	font-size: 16px;
	font-weight: bolder;
}

table.entry td.value {
	font-size: 16px;
	font-weight: normal;
}

table.entry input.button {
	color: white;
	text-decoration: none;
	background-color: #ED1C24;
	font-family: 'Lato', sans-serif;
	font-size:  16px;
	height: 30px;
	margin-left: 10px;
}

table.entry input.button:hover {
	text-decoration: none;
	color: white;
	background-color: #999999;
	height: 30px;
}

table.entry td.title {
	font-family: 'Lato', sans-serif;
	color: #666666;
	text-align: left;
	vertical-align: top;
}

table.entry td.value {
	font-family: 'Lato', sans-serif;
	color: #474747;
	text-align: left;
	vertical-align: top;
}

table.entry td.subhead {
	font-family: 'Lato', sans-serif;
	color: white;
	font-size:14px;
	font-weight:bolder;
	text-align: center;
	background-image: url("../image/layout/pic/table_head2_g.png");
}



table.entry tr.odd {
	
	background-color: #f2f2f2;
	background-repeat:repeat-x;
	
}

/* Tambahan untuk displaytags */
table.displaytag thead tr {
	background-color: #dcdcdc;
	vertical-align: middle;
	text-align: center;
}

table.displaytag caption {
	text-align: center;
	font-weight: bold;
	margin-bottom: 3px;
}

table.displaytag {
	width: 100%;
	font-family: verdana;
	font-size: 11px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

table.displaytag td,table.displaytag th {
	border: 1px solid #ccc;
	font-family: 'Lato',sanserif;
	font-size: 12px;
}

table.displaytag td {
	text-align: left;
}


table.displaytag tr.total {
	background-color: #eee;
	font-weight: bold;
	text-align: left;
}
th.sortable{height: 50px;background:url("../image/bg_bt.png");}
th.sorted a,th.sortable a {
	text-decoration: none;
	text-align:center;	
	vertical-align:middle;
	display: block;
	margin-top: 10px; margin-bottom: auto;
}
th.sortable a {
	color: white;
}