body
{
	padding:0;
	margin:0;
	background:#eee;
	font-family:'verdana',sans-serif;
	font-size:9px
}

select
{
	margin: 7px 2px 0;
}

a
{
	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	-ms-transition:all .25s ease;
	-o-transition:all .25s ease;
	transition:all .25s ease
}

input,textarea
{
	outline:none;
	padding:3px 0 3px 3px;
	margin:5px 1px 3px 0;
	border:1px solid #eee;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px
}

input:focus,textarea:focus
{
	padding:3px 0 3px 3px;
	margin:5px 1px 3px 0;
	border:1px solid rgba(81,203,235,1);
	box-shadow:0 0 7px 0 #ddd
}

span
{
	color:#666;
	font-size:10px
}

span a:link
{
	color:#777;
	font-size:12px;
	font-family:verdana;
	text-decoration:none
}

span a:hover
{
	color:#f60;
	text-decoration:underline
}

span a:visited
{
	color:#777;
	text-decoration:none
}

button.btn
{
	background-color:#fff;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#eee));
	background-image:-webkit-linear-gradient(top,#fff,#eee);
	background-image:-moz-linear-gradient(top,#fff,#eee);
	background-image:-ms-linear-gradient(top,#fff,#eee);
	background-image:-o-linear-gradient(top,#fff,#eee);
	background-image:linear-gradient(top,#fff,#eee);
	border:1px solid #ccc;
	border-bottom:1px solid #bbb;
	border-radius:3px;
	color:#333;
	padding:4px 0;
	width:60px;
	outline:none;
	font-size:11px;
	text-align:center;
	text-shadow:0 1px 0 #eee
}

button.btn:hover
{
	background-color:#fff;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#ddd));
	background-image:-webkit-linear-gradient(top,#fff,#ddd);
	background-image:-moz-linear-gradient(top,#fff,#ddd);
	background-image:-ms-linear-gradient(top,#fff,#ddd);
	background-image:-o-linear-gradient(top,#fff,#ddd);
	background-image:linear-gradient(top,#fff,#ddd);
	border:1px solid #bbb;
	border-bottom:1px solid #999;
	cursor:pointer;
	text-shadow:0 1px 0 #eee
}

button.btn:active
{
	border:1px solid #aaa;
	border-bottom:1px solid #888;
	-webkit-box-shadow:inset 0 0 5px 2px #ddd,0 1px 0 0 #fff;
	box-shadow:inset 0 0 5px 2px #ddd,0 1px 0 0 #eee
}

#wrap
{
	width:800px;
	background:#fff;
	border:1px solid #bbb;
	margin:15px auto;
	box-shadow:0 0 15px 1px #bbb;
	border-radius:3px
}

#head
{
	margin:10px 0 0
}

#inhead
{
	width:800px;
	margin:auto
}

#line
{
	background:#f60;
	height:34px;
	top:57px;
	position:absolute;
	width:100%;
	z-index:-999
}

#space
{
	float:left;
	width:47px
}

.inspace
{
	height:33px;
	background:#f60;
	margin:82px 0 0
}

#logo
{
	float:left;
	width:300px
}

.inlogo
{
	margin:35px 0 0;
	height:80px
}

#menu
{
	float:left;
	width:453px
}

.inmenu
{
	height:33px;
	background:#f60;
	margin:82px 0 0
}

.people
{
	position:absolute;
	top:29px;
	margin:0 107px;
	box-shadow:0 0 15px 1px #fff
}

#nav ul
{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	display:table
}

#nav li
{
	float:left;
	margin:0;
	padding:0;
	position:relative;
	min-width:15%
}

#nav li a
{
	display:block;
	padding:9px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	text-shadow:.05em .1em .1em #555
}

#nav li a:hover
{
	color:#ffd700;
	padding-top:10px
}

#nav .focus
{
	background:#FF8503
}

#nav .dropdown:after
{
	content:url(../img/icon/ardwn.png);
	padding-left:5px
}

#nav .dropdown:hover:after
{
	content:url(../img/icon/ardwn.png);
	padding-left:5px
}

#nav li ul
{
	float:left;
	left:0;
	opacity:0;
	filter:alpha(opacity=0);
	visibility:hidden;
	position:absolute;
	top:20px;
	z-index:6;
	width:100%;
	background:#fff;
	box-shadow:0 0 20px #eee;
	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	-ms-transition:all .25s ease;
	-o-transition:all .25s ease;
	transition:all .25s ease
}

#nav li:hover ul
{
	opacity:1;
	top:33px;
	filter:alpha(opacity=100);
	visibility:visible
}

#nav li ul li
{
	float:none;
	border-bottom:1px solid #eee;
	min-width:100px;
	text-shadow:.05em .1em .1em #555
}

#nav li ul li a
{
	display:block;
	padding:5px;
	text-decoration:none;
	color:#999;
	text-align:left;
	text-shadow:.05em .1em .1em #fff
}

#nav li ul li a:hover
{
	color:#f60;
	text-shadow:.05em .1em .1em #555;
	padding-top:9px
}

.clr
{
	clear:both;
	height:1px
}

.ctr
{
	text-align:center
}

#hleft
{
	float:left;
	width:50%
}

#hright
{
	float:left;
	width:50%
}

#board
{
	width:800px
}

#text
{
	padding:25px
}

#text b
{
	color:#f60
}

.text
{
	padding:25px
}

.text b
{
	color:#f60
}

.vtop
{
	vertical-align:top
}

.tright
{
	text-align:right
}

.tcenter
{
	text-align:center
}

.fright
{
	float:right
}

.tblresult
{
	margin:20px auto
}

.tblresultb
{
	margin:20px 0
}

.dblock
{
	display:block
}

.dnone
{
	display:none
}

#captcha
{
	vertical-align:middle;
	margin:5px 0
}

#iuser
{
	width:100%
}

#ipass
{
	width:100%
}

.boxlogin
{
	float:right;
	padding:20px
}

.market
{
	float:left
}

.dtable td
{
	min-width:100px
}

.wtc .message
{
	margin-left:35px
}

.wtd .message
{
	margin-left:45px
}

.refresh
{
	margin-left:5px
}

#areatrace
{
	padding:10px;
	text-align:center
}

#listerror
{
	text-align:left;
	font-size:11px
}

#iemail
{
	text-align:center;
	font-size:14px;
	margin-top:15px
}

#ipickup
{
	text-align:center;
	font-size:14px;
	margin-top:15px
}

#icaptcha
{
	margin-right:10px
}

#texthidden
{
	display:none
}

#dialogtrace
{
	display:none
}

#dialogcost
{
	display:none
}

#demail
{
	display:none
}

#dpickup
{
	display:none
}

#dlogin
{
	display:none
}

.opct
{
	color:#333;
	background:#fff;
	opacity:.7;
	filter:alpha(opacity=40);
	width:231px;
	border-bottom-right-radius:100px
}

#contact
{
	height:467px
}

#contact select
{
	display:block;
}

#ltext
{
	float:right;
	width:500px;
	background-image:url(../img/contact.jpg);
	height:467px
}

#rtext
{
	float:left;
	width:300px
}

#rtext form
{
	padding:15px 25px;
	background:#fff
}

#visimisi
{
	padding:0 25px
}

#lpick
{
	float:left;
	width:550px
}

#rpick
{
	float:left;
	width:250px
}

#lpick table
{
	width:80%
}

#lpick form
{
	padding:15px 25px;
	background:#fff;
	border-right:1px solid #eee
}

.network
{
	width:100%
}

.network b
{
	color:#ff6600;
}

.network td
{
	padding:10px;
	color:#666;
	vertical-align:top
}

#title
{
	font-size:17px;
	color:#f60;
	text-shadow:.05em .1em .1em #555
}

.title
{
	font-size:17px;
	color:#f60;
	text-shadow:.05em .1em .1em #555
}

.slide
{
	margin:0 1px;
	position:relative;
	height:329px;
	width:800px
}

.slide img
{
	position:absolute;
	left:0;
	top:0
}

#partner
{
	text-align:center
}

#partner img
{
	border:0
}

#infoot
{
	text-align:center;
	margin:35px 0
}

#pagination
{
	margin:0 auto 20px;
	width:132px;
}

#pagin
{
	margin:0 auto;
	padding:0;
	text-align:center
}

#pagin li
{
	float:left;
	margin:0 5px;
	list-style:none
}

#pagin li a
{
	display:block;
	color:#717171;
	font:bold 11px;
	text-shadow:0 1px #fff;
	padding:5px 8px;
	border-radius:3px;
	box-shadow:0 1px 3px 0 rgba(0,0,0,0.35);
	background:#f9f9f9
}

#pagin li a.current
{
	color:#fff;
	text-shadow:0 1px #3f789f;
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.8);
	background:#f60
}

#pagin li a:hover
{
	box-shadow:0 1px 3px 0 rgba(0,0,0,0.55);
	background:#fff
}

#pagin li a:active,#pagin li a.current:active
{
	-webkit-box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.5),0px 1px 1px 0 rgba(255,255,255,1)!important;
	-moz-box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.5),0px 1px 1px 0 rgba(255,255,255,1)!important;
	box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.5),0px 1px 1px 0 rgba(255,255,255,1)!important
}

#pagin li a.current:hover
{
	-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.9);
	-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.9);
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.9);
	background:#ff6800
}

#tabwrap
{
	background:#fff;
	overflow:hidden;
	min-height:300px;
	width:700px;
	margin:10px auto;
	box-shadow:0 0 20px #eee;
	border:1px solid #eee
}

#tabs
{
	overflow:hidden;
	background:#f60;
	margin:0;
	padding:0
}

#tabs li
{
	list-style:none
}

#tabs li a
{
	float:left;
	display:block;
	padding:3px;
	color:#fff;
	width:25%;
	text-decoration:none;
	text-align:center;
	font-size:12px
}

#tabs li a:hover
{
	background:#ff9700
}

#tabs li:first-child a
{
	border-left:0
}

#tabs li:last-child a
{
	border-right:0
}

#tabs li.current a
{
	background:#fff;
	border-bottom:2px solid #f60;
	color:#f60
}

#trace
{
	display:none;
	padding:10px;
	font-size:11px
}

#track
{
	display:none;
	padding:10px;
	font-size:11px
}

#content .current
{
	display:block
}

#trace-form table
{
	margin:auto;
	text-align:center
}

.tablesorter
{
	margin:10px 0;
	padding:0;
	width:100%
}

.tablesorter tr:hover td
{
	background:#ff9700
}

.tablesorter tr:nth-child(odd)
{
	background-color:#fff
}

.tablesorter tr:nth-child(even)
{
	background-color:#eee
}

.tablesorter td
{
	vertical-align:middle;
	border:1px solid #dbcbcb;
	border-width:0 1px 1px 0;
	text-align:left;
	padding:5px;
	color:#000
}

.tablesorter th
{
	color:#fff;
	background:#f60;
	font-weight:400
}

.loading
{
	display:none;
	background:#fff no-repeat center;
	background-image:url(../img/icon/loader.gif);
	left:50%;
	top:50%;
	width:33px;
	height:33px;
	position:fixed;
	padding:10px;
	border:1px solid #eee;
	border-radius:10px
}

#hlogo
{
	margin:-19px 0;
	position:absolute;
	left:50%
}

#hlogo img
{
	position:relative;
	left:-50%
}

hr
{
	border:0;
	height:1px;
	background:#333;
	text-align:center;
	margin:10px 0;
	background-image:-webkit-linear-gradient(left,#ccc,#333,#ccc);
	background-image:-moz-linear-gradienta(left,#ccc,#333,#ccc);
	background-image:-ms-linear-gradient(left,#ccc,#333,#ccc);
	background-image:-o-linear-gradient(left,#ccc,#333,#ccc)
}

#board garis
{
	position:relative;
	top:-13px;
	width:100px;
	display:inline;
	background:#fff;
	padding:0 10px;
	font-size:1.5em
}

#board h1
{
	padding:0 0 10px;
	margin:0 0 10px;
	border-bottom:1px solid #eee;
	font-size:14px
}

#board h2
{
	padding:0 0 10px;
	margin:0;
	border-bottom:1px solid #f60;
	font-size:12px
}

#garis
{
	border:0;
	height:1px;
	background:#333;
	text-align:center;
	margin:33px 0;
	background-image:-webkit-linear-gradient(left,#ccc,#333,#ccc);
	background-image:-moz-linear-gradienta(left,#ccc,#333,#ccc);
	background-image:-ms-linear-gradient(left,#ccc,#333,#ccc);
	background-image:-o-linear-gradient(left,#ccc,#333,#ccc)
}

#cbox
{
	overflow:hidden;
	text-align:center
}

#pages
{
	text-align:center
}

#cleft
{
	float:left;
	width:33%
}

#cmiddle
{
	float:left;
	width:34%
}

#cright
{
	float:left;
	width:33%
}

#cmcontent
{
	border-left:2px solid #eee;
	border-right:2px solid #eee;
	height:111px;
	padding:10px 0
}

.ccbox
{
	padding:10px
}

.box
{
	padding:10px;
	margin:5px 5px 10px
}

.soon
{
	margin:20px 0;
	border:1px solid #ddd;
	box-shadow:0 0 7px 0 #eee
}

.box ul
{
	padding:10px 0 0 15px;
	margin:0
}

.sidebar ul
{
	padding:0;
	margin:0
}

.sidebar li
{
	list-style:none;
	padding:10px;
	border-bottom:1px solid #eee
}

.sp
{
	text-align:justify
}

#formcost table
{
	width:100%
}

#formcost table input
{
	float:right
}

#pagex
{
	overflow:hidden;
	margin-bottom:30px
}

#lpagex
{
	float:left;
	width:32%;
	margin:0 1%
}

#mpagex
{
	float:left;
	width:32%
}

#rpagex
{
	float:left;
	width:32%;
	margin:0 1%
}

#pagez
{
	overflow:hidden;
	margin-bottom:30px
}

#lpagez
{
	float:left;
	width:25%;
	margin:0 0 0 .9%
}

#mpagez
{
	float:left;
	width:47%;
	margin:0 .1%
}

#rpagez
{
	float:left;
	width:26%
}

#formcost
{
	margin:15px 0 0;
	text-align:left;
	overflow:hidden
}

#formtrace
{
	margin:15px 0 10px;
	text-align:center
}

#pickupform td
{
	width:170px
}

#pickupform h3
{
	padding:0 0 10px;
	margin:25px 0 15px;
	border-bottom:1px solid #f60;
	font-size:12px
}

.ui-dialog-fixed.ui-dialog
{
	position:fixed
}

.ui-dialog-title
{
	color:#fff
}

.ui-autocomplete-loading
{
	background:#fff url(images/ui-anim_basic_16x16.gif)right center no-repeat
}

.ui-menu .ui-menu-item a
{
	font-size:11px
}

.ui-autocomplete
{
	max-height:100px;
	width:170px;
	overflow-y:auto;
	overflow-x:hidden
}

div.message
{
	background:transparent url(../img/icon/msg-arrow.gif) no-repeat scroll left center;
	margin-left:5px
}

div.error
{
	background:#F60;
	color:#fff;
	padding:5px 3px;
	margin:0 5px;
	box-shadow:2px 2px 5px 0 #bbb
}