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

body {
	background:url(../images/bg_transporindo.png);
	background-repeat:repeat-x;
	background-color:#1b099b;
	vertical-align:top;
	margin:0;
	font-family:"Trebuchet MS";
}

/*========================= Main ==========================*/

#left_shadow {
	background:url(../images/left_shadow.png);
	width:3px;
	background-repeat:repeat-y;
}

#right_shadow {
	background:url(../images/right_shadow.png);
	width:3px;
	background-repeat:repeat-y;
}

#bg_main {
	background-color:#fff;
}

/*=========================== Header ===========================*/

#bg_header {
	background:url(../images/top_header.png);
	width:689px;
	height:161px;
	background-repeat:no-repeat;
}

.bg_search {
	background: url(../images/bg_search.png);
	height:18px;
	padding:5px;
	border:none;
	width:200px;
}

#top_search {
	background:url(../images/top_search.png);
	height:2px;
	background-repeat:repeat-x;
}

#bottom_search {
	background:url(../images/bottom_search.png);
	height:2px;
	background-repeat:repeat-x;
}



/*============================ Menu ============================*/

#flowtabs {
	width:291px;
	height:197px !important;
	margin:0 !important;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* single tab */
#flowtabs li {
    float:left;
    margin:0;
    padding:0;
    text-indent:0;
    list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
    background: url(../images/bg_menu.png) no-repeat;
    display:block;
    height: 19px;
    width: 291px;
    padding:8px 0px;
    margin:0px;

    /* font decoration */
    color:#464646;
    font-size:12px;
    text-align:left;
	font-weight:bold;
    text-decoration:none;
	
}

/* adjust the background image position on each tab */
#flowtabs #t1           { background-position: 0 0; cursor:default;}

/* mouseover state */
#flowtabs a:hover       { color:#fff; background:url(../images/bg_menu1.png) no-repeat; width:291px; height:27px; cursor:default; padding:8px 0 0 0;}
#flowtabs #t1:hover     { background-position: 0 0; }

#flowtabs a.current     { color:#fff; background:url(../images/bg_menu1.png) no-repeat; width:291px; height:27px; cursor:default; padding:8px 0 0 0; }
#flowtabs #t1.current { background-position: 0 0; }

#flowpanes {
    width:291px;
}

/* single pane */
#flowpanes div {
    color:#464646;
	
}

/*============================ Tracking ============================*/

#tab_red {
	background:url(../images/tab_red.png);
	width:291px;
	height:47px;
	background-repeat:no-repeat;
}

#title_red {
	color:#fff799;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
}

#bg_red {
	background:url(../images/bg_red.png);
	height:120px;
	background-repeat:repeat-x;
	width:255px;
	color:#fff;
	font-size:12px;
}



.bg_submit {
	background: url(../images/bg_fieldsubmit.png);
	height:16px;
	padding:5px;
	width:237px;
	border:none;
}

/*========================== News ==============================*/

#left_news {
	background:url(../images/left_menu.png);
	width:2px;
	background-repeat:repeat-y;
}

#right_news {
	background:url(../images/right_menu.png);
	width:1px;
	background-repeat:repeat-y;
}

#bg_news {
	background:#fff;
	font-size:12px;
}

.list_news {
	list-style:none;
	margin:0;
	padding:0;
}

#date_news {
	color:#2e3192;
	font-size:11px;
}

.title_news {
	color:#f7941d;
	font-size:12px;
}

.title_news a{
	text-decoration:none;
	color:#f7941d;
	font-size:12px;
}

.title_news a:hover {
	text-decoration:none;
	color:#039;
	font-size:12px;
}

.desc_news {
	color:#555555;
	font-size:11px;
}

.desc_news  a{
	text-decoration:none;
	color:#2e3192;
	font-size:12px;
}

.desc_news  a:hover {
	text-decoration:none;
	color:#f7941d;
	font-size:12px;
}

/*==================================== Slider =======================*/

#bg_banner {
	background:url(../images/bg_banner.png);
	background-repeat:repeat-y;
	width:689px;
}

#top_banner {
	background:url(../images/top_banner.png);
	height:7px;
	background-repeat:repeat-x;
}

#bottom_banner {
	background:url(../images/bottom_banner.png);
	height:7px;
	background-repeat:repeat-x;
}

#left_banner {
	background:url(../images/left_banner.png);
	width:6px;
	background-repeat:repeat-y;
}

#right_banner {
	background:url(../images/right_banner.png);
	width:6px;
	background-repeat:repeat-y;
}

#bg_slider {
	background:#2e3192;
}

#shadow_slider {
	background:url(../images/bg_shadowbanner.png);
	height:10px;
	background-repeat:repeat-x;
	}
	
/*====================================== Konten =========================*/

#bg_tabgrey {
	background:url(../images/bg_welcome.png);
	width:689px;
	height:55px;
	background-repeat:no-repeat;
}

#title_konten {
	font-size:20px;
	color:#fff;
}

#text_konten {
	font-size:13px;
	color:#252525;
	text-align:justify;
	line-height:1.5em;
	word-spacing:3px;
}

/*============================ Footer ===============================*/

.bg_footer {
	background:url(../images/bg_footer.png);
	height:44px;
	background-repeat:repeat-x;
	font-size:11px;
	color:#fff;
}

.bg_footer a {
	font-size:11px;
	color:#fff;
	text-decoration:none;
}

.bg_footer a:hover {
	font-size:11px;
	color:#fff799;
	text-decoration:none;
}
/*================================= Pagination ===========================*/
#tabelpagingnormal  {
  background-color: #FFFFFF;
	color: black;
}

#tabelpaginonpage {
	background-color: #808080;
	color: #fff;
}

#tabelpagingnormal a  {
	text-decoration: none;  
	color: black; 
}
#tabelpagingnormal, #tabelpaginonpage {
	width : auto;
	
	padding : 3px 5px 3px 5px;
	float : left;
	letter-spacing: 2px;
	margin-right: 5px;	
  	
	font-size: 10px;
	font-family: Tahoma;
}