/* CSS Document */

.border_bawah{
	border-bottom:#FFCC00 2px solid;
	/*border-top:#FFCC00 2px solid;*/
}
.border_kanan{
	border-right:#FFCC00 1px solid;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	margin-bottom:0px;
	margin-top:0px;

	

}
p{
	margin-left:20px;
	margin-right:10px;
	
}
h1,h2,h3,h4,h5,h6{
	margin-left:20px;
	margin-right:20PX;
	color:#FF6600;
}
.copyrights{ 
margin-right:20px;
margin-top:5px;
margin-bottom:10px;
color:#FF6600;
}
.bottomlink{ 
margin-left:20px;
margin-top:5px;
margin-bottom:10px;
}
b{color:#FF6600}
a{
color:#FF6600;
text-decoration:none;}
a:hover {
color:#FF9900;
text-decoration:underline;}
a.title{
color:#FF6600;
text-decoration:none;}
a.title:hover{
color:#FF6600;
text-decoration:none;}
a.port{
color:#000000;
text-decoration:none;}
a.port:hover{
color:#FF6600;
text-decoration:none;}
.previewPane {
		float:right;
		border: 1px solid #cecece; 
		background:url(images/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
		
}


.previewPane img {
	
	display: block; /* IE won't do well without this */
	position: relative; /* Make the shadow's position relative to its image */
	padding: 0px; /* This creates a border around the image */
	background-color: #fff; /* Background color of the border created by the padding */
	/*border: 1px solid #cecece;*/ /* A 1 pixel greyish border is applied to the white border created by the padding */
	margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}
.represents {color: #FF0000;}