/*
BIOCERT.OR.ID
*/

/* 1. General selectors */
body {
	margin: 0;
	padding: 0;
	background: #D9E2E7;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 76%;
	text-align: center;
}

p { margin-top: 0; }

hr {
	border: 1px solid Silver;
}

blockquote {
	color: #006400;
	margin: 5px 25px;
	padding: 10px;
	border-left: 10px solid #5F9EA0;
	font-style: italic;
}

img.floatright
{
	float: right;
	margin: 0 0 10px 10px;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #999;
}

img.floatleft
{
	float: left;
	margin: 0 10px 10px 0;
	background-color: #fff;
	padding: 5px;
	text-align: left;
	border: 1px solid #999;
}

img.center
{
	margin: 10px 0;
	float: center;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #000;
}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
}

h5 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

h1{
	font-size:1.9em;
	padding-right:5px;
}

h1.judul {
	margin-top:4px;
	line-height: 90%; 
	text-align: left;
}

h2{
	font-size:1.5em;
	padding-right:5px;
}

h3{
	font-size:1.2em;
}

h4{
	font-size:1em;
}

h4.subjudul, h3.subjudul {
	color: #CCC;
	margin-bottom: 0;
	text-align: left
}

h4.subjudulbox {
	color: #000;
	margin-bottom: 20px;
	text-align: left;
}

h5 {
	margin-top: 4px;
	font-size: smaller;
	text-align: left;
	color: #949494;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: Blue;
}

p.date {
	font-size: smaller;
	color: Gray;
	line-height: 80%;
}

.textform {
font-size: 11px;
}

/* 2. MENU */


/*	4) Right selectors - author,links,line,search,themes */
#search {
	margin: 0 auto;
	text-align: right;
	/*padding-right:27px;*/
	}
	
.searchfield {
	background: #fff;
	border: 1px solid Black;
	color: Black;
	width: 160px;
}
	
.searchfield:hover {
	border: 1px solid #BFBFBF;
	color: #949494;
	}
	
.submit {
	background: url(images/search_submit.gif) no-repeat;
	height: 20px;
	width: 52px;
	border: 0;
	margin-left: 2px;
	cursor: pointer;
	}
	
.submit:hover {
	background: url(images/search_submit.gif) no-repeat 0 -20px;
	height: 20px;
	width: 52px;
	border: 0;
	margin-left: 2px;
	cursor: pointer;
	}

/* HEADER */
#logoleft {
	float: center;
	padding-top: 10px;
	width: 170px;
	height: 190px;
	background: url(images/logobig.gif) no-repeat bottom;
} 

.langon a  {
	/*margin: 0px 0 0 17px*/
	padding-left: 16px;
	background: url(images/iclangon.gif) no-repeat left center;
	color: Gray;
	text-decoration: none;
	float: left;
	font-weight: bold;
}

.langoff a  {
	padding-left: 16px;
	background: url(images/iclangof.gif) no-repeat left center;
	color: Gray;
	text-decoration: none;
	float: left;
}

#imgmainhome {
	float: right;
	padding-top: 10px;
	width: 580px;
	height: 190px;
	background: url(files/img-main-home.jpg) no-repeat bottom;
} 

#imgmainabout {
	float: right;
	padding-top: 10px;
	width: 580px;
	height: 190px;
	background: url(files/img-main-tentang.jpg) no-repeat bottom;
} 

#imgmainservice {
	float: right;
	padding-top: 10px;
	width: 580px;
	height: 190px;
	background: url(files/img-main-layanan.jpg) no-repeat bottom;
} 

#imgmainstandard {
	float: right;
	padding-top: 10px;
	width: 580px;
	height: 190px;
	background: url(files/img-main-standard.jpg) no-repeat bottom;
} 

#imgmainoperator {
	float: right;
	padding-top: 10px;
	width: 580px;
	height: 190px;
	background: url(files/img-main-operator.jpg) no-repeat bottom;
}

#imgmaintio {
	float: right;
	padding-top: 10px;
	width: 580px;
	height: 190px;
	background: url(files/img-main-tio.jpg) no-repeat bottom;
}

#imgmaininfo {
	float: right;
	padding-top: 10px;
	width: 580px;
	height: 190px;
	background: url(files/img-main-info.jpg) no-repeat bottom;
}

#imgmainlink {
	float: right;
	padding-top: 10px;
	width: 580px;
	height: 190px;
	background: url(files/img-main-link.jpg) no-repeat bottom;
}

