body
{
	font-family:"Segoe UI", "Segoe UI", "Segoe UI";
	font-size: 11px;
	color: #000000;
	background-image: url(images/bg_kremganti.gif);
	background-repeat: repeat-x;
	
}
body,td,th {
	font-family:"Segoe UI", "Segoe UI", "Segoe UI";
	font-size: 11px;
	}
h1 {
	font-family: "Segoe UI", "Segoe UI", "Segoe UI", "Segoe UI";
	font-size: 20px;
	color: #000000;
}
.newstitle,.judulne {
	font-family: "Segoe UI", "Segoe UI", "Segoe UI", "Segoe UI";
	font-size: 18px;
	font-weight: normal;
}
a:link {
	color: #005383;
	text-decoration: none;
}
a:visited {
	color: #005383;
	text-decoration: none;
}
a:hover {
	color: #00797a;
	text-decoration: underline;
}
a:active {
	color: #006699;
	text-decoration: none;
}
.linebar {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	padding: 5px;
}

.judul-biru {
	font-weight:bold;
	font-size:14px;
	color:#0066CC;
}

.borle {
	border-left:1px solid #005383;}
.borle2 {
	border:1px solid #005383;}

.footer-abu {
	font-size:11px;
	color:#00481d;}


a.link-daftar-halaman {
	display:block;
	font-size:11px;
	padding:1px 0 0 0;}

.image {
	background-color: #fff;
	padding: 2px;
	margin: 3px 5px 3px 0;
	border: 1px solid #ddc688;
}
.judul {
	font-family: "Segoe UI";
	font-size: 14px;
	line-height: 170%;
	font-weight: bold;
	color: #EE1C24;
	text-decoration: underline;
}

#home-news ul.listnews li a {color: #0094c5;}
#home-news ul.listnews li a:hover {color: #f30;}
#home-news ul {margin:0; padding:0 0 10px 0;list-style: none; overflow: hidden;}
#home-news ul li {margin:0; padding:4px 0 4px 15px; border-bottom: 1px dashed #d0d0d0; background: transparent url(img/list-dot.png) no-repeat 2px 9px;}
#home-news ul li a {padding: 0; color: #666; text-decoration: none; width: 240px; display:inline;}
#home-news ul li a:hover {}

.more {text-align: right; font-size:10px; color: #bbb; padding: 0; margin:0;}
.more a {color: #B0070A; font-weight:bold;}
.more a:hover {text-decoration: underline; background: transparent;}
.more a:hover strong { color: #f60;}

#menubackground {padding:0; margin:0; list-style:none; height:35px; background:#ffffff url(three_0.gif) repeat-x;  z-index:500; font-family:"Segoe UI", "Segoe UI", "Segoe UI";}

		
		#title a:link, #title a:visited {
			font-size: 19px;
			color: #c00;
			text-decoration: none;
			font-family: "Segoe UI", "Segoe UI", "Segoe UI";
			font-weight: bold;
			line-height: 34px;
		}
		
		#title a:hover, #title a:focus {
			text-decoration: underline;
		}
		

		
/* text header */
#main_wrap {
	}

#header_title{
	
	text-align: center;
	padding-top:25px; 
	font-size: 25px;
	color: #fff;
	padding-bottom: 5px;
	font-family: "Segoe UI", "Segoe UI", "Segoe UI";
	text-transform: uppercase;
	text-shadow: 2px 2px 0px #009900;
}
#header_title a { color: #FFF; }

#header_slogan {
	text-align: center;
	height: 20px;
	color: #87C3E4;
	clear: both;
	display: block;
	width: 1020px;
	margin: 0 auto;
	padding-bottom: 5px;
	text-shadow: 1px 1px 0px #003D6E;
	font-family: "Segoe UI", "Segoe UI", "Segoe UI";
	font-size: 18px;
	}
	#header_slogan p { margin: 0; padding: 0; }
	
#header_slogan span { 
	margin: 0 auto;
	padding: 0px; 
	clear: both;
	display: block;
	text-align: center;
	width: 1050px;
	}
	
	
/* footer */
#footer {
	width: 100%;
	background: transparent url('images/bg_footer1.png') no-repeat bottom;
	margin: 0 auto;
	padding: 0 0 70px 0;
	}
	
.home #footer {
	background: transparent url('images/bg_footer1.png') no-repeat center 64px;
	padding: 0px;
	}

#footer-content{
	margin: 0 auto;

}

.footer-text{
	width: 900px;
}

#bottom{
	width: 900px;
	margin: 0 auto;
	background: transparent url('images/bottom_line.png') repeat-x top;
	padding: 10px 0;
	text-shadow: 1px 1px 0px #003D6E;
	color: #A4CCF0;
	font-size: 11px;
}


