.form-textarea-wrapper textarea {display: inline;}

/* img {max-width:100%;} */
 
/*
 * CSS RESET
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, images, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
}

em, i {
    font-style: italic;
    line-height: inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
	.view-org-glossary table {
		width: 910px;
		table-layout: fixed;
	}
td {
	word-wrap: break-all;
}
strong {
	font-weight: bold;
}

.block ul {}
/*
 * START BATUKAR STYLE
 */
body {
	background-image: url('../images/batukar_background.png');
	background-repeat: repeat-x;
	background-position: top left;
	margin: 0 auto;
	background-color: #fff;
}

#body-wrapper {
	width: 1000px;
	height: 1000px;
	margin: 0 auto;
}

header {
	height: 220px;
	width: 100%;	
}

	#header-top-segment {
		float: left;
		width: 100%;
	}
	
		#header-first-segment {
			float: left;
			height: 150px;
		}
		
		#header-second-segment {
			float:right;
			height: 150px;
			width: 390px;
		}
		
			.second-segment-block {
				float: left;
				display: block;
			}
			
			#register-segment {
				float:right;
			}
			
				.register-button {
					background-color: #0c5891;
					padding: 8px 15px;
					font-family: Arial;
					font-weight: bold;
					font-size :13px;
					text-transform: uppercase;
					color: #fff;	
					float: left;
					text-decoration: none;
					margin-left: 10px;
					letter-spacing: 0px;
				}
				
					.register-button:hover {
						background-color: #3d464b;
					}
			
			.box-after-login {
				background-color: #0c5891;
				padding: 8px 15px;
				font-family: Arial;
				font-weight: bold;
				font-size: 13px;
				color: #fff;	
				float: left;
				text-decoration: none;
				margin-left: 10px;
				letter-spacing: 0px;
				font-weight: bold;
			}
			
			.box-after-login .welcome {
				color: #fff;
			}
			
			.box-after-login .edit {
				color: #58b5e0;
				text-decoration: none;
			}
			
				.box-after-login .edit:hover {
					text-decoration: underline;
				}
			
			.box-after-login .logout {
				color: #f8be4d;
				text-decoration: none;
			}
			
				.box-after-login .logout:hover {
					text-decoration: underline;
				}
				
			#motto-segment {
				font-family: Arial;
				font-size: 17px;
				color: #3d464b;
				letter-spacing: -1px;
				float: right;
				margin-top: 37px;
			}
			
			#search-segment {
				float: right;
				margin-top: 8px;
			}
			
				#search-box {
					width: 209px;
					height: 25px;
					background-image: url('../images/batukar_search_box.png');
					background-repeat: no-repeat;
					background-position: top left;
					float: left;
					background-color: transparent;
					border: none;
					padding: 0px 30px 0px 10px;
					font-size: 10px;
					color: #858585;
				}
				
					#search-box:focus {
						outline: none;
					}
	nav {
		font-family: Arial;
		font-size: 16px;
		background-image: url('../images/batukar_menu_background.png');
		background-repeat: no-repeat;
		float: left;
		width: 1000px;
		height: 80px;
	}
	
#main-content {
	background-image: url('../images/batukar_banner_background.png');
	background-repeat: no-repeat;
	float: left;
	width: 1018px;
	margin-top: -7px;
	margin-left: -10px;
}

#banner {
	width: 1018px;
	height: 364px;
	float: left;

}
	
	#slideshow {
		width: 938px;
		height: 266px;
		float: left;
		margin-top: 8px;
		margin-left: 29px;
		padding: 11px;
		padding-right: 0px;
		overflow: hidden;
	}
	
		#slideshow-image {
			width: 700px;
			height: 288px;
			float: left;
			overflow: hidden;
			position: relative;
		}
		
		.list-banner {
			float: left;
			position: absolute;
		}
		
		#slideshow-caption {
			width: 188px;
			height: 248px;
			background-image: url('../images/caption-background.png');
			background-repeat: no-repeat;
			float: left;
			font-family: Arial;
			color: #fff;
			padding: 20px 25px;
		}
		
			#slideshow-title {
				font-size: 18px;
				font-weight: bold;
				display: block;
				width: 100%;
				margin-bottom: 10px;
				line-height: 20px;
			}
			
			#slideshow-content {
				font-size: 16px;
				font-weight: normal;
				display: block;
				width: 100%;
				line-height: 20px;
			}
			
			#slideshow-url {
				font-size: 16px;
				font-weight: normal;
				color: #97d8ff;
				text-decoration: none;
				line-height: 20px;
			}
			
				#slideshow-url:hover {
					text-decoration: underline;	
				}
	
	#slide-prev {
		position: absolute;
		width: 38px;
	 	height: 59px; 
		background-image: url('../images/left-arrow.png');
		background-repeat: no-repeat;
		background-position: top left;
		left: 0px;
		margin-left: 0px;
		margin-top: 124px;
		z-index: 300;
		float: left;
	}
	
	#slide-next {
		position: absolute;
		width: 38px;
		height: 59px;
		background-image: url('../images/right-arrow.png');
		background-repeat: no-repeat;
		background-position: top left;
		margin-top: 124px;
		margin-left: 0px;
		z-index: 300;
	}
	
	.nivo-directionNav {
		position: absolute;
		width: 976px;
	}
#batukar-logo {
	background-image: url('../images/batukar_logo.png');
	width: 302px;
	height: 111px;
	cursor: hand;
	cursor: pointer;
	float: left;
	margin-top: 17px;
}

#content {
	float: left;
	width: 940px;
	font-family: Arial;
	color: #3f3f3f;
	font-size: 12px;
	margin-top: -45px;
	padding: 0px 30px;
	padding-left: 50px;
}

.full-layout {
	float: left;
	width: 915px;	
}

.full-layout .links {
	width: 895px;
	float: left;
}

	.month-view .sticky-table {
		float: left;
		width: 100%;
	}
	
	.month-view .sticky-header {
		float: left;
		width: 100%;
	}
	
#content-second-layout {
	float: left;
	width: 920px;
	font-family: Arial;
	color: #3f3f3f;
	font-size: 12px;
	padding: 30px 50px;
	min-height: 500px;
}

.event-filter-control {
	float: left;
	width: 100%;
	display: block;
}

#event-type-filter-form select {
	float: left;
}

#event-type-filter-form .description {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
}

#content-first-segment {
	width: 670px;
	float: left;
	margin-right: 20px;
}
#content-direktori-segment {
	width: auto;
	float: left;
	padding-right: 20px;
}

#content-direktori-segment .block {
	float: left;
}

#content-first-segment .block {
	float: left;
}

	#opening-segment img {
		width: 50px;
		float: left;
		margin: 0px 10px 10px 0px;
	}
	
#content-second-segment {
	width: 230px;
	float: left;
}

	.batukar-block {
		float: left;
		color: #3f3f3f;
		padding-bottom: 13px;
		margin-bottom: 10px;
	}
	
		.batukar-block h2 {
			font-size: 18px;
			display: block;
			width: 100%;
			letter-spacing: -1px;
			margin-bottom: 5px;
		}
		
		#content-second-layout .block h2 {
			font-weight: bold;
			font-size: 24px;
			text-transform: none;
			margin: 20px 0;
			line-height: 24px;
			clear: both;  /* tambahan */
		}
		
			#content-second-layout .block .views-row h2 {
				font-weight: bold;
				font-size: 16px;
				text-transform: uppercase;
				margin-bottom: 5px;
			}
		
		#content-second-layout .block .blog-list h2 {
			width: 660px;
			line-height: 22px;
			text-transform: uppercase;
			margin-bottom: 10px;
		}
		
		#content-second-layout .block .blog-list h2 a {
			text-decoration: none;
			text-transform: uppercase;
			font-size: 18px;
			color: #0c5891;
		}

		#content-second-layout .block h2.h2-content, #content-second-layout .blog-list h2.h2-content {
			font-weight: bold;
			font-size: 16px;
			text-transform: uppercase;
			margin-bottom: 5px;
		}
		
		#content-second-layout .block h2.title {
			font-size: 16px;
			text-transform: uppercase;
			margin-bottom: 5px;
		}
		
		.article-banner {
			float: left;
			width: 660px;
			margin-top: 5px;
			margin-bottom: 20px;
		}
		
		.batukar-block p {
			color: #3f3f3f;
			line-height: 18px;
			font-family: Verdana;
			margin-bottom: 10px;
		}
		
		.batukar-block h3 {
			font-weight: bold;
			font-size: 14px;
			margin-top: 20px;
			margin-bottom: 20px;
		}
		
		.batukar-block a {
			font-family: Verdana;
			color: #0a689f;
			text-decoration: none;
			line-height: 18px;
		}
		
			.batukar-block a:hover {
				text-decoration: underline;
			}
		
		.narrow-block ul {
			margin-left: 15px;
			margin-top: 10px;
		}
		
		.batukar-block li {
			list-style: square;
			list-style-type: square;
			color: #0a689f;
			line-height: 18px;
			margin-bottom: 10px;
			font-size: 11px;
		}
		
		.batukar-block li a {
			text-decoration: underline;
		}
		
			.batukar-block li a:hover {
				text-decoration: none;
			}

	.wide-block {
		width: 100%;
		display: block;
		float: left;
	}
	
	.wide-block h2:first {
		text-transform: uppercase;
		margin-bottom: 10px;	
		font-size: 20px;
	}
	
	.wide-block h2 {
		text-transform: uppercase;
		margin-bottom: 10px;	
	}
	
	.wide-block {
		line-height: 18px;	
	}
	
	.wide-block p {
		line-height: 18px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.narrow-block {
		float: left;
		width: 330px;
		margin-right: 10px;
	}

		.news-content .narrow-block {
			width: 320px;
			margin-bottom: 30px;
		}
	
.news-content li {
	list-style: disc;
	border-bottom: 1px dotted #C1C1C1;
	margin: 0px 0px 5px 0px;	
	padding-bottom: 5px;
}

	.news-content li a {
		text-decoration: none;
	}

#wide-content {
	float: left;
	width: 100%;	
}

	#wide-block {
		background-color: #e1e1e1;
		float: left;
		width: 100%; /* 944px; */
		height: 232px;
		margin-left: 32px;	
	}
	
	#wide-block-header {
		background-color: #0c5891;
		height: 13px;
		float: left;
		width: 100%; /* 924px; */
		padding: 10px; /* 7px 10px; */
		color: #fff;
		font-family: Verdana;
		font-size: 12px;
		font-weight: bold;
	}
	
.blog-owner-block {
	width: 633px;
	height: 68px;
	background-image: url('../images/blog-owner-box.png');
	background-repeat: repeat-x;
	float: left;
	padding: 2px 10px;
	margin-bottom: 20px;
}

	.blog-owner-block img {
		width: 45px;
		margin-right: 10px;
		float: left;
	}
	
.blog-list {
	float: left;
	margin-bottom: 10px;	
}

.blog-list p {
	float: left;
	width: 660px;
	margin-right: 16px;
	line-height: 20px;
}

.view-filters {
	margin-bottom: 20px;
}

.blog-list .rating-box {
	float: left;
	width: 100%;
	display: block;
	margin-bottom: 10px;	
}

.blog-list-author {
	font-weight: bold;
	color: gray;
	text-decoration: none;
}

	.blog-list-author:hover {
		text-decoration: underline;
	}

	#content-second-layout .block .blog-list h2 a:hover {
		text-decoration: underline;
	}

	.blog-list-date-created {
		float: left;
		width: 100%;
		display: block;
		color: gray;
		font-style: italic;	
		font-size: 11px;
	}
	
.blog-img {
	width: 49px;
	height: 65px;
	overflow: hidden;
	float: left;
	margin: 0px 5px 0px 0px;
}

.blog-owner-block images {
	float: left;
	margin-right: 20px;
}

#blog-owner-name {
	float: left;	
	font-size: 32px;
	margin-top: 16px;
	text-transform: capitalize;
}

#tabulation-box {
	float: left;
	width: 308px;
	height: 254px;
	background-color: #e1e1e1;
	padding: 10px;
}

#tabulation-box .tab-active .bottom-triangle {
	font-size: 0px; line-height: 0%; width: 0px;
	border-top: 8px solid #0c5891;
	border-left: 7px solid #e1e1e1;
	border-right: 7px solid #e1e1e1;
	position: absolute;
	margin-top: 6px;
	margin-left: 53px;
}

	#tabulation-box .home-tab .bottom-triangle {
		display: none;
	}

.batukar-block .home-tab {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #1784c1;
	padding: 7px 10px;
	float: left;
	margin-right: 10px;
	cursor: hand;
	cursor: pointer;
	width: 120px;
	text-align: center;
}

	.batukar-block .home-tab:hover {
		text-decoration: none;
		background-color: #0c5891;
	}
	
.batukar-block .tab-active {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #0c5891;
	padding: 7px 10px;
	float: left;
	margin-right: 10px;
	cursor: hand;
	cursor: pointer;
	width: 120px;
	text-align: center;
}
	
		.batukar-block .tab-active:hover {
			background-color: #0c5891;
		}

		.tabulation-menu {
			float: left;
			display: block;
			width: 100%;
		}
		
		.tabulation-content {
			float: left;
			width: 100%;
			margin-top: 20px;
			font-family: Verdana;
			font-size: 11px;
			display: none;
		}
		
			.tab-content {
				float: left;
				width: 100%;
				display: block;
				margin-bottom: 10px;
				height: 95px;
			}
			
			.tab-content-image {
				float: left;
				width: 65px;
				height: 87px;
				border: 3px solid #fff;
				border-radius: 2px;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				margin-right: 10px;
			}
			
				.tab-content-image img {
					width: 65px;
				}
				
			.tab-content-title {
				font-weight: bold;
				display: block;
				float: left;
				width: 225px;
				margin-bottom: 5px;
			}
			
			.tab-content-desc {
				float: left;
				width: 225px;
				line-height: 15px;
				margin-bottom: 5px;
			}
		
			a.tab-content-anchor {
				color: #2c79ad;
				text-decoration: underline;
				cursor: hand;
				cursor: pointer;
			}
		
				a.tab-content-anchor:hover {
					text-decoration: none;
				}
		
	.lihat-lainnya {
		width: 96px;
		height: 21px;
		background-image: url('../images/lihat-lainnya.png');
		background-repeat: no-repeat;
		display: block;
		cursor: hand;
		cursor: pointer;
		float: right;
		margin-top: -13px;
	}
	
		.lihat-lainnya:hover {
			background-position: 0px -21px;
		}