#imgmainfaq {
	float: right;
	padding-top: 10px;
	width: 580px;
	height: 190px;
	background: url(files/img-main-faq.jpg) no-repeat bottom;
}

#imgmaincontact {
	float: right;
	padding-top: 10px;
	width: 580px;
	height: 190px;
	background: url(files/img-main-contact.jpg) no-repeat bottom;
}

#imgmainsearch {
	float: right;
	padding-top: 10px;
	width: 580px;
	height: 190px;
	background: url(files/img-main-search.jpg) no-repeat bottom;
}

#imgmainreg_form {
	float: right;
	padding-top: 10px;
	width: 580px;
	height: 190px;
	background: url(files/img-main-reg_form.jpg) no-repeat bottom;
}

#lefthome {
	float: center;
	padding-top: 8px;
	width: 170px;
	height: 25px;
	background: #c9c9c9;
} 

#lefthome .backtohome a  {
	font-size: 11px;
	margin: 0px 0 0 15px;
	padding-left: 16px;
	background: url(images/ichome.gif) no-repeat left center;
	color: #000;
	text-decoration: none;
	float: left;
}

#lefthome .contactus a  {
	font-size: 11px;
	padding-left: 18px;	
	background: url(images/iccontact.gif) no-repeat left center;
	color: #000;
	text-decoration: none;
	float: left;
}

#welcometxt {
	text-align: right;
	color: #fff;
	padding: 4px 10px 6px 0;
	font-size: 11px;
}

#welcometxt a:link {
	color: #fff;
	text-decoration: underline;
}

#welcometxt a:visited {
	color: #fff;
	}	
	
#welcometxt a:hover, a:active {
	text-decoration: none;
	color: #fff;
	}
	
/* MENU */
#navcontainer 
{ 
	margin-left: 0; 
}

#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	text-transform: uppercase;
}

#navcontainer li 
{ 
	margin: 0; 
}

#navcontainer a
{
	color: #EEE;
	text-decoration: none;
	display: block;
	padding: 6px 0 0 6px;
	border-bottom: 1px solid #fff;
	width: 164px;
	height: 24px;
	background: #DAFAE0 url(images/menuoff.gif);
}

#navcontainer a:hover
{
	background-image: url(images/menuon.gif);
	color: #fff;
}

#navcontainer ul ul li 
{ 
	margin: 0; 
}

#navcontainer ul ul a
{
	display: block;
	padding: 6px 8px 6px 8px;
	width: 147px;
	color: #000;
	background-color: #DAFAE0;
	text-decoration: none;
	font-weight: normal;
}

#navcontainer ul ul a:hover
{
	color: #000;
	background-color: #DAFAE0;
	background-image: url(images/menulatar.gif);
	text-decoration: none;
}

#subnavlist a
{
	border-left: 8px solid #DAFAE0;
	display: block;
	color: #000;
	padding: 6px 6px 6px 0;
	height: auto;
	background-image: url(images/menulatar.gif);
}

#subnavlist a:visited
{
	border-left: 8px solid #DAFAE0;
	background: #DAFAE0;
	color: #000;
	text-decoration: none;
	padding: 6px 0 6px 5px;
}

#subnavlist .subactive a {
	border-left: 8px solid #000;
}

#subnavlist a:hover, #subnavlist a#subcurrent:hover
{
	border-left: 8px solid #000;
	text-decoration: none;
	color: #000;
}

a#current, a:visited#current
{
	background-image: url(images/menuon.gif);
	color: #EEE;
	text-decoration: none;
}

a#subcurrent , a:visited#subcurrent
{
	border-left: 8px solid #000;
	background: #DAFAE0 url(images/menulatar);
	color: #000;
	text-decoration: none;
}

/* END MENU */


#salamorganis {
	padding: 20px 25px 15px 25px;
}

#salamorganis p {
	text-align: left;
	padding-top: 10px;
	color: #000;
	margin: 0;
}

#collawith {
	border-top: 1px solid silver;
	padding: 20px 25px 10px 25px;
}

#whatsnew {
	padding: 15px 15px 0 20px;
	text-align: left;
}

#headline p {
	text-align: justify;
	padding-top: 10px;
	color: #000;
	margin: 0;
}

#headline h1 {
	text-align: left;
	text-decoration: none;
	color: #006400;
}

#headline h1 a {
	text-decoration: none;
	color: #006400;
}

#headline h1 a:hover {
	text-decoration: underline;
}

#contnew1 {
	width: 150px;
	padding: 15px 20px 15px 25px;
	text-align: left;
}

