/* 

D O N ' T    T O U C H    M Y    S T U F F

Copyright (c) 2008 by Cityweb Indonesia.  All Rights Reserved.
http://www.citywebindo.com - sales@citywebindo.com

*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: normal 12px Arial;
	color: #666462;
	background: #fff url(images/bg_all.jpg) repeat-x top left;
	line-height: 16px;
	}

a:link, a:visited, a:active {
	font: normal 12px Arial;
	color: #d60000;
	}

a:hover {
	color: #1e3378;
	}

#container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 852px;
	}

#logotikijne {
	width: 164px;
	height: 92px;
	background: transparent url(images/logo.png) no-repeat top left;
	text-indent: -9999px;
	}

.bahasa {
	font: normal 11px Arial;
	color: #b5bcd3;
	}

.bahasa a:link, .bahasa a:visited, .bahasa a:active {
	font: normal 11px Arial;
	color: #b5bcd3;
	text-decoration: none;
	}

.bahasa a:hover {
	color: #fffc00;
	}

.menutop {
	font: normal 11px Arial;
	color: #f5f5f5;
	}

.menutop a:link, .menutop a:visited, .menutop a:active {
	font: normal 11px Arial;
	color: #f5f5f5;
	text-decoration: none;
	}

.menutop a:hover {
	color: #fffc00;
	}

.inputsearch {
	background-color: #5c6b9c;
	width: 115px;
	border: #5c6b9c;
	}

.inputsearch:focus {
	background-color: #fff;
	}

.btnsearch {
	background-color: #1e3378;
	border: 0;
	font: bold 13px Arial;
	color: #f5f5f5;
	cursor: pointer;
	}

a#company {
	background: transparent url(images/btn_company.png) no-repeat top left;
	width: 106px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	}

* html a#company {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_company.png", sizingMethod="image");
	display: block;
	cursor: pointer;
	width: 106px;
	height: 20px;
	}

a:hover#company {
	background: transparent url(images/btn_company_hover.png) no-repeat top left;
	width: 106px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	}

* html a:hover#company {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_company_hover.png", sizingMethod="image");
	display: block;
	cursor: pointer;
	width: 106px;
	height: 20px;
	}

a#services {
	background: transparent url(images/btn_services.png) no-repeat top left;
	width: 130px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	}

* html a#services {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_services.png", sizingMethod="image");
	display: block;
	cursor: pointer;
	width: 130px;
	height: 20px;
	}

a:hover#services {
	background: transparent url(images/btn_services_hover.png) no-repeat top left;
	width: 130px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	}
	
* html a:hover#services {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_services_hover.png", sizingMethod="image");
	display: block;
	cursor: pointer;
	wwidth: 130px;
	height: 20px;
	}

a#network {
	background: transparent url(images/btn_network.png) no-repeat top left;
	width: 108px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	}

* html a#network {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_network.png", sizingMethod="image");
	display: block;
	cursor: pointer;
	width: 108px;
	height: 20px;
	}

a:hover#network {
	background: transparent url(images/btn_network_hover.png) no-repeat top left;
	width: 108px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	}

* html a:hover#network {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_network_hover.png", sizingMethod="image");
	display: block;
	cursor: pointer;
	width: 108px;
	height: 20px;
	}

a#newspromo {
	background: transparent url(images/btn_newspromo.png) no-repeat top left;
	width: 179px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	}

* html a#newspromo {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_newspromo.png", sizingMethod="image");
	display: block;
	cursor: pointer;
	width: 179px;
	height: 20px;
	}

a:hover#newspromo {
	background: transparent url(images/btn_newspromo_hover.png) no-repeat top left;
	width: 179px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	}

* html a:hover#newspromo {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_newspromo_hover.png", sizingMethod="image");
	display: block;
	cursor: pointer;
	width: 179px;
	height: 20px;
	}

a#business {
	background: transparent url(images/btn_business.png) no-repeat top left;
	width: 190px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	}

* html a#business {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_business.png", sizingMethod="image");
	display: block;
	cursor: pointer;
	width: 190px;
	height: 20px;
	}

a:hover#business {
	background: transparent url(images/btn_business_hover.png) no-repeat top left;
	width: 190px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	}

* html a:hover#business {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_business_hover.png", sizingMethod="image");
	display: block;
	cursor: pointer;
	width: 190px;
	height: 20px;
	}

a#clients {
	background: transparent url(images/btn_clients.png) no-repeat top left;
	width: 90px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	}

* html a#clients {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_clients.png", sizingMethod="image");
	display: block;
	cursor: pointer;
	width: 90px;
	height: 20px;
	}

a:hover#clients {
	background: transparent url(images/btn_clients_hover.png) no-repeat top left;
	width: 90px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	}

* html a:hover#clients {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_clients_hover.png", sizingMethod="image");
	display: block;
	cursor: pointer;
	width: 90px;
	height: 20px;
	}

.lengkungatas1 {
	background: transparent url(images/lengkung_atas.gif) no-repeat bottom left;
	width: 277px;
	height: 14px;
	}

.lengkungatas5 {
	background: transparent url(images/lengkungatas5.gif) no-repeat bottom left;
	width: 277px;
	height: 14px;
	}

.bg1 {
	background: transparent url(images/bg_area1.gif) repeat-y top left;
	}

.lengkungbawah1 {
	background: transparent url(images/lengkung_bawah.gif) no-repeat top left;
	width: 277px;
	height: 14px;
	}

.subtitle {
	font: bold 14px Arial;
	color: #002733;
	background: transparent url(images/dot.gif) no-repeat 0px 1px;
	padding-left: 20px;
	margin-bottom: 10px;
	}

.judul, .judul a:link, .judul a:visited, .judul a:hover {
	font: bold 12px Arial;
	color: #d80000;
	text-decoration: none;
	margin-bottom: 5px;
	}

.judul a:hover {
	color: #1e3378;
	}

a#pickuporder {
	background: transparent url(images/btn_pickup_order.gif) no-repeat top left;
	width: 277px;
	height: 72px;
	text-indent: -9999px;
	display: block;
	}

.inputcheck {
	border: 1px solid #d4d4d4;
	background-color: #fff;
	width: 175px;
	padding: 3px 0;
	}

/* hack for ie7 */
*:first-child+html .inputcheck {
	width: 200px;
	}