#batukar-carousel li {
	background-color: #c7c7c7;
	float: left;
	width: 200px;
	height: 180px;
}

	#batukar-carousel a {
		display: block;
	}

	#batukar-carousel li .carousel-caption {
		float: left;	
		width: 180px;
		padding: 5px 10px;
		font-family: Verdana;
		font-size: 12px;
		color: #222222;
		text-align: center;
		line-height: 15px;
		height: 27px;
		overflow: hidden;
	}
	
	#batukar-carousel li .carousel-image {
		float: left;	
		width: 200px;
		height: 134px;
		text-align: center;
		overflow: hidden;
	}
	
	.carousel-image img {
		width: 200px;
	}
	
	.video-frame {
		background-image: url('../images/carousel-video-blocker.png');
		background-repeat: no-repeat;
		background-position: top left;
		position:absolute;
		width: 200px;
		height: 134px;
	}

.sidebar-box {
	width: 237px;
	background-color: #e1e1e1;
	float: left;
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 15px;
}

	.sidebar-content {
		float: left;
		width: 217px;
		padding: 10px;	
	}
	
	.sidebar-content p {
		line-height: 15px;	
	}
	
#praktik-cerdas-article-details {
	background-color: #e1e1e1;
	border: 1px solid #d3d3d3;	
	width: 228px;
	height: 43px;
	margin-bottom: 10px;
	float: left;
}

#praktik-cerdas-article-details p {
	margin: 0px;
	font-family: Arial;
	font-size: 11px;
	float: left;
	width: 100%;
	display: block;
	line-height: 16px;
}

	#praktik-cerdas-article-detail-wrap {
		width: 207px;
		height: 32px;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;	
		padding: 5px 10px;
		float: left;
	}
	
#praktik-cerdas-content {
	float: left;
	width: 670px;
}

	#praktik-cerdas-content .print-link {
		display: none;
	}
	
	#praktik-cerdas-content .article-info a {
		color: #868686;
		text-decoration: none;
	}
	
	#praktik-cerdas-content h1 {
		font-size: 26px;
		color: #454343;
		float: left;
		display: block;
		width: 100%;
		margin-bottom: 20px;
		line-height: 28px;
	}
	
	#praktik-cerdas-content .video {
		text-align: center;
		width: 100%;
		float: left;
		display: block;
	}
	
	#praktik-cerdas-content .article {
		float: left;
		margin-top: 0px;
		font-family: Verdana;
		font-size: 11px;
		color: #3f3f3f;
	}

		#praktik-cerdas-content .article p {
			float: left;
			width: 100%;
			display: block;
			margin-bottom: 20px;	
			font-size: 12px;
		}
		
		#praktik-cerdas-content .article-info {
			float: left;
			display: block;
			width: 100%;
			font-family: Verdana;
			font-size: 11px;
			font-weight: bold;
			color: #868686;
			margin-bottom: 10px;
		}
		
#block-views-directory_most_recent-block_3 .view-dom-id-2 .item-list {
	padding-left: 0px;
	margin-top: 0px;
}

.field-items a {
	color: #0C5790;
	text-decoration: none;
}

	.field-items a:hover {
		text-decoration: underline;
	}

table#attachments {
	float: left;
	width: 100%;	
	margin-top: 20px;
}

	table#attachments td a {
		color: #0C5790;
		text-decoration: none;
	}
	
		table#attachments td a:hover {
			text-decoration: underline;
		}

.gallery-container {
	display: none;
}

#gallery-photo-block {
	width: 633px;
	height: 220px;
	float: left;
	background-image: url('../images/background-article-gallery.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 10px;
	margin-top: 30px;
}

	#gallery-photo-block h1 {
		font-family: Verdana;
		color: #3b3b3b;
		font-size: 14px;	
		font-weight: bold;
		display: block;
		width: 100%;
		float: left;
		margin-bottom: 8px;
	}
	
	#gallery-photo-block p {
		font-family: Verdana;
		font-size: 11px;
		color: #3b3b3b;
		display: block;
		float: left;
		width: 100%;
		line-height: 15px;
		margin-top: 5px;
	}
	
.gallery-list {
	width: 186px;
	height: 122px;
	float: left;
	background-image: url('../images/frame-photo-gallery.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 9px;
	margin-right: 7px;
}

	.gallery-list .gallery-images-wrap {
		width: 186px;
		height: 122px;
		float: left;
		overflow: hidden;	
	}
	
	.gallery-list images {
		width: 186px;
	}
	
	.square-zoom {
		position:absolute;
		width: 25px;
		height: 19px;
		background-color: #fff;	
		margin-top: 103px;
		margin-left: 161px;
		background-image: url('../images/zoom-square.png');
		background-repeat: no-repeat;
		background-position: top left;
		cursor: hand;
		cursor: pointer;
	}

#comment-block {
	width: 653px;
	float: left;
	margin-top: 30px;
}

	#comment-header {
		float: left;
		width: 100%;
		display: block;
		font-family: Verdana;
		background-color: #0a689f;
		padding: 5px 10px;
		margin-bottom: 15px;
	}
	
	#comment-header .header-left {
		color: #fff;
		font-size: 14px;
		float: left;
	}
	
	#comment-header .header-right {
		float: right;
		cursor: hand;
		cursor: pointer;
		font-weight: bold;
		font-size: 10px;
		color: #fff;
		text-decoration: none;
	}
	
	.comment-list {
		width: 100%;
		background-color: #f4f4f4;
		padding: 10px;
		border: 1px solid #e1e1e1;
		float: left;
		margin-bottom: 15px;
	}
	
	.comment-pic {
		float: left;
		width: 53px;
		margin-right: 15px;	
	}
	
		.comment-pic images {
			width: 53px;
		}
	
	.comment-text {
		float: left;
		width: 100%;
	}
	
	.comment-title {
		font-size: 11px;
		font-weight: bold;
		color: #393939;
		font-family: Verdana;
		float: left;
		display: block;
		width: 100%;
		margin-bottom: 0px;
	}
	
		.comment-title a {
			color: #393939;
			text-decoration: none;
		}
		
	.comment-date {
		font-size: 10px;
		color: #8e8c8c;
		font-family: Verdana;
		float: left;
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
	
		.comment-date a {
			color: #8e8c8c;
		}
		
	.comment-content {
		font-size: 11px;
		color: #393939;
		font-family: Verdana;
		float: left;
		display: block;
		width: 100%;
	}
	
	.comment-anchor {
		float: right;
		font-family: Verdana;
		color: #0a689f;
		text-decoration: none;	
		font-size: 10px;
	}
	
		.comment-anchor:hover {
			text-decoration: underline;
		}
		
	.comment-list-reply {
		width: 655px;
		padding: 10px 0px;
		float: left;
		margin-bottom: 15px;
	}

		.indented {
			padding-left: 68px;
			float: left;
			background-image: url('../images/reply-decoration.png');
			background-repeat: no-repeat;
			background-position: top left;	
			margin-left:0px;
		}

	.forum-post {
		margin: 20px 0px;
	}
	
	.author-pane-line {
		line-height: 15px;
	}
	
		.author-pane-line a {
			color: gray;
			text-decoration: none;	
		}
			
			.author-pane-line a:hover {
				text-decoration: underline;
			}
			
	.author-pane {
		margin-right: 10px;	
	}
	
	.forum-jump-links a, .reply-count a, .post-num a {
		color: #0C5790;
	}
	
	.forum-post-links {
		margin-left: 0px;
	}
	
	#forum-comments .indented {
		width: 94%;
		float: left;
		background-image: none;
		margin-left: 20px;
		padding-left: 0px;
	}
	
	#forum-comments .forum-links {
		float: left;
		display: block;
		width: 100%;
	}
	
		.comment-links {
			width: 100%;
			float: left;
			text-align: right;
			background-color: transparent;
		}

			.comment-links ul.links {
				float: left;
				width: 100%;	
				background-color: transparent;
			}
			
		.reply-wrap {
			width: 565px;
			float: left;
			background-color: #f4f4f4;
			padding: 10px;
			border: 1px solid #e1e1e1;
		}

		.reply-wrap .comment-text {
			max-width: 490px;
		}

	.update-praktik-cerdas-list {
		float: left;	
		font-family: Verdana;
		font-size: 11px;
		margin-bottom: 20px;
	}

		.update-praktik-cerdas-list images {
			float: left;
			margin: 5px 5px 0px 0px;
		}

		.update-praktik-cerdas-list a {
			color: #2c79ad;
			text-decoration: underline;
			line-height: 18px;
		}

			.update-praktik-cerdas-list a:hover {
				text-decoration: none;
			}

		.update-praktik-cerdas-list p {
			color: #3f3f3f;
			line-height: 18px;
		}

