@charset "utf-8";
/* CSS Document */

body {
	background-color:#CCFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8.75PT;
	margin:10 10 10 10;
	margin-bottom:0;
	}

/* SEARCH */	
td.search {
	color:#fff; 
	margin:12px 0 0 0;	
	font-size:30px; 
	line-height:35px; 
	text-transform:uppercase;
	}

input.search {
	border:solid 0px; 
	background:#fff; 
	padding:4px 5px 3px 5px; 
	font-size:14px; 
	margin-right:5px; 
	width:193px; 
	color:#27bdff;
	}
	
/* TABEL */
table.service	{
	border:#202126 solid 1px;
	}

table.tab	{
	border-bottom:#7F7F7F solid 1px;
	}
	
table.tabs	{
	border-left:#7F7F7F solid 1px;
	border-top:#7F7F7F solid 1px;
	border-right:#7F7F7F solid 1px;
	background-color:#E6E6E6;
	}
	

table.pesan	{
	border:#32CCFF solid 1px;
	}
	
td.warning_box {
   		 border: 1px solid rgb(255, 204, 0);
   		 padding: 0.5em;
		}

td.warning_icon {
 		 border: 1px solid rgb(185, 150, 11);
 		 background-color: rgb(242, 195, 19);
  font-weight: bold;
		}

table.register	{
		border-bottom:#0A4C43 solid 1px;
		border-left:#0A4C43 solid 1px;
		border-top:#0A4C43 solid 1px;
		border-right:#0A4C43 solid 1px;
		}
		

table.comment	{
		border:#DDDDDD 1px solid;
		background-color:#F5FCF3;
		}
		
table.commentmain	{
		border:#DDDDDD 1px solid;
		background-color:#FFFFFF;
		}
	
/* LINK */
a.submenu:hover	{
	color:#FFFFFF;
	text-decoration:underline;
	}
	
a.submenu	{
	color:#FFFF00;
	text-decoration:none;
	}
	
a:hover	{
	color:#000000;
	text-decoration:none;
	}
	
a	{
	color:#000099;
	text-decoration:none;
	}
	
/* INPUT */
input[type=text] 	{ 
		BORDER-RIGHT: #a8a8a8 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a8a8a8 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: #a8a8a8 1px solid; COLOR: #434342; PADDING-TOP: 2px; BORDER-BOTTOM: #a8a8a8 1px solid; FONT-FAMILY: Tahoma; HEIGHT: 16px
		}
		
input[type=radio]{ } 
input[type=checkbox]{ } 

INPUT.input_search {
	BORDER-RIGHT: #a8a8a8 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a8a8a8 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: #a8a8a8 1px solid; WIDTH: 140px; COLOR: #434342; PADDING-TOP: 2px; BORDER-BOTTOM: #a8a8a8 1px solid; FONT-FAMILY: Tahoma; HEIGHT: 16px
}

input.btnsearch	{
	background-image:url(images/b_search.gif);
	width:30px;
	height:20px;
	border:0px;
	}
	

label {
	display: block;
	font-weight: bold;
	margin: 8px 0 5px 0;
	color: #895F30;
}

textarea {		
	FONT-SIZE: 11px; 
	COLOR: #434342; FONT-FAMILY: Tahoma;	
}

select {	
	FONT-SIZE: 11px; 
	COLOR: #434342; FONT-FAMILY: Tahoma;	
}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}