/* hack for ie7 */

/* hack for ie6 or bellow */
* html .inputcheck {
	width: 200px;
	}
/* hack for ie6 or bellow */

.inputcheck:focus {
	background-color: #ccc1e8;
	}

.btnsubmit {
	background: url(images/btn_submit.gif) no-repeat top left;
	width: 60px;
	height: 18px;
	display: block;
	cursor: pointer;
	border: 0;
	text-indent: -9999px;
	}

.content {
	font: normal 12px Arial;
	line-height: 16px;
	}

.lengkungatas2 {
	background: transparent url(images/lengkung_atas2.gif) no-repeat bottom left;
	width: 262px;
	height: 14px;
	}

.bg2 {
	background: transparent url(images/bg_area2.gif) repeat-y top left;
	}

.lengkungbawah2 {
	background: transparent url(images/lengkung_bawah2.gif) no-repeat top left;
	width: 262px;
	height: 14px;
	}

.lengkungatas3 {
	background: transparent url(images/lengkungatas3.gif) no-repeat bottom left;
	width: 232px;
	height: 11px;
	}

.bg3 {
	background: transparent url(images/bg3.gif) repeat-y top left;
	}

.lengkungbawah3 {
	background: transparent url(images/lengkungbawah3.gif) no-repeat top left;
	width: 232px;
	height: 11px;
	}

.btnsearch2 {
	background: transparent url(images/btn_search.gif) no-repeat top right;
	width: 60px;
	height: 18px;
	text-indent: -9999px;
	display: block;
	border: 0;
	float: right;
	cursor: pointer;
	}

#footer {
	margin: 0 auto;
	padding: 0;
	background: transparent url(images/bg_footer.gif) repeat-x bottom left;
	height: 131px;
	text-align: center;
	width: 100%;
	}

.logologo {
	background: transparent url(images/logo2.gif) no-repeat bottom right;
	width: 417px;
	height: 83px;
	text-align: right;
	}

.copyright {
	color: #546498;
	font: normal 10px Arial;
	line-height: 14px;
	}

.copyright a:link, .copyright a:visited, .copyright a:active {
	color: #546498;
	font: normal 10px Arial;
	text-decoration: none;
	border-bottom: 1px dotted #546498;
	}

.copyright a:hover {
	color: #fff;
	}

.lengkungatas4 {
	background: transparent url(images/lengkungatas4.gif) no-repeat bottom left;
	width: 557px;
	height: 14px;
	}

.bg4 {
	background: transparent url(images/bg4.gif) repeat-y top left;
	}

.lengkungbawah4 {
	background: transparent url(images/lengkungbawah4.gif) no-repeat top left;
	width: 557px;
	height: 14px;
	}

.tanggal {
	font: normal 11px Arial;
	}

.gambar{
	float:left;
	margin:0px 10px 0px 0px;
	padding:3px;
	border:1px solid #666666;
}

/* Additional */
.trackH {background: #1e3377;text-align: center;color: #fff;}
.trackC {background: #e0e0e0;text-align: left;color: #000;}
.trfH {background: #1e3377;color: #fff;margin-left: 2px;}
.trfC {background: #e0e0e0;text-align: left;color: #000;}

.btnback {
	background: url(images/btn_back.gif) no-repeat top left;
	width: 60px;
	height: 18px;
	display: block;
	cursor: pointer;
	border: 0;
	text-indent: -9999px;
	}