/* CSS Document */

body {
	margin-top: 20;
	margin-bottom:20;
	margin-left:0;
	margin-right:0;
	padding: 0;
	/*font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #666666; 
	background: #A9BAC3 url(bg.gif) repeat-x;
	text-align: center; */
}

/***********************
	  LAYOUT
************************/
#wrap {
	
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	background-color:#ffffff;
}


/*---Header Area---*/

#masthead{
	
	width: 1000px;
    height: 80px;
    padding: 0px;
    margin-bottom: 5px;
    margin-top: 5px; 
	/* background-image: url("images/header_1.jpg"); */
	
}

#head1{
	float:left;
    width: 617px;
    height: 100%;
    padding: 0px;
    margin-left: 3px; 	
}

#head2{
	float:left;
	width: 368px;
	height: 100%;
	padding: 0px;
	
	
   	/* background: #FFCCCC; */
}

#logobig{
	text-align: left;     
}
#homebutton{
	text-align: left;
    height: 20px;
    padding: 0px;
    margin-top:60px;
    background: white;    
}


.flexible1
{
	float:left;
	width: 65px;
	height: 22px;
	padding: 0px;
	margin: 0px auto;
	
	
}

#registermember{
	float:left;
	width: 280px;
	height: 22px;
	padding: 0px;
	margin: 0px auto;
}


/*---TOP BANNER---*/

#bannerAtas1
{
	border:1px solid #E9E0DA;
	background-color:#F6F6EF;
	padding:6px;
	/*height:90px;*/
}

#bannerAtas1-slot2 {
	width: 334px; 
	height: 80px;
	margin-top: 6px;
	margin-bottom: 6px;
	float: left;
	text-align:center;
}

#bannerAtas1-slot3 {
	width: 332px; 
	height: 80px;
	margin-top: 6px;
	margin-bottom: 6px;
	float: left;
}



/*---TOP NAVIGASI---*/

#navigasiAtas {
	clear: both;
	
	height: 46px;
	background: url("../images/backG_topnav.jpg") repeat-x;
	margin-top:5px;
	
}


.navSub01 {
/*	padding-top: 3px;
	padding-bottom:5px; 
	padding-left:10px;
	float:left;*/
	FONT-SIZE: 12px; 
	COLOR: #666666; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
}

.navSub01 a {
	FONT-SIZE: 12px; 
	COLOR: #666666;
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
}
.navSub01 a:hover {
	FONT-SIZE: 12px; 
	COLOR: #DD0067;
	FONT-FAMILY: Verdana;
}

.navSub01 a:active {
	FONT-SIZE: 12px; 
	COLOR: #DD0067; 
	FONT-FAMILY: Verdana; 
}






/*---CONTENT---*/

#content {
	
	width: 1000px; 
	height: 100%;
	margin-top:5px;
	/*background-color:#CCFFFF;*/
	
}

#content-kiri {
	
	width: 190px; 
	height: 100%;
	
	margin-bottom: 6px;
	float: left;
	/*background-color:#00cccc; */
	
}

#content-tengah {
	
	width: 500px; 
	height: 100%;
	margin-bottom: 6px;
	float: left;
	/*background-color:#00ff00;*/
	
}

#content-tengah-lv3 {
	
	width: 690px; 
	height: 100%;
	margin-bottom: 6px;
	float: left;
	/*background-color:#00ff00;*/
	
}

#content-tengah2 {
	
	width: 690px; 
	height: 100%;
	margin-bottom: 6px;
	float: left;
	/*background-color:#00ff00;*/
}

#content-kanan {
	width: 300px; 
	margin-bottom: 6px;
	float:right;
	/*padding-left:7px;*/
	/*float:left;*/
	/*background-color:#ccff00;*/
}

.content-level2 {
	
	width: 810px; 
	height: 100%;
	margin-bottom: 6px;
	float: left;
	/*background-color:#00ff00;*/
	
}



/* LIST MORE KONTENT */

.listKonten {
	width: 235px;
	padding-top: 3px;
	padding-bottom:5px;
	padding-left:10px;
	FONT-SIZE: 11px; 
	COLOR: #048DAD; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
	background: url("../images/dot_03.gif") repeat-x bottom;
}
.listKonten a {
	FONT-SIZE: 11px; 
	COLOR: #048DAD;
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
}
.listKonten a:hover {
	COLOR: #DD0067;
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
}

