html, body, p, h1, h2, h3, h4, h5, h6{
	margin: 0; padding: 0; border: 0;}

body { text-align: center; font: 12px Arial, Helvetica, sans-serif;
	color: #333; background: url(gradientbg.jpg) repeat-x;
    background-attachment: fixed;
}

a { color:#596A08; text-decoration:none; }
a:hover { text-decoration:underline; }

.link { color:#fff; text-decoration:none; }
.link:hover { text-decoration:underline; }

.link2 { color:#000; text-decoration:none; }
.link2:hover { text-decoration:underline; }

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

#contentwrapper{
    width: 95%;
    height: 90px;
    border: 1px solid #ccc;
    background-color: #DCDECE;
    padding: 5px;
    float:left;
}

#contentwrapper2{
    width: 170px;
    height: 150px;
    border: 0px solid black;
    background-color: #17337A;
    padding: 5px;
}

.p1 { white-space: nowrap; overflow-y: scroll; width: 100%; height:50px; }
.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; }

#all { text-align:left; margin:0 auto; width:760px; border-color:#000; background: url(gradien2.jpg) repeat-x left top;
    border-left-style:ridge; border-right-style:ridge; border-width:0px; color:#000; }

#maindiv { position:absolute; float:left; width:758px; top:85px; visibility:hidden; z-index:1000; text-align:center; color:#000; border:1px dashed #ddd; border-bottom:5px solid #ddd; background:#ccc; -moz-opacity:0.9; filter:alpha(opacity=90);}
#erroralert { font-size:18px; color:red; margin:15 0 15 0; }

#infomembers { height:120px; margin:0 0 10 4; border-bottom:3px solid #ddd;}
#infomembers .span1 { position:relative; width:100%; height:30px; background: url(gradient4.gif); -moz-opacity:0.7; filter:alpha(opacity=70);}
#infomembers .span2 { position:relative; width:100%; height:90px; }
#infomembers .span2 .lf { float:left; width:130px; }
#infomembers .span2 .lf img { margin:15 0 15 0; -moz-opacity:0.4; filter:alpha(opacity=40); }
#infomembers .span2 .rt { float:left; width:190px; margin:15 0 15 15; font-size:13px; }