#contnew2 {
	width: 150px;
	padding: 15px 20px 15px 15px;
	border-left: 1px solid silver;
	text-align: left;
}

#contnew p {
	text-align: left;
	padding-top: 10px;
	color: #000;
	margin: 0;
}

#contnew a {
	color: #2E8B57; 
	text-decoration: underline;
	font-size: larger;
}

#contnew a:hover {
	text-decoration: none;
}

/*RIGHT AREA */
#right {
	width: 165px;
	border-left: 1px solid Silver;
	padding: 0 15px 15px 15px;
}

#right2 {
	width: 165px;
	padding: 0 15px 15px 15px;
}

#right3 {
	width: 165px;
	padding: 0 15px 15px 15px;
	background: #FFDEAD;
}

#right4 {
	width: 180px;
	padding: 0 15px 15px 15px;
}

#righttiofront {
	padding: 0 15px 15px 5px;
	margin-top: 15px;
	text-align:left;
}

/* LOGIN AREA */
#loginarea {
	text-align: left;
	border-bottom: 1px dashed silver;
}

#login {
	padding: 15px 0;
	margin-bottom: -30px;
}

#login p {
	margin-top: 0;
}

#login form {
}

#login fieldset {
	border: none;
}

#login legend {
	display: none;
}

#login label {
	font-size: small;
}

#login input {
	margin-bottom: 5px;
}

#inputtext1, #inputtext2 {
	width: 130px;
	padding: 2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
}

#inputsubmit1 {
}
/* END LOGIN AREA */

#tio, #rightarea {
	width: 165px;
	margin: 5px 10px 15px 0;
	padding-top: 10px;
	border-bottom: 1px dashed silver;
	text-align: left;
}

#tio a {
	color: #2E8B57; 
	text-decoration: underline;
	font-size: larger;
}

#tio a:hover {
	text-decoration: none;
}

#rightarea p a, #tiomore a {

	display: block;
	background: url(images/bullet_text.gif) no-repeat 0 50%;
	padding: 6px 2px 6px 20px;
	color: #000;
	text-decoration: none;
	margin:0 ;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#rightarea p a:hover, #tiomore a:hover {
	text-decoration: underline;
	
}

#rightarea h3 {
	font-size: 11px;
	background: #ccc;
	color: #000;
	padding: 6px;

}

#rightarea2 {
	margin: 5px 0 15px 0;
	padding-top: 10px;
	background: #FFDEAD;
	text-align: left;
}


/*	FOOTER   */
#footer {
	clear: both;
	width: 750px;
	padding: 10px 0;
	display: inline;
}

#footer p {
	margin-top: 20px;
	text-align: center;
	font-size: 11px;
	color: #6C6C6C;
	line-height: 180%;
}

#bodyartikeltio {
	width: 370px;

}

#tiointro {
	padding: 15px;
	background: #FFF9E8;
	border-right: 1px solid #EAEAEA;
}

#bodyartikel {
	padding: 5px 15px 0 20px;
	border-right: 1px solid #EAEAEA;
	text-align: left;
}

#bodyartikel p {
	text-align: justify;
	padding: 5px 5px 5px 0;
	color: #000;
	margin: 0;
}

#bodyartikel h1 {
	text-align: left;
	text-decoration: none;
	color: #006400;
}

#bodyartikel ul.normal {
	margin: 0;
	padding: 0;
	list-style: none;
}

#bodyartikel li.normal {
	padding: 15px 10px 5px 0 ;
	border-bottom: 1px solid Silver;
}

#bodyartikel li.bottom {
	border-bottom: 0;
}

#bodyartikel a {
	color: #000; 
	text-decoration: underline;
	/*font-size: 15px;*/
}

#bodyartikel a:hover {
	text-decoration: none;
}

#bodyartikel2 {
	padding: 25px 15px 0 20px;
	text-align: left;
	background: #FDF5E6;
}

#bodyartikel2 p {
	text-align: justify;
	padding: 5px;
	color: #000;
	margin: 0;
}

#bodyartikel2 p.plslogin
{
	border-top: 1px solid silver;
	margin-top: 5px;
	padding-bottom: 10px;
	text-align: right;
	font-size: smaller;
	color: Gray;
	text-transform: uppercase;
}

.plslogin2
{
	border: 1px solid silver;
	margin-top: 10px;
	padding-left: 10px;
	text-align: center;
	font-size: smaller;
	color: Gray;
	text-transform: uppercase;
}

#bodyartikel2 h1 {
	text-align: left;
	text-decoration: none;
	color: #006400;
}