.listKonten03 {
	
	padding-top: 3px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	FONT-SIZE: 11px; 
	COLOR: #048DAD; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
	background: url("../images/dot_03.gif") repeat-x bottom;
}
.listKonten03 a {
	FONT-SIZE: 11px; 
	font-weight:  none; 
	COLOR: #048DAD;
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
}
.listKonten03 a:hover {
	FONT-SIZE: 11px; 
	font-weight:  none; 
	COLOR: #DD0067;
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
}

.listKonten04 {
	
	padding-top: 3px;
	padding-bottom:5px;
	
	padding-right:10px;
	FONT-SIZE: 11px; 
	COLOR: #048DAD; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
	
}
.listKonten04 a {
	FONT-SIZE: 11px; 
	font-weight:  none; 
	COLOR: #048DAD;
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
}
.listKonten04 a:hover {
	FONT-SIZE: 11px; 
	font-weight:  none; 
	COLOR: #DD0067;
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
}


/* BOX LEFT*/
.boxLeft{
	
	width: 180px;
	/*background: url("../images/boxLeft_backG.gif");*/
 }
 
 .boxLeft-2{
	width: 180px;
	margin-top:5px;
	
	/*background: url("../images/boxLeft_backG.gif");*/
 }
 
 
.boxLeft-middle{
	
	width: 180px;
	height: 100%;
	/*background-color:#ccff00;*/
	background: url("../images/boxLeft_backG.gif"); 
 }

.boxLeft-middle2{
	
	width: 166px;
	height: 100%;
    padding-left:7px;
	padding-right:7px;
    margin: 0px;
	
 }
.boxLeft-middle3{
	
	width: 156px;
	height: 100%;
    padding-left:12px;
	padding-right:12px;
    margin: 0px;
	
 }
 
  .boxKeranjang-judul{
	text-align: center;
	font-family: Trebuchet MS;
	font-size: 15px;
	font-style: normal;
	font-weight: Bold;
	color: #FFFFFF;
	width: 166px;
	height: 24px;
    padding: 0px;
    margin: 0px;
	background: url("../images/boxkategori_left_04.gif") no-repeat; 
 }

#boxTumbKemb-judul{
	text-align: center;
	font-family: Trebuchet MS;
	font-size: 15px;
	font-style: normal;
	font-weight: Bold;
	color: #FFFFFF;
	width: 166px;
	height: 24px;
    padding: 0px;
    margin: 0px;
	background: url("../images/boxkategori_left_01.gif") no-repeat; 
 }
 
 .boxShortcut-judul{
	text-align: center;
	font-family: Trebuchet MS;
	font-size: 15px;
	font-style: normal;
	font-weight: Bold;
	color: #FFFFFF;
	width: 166px;
	height: 24px;
    padding: 0px;
    margin: 0px;
	background: url("../images/boxkategori_left_02.gif") no-repeat; 
 }
 
 .boxComingup-judul{
	text-align: center;
	font-family: Trebuchet MS;
	font-size: 15px;
	font-style: normal;
	font-weight: Bold;
	color: #FFFFFF;
	width: 166px;
	height: 24px;
    padding: 0px;
    margin: 0px;
	background: url("../images/boxkategori_left_03.gif") no-repeat; 
 }
 
 .boxWhatsHot-judul{
	text-align: center;
	font-family: Trebuchet MS;
	font-size: 15px;
	font-style: normal;
	font-weight: Bold;
	color: #FFFFFF;
	width: 166px;
	height: 24px;
    padding: 0px;
    margin: 0px;
	background: url("../images/boxkategori_left_03.gif") no-repeat; 
 }
 
 
/*BOX RIGHT*/
 
.boxRight{
	
	width: 300px;
	/*background: url("../images/boxLeft_backG.gif");*/
}


.boxRight-middle{
	
	width: 300px;
	
	/*background-color:#ccff00;*/
	background: url("../images/boxRight_backG.gif"); 
 }



 
 /*BOX TENGAH*/
 
.boxTengah{
	
	width: 500px;
	/*background-color:#CCFF99;*/
	/*background: url("../images/boxLeft_backG.gif");*/
}


.boxTengah-middle{
	
	width: 500px;
	background: url("../images/boxSlide_tengah.gif"); 
 }
 


.boxTengah-middle2{
	width: 480px;
	height: 200px;

 }

.boxTengah-middle3{
	width: 480px;
	height:2px;
	/*background-color:#9966FF;*/
}
 
