/*	CSS Document | THEME Roda	WRITTEN BY		(version 1.0)	=	24 NOV 08	- Robin Corba		(version 1.1)	=	09 DEC 08	- Robin Corba		(version 2.0)	=	22 DEC 08	- Robin Corba*//* ALL BASIC HTML TAGS */body{	font-family:		'Arial', 'Helvetica', 'sans-serif';	font-size:			12px;	background:			#EAEDF4 url('http://roda-dua.com/templates/roda/images/bck.gif');	margin:				0px;	cursor:				default;	padding:			0px;}h1{	font-family:		'Verdana', 'Sans Serif', 'Arial';	font-size:			20px;	font-weight:		normal;	color:				#CC6600;	border-bottom:		1px solid #AAA;	text-align:			left;	margin-top:			0px;	padding-bottom:		2px;}h2{	font-family:		'Verdana', 'Sans Serif', 'Arial';	font-size:			14px;	font-weight:		bold;	color:				#666;	border-bottom:		1px dashed #CC6600;	padding-bottom:		2px;	text-align:			left;}img{	border:				0px;}ul{	list-style:			none;}li{	padding-bottom:			10px;	margin-left:			-20px;	margin-right:			5px;}input{	border:					1px solid #999999;}/* ALL ID's AND CLASSES FOR STRUCTURE *//* MAIN TABLE */#main_table{	width:				1000px;	background:			#FFF;	margin-bottom:		10px;	border:				0px;	margin-left:		auto;	margin-right:		auto;}#header{	width:				980px;	height:				125px;	background:			#AEBDD5;	padding-left:		10px;	padding-right:		10px;	padding-top:		0px;	padding-bottom:		0px;	margin:				0px;}#header #header_banner{	width:				466px;	height:				58px;	background:			#FFF;	border:				1px solid #000;	position:			relative;	left:				300px;	top:				0px;}#header #user_area{	float:				right;	width:				180px;	background:			#CDD7E4;	padding:			5px;	height:				90px;}#header #user_area a, #header #user_area a:visited{	color:				#456081;	font-weight:		bold;	text-decoration:	none;}#header #user_area a:hover, #header #user_area a:visited:hover{	color:				#000;	font-weight:		bold;	text-decoration:	none;}/* MAIN ROWS */.outer_row{	width:				10px;	background:			#AEBDD5;}#inner_row{	background:			#FFF;	width:				980px;	padding:			0px;}/* All links on the page */#inner_row a:link, #inner_row a:visited{	color:				#990000;	text-decoration:	none;	font-size:			12px;}#inner_row a:link:hover, #inner_row  a:visited:hover{	color:				#0016AE;	text-decoration:	underline;	font-size:			12px;}#inner_row #news_area{	background:			#EAEDF4;	color:				#384D6D;	width:				350px;	padding:			10px;}#inner_row #news_area h1{	color:				#28578F;	font-family:		'Arial','Sans-serif','Verdana';	font-size:			18px;	font-weight:		none;	border-bottom:		1px dashed #28578F;}#inner_row #news_area .news_item{	border-bottom:		1px solid #728BB6;	padding-bottom:		10px;	padding-top:		10px;}#inner_row #news_area .news_item h1{	color:				#B90000;	font-family:		'Arial','Sans-serif','Verdana';	font-size:			16px;	font-weight:		bold;	border:				0px;	margin-bottom:		0px;}#inner_row #news_area .news_item h1:hover{	color:				#5C7EA7;	text-decoration:	none;}#inner_row #news_area .news_item a{	color:				#B90000;	font-weight:		bold;}/* Footer */#footer{	padding:			5px;	background:			#AEBDD5;	text-align:			right;	height:				30px;}#footer a{	color:				#345F98;	text-decoration:	none;}#footer a:hover{	color:				#000;}#outer_footer{	width:				1000px;	margin-left:		auto;	margin-right:		auto;	margin-top:			-5px;	padding-bottom:		30px;	height:				30px;	text-align:			right;}#outer_footer a, #outer_footer a:visited{	font-weight:		bold;	color:				#889DC1;	text-decoration:	none;}#outer_footer a:hover, #outer_footer a:visited:hover{	font-weight:		bold;	color:				#000;}/* ALL OTHER ID's AND CLASSES */#inner_row .home_bike{	padding-left:		10px;	padding-right:		10px;}/* BIKE AVATAR */.bike_avatar{	width:				120px;	height:				107px;	border:				1px solid #234487;	color:				#000;	text-align:			center;	padding:			0px;	background-color:			#c5d4f4;}.bike_avatar:hover{	background:			#c5d4f4;	color:				#fff; border:1px solid #f00}.bike_avatar .image img{	padding-top:		5px;	max-width:			100px;	max-height:			80px;}#inner_row .bike_avatar a{	color:				#000;	text-decoration:	none;	display:			block;}#inner_row .bike_avatar a:hover{	color:				#fff;	text-decoration:	none;	display:			block;}.bike_avatar .image{	width:				100px;	height:				88px;	background:			#c5d4f4;}.bike_avatar .name{	padding:			0px;	height:				30px;	font-weight:		bold;	text-decoration:	none;}.extra{	padding-top:		2px;	padding-bottom:		2px;	text-align:			center;	border:				1px solid #234487;	height:				15px;	font-weight:		bold;	background:			#4369b9;	color:				#fff; margin-top:5px; width:120px; margin-left:10px;}/* REVIEW */#review{	width:				350px;	height:				100px;	padding-left:		25px;	padding-right:		25px;}#topNav a{	color:				#FFFFFF;	text-decoration:	none;	font-size:			12px;}ul li a{color:#3366CC;text-decoration:none;font-size:10px;}.boxTitle{	font-size:18px;	padding-right:10px;	color:#CC0000;}#contentPage{	text-align:left;	line-height:20px;	font-size:12px;}#faqList .faqCat{	font-size:12px;	color:#000033;}#faqList li a{	font-size:12px;}.quote{padding:5px;border:1px solid #999999;background-color:#F9F9F9;font-style:italic;}.news_date{	color:			#666;	font-size:		12px;}/* WIDGETS */.widget{	width:			169px;	border:			0px;	margin-left:	auto;	margin-right:	auto;}.widget .widget_top{	text-align:			center;	color:				#555;	font-weight: 		bold;	font-size:			14px;	background-image:	url(images/widget_top.gif);	height:				20px;	padding-top:		8px;}.widget .widget_content{	padding:			3px;	background:			url('images/widget_background.gif') repeat-y;	text-align:			center;}.widget .widget_bottom{	background-image:	url(images/widget_bottom.gif);	height:				28px;}.widget a:link, .widget  a:visited{	text-decoration:none;	font-weight:	bold;	color:			#000;}.widget a:hover, .widget a:visited:hover{	text-decoration:none;	font-weight:	bold;	color:			#FFF;}/* NEWS WIDGET */.news_widget_title{	font-weight:	bold;	font-size:		10px;	font-family:	'Verdana','Arial','Sans-Serif';	text-decoration:none;	color:			#000;}.news_widget_title:hover{	font-weight:	bold;	font-size:		10px;	font-family:	'Verdana','Arial','Sans-Serif';	color:			#FFF;}.news_widget_date{	color:			#555;	font-size:		10px;}/* NAVIGATION	Credits: Dynamic Drive CSS Library	URL: http://www.dynamicdrive.com/styleMain navigation	*/#navigation {	text-align:			center;	padding:			0px;	margin:				0px;	list-style-type:	none;	height:				24px;	width:				980px;	background:			#5C7EA7;}#navigation > li{	position:			relative;	display:			block;	float:				left;	background:			#5C7EA7;	margin:				0px;	padding:			0px;	height:				20px;	width:				120px;}#navigation > li > a{	display:				block;	overflow:				auto;	text-decoration:		none;	font-size:				12px;	padding-top:			4px;	padding-bottom:			8px;	font-family:			'Verdana','Sans Serif','Arial';	color:					#FFF;}#navigation > li:hover > a{	color:					#000;}/* Submenu 1 */#navigation li > ul{	width:				100px;	position:			absolute;	display:			block;	top:				24px;	padding:			0px;	padding-left:		20px;	visibility:			hidden;	background-color:	#5C7EA7;	border-bottom:		1px solid #000;}#navigation li > ul > li{	border-left:		1px solid #000;	border-right:		1px solid #000;	background:			none;	padding:			0px;	width:				118px;	height:				24px;}#navigation > li > ul > li > a{	display:				block;	width:					120px;	overflow:				auto; /* Force hasLayout in IE7 */	text-decoration:		none;	font-size:				12px;	padding-top:			4px;	padding-bottom:			8px;	margin:					0px;	font-family:			'Verdana','Sans Serif','Arial';	color:					#FFF;}#navigation > li > ul > li > a:hover{	color:					#000;}/*Submenu 2 */#navigation li > ul > li > ul{	position:				absolute;	top:					0px;	padding:				0px;	padding-left:			20px;	margin:					0px;	margin-left:			100px;	visibility:				hidden;	background:				#999;}#navigation li > ul > li > ul > li{	border-bottom:		1px solid #000;	background:			none;	padding-top:		6px;	width:				100px;	height:				12px;}#navigation > li > ul > li > ul > li > a{	display:				block;	width:					100px;	overflow:				auto; /* Force hasLayout in IE7 */	text-decoration:		none;	font-size:				12px;	padding:				0px;	margin:					0px;	font-family:			'Verdana','Sans Serif','Arial';	color:					#FFF;}#navigation > li > ul > li > ul > li:hover > a{	color:					#000;}/*############### IKLAN SECTION ############### */.iklan_image{	padding:				2px;	border:					1px solid #888;	max-width:				200px;	max-height:				200px;}#Menu1 > li a{	font-size:		14px;	padding:		4px;}#Menu1 > li > a{	margin:			0px;	padding:		2px;	color:			#415978;	text-align:		left;}#Menu1 .MMS{	margin-top:		4px;	width:			10px;}#Menu1 .SMS{	margin-top:		5px;	width:			10px;}/* ################## CORBA PANEL ##################### */.corba_panel{	position:		fixed;	bottom:			0px;	width:			100%;	height:			24px;	font-family:	'Arial','Sans-serif','Verdana';	font-size:		10px;	background:		#AEBDD5;	padding:		0px;	color:			#000;	font-weight:	bold;	border:			1px solid #888;}.corba_panel #nav {	text-align:			center;	color:				#000;	padding:			0px;	margin:				0px;	list-style-type:	none;	height:				24px;}.corba_panel #nav > li{	position:			relative;	display:			block;	float:				left;	padding:			0px;	height:				16px;	width:				100px;	margin:				0px;	background:			#AEBDD5;}.corba_panel #nav > li > a{	display:				block;	overflow:				auto;	text-decoration:		none;	font-size:				12px;	padding-top:			4px;	padding-bottom:			6px;	padding-left:			10px;	padding-right:			10px;	font-family:			'Verdana','Sans Serif','Arial';	color:					#000;}.corba_panel #nav > li > a:hover{	color:					#000;}/* Submenu 1 */.corba_panel #nav li > ul{	width:				80px;	display:			block;	padding:			0px;	padding-left:		20px;	visibility:			hidden;	color:				#000;}.corba_panel #nav li > ul > li{	border:				0px;	background:			#CDD7E4;	padding:			0px;	width:				100px;	height:				22px;}.corba_panel #nav > li > ul > li > a{	display:				block;	width:					100px;	overflow:				auto; /* Force hasLayout in IE7 */	text-decoration:		none;	font-size:				12px;	padding-top:			4px;	padding-bottom:			6px;	margin:					0px;	font-family:			'Verdana','Sans Serif','Arial';	color:					#000;}.corba_panel #nav > li > ul > li > a:hover{	color:					#000;}/*Submenu 2 */.corba_panel #nav li > ul > li > ul{	position:				absolute;	top:					0px;	padding:				0px;	padding-left:			20px;	margin:					0px;	margin-left:			100px;	visibility:				hidden;	background:				#999;}.corba_panel #nav li > ul > li > ul > li{	border-bottom:		1px solid #000;	background:			none;	padding-top:		6px;	width:				100px;	height:				12px;}.corba_panel #nav > li > ul > li > ul > li > a{	display:				block;	width:					100px;	overflow:				auto; /* Force hasLayout in IE7 */	text-decoration:		none;	font-size:				12px;	padding:				0px;	margin:					0px;	font-family:			'Verdana','Sans Serif','Arial';	color:					#FFF;}.corba_panel #nav > li > ul > li > ul > li:hover > a{	color:					#000;}