body
 {	 background-color: #92A2E1; 
	 margin: 0px 0px 0px 0px;
	 padding: 0px;
	 /*background-image: url(graphics/logo_head/bkground.gif);*/
	 background-repeat: repeat-x; 
	 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	 color : #666666;
/*	 scrollbar-face-color:#dddbff;
	 scrollbar-highlight-color:#92A2E1;
	 scrollbar-shadow-color:#866abe;
	 scrollbar-arrow-color:#9C65FF;
	 scrollbar-base-color:#92A2E1;
	 scrollbar-3d-light-color: #ffffff; 
	 scrollbar-dark-shadow-color: #ffffff;*/
}
p {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
}

/*Untuk halaman*/
#divTrigger a:link,#divTrigger a:visited{
	text-decoration: none; /* hilangkan garis bawah pada link */
	margin:6px 0px; /* memberi jarak antar link */
	padding: 1px 4px; /* menjadikan link seperti kotak */
	border: 1px solid #CCC;
	background-color: #EAE2F1;
	color: #000;
	font-size: 14px;
 }
 /* link yang dilalui oleh mouse dan element dengan class='selected' akan mempunyai efek yang sama */
 #divTrigger a:hover,#divTrigger a:active, .selected{ 
	background-color: #00A;
	color: #FFF;
 }
 .selected{ 
 	margin:6px 0px; /* memberi jarak antar link */
	padding: 1px 4px; /* menjadikan link seperti kotak */
	border: 1px solid #CCC;
	font-size: 14px;
	background-color: #00A;
	color: #FFF;
 }
 #divContent{
	padding: 2px 2px 2px 10px;
	height: 210px;
	border: 2px solid #CCC;
	-webkit-border-radius: 5px; -moz-border-radius: 5px;
 }
 #divContent div{ 
	/* semua div di dalam element dengan id='divContent' akan di sembunyikan sementara */
	display:inline;
 }
 /*end of for halaman*/
 
.decha {
	font-family: "Big Money 1";
	font-size: 24px; 
	line-height: 19px;
	color: #1879EF;
	}
	
.care {
	font-family: "Big Money 1";
	font-size: 24px; 
	line-height: 19px;
	color: #9C009C;
	}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #9C65FF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
