body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/background.jpg);
	background-color: #B8AFA0;
	background-repeat: no-repeat;
	background-position: center top;
	font:9px/1.5 Verdana, Arial, Helvetica, sans-serif;
}

.clear {
	clear: both;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #333333;
}

#wrap {
	width: 1024px;
	margin: auto;
	height: 600px;
	background-image: url(images/new_bg_image.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}


#header {
	width: 1024px;
	height: 60px;
	background-color: #CCCCCC;
	background-image: url(images/background_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	text-align: center;
	padding-top: 89px;
	float: left;
}

ul.list-clear{
	margin: 0;
	padding: 0;
	list-style-type: none;
}


/* MENU STYLE */

ul#menu{
	width: auto;
	display: block;
	float: left;
}

.dodol {
	height: 60px;
	width: 679px;
	margin-left: 175px;
	float: inherit;
}

.dodol2 {
	height: 393px;
	width: 382px;
	float: left;
	
}
ul#menu li{
	float: left;
}
ul#menu li a{
	display: block;
	width: 97px;
	height: 60px;
	text-indent: -10000px;
	line-height: 1em;
	text-decoration: none;
}
a#menu_home{
	background: url(images/head_menu_home.jpg) no-repeat top;
}
a#menu_digitalcontent{
	background: url(images/head_menu_digitalcontent.jpg) no-repeat top;
}
a#menu_viewall{
	background: url(images/head_menu_viewall.jpg) no-repeat top;
}

a#menu_editor{
	background: url(images/head_menu_editor.jpg) no-repeat top;
}

a#menu_search{
	background: url(images/head_menu_search.jpg) no-repeat top;
	display: none;
}
a#menu_howto{
	background: url(images/head_menu_howto.jpg) no-repeat top;
}
a#menu_rbt{
	background: url(images/head_menu_rbt.jpg) no-repeat top;
}
a#menu_login{
	background: url(images/head_menu_login.jpg) no-repeat top;
}

a#menu_logout{
	background: url(images/head_menu_logout.jpg) no-repeat top;
}

ul#menu li a:hover{
	background-position: bottom;
}
ul#menu li#m-active a{
	background-position: bottom;
}

/* SLIDER */

#slide {
	z-index: 0;
	float: left;
	width: 384px;
	margin: 0px;
	padding:0px;
}

#slider {
z-index: 0;
text-align: right;
margin: 0;
padding:0px 0px 0px 0px;
}

#slider ul {
z-index: 0;
 list-style-type:none;
 padding: 0;
}

#slider li {
z-index: 0;
 display: inline;
 padding: 0;
}





/*  END  */

.bkg {
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #EE8F1C;
}

.txtBody {
	font-family: "trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.txtBodySmall {
	font-family: "trebuchet MS";
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.txtPage {
	font-family: "trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.txtJudulBig {
	font-family: "trebuchet MS";
	font-size: 18px;
	font-weight: bolder;
	color: #4DA8D7;
	text-decoration: none;
}
#buttontabel {
	height: 40px;
	width: 287px;
	position: absolute;
	margin-top: 343px;
	margin-left: 677px;
}
.backbutton {
	padding-left: 200px;
	padding-bottom: 3px;
}

.pagetable {
	position: fixed;
}

.pagenext {
	width: 60px;
	position: absolute;
	margin-left: 100px;
}

.pagetext {
	width: 30px;
	position: absolute;
	margin-left: 60px;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.pageback {
	width: 60px;
	position: absolute;
}
.txtPageLink {
	font-family: "trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}
.line {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4DA8D7;
}

.txtPageSmall {
	font-family: "trebuchet MS";
	font-size: 9px;
	font-weight: normal;
	color: #333333;
}
#editor_pick {
	height: 130px;
	overflow: auto;
	margin-left: 20px;
	margin-top: 10px;
}
.promo_page {
	float: left;
	height: 333px;
	width: 630px;
	background-image: url(images/bg_polos.jpg);
}
.promo_isi {
	height: 300px;
	width: 514px;
	margin-left: 65px;
	margin-top: 15px;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 50px;
}
#judul_promo_isi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #993300;
}

/* STYLETOOLTIPS */

.tooltips {
	font:9px/1.5 Verdana, Arial, Helvetica, sans-serif;
	background:#FFF
}
#text {
	margin:50px auto;
	width:500px
}
.hotspot {
	color:#900;
	padding-bottom:1px;
	cursor:pointer
}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}


/* moodalbox CSS */

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
}

div#mb_center {
background-color: #FFF;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #DDD;
overflow: auto;
background-color: #FFF;
visibility: hidden;
}

.mb_loading {
background: #DDD url(../img/loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../img/closelabel.gif) no-repeat center;
margin: 5px 0;
}

div#mb_caption {
margin-right: 71px;
}