/*INTERNAL ADD*/
 

 .boxinternAd-middle{
	width: 166px;
	height: 100%;
	background: url("../images/boxMajalah_backG.gif"); 
 }
 
 
  .boxinternAd-middle2{
	
	width: 140px;
	height: 100%;
    padding-left:13px;
	padding-right:13px;
    margin: 0px;
 
 }
  
 /*BOX MASA KEHAMILAN*/
 
 
#boxKehamilan{
	
	width: 300px;
	/*background: url("../images/boxLeft_backG.gif");*/
}
 
 #boxKehamilan-header{
	
	width: 300px;
	height: 40px;
	background: url("../images/boxRight_02_tittle.gif") no-repeat; 
 }
 
 
 #boxKehamilan-top{
	
	width: 300px;
	height: 8px;
	padding: 0px;
    margin: 0px;
	background: url("../images/boxRight_02_Top.gif") no-repeat; 
 }
 
 
 #boxkehamilan-middle{
	
	width: 300px;
	
	/*background-color:#ccff00;*/
	background: url("../images/boxRight_02_backG.gif"); 
 }
 
  #boxkehamilan-middle2{
	
	width: 280px;
	margin-left:10px;
	margin-right:10px;

 }
  
 #boxKehamilan-bottom{
	
	width: 300px;
	height: 8px;
    padding: 0px;
    margin: 0px;
	background: url("../images/boxRight_02_bottom.gif") no-repeat; 
 }
 
 
 
 /* ===== BORDER======*/
 .border1 { 
	
	border : 1px solid #E9E0DA;
	/*position : relative;*/
	/*text-align : justify;*/
	padding : 5px;
} 

 .borderSub { 
	
	border : 1px solid #CCCCCC;

	padding : 0px;
} 

 .borderSolid1px { 
	
	border : 1px solid #666666;

	padding : 0px;
} 

 .borderThumb100px { 
	
	border : 1px solid #666666;

	padding : 0px;
} 



/* SPACE */


/* CONTENT 2*/

.kontentListBox{
	height:20px; 
	background: url("../images/strip_abu2_1.gif"); 
}

.kontentListBullet{
	float:left; 
	background-color:#FFFFFF; 
	height:13px; 
	padding-bottom:2px; 
	padding-top:5px; 
	padding-right:7px
}
.kontentListJudul{
	float:left; 
	background-color:#FFFFFF;
	height:18px; 
	padding-bottom:2px; 
	padding-right:7px;
	
}



/*FOOTER*/

/*
#footer {
	
	width: 1000px; 
	height: 100%;
	margin: 0 auto;	
	text-align: left;
	background-color:#ffcc00;
}

*/


#footerMain {
	clear: both;
	width: 100%;
	height: 100%;
	padding-top: 5px;
	/*background: #EFEFEF;*/
}

#footerNav {
	
	width: 1000px;
	height:115px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	/*background-color:#ff9000;*/
}

#footerSub{
	
	width: 1000px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	/*background-color:#FFFFCC;*/
	
}


.CTFL  /* Center Top frame left*/
{
	width: 8px; 
	height: 8px; 
	float: left; 
	background-image: url(../images/boxSlide2_top_left.gif);
	overflow:hidden;
}

.CTFC /* Center Top frame center*/
{
	width: 794px; 
	height: 8px; 
	float: left; 
	background-image: url(../images/boxSlide2_top.gif);
	overflow:hidden;
}

.CTFR /* Center Top frame right*/
{
	width: 8px; 
	height: 8px; 
	float: left; 
	background-image: url(../images/boxSlide2_top_right.gif);
	overflow:hidden;
}

.CMFL /* Center Middle Frame Left */
{
	width: 8px; 
	height: 45px; 
	float: left; 
	background-image: url(../images/boxSlide2_left.gif);
}

.CMFL20 /* Center Middle Frame Left */
{
	width: 8px; 
	height: 20px; 
	float: left; 
	background-image: url(../images/boxSlide2_left.gif);
}

.CMFC /* Center Middle Frame Center */
{
	height: 22px; 
	padding-top: 0px; 
	padding-left: 5px; 
	padding-right: 5px;
    background-image: url(../images/boxSub1_backG.gif)
}

.CMFR /* Center Middle Frame Right */
{
	width: 8px; 
	height: 45px; 
	float: left; 
	background-image: url(../images/boxSlide2_right.gif);
}

.CMFR20 /* Center Middle Frame Right */
{
	width: 8px; 
	height: 20px; 
	float: left; 
	background-image: url(../images/boxSlide2_right.gif);
}