#blog-pilihan-list {
	float: left;
	width: 205px;
	padding: 10px;
	margin-bottom: 0px;
}

	#blog-pilihan-list a{
		color: #195e8c;
		text-decoration: none;	
		line-height: 15px;
		margin-bottom: 8px;
	}

		#blog-pilihan-list a:hover {
			text-decoration: underline;
		}

#blog-owner-list {
	float: left;
	width: 225px;
	padding: 5px;
	margin-left: -7px;
}

.blog-owner-list img {
	width: 68px;
}

.blog-owner-list {
	float: left;
	margin: 3px 3px;
	width: 68px;
	height: 68px;
	overflow: hidden;
	cursor: hand;
	cursor: pointer;	
}

.accordion-menu-list {
	width: 100%;
	height: 405px;
	margin-left: -10px;
}

.sidebar-head {
	padding: 7px 10px;
	cursor: pointer;
	position: relative;
	margin: 1px;
    font-weight: bold;
    background-color: #0c5891;
    background-position: 214px 7px;
    background-repeat: no-repeat; 
    color: #fff;
    font-family: Verdana;
    font-size: 12px;
    width: 216px;	
}

.accordion-menu-head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin: 1px;
    font-weight: bold;
    background-image: url('../images/accordion-right-arrow.png');
    background-color: #2d87bc;
    background-position: 214px 7px;
    background-repeat: no-repeat; 
    color: #fff;
    font-family: Verdana;
    font-size: 12px;
    width: 216px;
}

#kiatguru .accordion-menu-head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin: 1px;
    font-weight: bold;
    background-image: url('../images/accordion-right-arrow.png');
    background-color: #c0c0c0;
    background-position: 214px 7px;
    background-repeat: no-repeat; 
    color: #fff;
    font-family: Verdana;
    font-size: 12px;
    width: 216px;
}

.accordion-active-head {
		background-color: #0c5891;
	}
	
#kiatguru .accordion-active-head {
		background-color: #a0a0a0;
	}
	
.accordion-menu-head:hover {
		background-color: #0c5891;
	}
#kiatguru .accordion-menu-head:hover {
		background-color: #a0a0a0;
	}

.accordion-menu-body {
	display: none;
	width: 206px;
	padding: 15px;
	padding-bottom: 25px;
}
#kiatguru .accordion-menu-body {
	display: none;
	width: 100%;
	padding: 15px;
	padding-bottom: 25px;
}

.accordion-menu-body {
	display: none;
	width: 206px;
	padding: 15px;
	padding-bottom: 25px;
}

.accordion-menu-body ul, #related-article ul {
	margin-left: 10px;	
}

.accordion-menu-body li, #related-article li {
	list-style: url('../images/list-arrow.png');
	margin-bottom: 13px;
	/* line-height: 14px; */
}

.accordion-menu-body a, #related-article a, .content .accordion-menu-body a {
	display:block;
  	color:#195e8c;
  	text-decoration: none;
  	font-family: Arial;
  	font-size: 11px;
}
#kiatguru.accordion-menu-body a, #related-article a, .content .accordion-menu-body a {
	display:block;
  	color:#195e8c;
  	text-decoration: none;
  	font-family: Arial;
  	font-size: 11px;
}
.accordion-menu-body a:hover, #related-article a:hover {
  	color: #195e8c;
  	text-decoration: underline;
}

.accordion-menu-body a.accordion-anchor, #related-article a.related-article-anchor {
	float: right;
	font-size: 9px;
	text-decoration: underline;
	display: block;
	margin-bottom: 15px;
}

.list-arrow {
	margin-left: 25px;
	margin-top: 15px;	
}

.list-arrow li {
	list-style: url('../img/faq-normal.png');
	margin-bottom: 10px;
	line-height: 14px;	
	font-family: Arial;
	font-size: 12px;
}

	.list-arrow li a {
		color: #0a689f;
		text-decoration: none;
	}
	
		.list-arrow li a:hover {
			text-decoration: underline;
		}
		
#accordion { width:100%; margin: 0; padding: 0; }
 
	#accordion .accordion-title{
		color:#0a689f;
		font: bold 12px Verdana;
		margin-bottom: 20px;
		cursor: pointer;
		cursor: hand;
		width: 850px;
		float: left;
		display: block;
		line-height: 18px;
		background-image: url('../images/faq-normal.png');
		background-repeat: no-repeat;
		background-position: 0px 5px;
		padding-left: 15px;
	}
	
		#accordion .accordion-active {
			background-image: url('../images/faq-active.png');
			background-repeat: no-repeat;
			background-position: 0px 10px;
		}
		
	#accordion .accordion-text{
		line-height: 18px;
		width: 800px;
		float: left;
		display: block;
		color: #3f3f3f;
		font-family: Verdana;
		font-size: 12px;
		font-style: italic;
		margin-bottom: 20px;
		padding-left: 30px;
	}
	
#breadcrumb {
	font-size: 10px;
	font-family: Arial;
	color: #454343;
	display: block;
	float: left;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
}

	#breadcrumb a {
		color: #0a689f;
		text-decoration: none;
	}
	
		#breadcrumb a:hover {
			text-decoration: underline;
		}

.breadcrumb {
	float: left;
	margin-right: 3px;
}

#related-article {
	float: left;	
}