.mainimage {
    position:relative; display:block; width:760px; height:80px; color: #fff; background: #BAD638;
    padding:0px; border-bottom:1px solid #ccc;
}
.mainimage .head{ display:block; position:absolute; width:100%; height:10px; line-height:25px; text-align:right; font-size:12px;  }
.mainimage .co{ display:block; position:absolute; top:7px; left:5px; color:#000; font-size:10px; font-weight:bold; }
.mainimage .logo{ display:block; position:absolute; top:32px; left:2px; z-index:90; -moz-opacity:0.5; filter:alpha(opacity=50);}
.mainimage span{ display:block; position:relative; top:30px; width:100%; height:50px; background: url(gradien2.jpg) repeat-x left top; -moz-opacity:0.7; filter:alpha(opacity=70); }

.foot { float:left; width:100%; height:20px; line-height:20px; background:#ccc url(glossyback.gif); border-top:1px solid #ccc; text-align:center; font-size:12px; font-weight:bold; }
    
#menu { line-height:50px; text-align:right; font-size:13px; font-weight:bold; color:#000 }
#menu a, #menu a:visited { padding:5px; }
#menu a:hover { padding:5px; text-decoration:none; background:#ccc url(gradient3.gif) repeat-x left bottom; color:#fff; border-top:1px solid #000; border-left:1px solid #000;}

#logo { float:left; margin:35px 2px 0px 0px; }
#logo span{ display:none; }
#logo img { border: 0px solid #ccc; height: auto; width: auto; -moz-opacity:0.7; filter:alpha(opacity=70); }
#logo a:hover img { border: 0px solid #99ccff; -moz-opacity:1; filter:alpha(opacity=100); text-decoration:none; }
#logo a:hover span { float:left; display:block; position:absolute; width:150px; height:20px; top:140px; left:0px; z-index:100; }

#logo2 { float:left; margin:45px 2px 0px 0px; }
#logo2 span{ display:none; }
#logo2 img { border: 0px solid #ccc; height: auto; width: auto; -moz-opacity:0.5; filter:alpha(opacity=50); }
#logo2 a:hover img { border: 0px solid #99ccff; -moz-opacity:1; filter:alpha(opacity=100); text-decoration:none; }
#logo2 a:hover span { float:left; display:block; position:absolute; width:150px; height:20px; top:140px; left:0px; z-index:100; }
#logo2 a:hover span:first-line { font-style:normal; font-weight:bold; font-size:1.1em; color:#000; }

.headrow{ padding:0px; height:30px; vertical-align:middle; border-color:#000; background:url(strip2.jpg)#99ccff;
    color:#000; border-top-style:solid; border-bottom-style:solid; border-width:1px; }
.graph{ float:left; margin:5px 0 0 0; padding:2px; width:98%; min-width:300px;}
.graph2{ position:relative; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding:0px; }
.graph3{ position:relative; display:block; border: 0px; padding:3px; }
.graph4{ border: 1px solid #ccc; padding:5px; background:#f3f3f3; }
.graph5{ float:left; margin:5px 0 0 0; padding:2px; background:#fff; width:98%; min-width:300px; border-width:1px; border-bottom:dotted #ddd;}
.graphlf{ font-size:15px; color:#000; font-weight:bold; float:left; width:350px; margin:0px 5px 0 0; }
.graphrt{ float:right; font-weight:normal; font-size:10px; color:#000; text-align:right width:150px;}
.graphlf2{ float:left; font-size:11px; color:#000; font-weight:bold; float:left; width:150px; margin:0px 5px 0 0; }
.graphrt2{ float:left; font-weight:normal; font-size:10px; color:#000; width:150px;}
.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; }
.title{ font-weight:bold; font-size:12px; color:#333; }
.title2{ float:left padding:3px; font-weight:bold; font-size:15px; color:#000; border-width:1px; border-bottom:dotted #ddd; }
.title3{ float:left padding:3px; font-weight:bold; font-size:15px; color:#000; border-width:1px; border-top:dotted #ddd; }
.title4{ position:relative; padding:3px; font-weight:bold; font-size:15px; color:#333; background:#5F94B0; border:1px solid #ccc; }
.title5{ float:left; position:relative; display:block; left:25px; height:30px; font-weight:bold; font-size:15px; color:#333; vertical-align:middle; border:0px solid #ccc; }
.title6{ font-weight:bold; font-size:10px; color:#006699; }
.field{ margin:10px 25px 20px 25px; font-size:12px; }
.text{ padding:3px; font-weight:normal; font-size:11px; color:#000; line-height:15px; }
.text2{ padding:3px; font-weight:normal; font-size:20px; font-weight:bold; line-height:15px; }
.desc{ padding:3px; font-weight:bold; font-size:11px; color:#333; line-height:15px; }
.desc2{ display:block; position:relative; 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; }
.desc5 span{ position:relative; padding:3px; top:0px; left:300px; font-weight:normal; font-size:10px; color:#000; }
.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{ height:25px; padding:2px; vertical-align:top; border-color:#ddd; border-bottom-style:dashed; border-width:1px; color:#333; }
.row2{ height:25px; padding:2px; vertical-align:top; border-color:#ddd; border-bottom-style:dashed; border-width:1px; background:#E0F4FB; color:#333; }

dl.bot_rgt {background:#7f7f9c url("c_tl.gif") top left no-repeat; margin:5px 0; padding:0; float:left; margin-right:10px; width:400px;}
dl.bot_rgt dt {background:transparent url("c_tr.gif") top right no-repeat; padding:10px; text-align:left; color:#fff;}
dl.bot_rgt dd {background:#eee url("c_bl.gif") bottom left no-repeat; padding:10; margin:0;}

div.box {
    background: url(grad.gif) repeat-x top left; background-position: -15px -15px;
	background-color: #F8CFAE; margin: 0 0 20px 0; border: 2px solid #d7d9dd;
	padding: 0; clear: both; position: relative; width:100%;
}

div.box2 {
    background: repeat-x top left; background-position: -15px -15px;
	background-color: #B40D05; margin: 0 0 20px 0; border: 2px solid #d7d9dd;
	padding: 0; clear: both; position: relative; width:100%;
}

div.box div.boxbody div.box2 div.boxbody2 { padding: 10px; border: none; }
div.message_summary { font-size: 13px; }

b.cn { position: absolute; height: 10px; width: 10px; margin: 0; padding: 0; background: url(gray2px.png) no-repeat; line-height: 1px; font-size: 1px; }
b.tl {top: -2px; left: -2px; background-position: top left;}
b.tr {top: -2px; right: -2px; background-position: top right;}
b.bl {bottom: -2px; left: -2px; background-position: bottom left;}
b.br {bottom: -2px; right: -2px; background-position: bottom right;}

.width {width:100%; min-width:400px; margin:0 auto;}
.h2 { font-size: 20px; color:#f60; font-weight:normal; margin-top:0; padding:top:1em; }
.b1 {height:1px; font-size:1px; overflow:hidden; display:block; background:#aaa; margin:0 5px;}
.b2 {height:1px; font-size:1px; overflow:hidden; display:block; background:#fff; border-right:2px solid #aaa; border-left:2px solid #aaa; margin:0 3px;}
.b3 {height:1px; font-size:1px; overflow:hidden; display:block; background:#fff; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 2px;}
.b4 {height:2px; font-size:1px; overflow:hidden; display:block; background:#fff; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 1px;}
.content {border-right:1px solid #aaa; border-left:1px solid #aaa;  }

h1, h2, h3, h4, .h2, p {margin-left:5px; margin-right:5px;}
p {margin-bottom:0; padding-bottom:1em;}

.border{ padding:5px; margin:0px; line-height:15px; font-size: 14px; color: red; }
.input2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style: normal; color: #000000;
	text-decoration: none; #background-color:#F0F0F0; padding:3px; page-break-after: left;
	border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.input3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style: normal; color: #000000;
	text-decoration: none; #background-color:#F0F0F0; cursor: hand; padding:3px; page-break-after: left;
	border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }

#thumb4{
    align:center;
    vertical-align:middle;
    list-style-type:none;
    width:230px;
    height:180px;
}

#thumb4 img{
    display:inline;
    border:1px solid #ccc;
    background:#ddd;
    padding:5px;
    width:220px;
    height:165px;
    -moz-opacity:1;
    filter:alpha(opacity=100);
}

#thumb4 a:hover{
    display:inline;
}

#thumb4 a:hover img{
    border:1px solid #ccc;
    background:#ddd;
    padding:5px;
    -moz-opacity:1;
    filter:alpha(opacity=100);
}

#thumb6{
    align:center;
    vertical-align:middle;
    list-style-type:none;
    width:230px;
    height:240px;
}

#thumb6 img{
    display:inline;
    border:1px solid #ccc;
    background:#ddd;
    padding:5px;
    width:165px;
    height:220px;
    -moz-opacity:0.8;
    filter:alpha(opacity=80);
}

#thumb6 a:hover{
    display:inline;
}

#thumb6 a:hover img{
    border:1px solid #ccc;
    background:#ddd;
    padding:5px;
    -moz-opacity:1;
    filter:alpha(opacity=100);
}

#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;
}