.textSearchTitle {
	font : 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 19px;
	color: #9C65FF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
.textCilik {
	color : #9C65FF;
	line-height: 19px;
	font : 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.textBantuan {
	color : #FFFFFF;
	line-height: 19px;
	font : 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.textNext {
	color : #2DABF7;
/*	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;*/
	line-height: 20px;
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.textMed {
	color : #9C65FF;
	line-height: 19px;
	font : 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.textForIndication {
	color : #9C65FF;
	line-height: 19px;
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.textMoves {
	color : #FF0000;
	line-height: 19px;
	font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.textUnderInfo {
	color : #0066FF;
	line-height: 19px;
	font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.textForComment {
	color: #0066FF;
	line-height: 19px;
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

td{
	color : #666666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.maintable{
	margin: 30px;
	padding: 20px 20px;
	color : #333333;
	font : 14px Verdana, Geneva, Arial, Helvetica, sans-serif;	
	width: 90%;
	margin: auto;
}

.maintable a:link { color : #000000; text-decoration : underline }
.maintable a:visited { color : #999999; text-decoration : underline }
.maintable a:hover { color : #ECBC91; text-decoration : underline }
.maintable h1 {
	color : #483D8B;
	font : bold 14px Verdana, Arial, Helvetica, sans-serif;
}
.maintable h2 {
	color : #FF6600;
	font : bold 12px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing : 2px
}

/* The Sidebar */
.sidebar {
	color : #666666;
	background-color: #94A2E7;
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-left: dotted 1px #006699;
}

.sidebar h2{
	color: #666666;
	background-color: #94A2E7;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 12px;
}

.sidebar a:link { color : #666666; }
.sidebar a:visited { color : #666666; }
.sidebar a:hover { color : #99CCFF; }

/* The Footer */
/*.footer { */
 /* color: White;  this is the colour of the font */
 /* background-color: #94A2E7;  /* this is the background colour */
 /* text-align: center; */
 /*font-size: 11px; */
/*}*/

.office {
 font-family: Verdana, Arisal, Helvetica, sans-serif; 
 font-size: 10px; 
 color: #FFFFFF; 
 background-image: url(graphics/logo_head/b4.gif); 
 background-repeat: repeat-x;
 background-color: #92A2E1; 
 margin: 0px 0px 0px 0px;
 padding: 0px;
 }

.footer {
 font-family: Verdana, Arisal, Helvetica, sans-serif; 
 font-size: 10px; 
 color: #FFFFFF; 
 background-image: url(graphics/logo_head/b4.gif); 
 background-repeat: repeat-x;
 background-color: #92A2E1; 
 margin: 0px 0px 0px 0px;
 padding: 0px;
 }
 
 .menuBtm {
 font-family: Verdana, Arisal, Helvetica, sans-serif; 
 font-size: 11px; 
 color: #FFFFFF; 
 background-image: url(graphics/logo_head/b4.gif); 
 background-repeat: repeat-x;
 background-color: #92A2E1; 
 margin: 0px 0px 0px 0px;
 padding: 0px;
 }
 
.menuBtm a:link, .menuBtm a:visited {
   color: White;
   background-color: #94A6E7;
   /* background-color: #B59ACE; */
}
.menuBtm a:hover, .menuBtm a:active {
   color: #006699;
   background-color: #92A2E1;
   /*background-color: #B59ACE;*/
}
 
.copyRight {
 font-family: Verdana, Arisal, Helvetica, sans-serif; 
 font-size: 10px; 
 color: #FFFFFF; 
 background-image: url(graphics/logo_head/b4.gif); 
 background-repeat: repeat-x;
 background-color:#B59ACE;
 margin: 0 0 0 0;
 padding: 0;
 }

/*.footer a:link { color : White;
}
.footer a:visited { color : #99CCFF;
}
.footer a:hover { color : #FFB342;
} */

.footer:hover {  color: #FFFFFF}

h2 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #3333CC
}

h3  { 
	color: #666666;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 12px;
	}
	
.valid {
	font : 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #FDD021;
	background-color: #FDD021;
	color: Black;
	padding: 4px 4px 4px 4px;
	font-weight: bold;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.validIjo {
	font : 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #00CC00;
	background-color:#00CC00;
	color: Black;
	padding: 4px 4px 4px 4px;
	font-weight: bold;
	-webkit-border-bottom-right-radius: 6px;  
    -moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;  
    -moz-border-radius-bottomleft: 6px;
}

.validMemuat {
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #00CC00;
	background-color:#00CC00;
	color: Black;
	padding: 2px 4px 2px 4px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;  
}
	
#navbar {
   	border-collapse: collapse;
	text-align: center;
}
#navbar td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
}
#navbar td a{
   	display: block;
	width: 100%;
/*   padding: 3px;*/
   	text-decoration: none;
}
#navbar td a:link, #navbar td a:visited {
   color: White;
   background-color: #94A6E7;
   /* background-color: #B59ACE; */
}
#navbar td a:hover, #navbar td a:active {
   color: #006699;
   background-color: #FDD021;
   /*background-color: #B59ACE;*/
}

#aboutTab td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color:#CCCCCC;
}

#tabelObat td {
	font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 19px;
	color: #9C65FF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.mainIndexLeft {
	color : #666666;
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-left: dotted 1px #006699;
/*	background-color: #92A2E1; */
}

.insideLeftTab {
	color : #666666;
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*border-top: dotted 1px #006699;*/
	/*border-bottom: dotted 1px #006699; */
	background-color:#f9f99f;
}

.shortCutTab {
	color : #666666;
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*border-top: dotted 1px #006699;*/
	/*border-bottom: dotted 1px #006699; */
	/*background-color:#f9f99f;*/
}

#indxTable {
	color : #666666;
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-bottom:solid 1px;
	border-bottom-color:#9C65FF;
	border-left:solid 1px;
	border-left-color:#9C65FF;
	border-right:solid 1px;
	border-right-color:#9C65FF;
	border-top:solid 1px;
	border-top-color:#9C65FF;
}

#rssTable {
/*	color : #666666;
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	border-bottom:solid 1px;
	border-bottom-color:#2DABF7;
	border-left:solid 1px;
	border-left-color:#2DABF7;
	border-right:solid 1px;
	border-right-color:#2DABF7;
	border-top:solid 1px;
	border-top-color:#2DABF7;
}

.resultTab {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	}
	
.asterix {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 19px;
	color: #9C65FF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
.info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #9C65FF;
	}
	
#resultHospitalTab td{
	color : #9C65FF;
	font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top:solid 1px #94A2E7;
	border-bottom: solid 1px #94A2E7;
}

#btSubmit {
	background-color: #92A2E1;
	color: #9966FF;
	font-weight:bold;
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	}
	
#btSubmit a:hover, #btSubmit a:active{
	background-color: #FDD021;
	}
	
.button {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #9C65FF;
/*	BORDER-TOP: #9C65FF 1px solid;
	BORDER-LEFT: #9C65FF 1px solid; 
	BORDER-RIGHT : #9C65FF 1px solid; 
	BORDER-BOTTOM: #9C65FF 1px solid;*/
	border-top-color:#9C65FF;
	border-left-color:#9C65FF;
	border-right-color:#9C65FF;
	border-bottom-color:#9C65FF;
	BORDER-TOP:solid;
	BORDER-LEFT:solid; 
	BORDER-RIGHT:solid; 
	BORDER-BOTTOM:solid;
	border-bottom-width: 0.5pt;
	border-top-width: 0.5pt;
	border-left-width: 0.5pt;
	border-right-width: 0.5pt;
	}
	
.newsType {
	background-color: #ffcc99;
	font-size: 14px;
	color: #9C65FF;
	padding: 2px 4px 2px 4px;
	}
	
.newsTop {
	background-color: #9C65FF;
	font-size: 14px;
	color: #FFFFFF;
	padding: 2px 4px 2px 4px;
	}
	
.textField {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #9C65FF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-TOP:solid;
	BORDER-LEFT:solid; 
	BORDER-RIGHT:solid; 
	BORDER-BOTTOM:solid;
	border-bottom-width: 0.5pt;
	border-top-width: 0.5pt;
	border-left-width: 0.5pt;
	border-right-width: 0.5pt;
	}
	
.textCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
.textUlasan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
.textLower {
	color : #FFFFFF;
	line-height: 19px;
	font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.buttomBorder {
	/*border: 1px solid #333333;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #9C65FF;
	color: #FFFFFF;
	padding: 2px 4px 2px 4px;
}

.searchBox {
	color : #666666;
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top: solid 1px #ff0000;
/*	background-color: #92A2E1; */
}

.redText {
	color:#FF0000;
}

.styleBlue {
	color:#330099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.textCode
{
	font-family: "Courier New", Courier;
	font-size: 14px;
	color: #9C65FF;
}

#ulasan {
   	border-collapse:inherit;
	text-align: right;
}
#ulasan td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color:#0000FF;
	border-right-color:#0000FF;
	border-left-color:#0000FF;
	border-top-color:#0000FF;
}
#ulasan td a{
   	display: block;
	width: 100%;
/*   padding: 3px;*/
   	text-decoration: none;
}
#ulasan td a:link, #ulasan td a:visited {
   color: #2DABF7;
   background-color:White;
   /* background-color: #B59ACE; */
}
#ulasan td a:hover, #ulasan td a:active {
   color:#0000FF;
   background-color: #ffcc99; 
   /*background-color: #B59ACE;*/
}

.imgtxt {
	float:left; 
	/*padding-right: 15px;
	padding-bottom: 15px; */
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border:none;
}

.imgUlasan {
	float:left; 
	padding-right: 15px;
	padding-bottom: 15px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border:none;
}

.imgidx {
	float:left;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-top: 2px;
}

.imgtxtRight {
	float:right;
	padding-left: 15px;
}

.divInfoRight {
	float:right;
	padding-left: 15px;
	height: 280px;
	width: 250px;
}

.divInfoLeft {
	float:left;
	padding-left: 15px;
/*	height: 260px;*/
	width: 250px;
}

.generalSearch { 
	cursor:pointer;
	text-decoration:underline;
	color: #0066FF;
	line-height: 19px;
	font : 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.generalSearchClicked { 
	cursor:text;
	text-decoration:none;
	color: #000000;
	line-height: 19px;
	font : 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.generalSearchTD { 
	border-left: solid 1px #CCCCFF;
}

#mTableBorder {
	border-right: solid 7px #92A2E1;
	border-left: solid 1px #FFFFFF;
}

.tabIndex { 
	cursor:pointer;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #00CCFF;
}

.tabIndexClicked { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #FFFFFF;
	cursor:text;
}

.textPointer {
	cursor:pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #9C65FF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
.indxTableForTab {
	color : #666666;
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-bottom:solid 1px;
	border-bottom-color:#9C65FF;
	border-left:solid 1px;
	border-left-color:#9C65FF;
	border-right:solid 1px;
	border-right-color:#9C65FF;
	border-top:none;
}

#tdTabRightMost {
	border-right:solid 1px;
	border-right-color:#9C65FF;
	border-top:solid 1px;
	border-top-color:#9C65FF;
/*	border-bottom:dotted 1px;
	border-bottom-color:#9C65FF;*/
	}
	
#tdTabLeftMost {
	border-left:solid 1px;
	border-left-color:#9C65FF;
	border-top:solid 1px;
	border-top-color:#9C65FF;
	border-right:solid 1px;
	border-right-color:#9C65FF;
/*	border-bottom:dotted 1px;
	border-bottom-color:#9C65FF;*/
	}

#tdTabSisa {
	border-bottom:solid 1px;
	border-bottom-color:#9C65FF;
	}
	
.textForDrgTab {
	cursor:pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #9C65FF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
.basictab{
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right:0;
	font: bold 12px Verdana;
	/*border-bottom: 2px solid #CCCCFF; */
	list-style-type: none;
	color: #00CCFF;
}

.basictab li {
	display: inline;
	margin: 0;
	padding: 0;
}

.basictab li a{
	/*text-decoration: none; 
	padding: 3px 0 3px 0; */
	/*-webkit-border-radius: 6px;  
    -moz-border-radius: 6px;
	-webkit-border-top-left-radius: 6px;  
    -moz-border-radius-topleft: 6px;*/
	/*border: solid 2px #9C65FF;
	background-color: #9C65FF;
	color: #2d2b2b; */
	
	text-decoration: none; /* hilangkan garis bawah pada link */
	margin:6px 0px; /* memberi jarak antar link */
	padding: 4px 3px 4px 3px; /* menjadikan link seperti kotak */
	border: 1px solid #CCC;
	background-color: #EAE2F1;
	color: #000;
}

.basictab li a:visited{
	color: black;
}

.basictab li a:hover{
	background-image:none;
	/*background-color: #FFCC99; */
	background-color: #FFF;
	top: 0;
}

.basictab li a:active{
	color: black;
}


.basictab li a.selected{ 
	position: relative;
	top: 0;
}

.basictab li a.selected{ 
	/*background-color: #EAE2F1; */
	background-color: #444;
	/*-webkit-border-top-right-radius: 6px;  
    -moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;  
    -moz-border-radius-topleft: 6px; */
	/*border: solid 2px #CCCCFF;*/
	/*border: solid 2px #CCC; */
	/* border-bottom: none; */
	/*color: #9C65FF;*/
	color: #FFF;
	/*padding: 3px 0 3px 0;
	text-decoration: none; */
	margin:6px 0px; /* memberi jarak antar link */
	padding: 4px 3px 4px 3px; /* menjadikan link seperti kotak */
	border: 1px solid #555;
	/*font-size: 14px; */
}

.basictab li a.selected:hover{ 
	text-decoration: none;
	color: #FFF;
	cursor:text;
}

#tooltip { padding:10px; font: normal 12px arial; color:#333;   }
#tooltip b {font:bold 1.2em arial; color: #336699; letter-spacing:-0.03em; }
#tooltip span { margin:0; padding:0; background:#FFF;}
#tooltipx { background-color:#FFFFFF; height:31px; float:right; font: normal 9px arial; color:#999999; padding:3px;}
#tooltipx img { vertical-align:middle;}

.tooltipicon {clear:left; padding:10px; font:normal 11px arial; color:#333; border-top:1px solid #666;}
.tooltipicon img {margin-right:5px}

#dhtmltooltip {
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #333;
padding:0px;
background: #FFF url(../data/images/grad_tooltip01.gif) repeat-x;
visibility: hidden;
z-index: 100;
}

#dhtmlpointer {
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.textTabTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.divTabTop {
	-webkit-border-top-right-radius: 6px;  
    -moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;  
    -moz-border-radius-topleft: 6px;
	background: #FFCC99;
	padding: 4px 4px 4px 4px;
}

.divTabBottom {
	-webkit-border-bottom-right-radius: 6px;  
    -moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;  
    -moz-border-radius-bottomleft: 6px;
	background: #FFCC99;
	padding: 0 0 0 0;
}

.divTabBottom2 {
	-webkit-border-bottom-right-radius: 6px;  
    -moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;  
    -moz-border-radius-bottomleft: 6px;
	background: #F9F99F;
	padding: 4px 4px 4px 4px;
	border: solid 1px #ffcc99;
	border-top: none;
}


/*for JQuery.............

.fg-button { outline: 0; margin:0 2px 0 0; padding: .1em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
			
a.fg-button { float:left; }

/* remove extra button width in IE */
.fg-button { width: 40px; }
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}



/* for news menu */

#menu{
	border: 1px !important;
	margin-top:0 !important;
	-webkit-border-radius: 6px;  
    -moz-border-radius: 6px;
	border: solid 1px #9C65FF;
}
#menu ul{
	border: none !important;
}
#menu li {
	border: none !important;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width:90px;
	background:transparent none repeat-x scroll 0 0;
	border-top:none !important;
	text-transform:none !important;
	-webkit-border-radius: 6px;  
    -moz-border-radius: 6px;
	border: solid 1px #9C65FF;
}
#menu li:hover{
	background:#dadada none repeat-x scroll 0 0 !important;
	border-top:none !important;
}
#menu li.first {
	border: none !important;
	margin-left:-23px;
	width:90px;
	-webkit-border-radius: 6px;  
    -moz-border-radius: 6px;
	border: solid 1px #9C65FF;
}
#menu li.last {
	border: none !important;
	width:90px;
	-webkit-border-radius: 6px;  
    -moz-border-radius: 6px;
	border: solid 1px #9C65FF;
}
#menu li a {
	background:#EAE2F1 none repeat-x scroll 0 0;
	text-align:center;
	cursor:pointer;
	color:#555555 !important;
	display:block !important;
	font-size:10px;
	font-weight:normal;
	height:20px;
	line-height:125%;
	padding:3px 3px;
	text-transform:none !important;
	-webkit-border-radius: 6px;  
    -moz-border-radius: 6px;
	border: solid 1px #9C65FF;
}
#menu li a:hover {
	background:transparent none repeat scroll 0 0;
	text-decoration:none;
}
#menu li a.selected {
	background: transparent repeat scroll 0 0;
	border: solid 1px #9C65FF;
}
#menu li.first a {
	padding-left:3px;
}
#menu li.last a {
	padding-right:3px;
}
#menu li a span {
	color:#000000;
	display:block;
	font-size:12px;
	font-weight:bold;
	line-height:150%;
}

/*login drop down...*/
#container {
	width:140px;
	position: relative;
	text-align:right;
}

#content {
	width:520px;
	min-height:500px;
}
a:link, a:visited {
	color:#27b;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a img {
	border-width:0;
}
#topnav {
	padding:0;
	font-size:11px;
	line-height:23px;
	text-align:right;
}
#topnav a.signin {
	background:#88bbd4;
	padding:4px 6px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	*background:transparent url("informasi-kesehatan/images/signin-nav-bg-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.signin:hover {
	background:#59B;
	*background:transparent url("informasi-kesehatan/images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.signin, #topnav a.signin:hover {
	*background-position:0 3px!important;
}

a.signin {
	position:relative;
	margin-left:3px;
}
a.signin span {
	background-image:url("informasi-kesehatan/images/toggle_down_light.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 16px 6px 0;
}
#topnav a.menu-open {
	/*background:#ddeef6!important; */
	background:#2DABF7!important;
	color:#666!important;
	outline:none;
	-moz-box-shadow: 5px 5px 5px #999;
  	-webkit-box-shadow: 5px 5px 5px #999;
  	box-shadow: 5px 5px 5px #999;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.signin.menu-open span {
	background-image:url("informasi-kesehatan/images/toggle_up_dark.png");
	color:#789;
}

#signin_menu {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	display:none;
	/* background-color:#ddeef6; */
	background-color: #2DABF7;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:12px;
	top: 16.5px; 
	right: 0px; 
	margin-top:5px;
	margin-right: 0px;
	*margin-right: -1px;
	color:#789;
	font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
#signin_menu p {
	margin:0;
}
#signin_menu a {
	color:#6AC;
}
#signin_menu label {
	font-weight:bold;
	font:13px/16px "Lucida Grande", Arial, Sans-serif;
	color:#555555;
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
	font:13px/16px "Lucida Grande", Arial, Sans-serif;
	color:#9900FF;
}
#signin_menu p a {
	color:#27B!important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#39d url('images/bg-btn-blue.png') repeat-x scroll 0 0;
	border:1px solid #39D;
	color:#fff;
	text-shadow:0 -1px 0 #39d;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

.tipsy-inner {
	padding:10px 15px;
	line-height:1.5em;
	font-weight:bold;
}
.tipsy {
	opacity:.8;
	filter:alpha(opacity=80);
	background-repeat:no-repeat;
	padding:5px;
}
.tipsy-inner {
	padding:8px 8px;
	max-width:200px;
	font:11px 'Lucida Grande', sans-serif;
	font-weight:bold;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#000;
	color:white;
	text-align:left;
}
.tipsy-north {
	background-image:url(images/tipsy-north.gif);
	background-position:top center;
}
.tipsy-south {
	background-image:url(images/tipsy-south.gif);
	background-position:bottom center;
}
.tipsy-east {
	background-image:url(images/tipsy-east.gif);
	background-position:right center;
}
.tipsy-west {
	background-image:url(images/tipsy-west.gif);
	background-position:left center;
}

/* Bottom Bar */
#UserActivitiesBar {
	bottom: 0;
    width: 245px;
    position: fixed;
    border-top: solid 3px #2DABF7;
    border-right: solid 3px #2DABF7;
    border-left: solid 3px #2DABF7;
	right: 10px;
	height: 320px;
	padding: 0;
	padding-bottom: 4px;
	-webkit-border-top-right-radius: 3px;  
    -moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;  
    -moz-border-radius-topleft: 3px;
    background: #192129;
    color: #FFF;
    display: none;
}

