@charset "utf-8";
/* CSS Document */

body {
	font-family: "Century Gothic";
	background-color:#FFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position:fixed;
	width:100%;
	height:100%;
}

.header {
	background-image:url(../images/head-back.png);
	background-repeat:repeat-x;
	height:90px;	
	}
	.head_back {
		height:90px;
		width:1000px;
		margin:auto;
	}
	.head {
		background-image:url(../images/head.jpg);
		background-position:center;
		height:90px;
		width:1000px;
	}
	
#page-wrap {
	width: auto;
	margin: 0 auto;
}

img {
	border:0;
}

.title_head {
	font-size:24px; 
	padding-top:10px;
}

.main {
	font-size:12px;
	color:#184076;
	margin:-13px 0 0 0;
}

.back {
		display: block;
        position:absolute;
        width: 70px;
        height: 70px;
		margin:172px 25px 0 0;
        text-decoration: none;
		background: url(../images/back.png) left no-repeat;
}

.next {
        display: block;
        position:absolute;
        width: 70px;
        height: 70px;
		margin:-240px 0 0 650px;
        text-decoration: none;
		background: url(../images/next.png) left no-repeat;
}

.daftar{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#4a4a4a;
}

.footer {
	background-image:url(../images/footer-back.png);
	background-repeat:repeat-x;
	height:92px;	
	}
	.foot {
		background:url(../images/footer.jpg) top center no-repeat;
		height:92px;
		width:1000px;
		margin:auto;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFF;
	}
	
	
/* LOGIN SLIDER */
#sliderWrap {
	margin: 0 auto;
	width: 300px;
	float:right;
	z-index:100;
	position:fixed;
	top:0;
	right:20%;
}
#slider {
	position: absolute;
	background-image:url(../images/slider.png);
	opacity:0.9;
	background-repeat:no-repeat;
	background-position: bottom;
	width: 300px;
	height: 159px;
	margin-top: -135px;
	}
	#slider img {
		border: 0;
	}
		#sliderContent {
		margin: 0px 0 0 20px;
		position: absolute;
		text-align:right;
		/*background-color:#FFFFCC;*/
		color:#333333;
		font-weight:bold;
		padding: 0px;
	}
	#openCloseWrap {
		position:absolute;
		margin: 140px 0 0 120px;
		font-size:12px;
		font-weight:bold;
	}
	
/*---- Right Panel----*/
#rightPan{
	width:250px;
	float:left;
	padding:20px 0 0;
	}
	#rightPan form.form1{
		width:250px;
		height:90px;
		color:#fff;
		background-color: #003463;
	}
	#rightPan form.form1 label{
			width:66px;
			height:18px;
			float:left;
			display:block;
			font-size:12px;
			line-height:18px;
			padding:0 0 0 0px;
			margin:9px 0 0;
		}
	#rightPan form.form1 input{
		width:150px;
		height:18px;
		float:left;
		display:block;
		padding:0px;
		margin:9px 0 0;
	}

#rightPan form.form1 input.botton{
	width:50px;
	height:20px;
	float:left;
	display:block;
	color:#fff;
	font-size:12px;
	border:none;
	padding:0px 10px 10px 0;
	margin:9px 0 0 70px;
	line-height:14px;
	background-color: #1E4EAE;
	background-image: url(../images/botton.gif);
	background-repeat: no-repeat;
	background-position: 100% 3px;
	border:1px outset #444444;
}

/*----- MENU EVENT ----*/
#event {
	padding-top: 0px;
	}
	#event .disclaimer {
		padding: 100px 0 7px 0;
		text-align: right;
		display: block;
		position: absolute;
		top: 0; right: 0;
	}
	#event .disclaimer a {
		color: #ccc;
	}
	#event img {
		margin: 0px 0 10px;
	}
	
/*----TOP PANEL----*/
#topPan{
	width:600px;
	height:30px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: -160px;
	background-position: 0px 0px;
}
#topPan ul{
	width:600px;
	height:30px;
	position:absolute;
	top:40px;
	left:0px;
	list-style-type: none;
}

#topPan ul li{width:100px; height:30px; float:left;}

#topPan ul li a{
	width:100px;
	height:30px;
	display:block;
	color:#fff;
	font:14px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	}

#topPan ul li a:hover{
	font-size:14px;
	color:#D30D0D;
}


/*----/TOP PANEL----*/
/*	ul.topnav li {
		margin: 0; padding: 0;
		border-top: 1px solid #252525; 
		border-bottom: 1px solid #444; 
		clear: both;
		width: 170px;
	}
	ul.topnav li a{
		float: left;
		width: 145px;
		background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
		padding-left: 20px;
	}
	ul.topnav li span {
		width: 17px;
		height: 35px;
		float: left;
	}
	ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
	
/* ---------- Footer ---------*/

#footer{
    position:fixed; 
    bottom:0px;
    height:28px;
    width:100%; 
  /*background:#bdccd4;*/
  background:#f15a24;
  font-size:12px;
}

* html #footer{
    position:absolute;
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

/*Bottom Navigation*/
#bottomnav {
	float:left;
}
#bottomnav a{
     color: #333;
     text-decoration: none;
}
#bottomnav a:hover{
	color: #164A8E;
	text-decoration: none;
}
#kontenutama{
	background-color:#FFFFFF; 
	font-family:"Century Gothic"; 
	font-size:12px; 
	font-style:normal;
	margin-left:0px;
	height:100%;
	}


/*- Menu Tabs--------------------------- */

    #tabs {
      float:left;
      width:100%;
      background:#BBD9EE;
      font-size:93%;
      line-height:normal;
	  position:fixed;
	  filter: alpha(opacity=80);
	  opacity:0.8;
	  font-size:14px;
      }
    #tabs ul {
        margin:0;
        padding:10px 10px 0 220px;
        list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0 ;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("../images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("../images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#222;
	  /* text-shadow: 1px 1px 1px #666; */
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF9834;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

        #tabs #current a {
                background-position:0% -42px;
        }
        #tabs #current a span {
                background-position:100% -42px;
        }