#login-popup-block {
	position: absolute;
	width: 228px;
	height: 85px;
	background-color: #0c5891;
	margin-top: 40px;
	margin-left: 146px;
	padding: 8px;
	display: none;
	z-index: 300;
}

	#login-arrow {
		width: 12px;
		height: 8px;
		background-image: url('../images/login-triangle.png');
		background-repeat: no-repeat;
		background-position: top left;
		position: absolute;
		margin-top: -15px;
		margin-left: 165px;
	}

	#login-popup-block .text {
		float: left;
		background-color: #0d3e5a;
		border: 1px solid #1a68a2;
		color: #fff;
		padding: 3px 23px;
		width: 180px;
		height: 15px;
		margin-bottom: 7px;
		font-family: Arial;
		font-size: 11px;
	}
	
		#login-popup-block .text:focus {
			outline: none;
		}
	
	#login {
		float: right;
		width: 57px;
		height: 21px;
		background-image: url('../images/login-button.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;	
		border: none;
		background-color: transparent;
		cursor: hand;
		cursor: pointer;
	}
	
		#login:hover {
			background-position: 0px -21px;
		}
	
	#request-password {
		float: left;
		text-decoration: none;	
		color: #fff;
		font-family: Verdana;
		font-size: 10px;
		margin-top: 5px;
		margin-left: 2px;
	}
	
		#request-password:hover {
			text-decoration: underline;
		}
	
	#edit-name { 
		background-image: url('../images/username-bg.png');
		background-repeat: no-repeat;
		background-position: 5px 3px;
	}
	
	#edit-pass { 
		background-image: url('../images/password-bg.png');
		background-repeat: no-repeat;
		background-position: 5px 3px;
	}
	
#transparent-modal {
	background-color: white;
	opacity: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
	top: 0px;
	left: 0px;	
	filter: alpha(opacity = 0);
}

#addthis {
	float: right;
	text-align: right;
	display: block;
	width: 145px;	
	margin-bottom: 15px;
}

footer {
	float: left;
	background-color: #0c5891;
	height: 32px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-family: Arial;
	padding-top: 20px;	
	margin-top: 15px;
	margin-bottom: 50px;
}

.home-accordion {
	height: 410px;	
}

.blog-excerpt {
	float: left;
	width: 660px;	
}

	.blog-excerpt-first-segment {
		float: left;
		width: 460px;
	}
	
	.blog-excerpt-second-segment {
		float: left;
		width: 198px;	
	}
	
	.blog-excerpt a {
		color: #0c5891;
		text-decoration: none;	
	}
	
		.blog-excerpt a:hover {
			text-decoration: underline;
		}
		
.praktik-cerdas {
	
}

	.praktik-cerdas-excerpt-first-segment {
		float: left;
		width: 198px;
		margin: 0px 13px 0px 0px;
	}
	
	.praktik-cerdas-excerpt-second-segment {
		float: left;
		width: 449px;	
	}
	
	.praktik-cerdas-date-post {
		width: 49px;
		height: 40px;
		background-color: #737171;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		text-align: center;
		font-family: Arial;
		color: #fff;	
		float: left;
		padding: 3px;
		margin: 0px 10px 5px 0px;
	}
	
		.praktik-cerdas-date-post .the-date {
			font-weight: bold;
			font-size: 28px;
			display: block;
			float: left;
			width: 100%;
			margin-top: 5px;
		}
		
		.praktik-cerdas-date-post .the-month-year {
			font-weight: normal;
			font-size: 10px;
			float: left;
			width: 100%;
			display: block;
			letter-spacing: -1px;
		}
		
.pagination-block {
	float: left;
	display: table;
	width: 100%;
	background-color: #e7e7e7;
	height: 30px;
	margin-left: -10px;
	text-align: center;
}

	.pagination-wrap {
		margin: 0 auto;
		width: auto;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}
	
	.pagination-block a {
		color: #0c5891;
		margin-right: 5px;
	}
	
	.pagination-block a:hover {
		color: #353535;
	}
	
#pencarian-praktik-cerdas {
	font-family: Verdana;
	font-size: 11px;
}

	#pencarian-praktik-cerdas label {
		margin-bottom: 4px;
		float: left;
		display: block;
		width: 100%;
		color: #545454;
	}

	#pencarian-praktik-cerdas .text {
		margin-bottom: 10px;
		float: left;
		display: block;
		padding: 3px;
		min-width: 190px;
		font-family: Verdana;
		font-size: 11px;
		color: #545454;
	}
	
	#pencarian-praktik-cerdas .select {
		margin-bottom: 10px;
		float: left;
		display: block;
		min-width: 200px;
		padding: 3px;
		font-family: Verdana;
		font-size: 11px;
		color: #545454;
	}
	
	#pencarian-praktik-cerdas .button {
		margin-bottom: 10px;
		float: left;
		display: block;
		padding: 3px 10px;
		background-color: #0a689f;
		color: #fff;
		font-family: Verdana;
		font-size: 11px;
		border: none;
		padding-bottom: 5px;
		cursor: hand;
		cursor: pointer;
	}
	
		#pencarian-praktik-cerdas .button:hover {
			background-color: #064f7a;
		}
	
.box-blogger {
	float: left;
	width: 121px;
	height: 63px;
	background-color: #e1e1e1;
	margin: 0px 10px 5px 0px;
	padding: 7px;
	overflow: hidden;
	line-height: 12px;
}

	.box-blogger images {
		float: left;
		margin: 0px 7px 7px 0px;
	}
	
	.box-blogger .blogger-name {
		font-weight: bold;
		font-size: 11px;
		float: left;
		display: block;
		width: 65px;
		color: #3f3f3f;
	}
	
	.box-blogger .article-number {
		font-weight: normal;
		font-size: 11px;
		float: left;
		display: block;
		width: 65px;
		color: #3f3f3f;
		margin-top: 0px;
	}
	
	.box-blogger a {
		font-size: 11px;
		color: #0c5891;
		display: block;
		width: 65px;
		text-decoration: underline;
		float: left;
		margin-top: 10px;
	}
	
.tooltip-blog-owner {
	position: absolute;
	padding: 5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #0e3858;
	border: 2px solid #58b5e0;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;	
	color: #fff;
	display: none;
}

.tooltip-triangle {
	background-image: url('../images/tooltip-triangle.png');
	position: absolute;
	margin-top: 5px;
	margin-left: 0px;	
	width: 11px;
	height: 7px;
}

.sfHover .main-menu-triangle {
	width: 19px;
	height: 15px;
	background-image: url('../images/main-menu-triangle.png');
	background-repeat: no-repeat;
	position: absolute;
	margin-left: -7%;
	margin-top: 51px;
	z-index: 260;
}

/*
 * OVERWRITE CLASS
 */
.field.field-name-field-cover.field-type-image.field-label-hidden {
	clear: both;
	float:left; 
	margin:20px 10px 10px 0;
}


.batukar-block h1.bigger {
	font-size: 36px;
	margin-bottom: 20px;
}

.block h1.smaller {
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

.blue {
	color: #0c5891;
}

.tall {
	font-size: 24px;
}

.dashed-bottom-border {
	border-bottom: 1px dotted #cccccc;
}

.no-right-margin {
	margin-right: 0px;
}

.blog-list .no-float {
	float: none;
}

.menuparent {
	text-transform: uppercase;
	font-weight: normal;
}

.sf-depth-1 {
	font-family: Arial;
	font-size: 15pt;
}

/* DRUPAL OVERWRITE */
.views-admin-links {
	position: absolute;
	display: none;
}

	.views-admin-links li {
		float: left;
		list-style-type: none;
		list-style: none;
		margin-right: 5px;
	}
	
.block .edit {
	display: none;
}

.node h2 a {
	color: #0c5790;
	text-decoration: none;
}

	.node h2.title {
		margin-bottom: 0px;	
		line-height: 20px;
	}
	
	.node h2 a:hover {
		text-decoration: underline;
	}

.node .submitted, .block .submitted {
	color: #868686;
	font-family: Arial;
	font-size: 11px;
	margin-bottom: 5px;
	float: left;
	width: 100%;
	display: block;
	font-style: italic;
}

	.node-type-wikipage .submitted {
		margin-top: -10px;
		width: 630px;
	}

	.node .submitted a {
		color: #484848;
		text-decoration: underline;
	}
	
.full-layout .print-link {
	margin-top: -25px;	
}

.views-row {
	float: left;
	margin-bottom: 20px;
	width: 100%;
	display: block;
}

.form-item .description {
	color: #A1A1A1;
	display: block;
	clear: both;	
}

#edit-captcha-response {
	float: left;
}