.CBFL /* Center Bottom Frame Left */
{
	width: 8px; 
	height: 8px; 
	float: left; 
	background-image: url(../images/boxSlide2_bottom_left.gif);
	overflow:hidden;
	
}

.CBFC /* Center Bottom Frame Center */
{
	width: 794px; 
	height: 8px; 
	float: left; 
	background-image: url(../images/boxSlide2_bottom.gif);
	overflow:hidden;
	
}

.CBFR /* Center Bottom Frame Right */
{
	width: 8px; 
	height: 8px; 
	float: left; 
	background-image: url(../images/boxSlide2_bottom_right.gif);
	overflow:hidden;
}

.LTFC /* Left Top Frame Center */
{
	width: 180px; 
	height: 8px; 
	background-image: url(../images/boxLeft_top.gif);
    overflow:hidden;
}

.LBFC /* Left Bottom Frame Center */
{
	width: 180px; 
	height: 8px; 
	background-image: url(../images/boxLeft_bottom.gif);
	overflow:hidden;
}

.ATFC /* Album Top Frame Center */
{
	width: 500px; 
	height: 8px; 
	background-image: url(../images/boxSlide_atas.gif);
	overflow:hidden;
}

.ABFC /* Album Bottom Frame Center */
{
	width: 500px; 
	height: 8px; 
	background-image: url(../images/boxSlide_bawah.gif);
	overflow:hidden;
}

.AMFC /* Album Middle Frame Center */
{
	width: 500px; 
	background: url('../images/boxSlide_tengah.gif');
}


.ABSB /* Album Bottom Sliding Button */
{
	width: 470px; 
	height: 27px; 
	margin-left: 5px; 
	margin-right: 5px; 
	background-image: url(../images/slideBar_backG.gif);
}

.ABSBL /* Album Bottom Sliding Button Left */
{
	width: 6px; 
	height: 27px; 
	float: left; 
	background-image: url(../images/slideBar_left.gif);
}

.ABSBR /* Album Bottom Sliding Button Right */
{
	width: 6px; 
	height: 27px; 
	float: right; 
	background-image: url(../images/slideBar_right.gif);
}

.BMT /* Box Majalah Top */
{
	width: 166px; 
	height: 8px; 
	background-image: url(../images/boxMajalah_top.gif);
	overflow:hidden;
}

.BMB /* Box Majalah Bottom */
{
	width: 166px; 
	height: 8px; 
	background-image: url(../images/boxMajalah_bottom.gif);
	overflow:hidden;
}

/*#footer p {
	margin: 0;
	text-align: center;
	font-size: 77%;
width: 180px;
	height: 8px;
	padding: 0px;
    margin: 0px;
	background: url("../images/boxLeft_top.gif") no-repeat; 
}*/

.divMemberTab {
    border: 1px solid #EAB9D0;
    padding: 5px;
	padding-top:0;
    background-color: #F5F1EE; /* declare background color for container to avoid distorted fonts in IE while fading */
}


div#waitIndicatorDiv 
{
    position: fixed; 
    bottom: 0; 
    left: 46%;
    width: 100px;
    height: 0;
    z-index: 2;
}

* html div#waitIndicatorDiv 
{	
	position: absolute;
	top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
	left: expression("50%");
	width: 100px;
}

/* slight adjustment */
div#waitIndicatorDiv img 
{
	float: left;
	margin: -20px -100px -100px 0;
	position: relative;
}	

/* Right Panel */

.BRT /* Box Right Top */
{
	width: 300px; 
	height: 8px; 
	/*background-color: #99CC66; */
	background-image: url(../images/boxRight_top.gif);
    overflow: hidden;
}

.BRB /* Box Right Bottom */
{
	width: 300px; 
	height: 8px; 
	/*background-color: #99CC66; */
	background-image: url(../images/boxRight_bottom.gif);
    overflow: hidden;
}

.RPSB /* Right Panel Sliding Button */
{
	width: 276px; 
	height: 27px; 
	margin-left: 4px; 
	margin-right: 2px; 
	margin-bottom:5px; 
	background-image: url(../images/slideBar_backG.gif);
}

.TBG /* Tools Background */
{
	height: 170px; 
	background-image: url(../images/chart_backG.gif)
}

.ABG /* Tools Background */
{
	height: 400px; 
	background-image: url(../images/Archive.jpg)
}



/* End of Right Panel */