/* CSS Document */

body {
   font-family: "trebuchet MS";
   font-size:12px;
   margin:0;
   padding:0;
   color :#000000;
   background-image:url(images/bg.jpg);
   background-repeat:repeat-x;
   background-color:#fff;
}
img {
border:0px;
}
a:link, a:visited {
	color: #009DDC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #6e6e6e;
}
a:active {
	text-decoration: none;
	color: #6e6e6e;
}

#wrapper {
   width:1000px;
   min-height:500px;
   background-color:#FFFFFF;
   margin:0 auto;
   padding-left:20px;
   padding-right:20px;
   padding-bottom:40px;
}

#top_wrapper {
   width:1000px;
   height:auto;
   margin:0 auto 0 -20px;
   padding:0 0 0 40px;
   background-image:url('images/bg_sampleexplorer_header.gif');
}

#logo {
   width:auto;
   height:auto;
   float:left;
   margin-top: 1px;
   padding-left:60px;
   background-image: url(images/logo.png);
   background-repeat: no-repeat;;
}

h1 {
   font-size:25px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#626262;
   margin:0;
   padding:0;
}

.logo1 {
   font-size:25px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-style:italic;
   font-weight:normal;
   color:#FFFFFF;
}

.slogan {
   font-family:"trebuchet MS";
   font-weight:bold;
   color:#FFFFFF;
}

/*------------------MENU----------------------*/

#foxmenucontainer{width:400px;height:36px;display:block; float:left;margin-left:-160px;}

#alamat{float:left;
height:auto;
margin-top:1px;
padding-left:60px;
width:auto;color:#FFFFFF;
margin-left:-100px;
line-height: 15px;
}

#foxmenu{position:relative;display:block;height:36px;font-size:12px;
font-family: "trebuchet MS"; width:600px; float:left; font-weight:normal; text-transform: lowercase; margin-top:40px;}

#foxmenu ul{ height:36px;margin:0;padding:0;list-style-type:none;width:auto;}

#foxmenu ul li{width:70px; height: auto;display:block;float:left; text-align:center;}

#foxmenu ul li a{display:block;float:left;color:#3e3e3e;text-decoration:none;
padding:10px 0px 0 0px;height: auto; width:70px; font-weight:bold;}

#foxmenu ul li a:hover{width:70px; height: auto; border-bottom:3px #009bdb solid;
}

/*-----------------TOP CONTENT--------------------*/

#top_content {
width:1000px;
height:auto;
border-bottom:1px solid #eaeaea;
padding-bottom:20px;
}

#data {
width:260px;
height:auto;
float:left;
background-image:url(images/foto01.jpg);
background-repeat:no-repeat;
padding-left:110px;
margin-right:20px;
}

h2 {
font-size:21px;
color:#ababab;
font-weight:bold;
margin:0;
padding:0;
}

#click {
width:250px;
height:auto;
text-align:right;
color:#dc9421;
font-size:13px;
font-weight:bold;
padding-top:5px;
}

#click a {
color:#dc9421;
text-decoration:none;
}

#click a:hover {
text-decoration:underline;
}

#doc{
width:260px;
height:auto;
float:left;
background-image:url(images/foto02.jpg);
background-repeat:no-repeat;
padding-left:110px;
}

#bottom_content {
width:1000px;
height:auto;
margin-top:10px;
}

#welcome {
width:200px;
height:auto;
float:left;
margin-top:-7px;
}

h3 {
font-size:18px;
color:#009ddc;
font-weight:bold;
margin:0;
padding:0;
}

#news {
width:600px;
height:auto;
float: left;
padding-right:7px;
padding-left:5px;
}

#news01 {
width:250px;
height:auto;
border-bottom:1px solid #eaeaea;;
padding-bottom:10px;
margin-bottom:10px;
}

#learn {
width:250px;
text-align:right;
height:auto;
font-weight:bold;
}

#learn a{
text-decoration:none;
color:#009ddc;
}

#learn a:hover {
text-decoration:underline;
}