.field-prefix {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

.links {
	float: left;
	width: 660px;
	background-color: #e7e7e7;	
	padding: 2px 5px;
	font-size: 11px;
}

.meta .links {
	float: left;
	width: 660px;
	background-color: transparent;	
	font-size: 11px;
	border-bottom: 1px dotted #cccccc;
	border-top: 1px dotted #cccccc;
	padding-bottom: 3px;
	padding-top: 3px;
}

.links .links {
	width: auto;
	border: none;
}

.taxonomy .links {
	background-color: transparent;	
	border: none;
}

.links .inline li {
	float: left;
	margin-right: 10px;
}

	.links .inline li a {
		font-family: Arial;
		font-size: 11px;
		color: #0c5790;
		text-decoration: underline;
	}

		.links .inline li a:hover {
			text-decoration: underline;
		}
		
	.links li a {
		font-family: Arial;
		font-size: 11px;
		color: #0c5790;
		text-decoration: underline;
	}

		.links li a:hover {
			text-decoration: underline;
		}

.taxonomy {
	float: left;
	width: 650px;
	padding: 2px 10px;
	display: block;
	border-top: 1px dotted #b3b3b3;
	margin-bottom: 0px;
	background-color: transparent;	
}

.taxonomy .links a {
	color: #919191;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	float: left;
	margin-right: 10px;
}

	.taxonomy .links a:hover {
		color: #000;
		text-decoration: none;
	}

.meta {
	background-color: transparent;
	float:left;
}

.meta .links a {
	color: #919191;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	float: left;
	margin-right: 10px;
}

	.meta .links a:hover {
		color: #000;
		text-decoration: none;
	}
	
.item-list .pager, .pager {
	float: right;
	width: auto;
	text-align: center;
	display: block;
	background-color: transparent; /* dulunya #e7e7e7 */
	padding: 8px 10px;
	margin-bottom: 20px;
}

	.full-layout .item-list .pager, .pager {
		width: 900px;
		margin-top: 20px;
	}

	.item-list .pager li, .pager li {
		float: left;
		margin-right: 10px;
	}
	
		.item-list .pager li a, .pager li a {
			color: #0d5891;
			text-decoration: none;
		}
		
		.item-list .pager li a:hover, .pager li a:hover {
			text-decoration: underline;
		}
		
.view-site-list td {
	padding: 20px 10px;
}

.view-site-list a {
	color: #0c5891;
	text-decoration: none;	
}

	.view-site-list a:hover {
		text-decoration: underline;
	}
	
.content a {
	color: #0c5790;
	text-decoration: underline;
}

a.glossary-term {
	color: #3F3F3F;
}

.content a.glossary-term {
	color: #fff;
}

	.content a.glossary-term acronym {
		color: #0c5790;
	}
	
	footer .content a.glossary-term acronym {
		color: #fff;
	}

.block-region {
	background-color: yellow;
	font-size: 18px;
	font-weight: bold;
}

.sidebar-comment-list {
	float: left;
	width: 95%;
	margin: 0px 10px 0px 0px;
}

	.sidebar-comment-list a {
		margin-bottom: 0px;
		float: left;
	}

.block-padding {
	width: 215px;
	/* padding: 5px 10px; */
	line-height: 18px;
}

.block-padding .view-content {
    margin: 10px;
}

.view .image-gallery-terms li {
	border: none;
	background-color: transparent;
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
}

ul.galleries .field-content a {
	text-decoration: none;
}

	ul.galleries .field-content a:hover {
		text-decoration: underline;
	}

.views-field {
	min-height: 30px;
	width: auto;
	float: none;
}

.galleries .views-field-description {
	float: left;
	width: 510px;
	min-height: 90px;
}

.panels-flexible-row .galleries .views-field-description {
	width: 480px;
}

ul.galleries .field-content p {
	color: #3F3F3F;
	font-family: Verdana;
	font-size: 12px;
	line-height: 18px;
	float: left;
	width: 510px;
	min-height: 90px;
}

ul.galleries h3 {
	color: #175F94;
	font-weight: bold;
	font-family: Verdana;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 5px;
}

.image-gallery-view-cover-thumbnail img {
	float: left;
	height: 90px;	
}

.views-field-image-gallery-count {
	font-family: Verdana;
	font-size: 11px;
	font-style: italic;
	color: #888;
	background-color: #E1E1E1;
	padding: 7px 10px;
	width: 300px;
	float: left;
}

.views-field-image-gallery-latest-time {
	font-family: Verdana;
	font-size: 11px;
	font-style: italic;
	color: #888;
	background-color: #E1E1E1;
	padding: 7px 10px;
	width: 330px;
	float: left;
	text-align: right;
}

.panels-flexible-row .views-field-image-gallery-latest-time {
	width: 300px;
}

.item-list .pager li a.pager-active, .pager li a.pager-active, a.pager-active {
	font-weight: bold;
	text-decoration: none;
	color: #424242;
	font-size: 14px;
}

.panels-flexible-row {
	margin-bottom: 10px;
}
.more-link a {
	color: #0c5891;
	font-weight: bold;
	text-transform: capitalize;
	text-decoration: underline;
}

#forum {
	font-family: Arial;
	font-size: 12px;
}

	#forum td, #forum th {
		vertical-align: middle;
		padding: 10px 0px;
	}
	
	#forum th {
		font-weight: bold;
		color: #4f4f4f;
		font-size: 14px;
		text-align: left;
		padding: 10px 5px;
	}

	#forum a {
		color: #4f4f4f;
		text-decoration: none;
	}
	
		#forum a:hover {
			text-decoration: underline;
		}

	#forum .name {
		font-weight: bold;
	}

	#forum #forum-statistics {
		margin-top: 20px;	
	}
	
	#forum #forum-statistics-header {
		line-height: 20px;
		font-size: 16px;
		font-weight: bold;
	}

	#forum #forum-statistics-statistics-body {
		line-height: 18px;
	}

.form-select, .form-text {
	padding: 3px 5px;
	float: left;
	margin-bottom: 5px;
        max-width:680px;
}

.views-operator, .views-widget, .views-submit-button {
	width: 100%:
	display: block;
}

.views-submit-button {
	float: left;
	width: 100%;
}

.form-submit {
	padding: 3px 5px;
	font-family: Arial;
	font-size: 12px;
}

.views-field {
	vertical-align: middle;
}

.views-table th {
	font-weight: bold;
	font-size: 14px;
	font-family: Arial;
	padding: 5px;
	color: #494949;
}