#floatMenu {
    bottom: 0;
    width: 239px;
    overflow: auto;
    position: fixed;
    border-top: solid 2px #555;
    border-right: solid 2px #555;
    border-left: solid 2px #555;
	height: 20px;
	right: 10px;
	padding: 6px 2px 0 4px;
	-webkit-border-top-right-radius: 3px;  
    -moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;  
    -moz-border-radius-topleft: 3px;
    background: #2DABF7;
    color: #FFF;
    font-weight: bold;
}

#userMenuTitle {
    bottom: 0;
    width: auto;
	height: 20px;
	padding: 6px 2px 0 4px;
    background: #2DABF7;
    color: #FFF;
    font-weight: bold;
    border-bottom: solid 1px #2DABF7;
}

.iconTask {
	float:left; 
	padding-right: 3px;
	/*padding-bottom: 15px; */
	-webkit-border-radius: 1px; 
	-moz-border-radius: 1px; 
	border:none;
	height: 16px;
	width: 16px;
}

#userMenuOptions {
    bottom: 0;
    width: auto;
	height: 25px;
	padding: 0 6px 0 6px;
    background: #192129;
    color: #FFF;
    border-top: solid 1px #708090;
}

#userMenuOptions ul {  
    margin-bottom:0;
    margin-top: 0;
    padding: 0 2px 0 0;
    list-style: none;
}