#bottom a { color: #A4CCF0; }
#bottom a:hover { color: #FFF; }

#bottom .text {
	font-family: "Segoe UI", "Segoe UI", "Segoe UI";
	color: #87C3E4;
	font-size: 24px;
	text-shadow: 1px 1px 0px #003D6E;
}

#bottom img { vertical-align: middle; }

.bottom-text{
	float: left;
}
.bottom-icon {
	float: right;
}

#style_td{
	display:block;
}

.input-container{
	padding:1px;
}

#div-regForm,.registered{	
	border:3px solid #eeeeee;
	padding:15px;	
	background:url(img/bg.jpg) repeat-x #cbd4e4;
	color:#203360;	
	margin:0px auto 40px auto;
	width:500px;
}

.form-title,
.form-sub-title{
	font-size:20px;	
	font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	font-size:20px;
	font-weight:bold;
}

.form-sub-title{
	font-weight:normal;
	padding:6px 0 15px 0;
}

.greenButton{
	width:auto;
	margin:10px 0 0 2px;
	padding:3px 4px 3px 4px;
	color:white;
	background-color:#589d39;
	outline:none;
	border:1px solid #006600;
	font-weight:bold;
}

.greenButton:active{
	background-color:#006600;
	padding:4px 3px 2px 5px;
}

#content {
	margin-left: 130px;
	padding: 20px 10px 0 0;
}
#content p {
	font-size: 75%;
	line-height: 1.8em;
	padding-left: 2em;
}

#loading{
	left:10px;
	position:relative;
	top:3px;
	visibility:hidden;
}

#error{
	background-color:#ffebe8;
	border:1px solid #dd3c10;
	padding:7px 3px;
	text-align:center;
	margin-top:10px;
	visibility:hidden;
}
legend {background:#FF0000; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:10 10px; margin:-10px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}


#breadcrumb
{
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url('images/bc_bg.png'); 
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
#breadcrumb li 
{
    list-style-type:none;
    float:left;
    padding-left:10px;
}
#breadcrumb a
{
    height:30px;
    display:block;
    background-image:url('images/bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}
.home
{
    border:none;
    margin: 8px 0px;
}

#breadcrumb a:hover
{
	color:#35acc5;
}


/*-------LOGIN STARTS HERE -------*/

/* Login Container (default to float:right) */
#loginContainer {
    position:relative;
    float:right;
    font-size:12px;
}

/* Login Button */
#loginButton { 
    display:inline-block;
    float:center;
    background:#d2e0ea url(images/buttonbg.png) repeat-x; 
    border:1px solid #899caa; 
    border-radius:3px;
    -moz-border-radius:3px;
    position:relative;
    z-index:30;
    cursor:pointer;
}

/* Login Button Text */
#loginButton span {
    color:#445058; 
    font-size:14px; 
    font-weight:bold; 
    text-shadow:1px 1px #fff; 
    padding:7px 79px 9px 10px;
    background:url(images/loginArrow.png) no-repeat 110px 7px;
    display:block
}

#loginButton:hover {
    background:url(images/buttonbgHover.png) repeat-x;
}

/* Login Box */
#loginBox {
    position:absolute;
    top:34px;
    right:0;
    display:none;
    z-index:29;
}

/* If the Login Button has been clicked */    
#loginButton.active {
    border-radius:3px 3px 0 0;
}

#loginButton.active span {
    background-position:110px -76px;
}

/* A Line added to overlap the border */
#loginButton.active em {
    position:absolute;
    width:100%;
    height:1px;
    background:#d2e0ea;
    bottom:-1px;
}

/* Login Form */
#loginForm {
    width:248px; 
    border:1px solid #899caa;
    border-radius:3px 0 3px 3px;
    -moz-border-radius:3px 0 3px 3px;
    margin-top:-1px;
    background:#d2e0ea;
    padding:6px;
}

#loginForm fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset#body {
    background:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 13px;
    margin:0;
}

#loginForm #checkbox {
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}

#body label {
    color:#3a454d;
    margin:9px 0 0 0;
    display:block;
    float:left;
}

#loginForm #body fieldset label {
    display:block;
    float:none;
    margin:0 0 6px 0;
}

/* Default Input */
#loginForm input {
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}

/* Sign In Button */
#loginForm #login {
    width:auto;
    float:left;
    background-color:#589d39;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

/* Forgot your password */
#loginForm span {
    text-align:center;
    display:block;
    padding:7px  4px 0;
}

#loginForm span a {
    color:#3a454d;
    text-shadow:1px 1px #fff;
    font-size:12px;
}

input:focus {
    outline:none;
}