/*----------------------------------------



	Top CSS (Last Update 2007.11.30)



	- main_content_top

	- main_h_box

	- anylinkcss

	- main_h_bottom_l

	- main_h_bottom_r

	- sec_content_top

	

-----------------------------------------*/





/*----------------------------------------

	main_content_top

-----------------------------------------*/

#main_content_top {

	float: left;

	margin: 0 9px 0 0; 

	width: 609px;

}





/*----------------------------------------

	main_h_box

-----------------------------------------*/

#main_h_box {

	margin: 0 0 0 0;



}

.main_h_box_s {

	float: left;

	margin: 0 6px 0 0;

	width: 199px;

	background: #ebebeb;

}

.main_h_box_s_no_ma {

	margin: 0;

}

.main_h_box_s li a {

	display: block;

	padding: 5px 0 5px 23px;

	background: url(http://www.osakacity.com.sg/images/common/icon_small_circle.gif) 12px 8px no-repeat;

}

.main_h_box_s li a:hover {

	background: #d50000 url(http://www.osakacity.com.sg/images/common/icon_small_circle_on.gif) 12px 8px no-repeat;

	color: #fff;

	padding: 5px 0 5px 23px;

}





/*----------------------------------------

	anylinkcss (drop down menu items)

-----------------------------------------*/

.anylinkcss {

	position:absolute;

	visibility: hidden;

	border: 0px solid #666;

	z-index: 100;

	background-color: white;

	width: 170px;
	background:transparent url(opaque.png); text-align:left
	

}

.anylinkcss a {

	display: block;

	text-decoration: none;

	padding: 3px 3px 3px 15px;

	background: url(http://www.osakacity.com.sg/images/common/icon_small_arrow.gif) 6px 10px no-repeat;

	width: 152px !important;
	width: 152px; color:#000000;  font-size:12px; line-height:18px; font-weight:bold;  text-align:left

}

.anylinkcss a:hover { /*hover background color*/

	background-color:#F5F5F5;

	color: black; font-weight:bold;  text-align:left
}





/*----------------------------------------

	main_h_bottom_l

-----------------------------------------*/

#main_h_bottom_l {

	float: left;

	padding: 20px;

	width: 264px;

	border-right: 1px solid #e1e1e1;

}

#main_h_bottom_l h2 {

	margin: 0 0 10px 0;

	color: #00279d;

}

.main_h_bottom_l_box {

	float: left;

	padding: 10px 0 10px 0;

	width: 264px;

	border-bottom: 1px dotted #333;

}

.main_h_bottom_l_box li {

	padding: 0 0 0 12px;

	line-height: 1.3;

}

.main_h_bottom_l_box li a.red_date {	/*so that IE6 red in color*/

	color: #ff0000;

}

.main_h_bottom_l_box li.icon_small_square a {

	padding: 0 0 0 12px;

	font-weight: bold;

	color: #ff0000;	/*IE6 now can see the red color*/

	background: url(http://www.osakacity.com.sg/images/common/icon_small_square.gif) left 2px no-repeat;	

}

#main_h_bottom_l a img {

	margin: 10px 0 0 0;

}





/*----------------------------------------

	main_h_bottom_r

-----------------------------------------*/

#main_h_bottom_r {

	float: right;

	padding: 20px;

	width: 264px;

}

#main_h_bottom_r h2 {

	margin: 0 0 20px 0;

	color: #00279d;

}

.main_h_bottom_r_box {

	margin: 20px 0 0 0;

	width: 264px;

}

.main_h_bottom_r_box input {

	margin: 0 10px 0 0;

}

#vote_enter {

	margin: 10px 0 0 0;

	width: 47px;

	height: 18px;

	border-width: 0;

	border-color: none none none none;

	background: url(http://www.osakacity.com.sg/images/common/icon_vote.gif) no-repeat;

}





/*----------------------------------------

	sec_content_top

-----------------------------------------*/

#sec_content_top {

	float: right;

	width: 232px;

}

#sec_content_top .banner_flash{

	width: 230px;

	margin: 0 0 10px 0;

}


#sec_content_top img{



	margin: 0 0 10px 0;


}

.sec_content_top_box {

	padding: 0 0 10px 0;

	width: 232px;

}

#sec_content_top_login_box {

	width: 210px;

	margin: 0 0 10px 0;

	padding: 10px;

	border: 1px solid #cacaca;

	background: #e7e8ea;

	overflow: hidden;

}

#sec_content_top_login_box_l {

	float: left;

	width: 70px;

}

#sec_content_top_login_box_r {

	float: right;

	width: 140px;

}

#sec_content_top_login_box_l p {

	margin: 10px 0 0 0;

}

#sec_content_top_login_box_r p {

	margin: 10px 0 0 0;

}

#sec_content_top_login_box_r em {

	padding: 0 0 0 10px;

}

#sec_content_top_login_box_r a {

	color: #ff0000;

	text-decoration: underline;

}

.login_input {

	width: 140px;

}

#login_icon_login {

	width: 47px;

	height: 18px;

	border-style: none;

	background: url(http://www.osakacity.com.sg/images/common/icon_login.gif) no-repeat;

}

#hd-image {padding-bottom:15px;}


.sidenavi {padding:5px; height:18px; vertical-align:middle; background-color:#CCCCCC; font-weight:bold; border:1px solid #FFFFFF; }
.sidenavi a{padding-left:15px; height:18px; color:#0000CC}
.sidenavi a:hover{padding-left:15px; height:18px; color:#990000}

.sidenavi-active {padding:5px; height:18px; vertical-align:middle; background-color:#0066FF; font-weight:bold; color:#FFFFFF; border:1px solid #FFFFFF;}
.sidenavi-active a{padding-left:15px; color:#FFFFFF; font-weight:bold;}
.sidenavi-active a:hover{padding-left:15px; color:#FFFFFF; font-weight:bold;}

.pagenavigation a {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#000099;}

.sidesubnavi a{background-image:none; color:#0000CC; padding-left:0px; }
.sidesubnavi a:hover{background-image:none; color:#990000; padding-left:0px; }
ul.sidesubnavi {padding-left:15px; line-height:21px; margin-top:-0.3em}
.sidesubnavi li {border-bottom:1px solid #FFFFFF}

.hint-gray {font-size:11px; color:#666666; }

.bullets li {padding-bottom:10px;}