.views-table a {
	color: #0c5891;
	text-decoration: none;
}

	.views-table a:hover {
		text-decoration: underline;
	}
	
	.views-table .views-field {
		vertical-align: middle;
		padding: 5px 0px 5px 10px;
	}

	.views-table th.views-field {
		padding: 5px;
	}
	
	.views-table tr.odd {
		background-color: #f1f1f1;
	}
	
	.views-table tr.even {
		background-color: #fff;
	}
	
.field-item {
	float: left;
}

.meta {
	float: left;
	margin-bottom: 5px;
}

.og-mission {
	float: left;
	margin-bottom: 20px;
}

.event-calendar div.event {
	width: 134px;
	float: left;
	width: 100%;
}

.monthview .links {
	display: none;
}

/* CALENDAR EVENT */
.event-calendar th {
	background-color: #186299;
	color: #fff;
}

.event-calendar td.sat, .event-calendar td.sun {
	background-color: #e1e1e1;
}

.event-calendar div.monthview .title {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
}

.event-calendar td.selected {
	background-color: #607179;
	color: #fff;
	font-weight: bold;
}

.event-calendar .end {
	padding-left: 3px;
}

.event-calendar div.title a {
	color: #3c3c3c;
}

.event-calendar div.title a:hover {
	text-decoration: underline;
	color: #3c3c3c;
}

.event-calendar span a {
	color: #000;
}

.event-calendar td {
	background-color: #c0c0c0;
	color: #6f787d;
	text-align: center;
	vertical-align: middle;
	display:table-cell;
}

.event-calendar td, .event-calendar th {
	border: 1px solid #d1d1d1;
}

.event-calendar td {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding: 2px;
}

.event-calendar td a {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #0a689f;
}

.month-view caption {
	margin-bottom: 5px;	
}

.month-view caption a {
	font-weight: bold;
	text-decoration: none;
	color: #3e3e3e;
	font-size: 14px;
	margin: 0 auto;
}

.event-calendar .prev {
	float: left;
}

.event-calendar .prev a, .event-calendar .next a {
	font-size: 18px;
}

.event-calendar .next {
	float: right;
}

.glossary-admin-links {
	display: none;
}

p.glossary-description {
	margin: 0px;
	margin-bottom: 20px;
}

#wiki-glossary #glossary-initial {
	float: left;
	padding: 17px 20px;
	color: #fff;
	font-family: Arial;
	font-size: 30px;
	font-weight: bold;	
	background-color: #0a689f;
	text-transform: uppercase;
}
	
#wiki-glossary .view-wiki-default .view-content .item-list ul {
	float: left;
	margin-left: 15px;
	border-left: 1px solid #cccccc;
	padding-left: 15px;
	width: 400px;
}
	
	#wiki-glossary .view-wiki-default .view-content .item-list li {
		list-style: none;
		list-style-type: none;
		font-family: Verdana;
		font-size: 12px;
		color: #0a689f;
		padding: 0px;
		margin: 0px;	
		margin-bottom: 5px;
	}

		#wiki-glossary .view-wiki-default .view-content .item-list li a {
			text-decoration: none;	
		}
		
			#wiki-glossary .view-wiki-default .view-content .item-list li a:hover {
				text-decoration: underline;
			}
			
.glossary-links {
	padding: 5px 0px;
}

.glossary-links a {
	color: #0a689f;
	font-weight: bold;
	text-decoration: none;
}
	
	.glossary-alphabar-instructions {
		font-size: 12px;
	}
	
	.glossary-links a:hover {
		background-color: #0a689f;
		color: #fff;
	}
	
.glossary-letter {
	font-size: 30px;
	padding: 17px 20px;
	background-color: #0A689F;
	font-family: Arial;
	color: #fff;
	float: left;
	margin: 10px 0px 10px 320px;
}

.glossary-list a {
	color: #0a689f;
	text-decoration: none;
}

	.glossary-list a:hover {
		text-decoration: underline;
	}

.item-list ul li {
	margin-left: 0px;
	list-style: none;
}

div.diff-inline-controls {
	background-color: transparent;
}

div.dev-query {
	position: fixed;
	bottom: 0px;
}

.user-active-menu a.sf-with-ul {
	padding: 0px 14px;
}

.block ul.kontribusi-link {
	float: left;
	margin-top: 20px;
	clear: both;
}

	.block ul.kontribusi-link li {
		background-color: #e7e7e7;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding: 5px 5px;
		margin: 10px 10px 0px 0px;
		width: 150px;
		float: left;
		text-align: center;
	}

	.block ul.kontribusi-link li:hover {
		background-color: #dbdada;
	}
	
		.block ul.kontribusi-link li a {
			text-decoration: none;
		}

h3 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.view-photo-list td {
	padding: 10px 0px;
}

.view-dom-id-2 .attachment {
	float: left;
	width: 100%;
	display: block;
	padding: 8px 0px;
	text-align: center;
	background-color: #e1e1e1;
}
.attachment.attachment-before {
	float: left;
	width: 100%;
	display: block;
	padding: 8px 0px;
	text-align: center;
	background-color: #e1e1e1;
}

	.view-dom-id-2 .item-list {
		/*border-left: 1px solid #ccc;*/
		/*margin-left: 15px;*/
		float: left;
		padding-left: 15px;
		margin-top: 15px;	
	}
	
		.view-dom-id-2 .item-list a {
			color: #0A689F;
			font-family: Verdana;
			font-size: 12px;
			text-decoration: none;
		}
		
			.view-dom-id-2 .item-list a:hover {
				text-decoration: underline;
			}
	
	.view-dom-id-2 .views-summary {
		color: #0A689F;
		font-family: Verdana;
		font-size: 12px;
	}
	
	.view-dom-id-2 .views-summary a {
		font-weight: bold;
		color: #0A689F;
		text-decoration: none;
	}

		.view-dom-id-2 .views-summary a:hover {
			text-decoration: underline;
		}

.search-advanced a {
	color: #0c5891;
}

.search-form {
	float: left;
	display: block;
	width: 100%;
	margin-bottom: 15px;
	margin-top: -20px;
}

.search-results .title a {
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}

	.search-results .title a:hover {
		text-decoration: underline;	
	}
	
#content-second-layout .search-content h2 {
	float: left;
	width: 900px;
	background-color: #e1e1e1;
	color: #464646;
	text-transform: uppercase;
	font-size: 14px;
	padding: 5px 10px;
}

#content-second-layout .search-content h2.search-title {
	background-color: transparent;
	text-transform: none;
	font-size: 24px;
	font-weight: bold;
	padding:0px;
}

.search-results dd {
	margin-bottom: 20px;
	border-bottom: 1px dotted #a0a0a0;
}

.search-results .search-info {
	color: #a0a0a0;
	font-style: italic;
}

.event-calendar div.links {
	display: none;
}

.direktori-link-list {
	float: left;
	width: 300px;
	margin-right: 22px;
	margin-bottom: 22px;
}

