@charset "utf-8";
@font-face {
	font-family: "Conv_Fontin_Sans_SC_45b";
	src: url(font/Fontin_Sans_SC_45b.eot);
	src: local("Conv_Fontin_Sans_SC_45b"), url(font/Fontin_Sans_SC_45b.ttf) format("truetype");
}
@font-face {
	font-family: "Fontin_Reg";
	src: url(font/Fontin-Regular.eot);
	src: local("Fontin_Reg"), url(font/Fontin-Regular.ttf) format("truetype");
}
@font-face {
	font-family: 'MyriadPro-Semibold';
	src: url('font/MyriadPro-Semibold.eot');
	src: local('?'), url('font/MyriadPro-Semibold.woff') format('woff'), url('font/MyriadPro-Semibold.ttf') format('truetype'), url('font/MyriadPro-Semibold.svg') format('svg');
}
@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('font/MyriadPro-Regular.eot');
	src: local('?'), url('font/MyriadPro-Regular.woff') format('woff'), url('font/MyriadPro-Regular.ttf') format('truetype'), url('font/MyriadPro-Regular.svg') format('svg');
}
body {
	margin: 0px;
	padding: 0px;
	background-image: url(images/background.jpg);
	background-position: top left;
}
input, select, textarea {
	font-family: "Fontin_Reg";
	font-size: 16px; 
	line-height: 20px;
	color: #808080;
	border: 1px solid #3C99E6;
}
#clear {
	clear: both;
}
.outside-container {
	margin:0 auto;
	width:1024px;
	background-color: #fff;
}
.logo {
	width: 391px; height: 113px; float: left;	z-index: 10;
	position: relative;
}
.block-menu {
	background-image: url(images/bg-header.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 633px; height: 113px; float: left;
	z-index: 10;
	position: relative;
}
.block-menu ul {
	list-style-position: inside;
	list-style-type: none;
	padding: 0px;
	margin-top: 71px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
.block-menu ul li {
	margin: 0px; padding: 0px;
	z-index: 1px;
}
.block-slide {
	/*margin-top:10px;*/
	top:-32px;
	position: relative;
}
.block-content {
	margin-top:85px;
	height: 480px;
}
.block-contact {
	margin-top: 55px;
	margin-left: 52px;
	font-family: "Fontin_Reg";
	font-size: 14/20px; 
	line-height: 20px;
	color: #6d6e71;
}
.block-content h1, .block-contact h1 {
	font-family: "Fontin_Reg";
	font-size: 17.28pt;
	font-weight: bold;
	color: #1769af;
}
.block-content h2, .block-contact h2 {
	font-family: "Fontin_Reg";
	font-size: 14.28pt;
	font-weight: normal;
	color: #1769af;
}
.content-text {
	font-family: "Fontin_Reg";
	font-size: 16px; 
	line-height: 20px;
	color: #6d6e71;
}
.content-text img {
	padding-right: 20px;
}
.content-text h2 {
	font-family: "Fontin_Reg";
	font-size: 16px;
	font-weight: normal;
	color: #5eb1d4;
}
.sub-link {
  margin-left: 5px;
	margin-top: 25px;
	font-family: "Fontin_Reg";
	font-size: 12pt;
	font-weight: bold;
	color: #1769af;
}
.sub-link a {
	color: #1769af;
	text-decoration: none;
}
.sub-link a:hover {
	color: #74b9d9;
	text-decoration: none;
}

.fl {
	float:left;
}
.class-images {
	width: 604px;
	text-align: center;
}
.arrow-icon {
	width: 44px;
	padding-top:200px;
}
.fr {
	float:left;
}
.fr H1, .fr H2 {
	margin: 0px; padding: 0px;
	margin-bottom: 10px;
}
.fr H3 {
	margin:0px; padding: 0px;
	color: #5eb1d4;
	font-weight: normal;
	font-size: 16px;
}
.fr .active {
	color: #1769af;
}
.fr .link {
	color: #5eb1d4;
}
.fr a {
	text-decoration:none;
}
.fr a:hover {
	text-decoration:none; 
	color: #1769af;
}
.class-content{
	width: 286px;
}
.about-pregnancy {
	margin-top:50px;
}
.sub-link-about ul {
	margin: 0px; padding: 0px; float:left; list-style: none;
	margin-top: 25px;
}
.sub-link-about li {
	float:left;
	margin-right:3px;
}
.sub-link-about li a {
	text-decoration: none;
	font-family: "Fontin_Reg";
	font-size: 12pt;
	color: #5eb1d4;
}
.sub-link-about li a:hover {
	color: #1769af;
}
.block-footer {
	background-image: url(images/bg-footer.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:41px; width: 1024px;
	font-family: "Fontin_Reg";
	font-size: 10px; 
	color: #ffffff;
	margin:0 auto;
	width:1024px;
}
.copyright {
	font-family: Arial, Tahoma;
	font-size: 10px; 
	color: #E9E9E9; padding-right: 10px;
	text-align: center;margin-right: 10px; 
	float:left; width: 715px; padding-top: 14px;
}
.sosmed {
	font-family: Arial, Tahoma; 
	font-size: 10px; 
	color: #E9E9E9; 
	float:left; width: 80px; padding-top: 5px; margin-left: 0px;
}
.ui-corner-top { 
	-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; 
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;  border-top-right-radius: 4px; 
}

/*
.pagination{
	width:180px; text-align:left; padding:10px 10px 0 20px; 
	font-size:11px; font-weight:bold; 
	top:0; z-index:5000; top: 675px; 
	height:40px; margin:10px 0 0 0; 
}
*/
.pagination{
	margin: 0 auto;
	padding-top: 240px;
	padding-left: 420px;
	padding-bottom: 10px;
}
.pagination a{
	padding:10px 12px; text-decoration:none; color:#FFF; width:auto; 
	background-image:url(images/bg_paging.png); 
	background-repeat:no-repeat; background-position:center center
}
.pagination a:hover{
	color:#000; background-image:url(images/bg_paging_selected.png); 
	background-repeat:no-repeat; background-position:center center; 
	border:0
}
.pagination a.selected{
	color:#000; background-image:url(images/bg_paging_selected.png); 
	background-repeat:no-repeat; background-position:center center; 
	border:0
}

/*
#jsddm{}
#jsddm li {	float: left; list-style: none; }
#jsddm li a {	display: block; width: auto; }
#jsddm li a:hover { }
#jsddm li ul {margin-left: 0px; margin-top:0px; position: absolute; visibility: hidden;}
#jsddm li ul li { position: relative; float: none; margin-top: 0px;z-index: 7500;}
#jsddm li ul li a {	width: auto; position: relative; z-index: 7500;}
#jsddm li ul li a:hover { text-decoration: none; position: relative; color: #FFFF00; z-index: 7500;}
#jsddm li ul li:hover {	width: auto; height: auto; position: relative; z-index: 7500;}
*/

#jsddm 					{}
#jsddm li 				{ float: left; list-style: none; }
#jsddm li a 			{ display: block; }
#jsddm li a:hover 		{}
#jsddm li ul 			{margin-left: 0px; margin-top:0px; position: absolute; visibility: hidden;}
#jsddm > li:hover ul,
#jsddm > li:hover ul li:hover ul { visibility: visible; opacity: 1; }
#jsddm ul 				{}
#jsddm > li:hover ul li ul { visibility: hidden; margin: -33px 0 0 98px;}
#jsddm li ul li 		{
	float: none;
    display: inline;
    position: relative;
}
#jsddm li ul li a 		{ width: auto; }
#jsddm li ul li a:hover {}



#mcs_container {position:relative; height:250px; width:300px; margin-top:10px; }
.customScrollBox { position:relative; height:100%; overflow:hidden; }
.customScrollBox .container {position:relative; width:250px; top:0; float:left; }
.customScrollBox .content{
	font-family: "Fontin_Reg", verdana;
	font-size: 15px; 
	line-height: 21px;
	margin-left:10px;
	color: #6d6e71;
	z-index:1000; 
	clear:both;
	width: 260px;
	
}
.dragger_container{position:relative; width:5px; height:213px; float:left; margin:20px 0 0 41px; background:#f2f3f3; cursor:pointer -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:s-resize;}
.dragger{position:absolute; width:5px; height:40px; background:#74b9d9; text-align:center; line-height:10px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.dragger_pressed{position:absolute; width:5px; height:40px; background:#1769af; text-align:center;line-height:10px; color:#666; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:s-resize;}

.scrollUpBtn, .scrollDownBtn{position:absolute; display:inline-block; width:14px; height:15px; margin-right:0px; text-decoration:none; right:0;}
.scrollUpBtn{top:0px; background:url(images/top.png) center center no-repeat;}
.scrollDownBtn{bottom:0px; background:url(images/down.png) center center no-repeat;}
.scrollUpBtn:hover, .scrollDownBtn:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}

.customScrollBox .content, table, tr, td {
	font-family: "Fontin_Reg", verdana;
	font-size: 14/20px; 
	line-height: 21px;
	margin-left:10px;
	color: #6d6e71; 
	z-index:-1000px;
	clear:both;
}
.customScrollBox .content, input {
	font-family: "Fontin_Reg", verdana;
	font-size: 20/20px; 
	line-height: 21px;
	color: #6d6e71;
}

.basic  {
	font-family: "Fontin_Reg", verdana;
	font-size: 13/20px; 
	line-height: 21px;
	margin-left:10px;
	color: #6d6e71;
}
.basic div {
	margin-bottom: 10px;
	margin-left: 25px;
	color: #6d6e71;
}
.basic div ul{
	margin: 0px; 
}
.basic div li {
	margin-left: -15px;
	margin-bottom: 5px;
}
.basic a {
	cursor:pointer;
	display:block;
	font-family: "Fontin_Reg", verdana;
	font-size: 13/20px; 
	line-height: 21px;
	color: #1769af;
	margin-bottom: 10px;
}
.basic a:hover {
	color: #1769af;
}
.basic a.selected {
	color: #1769af;
}

#tanggal {
	font-size:10px;	
}
#nama_bulan {
	font-size:13px;
	background-color:#669;
	color:#FFF;
	font-weight:bold;
}
#grafik td {
	height:14px;
	width: 11px;
}

#separator {
	width: 1px !important;
}

#legends {
	width: 12px !important;
}
#keterangan {
	font-size:11px;
	font-weight:bold;
}
.required {
	background-color: #FFC4C4;
}




.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 9999987987987;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	display: none;
}

.modalDialog:target {
	opacity:1;
}

.modalDialog > div {
	width: 640px;
	position: relative;
	margin: 5% auto;
	padding: 20px 20px 20px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }