html, body, p, h1, h2, h3, h4, h5, h6{
	margin: 0; padding: 0; border: 0;}
table,td{ font-size:12px; }
 
body { margin:0; text-align: center; font-size:10px; font-family: Arial, Helvetica, sans-serif;
	color: #000; background:url(gradientbg.jpg )#fff repeat-x left top; background-attachment: scroll;
}

#topbar{
    position:absolute;
    border: 0px solid #ccc;
    padding: 2px;
    width: 580px;
    visibility: hidden;
    z-index: 100;
}

#contentwrapper{
    width: 300px;
    height: 140px;
    text-align:left;
    padding:0 0 0 0;
}

#dhtmltooltip{
	position: absolute;
	font-family: Arial,sans;
	font-size:11px;
	line-height:16px;
	color: #446688;
	left: -300px;
	width: 250px;
	border: 1px solid #A5BCD1;
	padding: 8px;
	background-color: #E2EAF1;
	visibility: hidden;
	z-index: 1000;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#mxna {
	z-index: 500;
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 1001;
	margin: 0px 0px 0px 225px;
	visibility: hidden;
}

fieldset{ padding:5px; font-size:20px; }

a { color:#4E63B1; text-decoration:none; cursor:pointer;}
a:hover { text-decoration:none; cursor:pointer;}

.menu { color:#000; font-size:13px; text-decoration:none; cursor:pointer;}
.menu:hover { text-decoration:underline; cursor:pointer;}

.menu2 {
    float:left; margin:0 0 5px 0; width:180px; padding:3px; border:1px solid #ccc; background:#E67817;
    font-size:13px; text-decoration:none; cursor:pointer; font-weight:bold; color:#fff;
}
.menu2:hover, .menu2.div:hover {
    margin:0 0 5px 0; padding:3px; border:1px solid #000;
    text-decoration:none; cursor:pointer; color:#333;
}

.link { color:#858585; font-size:12px; text-decoration:none; cursor:pointer;}
.link:hover { text-decoration:none; cursor:pointer; color:#333;}

.link2 { color:#C06616; text-decoration:underline; cursor:pointer;}
.link2:hover { text-decoration:none; cursor:pointer;}

.innera { overflow:auto; width:100%; height:250px; background:#eee; }

#p1 { overflow-y: scroll; height:100px; }
#p2 { white-space: nowrap; overflow-y: scroll; width:100%; height:130px; }
#p3 { white-space: nowrap; overflow-y: scroll; width:100%; height:155px; }
#p4 { white-space: nowrap; overflow-y: scroll; width:200px; height:108px; }
#p5 { white-space: nowrap; overflow-y: scroll; width: 200px; height:365px; }

.left{ text-align:left; align:left; }
.right{ text-align:right; align:right; }
.center{ text-align:center; align:center; }
.atas{ vertical-align:top; }
.tengah{ vertical-align:middle;}
.bawah{ vertical-align:bottom; }

.black{ color:#000; }
.white{ color:#fff; }
.red{ color:red;}

.b{ font-weight:bold; }
.i{ font-style:italic; }
.u{ text-decoration:underline; }

#leftpos{
    position:absolute; margin:5px 0 0 12px; width:190px;
}

#maindiv {
    margin: 0 0 0 0; width:580px; height:auto; position:absolute; visibility:hidden;
    text-align:left; z-index:1000000;  -moz-opacity:0.9; filter:alpha(opacity=90);
}

#maindiv #sub {
    padding:10; color:#333; background:#E2E0DE; height:auto;
}

#maindiv #compform {float:left;}
#maindiv #compform2 { }
#maindiv .compform {float:left; margin:0 0 0 10; color:747474; font-size:9px;}
#maindiv .compform2 {width:100%; margin:3 0 3 0; color:747474; font-size:9px;}

#all { align:center; text-align:left; margin:0 auto; width:800px; border-color:#000;
    border-left-style:ridge; border-right-style:ridge; border-width:0px; color:#333;}
    
#content { position:relative; display:block; margin:0 auto; width:99%; height:70%; padding:5px; background:#fff; text-align:left}

#login{ position:absolute; display:block; left:100px; top:200px; padding:5px; border:0px solid #000; }
#login span{ position:absolute; display:block; left:290px; top:20px; padding:0px; border:0px solid #000; }
#login .block{ position:absolute; display:block; left:192px; top:44px; padding:0px; border:0px solid #000; }
#login .block2{ position:absolute; display:block; top:238px; width:400px; }
.head { text-align:right; margin:0 auto; position:relative; width:99%; }
.head2 { float:left; margin:5 0 5 0; width:780px; height:40px; border:1px solid #ccc; background: #ddd url(bg.gif) repeat-x bottom right;
    background-attachment: scroll; padding:0px; border-top:solid #ccc 3px; border-bottom:solid #ccc 7px;
}

.title{ font-size:25px; color:#ccc; }
.title #fst { margin:0 5 0 0; float:left; color:#333; }
#title2{ font-size:25px; color:#E67817; }
#title2 #fst { margin:0 5 0 0; float:left; color:#333; }
#title3 {font-size:16px; font-weight:bold; color:#000; margin:5 5 15 0; border-bottom:1px dashed #000; }

.empty{ padding:3px; font-weight:bold; font-size:15px; color:#000; border-width:0px; }
.empty2{ padding:5px; font-weight:bold; font-size:15px; color:#000; border-width:0px; }
.empty3{ margin:3px 0 10px 0; }

.desc{ font-weight:bold; font-size:11px; color:#333; line-height:15px; }
.desc2{ padding:5px; font-size:11px; color:#808080; line-height:15px; }
.desc2:first-line { padding:3px; font-weight:bold; font-size:14px; color:#4178BC; line-height:20px; }
.desc3{ border:1px dashed #ddd; padding:3px; font-weight:bold; font-size:10px; color:#333; line-height:15px; }
.desc3:first-line { padding:3px 0 3px 0; font-weight:bold; font-size:15px; color:#000; line-height:15px; }
.desc4{ border:1px dashed #ddd; padding:3px; font-weight:bold; font-size:10px; color:#333; background:#F9FDFF; line-height:15px; }
.desc4:first-line { padding:3px 0 3px 0; font-weight:bold; font-size:15px; color:#000; line-height:15px; }
.desc5{ padding:0px; font-weight:bold; font-size:10px; color:#333; line-height:15px; }
.desc5:first-line { padding:3px 0 3px 0; font-weight:bold; font-size:13px; color:#000; line-height:15px; }
.desc6{ padding:3px; font-weight:bold; font-size:11px; color:#333; line-height:15px; }
.desc7{ padding:3px; font-weight:normal; font-size:11px; color:#245FA7; line-height:15px; }
.row{ padding:2px; font-weight:bold; font-size:11px; color:#104990; background:#D3E4F9; line-height:15px; border-width:1px; border-bottom:dotted #ddd;}
.row2{ padding:2px; font-weight:bold; font-size:11px; color:#333; line-height:15px; border-width:1px; border-bottom:dotted #ddd;}
.row3{ padding:3px 0 3px 0; font-weight:bold; font-size:11px; color:#333; background:#FBFDFF; line-height:15px; border-width:1px; border-bottom:dotted #ddd;}
.row4{ padding:3px 0 3px 0; font-weight:bold; font-size:11px; color:#333; line-height:15px;}


.border{
    border:1px dashed #ccc; padding:5px; margin:10 0 10 0; line-height:15px; font-size: 16px;
    font-style: normal; font-family: Arial, Helvetica, sans-serif; color: #000; background:#f3f3f3;
}

#alert{
    padding:5px; border:1px solid black; text-align:center; z-index:1000;
}

.input2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style: normal;
	color:#333; text-decoration:none; cursor:hand; border:1px solid #ddd;}
 
.input3 {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color: #000;
	text-decoration: none; background-color:#F0F0F0; cursor:hand; padding:5px; page-break-after: left;
	border: 1px solid #000;
}

#navbar A {
	FONT: bold 12px Verdana; COLOR: white
}
.footad A {
	FONT: 11px Verdana; TEXT-DECORATION: none
}
PRE {
	BORDER-RIGHT: gray 1px dashed; PADDING-RIGHT: 5px; BORDER-TOP: gray 1px dashed; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: gray 1px dashed; WIDTH: 95%; PADDING-TOP: 5px; BORDER-BOTTOM: gray 1px dashed; BACKGROUND-COLOR: #e9e9e9
}

.carousel-component {
	padding:8px;
}
.carousel-component .carousel-list li {
	margin:4px;
	width:79px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) +
	               img.border-left (1) + img.border-right (1)*/
	/*	margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a {
	display:block;
	border:0px solid #e2edfa;
	outline:none;
	-moz-outline:none;
}

.carousel-component .carousel-list li a:hover {
	border: 0px solid #87bf4e;
}

.carousel-component .carousel-list li img {
	border:0px solid #999;
	display:block;
}

.carousel-component .carousel-list li strong {
	display:block;
}