#userMenuOptions ul li {  
    display:block;
    text-decoration:none;
    color:#FFF;
    border: 1px solid #192129;
    padding:3px 3px 3px 3px;
    cursor: pointer;
    margin-right:4px;
    float: left;
}
#userMenuOptions ul li:hover {
    border: 1px solid #708090;
    border-top: 1px solid #192129;
}

#userMenuOptions ul li.segar {
    margin-right:0;
}

#userMenuOptions ul li.current {  
	background-color:#708090;
	display:block;
    text-decoration:none;
    color:#FFF;
    border: 1px solid #708090;
    padding:3px 3px 3px 3px;
    margin-right:4px;
    float: left;
}

.arsipTab{
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right:0;
	font: bold 12px Verdana;
	/*border-bottom: 2px solid #CCCCFF; */
	list-style-type: none;
	color: #00CCFF;
}

.arsipTab li {
	display: inline;
	margin: 0;
	padding: 0;
}

.arsipTab li a{
	/*text-decoration: none; 
	padding: 3px 0 3px 0; */
	/*-webkit-border-radius: 6px;  
    -moz-border-radius: 6px; */
	-webkit-border-bottom-left-radius: 2px;  
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-right-radius: 2px;  
    -moz-border-radius-bottomright: 2px;
	/*border: solid 2px #9C65FF;
	background-color: #9C65FF;
	color: #2d2b2b; */
	
	text-decoration: none; /* hilangkan garis bawah pada link */
	margin:6px 0px; /* memberi jarak antar link */
	padding: 4px 3px 4px 3px; /* menjadikan link seperti kotak */
	border: 1px solid #CCC;
	background-color: #E8E8E8;
	color: #000;
	cursor: pointer;
	font-size: 11px; 
	font-weight: normal;
}