.toolbar {
   float:left;
   font-family:Tahoma,Arial,Helvetica,sans-serif;
   font-size:8pt;
   height:20px;
   width:600px;
   text-align:left;
   margin-top:10px;
}
.toolbar a {
	border: #C1DAD7 1px solid;
	height: 14px;
	padding: 3px 7px;
	margin: 1px -2px 0px 0px;
	overflow: hidden;
	cursor: default;
	background-color: #ffffff;
}

.toolbar a:hover, .act {
	text-decoration: none;
	background-image: url('images/button_bg.gif');
	background-repeat: repeat-x;
	background-color: #ffffff; /*#FFF9D6;*/
	
	padding: 3px 7px;
	border: #FCE171 1px solid;

}
.toolbar img {
	padding: 0px 0.5em 0px 0px;
	border: none;
	float: left;
}

.Box_Border {
border:1px solid #CFCFCF;
padding:25px 30px;
}
.title_header {
margin:0 0 10px;
padding:0 0 10px;
border-bottom:1px solid #CCCCCC;
}
#error {
background:#FFEBE8 none repeat scroll 0 0;
border:1px solid #DD3C10;
margin:0 0 10px;
padding:10px;
color:#000000;
}

#loginform {
clear:left;
margin:auto;
padding-top:15px;
text-align:left;
width:380px;
}

.form_row label {
display:block;
float:left;
padding:3px 0;
width:100px;
}
label {
color:#666666;
cursor:pointer;
font-weight:bold;
vertical-align:middle;
}

.clean-gray {
background:#C9FFCA none repeat scroll 0 0;
border:1px solid #349534;
color:#222222;
padding:4px;
padding-left:10px;
width:570px;
margin-top:4px;
}

#welcome .content, #right .content  {
background:#F4F5F7 none repeat scroll 0 0;
border-right:1px solid #B9BBB6;
border-left:1px solid #B9BBB6;
margin-bottom:0px;
margin-left:-3px;
margin-top:0px;
padding:7px 8px 5px;
width:175px;
font-family:Arial,Helvetica,sans-serif;
color:#222222;
}

#welcome h2, #right h2 {
color:#334455;
font-family:Georgia,sans-serif;
font-size:16px;
margin:10px 0 0;
}

#right {
float:left;
height:auto;
width:175px;
margin-top:-7px;
}

.atas {
   margin-left:-3px;
   margin-top:5px;
   margin-bottom:-5px;
}

.bawah {
   margin-left:-3px;
   margin-bottom:10px;
}

.left ul {
padding: 10px 0 15px 20px;
color: #336699;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:3px 0;
}
.left ul li a {
text-decoration: none;
font-weight: 600;
line-height: 19px;
}
.left ul li a:hover {

}
/** css tooltips */
a.tip {
	text-decoration: none;
}

a.tip:hover {
	position: relative;
}

a.tip span {
	display: none;
}

a.tip:hover span {
	display: block;
   	position: absolute; top: 3px; left: -12px;
	/* formatting only styles */
   	padding: 0px 5px 0px 5px; margin: 10px; z-index: 100;
   	border: 1px solid #c0c0c0;
    text-decoration: none;
	background: #FFFFFF ;
	width: 210px;
	/* end formatting */
}

span {
   font-weight: normal;
}
#content {
padding: 0 20px;
}
form{
margin-top:0px;
}

#ida {
background:#F4F5F7;
}

.petunjuk-area {
background:#F4F5F7 none repeat scroll 0 0;
border-top:1px solid #B9BBB6;
margin-bottom:15px;
margin-left:-3px;
margin-top:5px;
padding:3px 8px 5px;
width:570px;
}

.petunjuk-area img {
   margin:0 10px 0 0px;
}

.petunjuk-area ul {
list-style-type:square;
margin:0px 13px;
padding:0 0 0 5px;
}

.petunjuk-area li {
list-style-image:url(images/nav-next.gif);
padding:5px 0;
}

.status {
   background:#FFFFCC no-repeat scroll 8px 6px;
   border:1px solid #DEDEDE;
   color:#222222;
   padding:4px;
   text-align:left;
   width:575px;
   margin-top:4px;
   font-size: 14px;
}

.status img {
   height : 15px;
   margin-right:10px;
}