.direktori-link-list .plus-icon {
	float: left;
	width: 32px;
	height: 32px;
	background-image: url('../images/plus-icon.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
}

.direktori-link-list .direktori-link-title {
	font-family: "Arial";
	font-size: 16px;
	font-weight: bold;
	float: left;
	width: 255px;
	margin-top: 7px;
	margin-left: 10px;
	text-transform: uppercase;
	text-decoration: none;
}

	.direktori-link-list .direktori-link-title:hover {
		text-decoration: underline;
	}

.direktori-link-list .direktori-link-desc {
	float: left;
	width: 100%;
	display: block;
}

.comments {
	float: left;
	margin-top: 20px;
}

.form-item label {
	float: left;
	width: 100%;
}

.node-type-donor_matrix .field-field-dm-pdf-thumb {
	float: left;
	margin-right: 10px;
}

.node-type-donor_matrix .field-field-dm-info {
	float: left;
	width: 580px;
}

.node-type-donor_matrix .field-field-dm-url {
	float: left;
	width: 580px;
	display: block;
}

.node-type-donor_matrix .field-field-dm-pdf-file {
	float: left;
	display: block;
	width: 580px;
}

.node-type-donor_matrix .field-field-dm-pdf-file .field-item {
	width: 100%;
}

.field-label-inline-first {
	display: block;
	width: 100%;
	float: left;
}

.field-item {
	float: left;
	display: block;
	width: 100%;	
}

.tipsy { position: absolute; 
	z-index: 100000; 
	padding: 5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #0e3858;
	border: 2px solid #58b5e0;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;	
	color: #fff;
	display: none;
}

  .tipsy-inner { color: white; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius: 3px; }
  .tipsy-arrow { position: absolute; background: url('../images/tooltip-triangle.png') no-repeat top left; width: 11px; height: 14px;}
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 14px; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: -7px; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
  
.gallery-img-wrap {
	width: 186px;
	height: 122px;
	overflow: hidden;
	float: left;
}

.nrelated-article li {
	margin-bottom: 5px;
}

	.nrelated-article li a {
		text-decoration: none;
	}
	
	.nrelated-article li a:hover {
		text-decoration: underline;
	}

ol {
	margin-left: 15px;
}

ol li {
	list-style: decimal;
}

#block-views-blogs_list-block_3 .view-dom-id-2 .item-list {
	margin: 0px;
	padding: 0px;
}

.view-id-site_list table {
	float: left;
}

.webform-component-pesan label {float: left; width: 100%; display: block;}
.webform-component-pesan .form-textarea {
	float: left;
}

html.js .resizable-textarea textarea {
	float: left;
}

.view-id-og_files .item-list {
	margin: 0px;
	padding: 0px;
}

.field-field-dm-pdf-preview {
	float: left;
	margin: 20px 0px;
}

.field-field-ref-link {
	float: left;
	width: 100%;
	margin: 20px 0px;
}

.field-field-ref-link a {
	word-wrap: break-word;
}

div.error, tr.error {
	padding: 10px;
	margin-bottom: 20px;
}

/* Project Profile */


.views-project-label {
font-weight:bold;
width:200px;
float:left;
}

.views-project-content {
margin-left:200px;
}

.views-label {
font-weight:bold;
}

.project-label-body {
font-weight:bold;
margin-top:10px;
}

.views-label.views-label-body {
font-weight:bold;
line-height:40px;
}

/* Table project list */

.fix-width-40 {
width: 42%;
}
.fix-width-20 {
width: 16%;
}

.project .views-field {
min-height: 20px;
}

.views-field.views-field-title {
line-height: 20px;
}

.views-label.views-label-field-referensi  {
line-height: 30px;
}

.views-field.views-field-upload {
line-height: 30px;
}

Custom carousel for Melayani page

.jcarousel-skin-default .jcarousel-container-horizontal {
    width: 100%;
    height: 160px;
    padding:0;
    margin:0;
}
.jcarousel-skin-default .jcarousel-prev-horizontal {
    top: 80px;
    left:-30px;
}
.jcarousel-skin-default .jcarousel-next-horizontal{
    top: 80px;
    right: -30px;
}
.jcarousel-skin-default .jcarousel-clip-horizontal {
    width: 100%;
}
.jcarousel-skin-default .jcarousel-item {
    height:160px;
}
.jcarousel-skin-default {
    margin-bottom:20px;
}
.titleblock {
    line-height:1.5;
}


/* Colomn 50% adopted dari css boostrap */
.col-xs-50,
.col-sm-50,
.col-md-50,
.col-lg-50 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-50 {
    width: 47%;
    float: left;
}

@media (min-width: 768px) {
.col-sm-50 {
        width: 47%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-50 {
        width: 47%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-50 {
        width: 47%;
        float: left;
    }
}

/* Colomn 25% adopted dari css boostrap */
.col-xs-25,
.col-sm-25,
.col-md-25,
.col-lg-25 {
    position: relative;
    min-height: 1px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 5px;
}

.col-xs-25 {
    width: 23%;
    float: left;
}
.col-sm-25,
.col-md-25 {
        width: 23%;
        float: left;
}

@media (max-width: 420px) {
.col-sm-25,
.col-md-25 {
        width: 100%;
        float: left;
    }
}


@media (min-width: 1200px) {
    .col-lg-25 {
        width: 23%;
        float: left;
    }
}

/* Colomn 33% adopted dari css boostrap */
.col-xs-33,
.col-sm-33,
.col-md-33,
.col-lg-33 {
    position: relative;
    min-height: 1px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 5px;
}

.col-xs-33 {
    width: 31%;
    float: left;
}

@media (min-width: 768px) {
.col-sm-33 {
        width: 32%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-33 {
        width: 32%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-33 {
        width: 32%;
        float: left;
    }
}

/* End colomn 25% adopted dari css boostrap */

.kiri20 {
    margin-left: 20px;
}

.content ul {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 1em;
}
.c_content ul {
    margin-left: 20px;
}

/* Kiat Guru Font */

#kiatguru p, ul {
	font-family: Arial; /*Open Sans; */
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}

#kiatguru h2 {
    font-family: Arial; /* Philosopher; */
    font-weight: bold;
    font-size: 24px;
    text-transform: none;
    margin-bottom: 20px;
    line-height: 24px;
}

#kiatguru span h5 {
	font-family: Arial; /*Open Sans; */
}

#kiatguru .views-field {
	font-family: Arial; /*Open Sans; */
}

.overlay-inner h3 {

    text-transform: capitalize;

}

.pane-title {
    margin: 0px 0 30px;
    background: url('../images/heading_bgr.png') left top repeat-x;
}
.pane-title h2 {
    display: inline;
    font-weight: 300;
    font-size: 28px;
    line-height: 28px;
    background: #fff;
    margin: 0;
    padding-right: 10px;
}

.pb40 {
    padding-bottom: 40px;
}
footer .content a {
    color: #fff;
}

.content li ul {
    list-style: circle;
    margin-left: 30px;
}

.thumbleft {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
}

#firstpane {
    display: contents;
}

/* Webform Inspirasi */

.inspirasi .form-text {
    float: none;
}
.inspirasi label {
    margin: 10px 0;
    font-size: 14px;
    float: none;
}
.inspirasi .form-radios {
    margin: 0 0 20px 20px;
}
.ui-front {
    z-index: 300;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.undefined.ui-draggable {
    position: absolute;
    display: block;
    height: auto;
    width: 700px;
    left: 300px;
    top: 150px;
}

.ds-2col-fluid > .group-right {
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ds-2col-fluid > .group-left {
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ds-2col-fluid img {
    max-width: 100%;
    height: auto;
}
.imagebody {
    width: 25%;
    margin: 20px auto;
}
.imagebody img {
    width: 100%;
    height: auto;
}
.center {
    text-align: center;
}