.arsipTab li a:visited{
	color: black;
}

.arsipTab li a:hover{
	background-image:none;
	/*background-color: #FFCC99; */
	background-color: #FFF;
	top: 0;
}

.arsipTab li a:active{
	color: black;
}


.arsipTab li a.selected{ 
	position: relative;
	top: 0;
}

.arsipTab li a.selected{ 
	/*background-color: #EAE2F1; */
	background-color: #708090;
	-webkit-border-bottom-left-radius: 2px;  
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-right-radius: 2px;  
    -moz-border-radius-bottomright: 2px;
	/*border: solid 2px #CCCCFF;*/
	/*border: solid 2px #CCC; */
	/* border-bottom: none; */
	/*color: #9C65FF;*/
	color: #FFF;
	/*padding: 3px 0 3px 0;
	text-decoration: none; */
	margin:6px 0px; /* memberi jarak antar link */
	padding: 4px 3px 4px 3px; /* menjadikan link seperti kotak */
	border: 1px solid #555;
	font-size: 11px; 
	font-weight: bold;
	/*font-size: 14px; */
}

.arsipTab li a.selected:hover{ 
	text-decoration: none;
	color: #FFF;
	cursor:text;
}

/* Anggota DechaCare.com New Login IF */
.the_submit {
	width: 65px;
	height: 26px;
	border: none;
	background: #2E458A;
	color: #FFF;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
}

