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

body					{ padding:0px; margin:0px; font: normal 12px arial; background:url(../images/bg_2.jpg)  #bbbbbb center repeat-y;}
.cangkang				{  width:990px; background:#FFF;}
.frame_master			{ background:url(../images/bg.jpg) 0px 0px no-repeat;}
.frame_content			{ padding: 20px 10px;}
.frame_kiri				{ float:left; width:660px;}
.frame_kanan			{ float:right; width:300px;}
.content				{ background:#FFF; padding:5px; min-height:600px;}

.menu					{ background:url(../images/bg_1.jpg) repeat-x top; padding-left:5px;}
.bendera				{ padding:4px 0px;}

.menu ul 				{ list-style:none; padding:0px; margin:0px;}
.menu li				{ float:left; border-right:0px solid #999;}
.menu li a				{ display:block; padding:5px 10px;; color:#000; font:bold 11px Tahoma; text-decoration:none;}
.menu li a:hover		{ background:#333; color:#FFF;}

.jdl_rubrik					{ background:url(../images/bg_1.gif) 0px -140px; font-size:11px; padding:3px 5px;}

.bg_abu						{ background:#e8e8e9;}
.bg_abu2					{ background: #666; font-weight:bold;}
.bg_abu_3					{ background: #343434;}
.bg_abu_4					{ background: #5d5d5d;}
.bg_abu_5					{ background: #CCCCCC;}
.bg_biru_1					{ background: #282e44;}
.bg_biru_2					{ background: #161a25;}
.bg_biru_3					{ background: #e0eaf6;}

.bg_they_say_home			{ background:url(../images/bg_1.gif) 0px -500px; height:220px;}
.they_say_1a				{ background:url(../images/they_say_1.gif) left top; width:500px;}
.they_say_1b				{ background:url(../images/they_say_1.gif) left bottom; width:500px; height:20px;}
.they_say_2a				{ background:url(../images/they_say_1.gif) right top; width:500px;}
.they_say_2b				{ background:url(../images/they_say_1.gif) right bottom; width:500px; height:20px;}

.team ul					{ margin:0px; padding:10px; list-style:none;}
.team li					{ float:left; height:100px; width:145px; padding:10px 5px 5px 5px;}
.team img					{ width:120px; height:80px; border:0px;}


.headline_isi				{ padding:10px; background:#dfdfdf;}
.headline_isi img			{ width:280px; height:220px;}

.list_1 ul					{ list-style:none; padding:0px; margin:0px}
.list_1 ul li				{ font-weight:bold; }
.list_1 ul li span			{ padding:0px 5px 0px 0px; font-weight:normal; float:left; color:#666;}
.list_1 ul li a				{ display:block; padding:3px 5px 4px 5px; cursor: pointer; height:15px;}
.list_1 ul li a:hover		{ background: #FBFBFB; text-decoration: none;}

.list_2 ul					{ list-style:none; margin:0px; padding:0px;}
.list_2 ul li				{ padding:5px; font: normal 11px arial; color:#000000;}

.list_3 ul					{ list-style:none; margin:0px; padding:0px;}
.list_3 ul li				{ font: normal 11px arial; color:#000000; float:left; width:160px; padding-bottom:5px;}
.list_3 table				{ width:100%;}

.list_4 ul					{ list-style:none; margin:0px; padding:0px;}
.list_4 ul li				{ padding:0px 0px 15px 0px; color:#000000;}

.list_5 ul					{ list-style:none; margin:0px; padding:0px;}
.list_5 ul li				{ background:url(../images/bullet_1.gif) 0px 7px no-repeat; padding:5px 0px 5px 15px; border-bottom:1px dashed #999;}

.list_bot ul				{ list-style:none; padding:0px; margin:0px;}
.list_bot ul li				{ float:left; padding:0px 5px 0px 5px;}

.stadium ul					{ margin:0px; padding:5px 0px 0px 5px; list-style:none;}
.stadium ul li				{ float:left; margin-right:10px; width:193px; padding:5px; background:#FFF; border:1px solid #CCC; height:180px; margin-bottom:10px;}
.stadium img				{ width:190px; height:140px; border:0px;}

.galeri img					{ width:157px; height:100px; border:0px; float:left; padding:2px;}

.form_shout					{ background: #F2F2F2; border:1px solid #CCCCCC; padding:10px; border-radius: 5px; -webkit-border-radius: 5px; -opera-border-radius: 5px; -moz-border-radius: 5px; margin-top:10px;}

.form_nama					{ width:80px; font:bold 11px arial; color:#000000; padding:2px;}
.form_kotak					{ border:1px solid #CCCCCC; background:#FFFFFF; font: normal 11px arial; color:#666666; width:200px; padding:2px;}
.form_batas					{ clear:both; padding:2px;}
.form_button				{ padding:2px; font:bold 11px arial; color:#FFFFFF; background: #000000; border:0px;}
.form_count					{ border:1px solid #CCCCCC; background:#FFFFFF; font: normal 11px arial; color:#666666; width:20px; padding:2px; float:right;}

.img80	img					{ width:80px; height:60px; padding:2px; border:1px solid #CCC; float:left; margin-right:5px;}
.img100 img					{ width:110px; height:150px; padding:2px; border:0px solid #CCC;}
.img100a img				{ width:148px; height:100px; padding-right:10px; float:left; border:0px;}
.img133	img					{ width:133px; height:100px; padding:2px; border:1px solid #CCC; float:left; margin-right:5px;}
.img190	img					{ width:190px; height:140px;}
.img430	img					{ width:430px; height:320px; padding:0px; border:0px solid #CCC;}
.img650 img					{ width:650px; border:0px solid #CCC;}

.flag img					{ width:20px; height:13px; float:left; padding:0px; border:0px; padding-right:5px;}
.flag_2 img					{ width:40px; height:25px; border:0px;}
.hl							{ border-bottom:1px solid #999;}
.hl_white					{ border-bottom:1px solid #FFF;}
.flag_1 img					{ border:0px; height:13px; width:19px; margin-right:4px; margin-left:4px;}

.search						{ background:url(../images/bg_1.gif) 0px -60px; font:normal 12px arial; color:#666; border:0px; padding:7px 10px;; width:243px; margin-top:0px;}
.search_go					{background:url(../images/bg_1.gif) 0px -100px; width:32px; height:32px; border:0px; margin-left:5px;}

.wc_history_box				{ background:url(../images/bg_1.gif) 0px -180px; width:300px; height:135px;}
.stadium_box				{ background:url(../images/bg_1.gif) 0px -340px; width:300px; height:135px;}


.container {MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 660px; /*height:310px;*/ background:#000000; padding: 0 0 0 0px; FONT: 11px normal Arial, Helvetica, sans-serif;}

#main 	{PADDING: 0px;}
A {	COLOR: #000}

.main_image					{BACKGROUND: #333; FLOAT: left; OVERFLOW: hidden; WIDTH: 413px; COLOR: #000; POSITION: relative; HEIGHT: 300px}
.main_image H2 				{padding:0px 10px 0px 10px; FONT-WEIGHT: bold; FONT-SIZE: 17px; MARGIN: 0px;}
.main_image H2 	a			{text-decoration:none;}
.main_image H2 	a:hover		{text-decoration:underline;}
.main_image P 				{padding:0px 10px 0px 10px; FONT-SIZE: 12px; MARGIN: 0px; LINE-HEIGHT: 1.6em; }
.block SMALL 				{PADDING:0px 0px 0px 0px; FONT-SIZE: 10px; color:#999;}
.main_image .block SMALL 	{MARGIN: 10px;}
.main_image .desc 			{DISPLAY: none; LEFT: 0px; WIDTH: 100%; BOTTOM: 0px; POSITION: absolute}
.main_image .block			{BACKGROUND: #FFF; WIDTH: 100%; padding:4px;}
.main_image A.collapse 		{RIGHT: 20px;  WIDTH: 93px; TEXT-INDENT: -99999px; POSITION: absolute; TOP: -27px; HEIGHT: 27px}
.main_image A.show 			{BACKGROUND-POSITION: left bottom}

.image_thumb				{ FLOAT: left; WIDTH: 230px;}
.image_thumb IMG			{ BORDER: #ccc 1px solid; PADDING: 2px; BACKGROUND: #fff; FLOAT: left; width:80px; height:55px;}
.image_thumb UL 			{ PADDING: 0px;  MARGIN: 0px; LIST-STYLE-TYPE: none; }
.image_thumb UL LI			{ PADDING: 7px 0px 7px 4px; FLOAT: left; MARGIN: 0px; WIDTH: 243px;}
.image_thumb UL LI.hover 	{ BACKGROUND: #333; CURSOR: pointer}
.image_thumb UL LI.active 	{ BACKGROUND: #333; CURSOR: default;}
HTML .image_thumb UL LI H2 	{ PADDING: 0px; MARGIN: 4px; color:#CCC; font-size:11px; }
HTML .image_thumb UL LI H2 a {color:#CCC; text-decoration:none;}
.image_thumb UL LI .block 	{ PADDING: 3px; FLOAT: left; MARGIN: 0px 0px 0px 2px; WIDTH: 148px; color:#FFF; height:55px; }
.image_thumb UL LI P 		{ DISPLAY: none}


.stepcarousel	{	position: relative; /*leave this value alone*/
					overflow: scroll; /*leave this value alone*/
					width: 620px; /*Width of Carousel Viewer itself*/
					height: 77px; /*Height should enough to fit largest content's height*/} 	

.stepcarousel .belt {position: absolute; /*leave this value alone*/
					left: 0;
					top: 0; }

.stepcarousel .panel{	/*float: left; leave this value alone*/
						overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
						margin: 0px 10px 0px 10px; /*margin around each panel*/
						width: 114px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */}


.htabs								{ overflow:hidden;}
ul.htabs							{ list-style:none; padding:0px; margin:0px;}
.htabs li							{ float:left; }
.htabs li a							{ display:block; padding:6px 2px; background:#333; color:#FFF; text-decoration:none; font:bold 12px arial; border-left:1px solid #666; border-right:1px solid #333; border-top:1px solid #333; border-bottom:1px solid #333;}
.htabs li a:hover, .htabs li a.select	{ background:#FFF; color:#333; text-decoration:none; border-left:1px solid #333; border-right:1px solid #333; border-top:1px solid #333; border-bottom:1px solid #FFF;}
.tabs								{ overflow:hidden; }
.history							{ padding:20px 10px;}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}