#bodyright {
	margin-top: 10px;
	padding: 5px 15px 0 0;
	float: right;
	text-align: left;
}

#bodyright ul {
	margin-top: 8px;
	margin-left: 0px;
	padding: 0;
	list-style: none;
}

#bodyright li {
	padding: 5px 0 6px 0;
}

#bodyright a {
	color: black;
	text-decoration: underline;
	font-weight: none;
	font-size: larger;
}

#bodyright a:hover {
	text-decoration: none;
}

/*#bodyright li:hover {
	background: #fff;
}*/

#attachment, #artikelkait
{
	clear: both;
	list-style: none;
	padding: 0 10px 10px 22px;
	float: left;
	text-align: left;
	margin-top: 5px;
}

#attachment ul, #artikelkait ul {
	list-style: none;
	margin: -15px 0 0 0;
}

#attachment li a, #artikelkait li a {
	background-repeat: no-repeat;
	padding: 5px 0 6px 20px;
	color: Teal;
	text-decoration: none;
	font: 12px;
	background-position: 0 10%;
	line-height: 200%;
}

#attachment li.text a
{
	background-image: url(images/bullet_text.gif);
}

#attachment li.pdf a
{
	background-image: url(images/bullet_pdf.gif);
}

#attachment li.doc a
{
	background-image: url(images/bullet_doc.gif);
}

#attachment li.lain2 a, #artikelkait li.lain2 a
{
	background-image: url(images/bullet_lain2.gif);
}

#attachment li a:hover
{
	text-decoration: underline;
}

#attachment h3 {
	margin-bottom: 25px;
}

#searchnoresult p {
	border: 1px solid Red;
	color: Red;
	padding: 5px;
	text-align: center;
}

#searchresult {
	border-bottom: 4px solid #ccc;
	padding: 10px;
}

#searchresult p {
	color: #000;
	text-align: left;
}

/* TABEL */
#kontentabel table
{
	margin-bottom: 1.5em;
}

#kontentabel h1 {
	margin: 0;
	text-align: left;
	border-bottom: 1px dashed #CCCCCC;
}

#kontentabel h5 {
	text-align: right;
	margin-top: 0px;
	background-color: #F0F0F0;
	padding: 10px;
	text-decoration: none;
}

#kontentabel h5 a {
	text-decoration: none;
}

#kontentabel h5 a:hover {
	text-decoration: underline;
}

#kontentabel table th
{
	text-align: left;
	font-weight: bold;
	padding: 0.5em;
}

#kontentabel table td
{
	text-align: left;
	padding: 0.5em;
	font-size: 12px;
	color: black;
}

#kontentabel table td.klir
{
	padding: 0.5em;
	background-color: #FFF;
}

#kontentabel table tr.rowA
{
	background-color: #EAEFE0;
	color: inherit;
}

#kontentabel table tr.rowB
{
	background-color: #F9FFEF;
	color: inherit;
}

#othersarea {
	margin-bottom: 20px;
	border: 1px solid #ccc;
	padding: 20px;
}

#others h1 {
	text-align: left;
	border-bottom: 1px dashed #CCCCCC;	
}

#others ul {
	list-style: none;
}

#others ul li {
	padding-left: 1.5em;
	background: url(images/arrow.gif) no-repeat left 20%;
	border-bottom: 1px solid #ccc;
	margin: 7px 0 7px -40px;
}

#others li a {
	text-decoration: none;
	color: #000;
}

#others li a:hover {
	text-decoration: underline;
}

#bannerarea {
	margin: 5px 0 0;
	padding-top: 5px;
	padding-bottom: 4px;
	/*border-bottom: 1px dashed silver;*/
	text-align: left;
}

#bannerarea p {
	display: block;
	padding: 6px 2px 10px 0;
	color: #000;
	text-decoration: none;
	font-size: 12px;
	border-bottom: 1px dashed silver;

}

#rightarea p a:hover {
	text-decoration: underline;
	
}

#otherinfo {
	float: right;
	width: 180px;
	padding: 30px 10px 100px 10px;
	background: #E9E9E9; 
}

#otherinfo h3 {
	width: 210px;
	height: 32px;
	margin: 0;
	padding: 12px 0 0 20px;
	background: #5A5A5A url(images/img13.gif);
	font-size: 1em;
	color: #FFFFFF;
	text-align: left;
}
#otherinfo img {
	float: left;
}

#otherinfo ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#otherinfo li {
	padding: 5px 10px;
	border-bottom: 1px solid White;
	text-align: left;
}

#infoguide {
	font-size: 16px;
}