.login_txtfield {
	width: 100%;
	height: 24px;
	padding: 4px 0px 1px 0px;
	border: 1px solid #DEDEDE;
	background: #FFFFFF;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #2E458A;
}

/* Floating header..implemented for InfoHangat... - so far!! */
#floatingHeader {
	position:relative;  
    top: 0;
    width:100%;
    overflow: auto;
}

#floatingHeader.fixed {
  position: fixed;
  top: 0;
}

/* floating chart... */
#floatingChart {
	position:relative;  
    top: 0;
    width:100%;
    height: auto;
}

#floatingChart.fixed {
  position: fixed;
  height: 100%;
  top: 5px;
}

/* Signin_menu untuk InfoHangat...dimodif karena ada nya floating header... */
#signin_menu_IH {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	display:none;
	/* background-color:#ddeef6; */
	background-color: #2DABF7;
	/* background:#ddd url(graphics/bg-button.gif) repeat-x 0 0; */
	position:fixed;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:12px;
	margin-top:-2px;
	margin-right: 0px;
	*margin-right: -1px;
	color:#789;
	font-size:11px;
	-moz-box-shadow: 5px 5px 5px #999;
  	-webkit-box-shadow: 5px 5px 5px #999;
  	box-shadow: 5px 5px 5px #999;
}

#signin_menu_IH input[type=text], #signin_menu_IH input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
#signin_menu_IH p {
	margin:0;
}
#signin_menu_IH a {
	color:#6AC;
}
#signin_menu_IH label {
	font-weight:bold;
	font:13px/16px "Lucida Grande", Arial, Sans-serif;
	color:#555555;
}
#signin_menu_IH p.remember {
	padding:10px 0;
}
#signin_menu_IH p.forgot, #signin_menu_IH p.complete {
	clear:both;
	margin:5px 0;
	font:13px/16px "Lucida Grande", Arial, Sans-serif;
	color:#9900FF;
}
#signin_menu_IH p a {
	color:#27B!important;
}

/* For toko obat dechacare.com */
.CartButton {
	width: auto;
	height: 26px;
	border: none;
	background: #3A66A7;
	/* background-image: url(../images/button-blue-def.png); 
	background-repeat: repeat-x; */
	color: #FFF;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
}

.CartButton:hover {
	background: #2E458A;
	/* background-image: url(../images/button-blue-hov.png); 
	background-repeat: repeat-x; */
	color: #FFF;
}

.BatalkanButton {
	width: auto;
	height: 26px;
	border: none;
	background: #666;
	/* background-image: url(../images/button-blue-def.png); 
	background-repeat: repeat-x; */
	color: #FFF;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
}

.BatalkanButton:hover {
	background: #555;
	/* background-image: url(../images/button-blue-hov.png); 
	background-repeat: repeat-x; */
	color: #FFF;
}

.InsideCartButton {
	width: 65px;
	height: 26px;
	border: none;
	background: #006400;
	color: #FFF;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
}

.InsideCartButton:hover {
	background: #004F00;
	color: #FFF;
}

.LanjutkanButton {
	width: 65px;
	height: 26px;
	border: none;
	background: #3A66A7;
	color: #FFF;
	position: absolute; 
	left: 0;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
}

.LanjutkanButton:after {
    content:'';
	display:block;
	position:absolute;
	top:0;
	left:100%; /*should be set to 100% */
	width:0;
	height:0;
	border-color: transparent transparent transparent #3A66A7; /*border color should be same as div div background color*/
	border-style: solid;
	border-width: 13px;
}

.LanjutkanButton:hover {
	color: #000;
}

.newsMedicineDiv {
	padding-bottom: 5px;
	padding-top: 5px;
}

.newsMedicineDiv:hover {
	background-color: #DDD;
}

.AddressList {
	padding-bottom: 0;
	padding-top: 0;
	cursor: pointer;
}

.AddressList:hover {
	background-color: #DDD;
}
