/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Framework
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#container {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	background-color:#FFFFFF;
}
.midcols {
	width:460px;
	display:inline;
	float:left;
	margin-left:9px;
	margin-right:8px
}
.sidecols {
	width:200px;
}
.sidebar {
	width:200px;
	margin-top:0;
	padding:0;
	display:inline;
	float:left;
	margin-left:9px;
	margin-right:8px
}
.alpha {
	margin-left:0
}
.omega {
	margin-right:0
}
html body div.clear, html body span.clear {
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	margin:0;
	padding:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
.clearboth {
	clear:both;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.aligncenter {
	text-align:center;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	IMAGE WITH ONLINE STATUS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.photo {
	/*position:relative;*/ /* IMPORTANT */
	position:static; /* IMPORTANT */
	margin:0;

	}
.photo img {
	border:none;
}
.photo span.off {
	background:url(../images/lamp_offline.gif) no-repeat;
	position:absolute; /* IMPORTANT */
	width:15px;
	height:15px;
	top:0;
	left:0;
}
.photo span.on {
	background:url(../images/lamp_online.gif) no-repeat;
	position:absolute; /* IMPORTANT */
	width:15px;
	height:15px;
	top:0;
	left:0;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	PAGE HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#web_header {
	background:url(../images/header_pulau2.jpg) no-repeat;
	width:900px;
	height:115px;
}
.logomp {
	float:left;
	padding:5px 0 0 10px;
}
.logotsel {
	float:right;
	padding:5px 10px 0 0;
}
.search {
	float:left;
	padding-left:10px;
	margin-top:35px;
}
.askmerlin {
	float:right;
	padding-right:10px;
	margin-top:35px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	MENU TOP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#menu {
	width:900px;
	height:33px;
	background:url(../images/nav/menutop_bg.gif) repeat-x;
}
#menu ul {
	list-style-image:none;
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0;
}
#menu li {
	display:inline;
	margin:0;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	color:#6a6a6a;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:5px;
}
#menu a {
	float:left;
	text-decoration:none;
	color:#6a6a6a;
	padding:6px 12px 8px 22px;
	display:block;
}
#menu a:hover {
	color:#cf1209;
	text-decoration:underline;
}
.ico_home {
	background:url(../images/nav/ico_home.gif) no-repeat;
}
.ioo_invite {
	background:url(../images/nav/ico_invite.gif) no-repeat;
}
.ico_album {
	background:url(../images/nav/ico_album.gif) no-repeat;
}
.ico_blog {
	background:url(../images/nav/ico_blog.gif) no-repeat;
}
.ico_class {
	background:url(../images/nav/ico_class.gif) no-repeat;
}
.ico_events {
	background:url(../images/nav/ico_event.gif) no-repeat;
}
.ico_groups {
	background:url(../images/nav/ico_groups.gif) no-repeat;
}
.ico_polls {
	background:url(../images/nav/ico_poll.gif) no-repeat;
}
.ico_video {
	background:url(../images/nav/ico_video.gif) no-repeat;
}
.ico_pulaumall {
	background:url(../images/nav/ico_pulaumall.gif) no-repeat;
}
.ico_talkbox {
	background:url(../images/nav/ico_chat.gif) no-repeat;
	padding-right:0px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#content {
	margin:15px 0;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	LOGIN/SEARCH
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#menubtm {
	background:url(../images/nav/menubtm_bg.gif) repeat-x;
	height:32px;
	padding:5px 10px 0 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
}
#menubtm a {
	color:#545454;
}
#menubtm a:hover {
	color:#cf1209;
}

.formsearch {
	width: 209px;
	height: 21px;
	position: relative;
}
.formsearch input.search {
	background:url(../images/bg_search.gif) no-repeat;
	width:130px;
	height:21px;
	border:0;
	margin-top: 0;
	font-family: Verdana, Arial, serif;
	font-style:italic;
	font-size: 11px;
	color: #de4c2a;
	padding:3px 4px 0;
	position: absolute;
	top: 0px;
	left: 0px;
}
.formsearch input.search-submit {
	margin:0;
	padding:0;
	position: absolute;
	top: 0px;
	left: 135px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Sidebar
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.sidebar_title {
	background:url(../images/bgsidebar_title.gif) repeat-x;
	height:35px;
}
.header{
}
.header_red {
	background:url(../images/bgsidebar_title_red.gif) repeat-x;
	height:25px;
	border:1px solid #e0e0e0;
	border-bottom: none;
}
.header_orange {
	background:url(../images/bgsidebar_title_orange.gif) repeat-x;
		height:25px;
	border:1px solid #e0e0e0;
	border-bottom: none;
}
.header_blue {
	background:url(../images/bgsidebar_title_blue.gif) repeat-x;
		height:25px;
	border:1px solid #e0e0e0;
	border-bottom: none;
}
.header_green {
	background:url(../images/bgsidebar_title_green.gif) repeat-x;
		height:25px;
	border:1px solid #e0e0e0;
	border-bottom: none;
}
.header_black {
	background:url(../images/bgsidebar_title_black.gif) repeat-x;
		height:25px;
	border:1px solid #e0e0e0;
	border-bottom: none;
}
.header h6 {
	color :#FFF;
	padding:5px 5px 0;
}
.portal_content {
	border:1px solid #e0e0e0;
	border-top: none;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	color:#515151;
	padding:5px;
}
.portal_spacer {
	height: 10px;
}
.sidetitle {
	font-size:13px;
	color:#FFF;
	margin:0;
	padding:3px 0 0 5px;
}
.sidemore {
	padding:10px 5px 0 0;
}
.sidedesc {
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	color:#515151;
	padding:5px;
}
.portal_content p {
	margin:0;
	padding:0 0 5px;
}
.portal_content label {
	font-family: Verdana, Arial, sans-serif;
	font-size:13px;
	font-weight:700;
}
.portal_content input.usrpass {
	background:url(../images/sidebar-input.jpg) no-repeat scroll;
	width:170px;
	height:27px;
	border:0;
	padding:6px 5px 0 5px;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
}
.sideads {
	margin:0;;
	padding:0;
}
.pollbox {
border:1px solid #e0e0e0;
}
.polltitle {
	text-align:center;
	padding:8px 0;
}
.pollchoose {
	text-align:center;
	padding-bottom:5px;
}
.sidepoll ul {
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:0 auto;
}
.sidepoll li {
	display:inline;
	margin:0;
	padding:0;
}
.polldesc {
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	color:#a875ea;
	background-color:#f7f7f7;
	margin:0;
	padding:5px;
}
.polldesc a {
	color:#a875ea;
}
.polldesc a:hover {
	color:#a875ea;
	text-decoration:underline;
}
.startmsg {
	padding:10px 0 5px;
}
.billboardphoto img.userpic {
	border:2px solid #c3c3c3;
}
.billboardbubble {
	background:url(../images/bg_billboardmsg.gif) no-repeat;
	width:132px;
	height:72px;
	line-height:normal;
}
.billboardmsg {
	margin:1px 0 0 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	color:#515151;
}
.billboardmsg strong {
	color:#db0009;
}
.whosonline {
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	color:#515151;
	line-height:normal;
}
.whosonline a {
	color:#c70008;
}
.whosonline a:hover {
	color:#c70008;
	text-decoration:underline;
}
.listphoto ul {
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:10px;
	width:180px;
}
.listphoto li {
	display:inline;
	padding:5px 2px;
	margin:0;
}
.listphoto li span {
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
}
.listphoto a {
	color:#c70008;
}
.listphoto a:hover {
	color:#c70008;
	text-decoration:underline;
}
.listcomm {

}
#communitylist {
	margin-bottom:8px;
	width:175px;
	float:left;
}
.comm_img {
	float:left;
	margin-right:5px;
}
.listcomm_entry_desc {
	line-height:120%;
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
}
.newtag {
	text-transform:uppercase;
	color:#14b6fd;
	font-weight:bold;
	font-size:12px;
}
.comm_name a {
	color:#c70008;
	font-weight:bold;
}
.comm_name a:hover {
	color:#c70008;
	font-weight:bold;
	text-decoration:underline;
}
.listwithphoto {
	text-align:center;
	margin:0 auto;
	padding:0 auto;
}
.fluid {
}
.photocolumn {
	width:52px;
	float:left;
	padding:0;
	margin:4px;
	color:#515151;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:normal;
}
.photocolumn a {
	color:#db0009;
	font-weight:800;
}
.photocolumn a:hover {
	color:#db0009;
	text-decoration:underline;
	font-weight:800;
}
.popularmemberbox {
	text-align:center;
	padding:0;
}
.popularmembercol {
	width:80px;
	float:left;
	padding:0;
	margin:5px;
	color:#515151;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:normal;
}
.popularmembercol img.photo {
	border:2px solid #c3c3c3;
	margin:3px 0;
}
.popularmembercol a {
	color:#db0009;
	font-weight:800;
}
.popularmembercol a:hover {
	color:#db0009;
	text-decoration:underline;
	font-weight:800;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	TAB PULAU MALL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.malltab {
	width:440px;
	margin-left:3px;
}
.idTabs {
	margin:0;
	padding:0;
	display:block;
}
.idTabs li {
	display:inline;
}
.idTabs a {
	text-indent:-9999px;
	float:left;
	height:30px;
}
.idTabs a:hover {
	background-position:0 -30px;
}
.idTabs .selected {
	background-position:0 -30px;
}
.tabAll a {
	background:url(../images/tabmenu_alltab.gif) no-repeat;
	width:100px;
}
.tabPic a {
	background:url(../images/tabmenu_piczone.gif) no-repeat;
	width:100px;
}
.tabMusic a {
	background:url(../images/tabmenu_musiczone.gif) no-repeat;
	width:100px;
}
.tabFan a {
	background:url(../images/tabmenu_funzone.gif) no-repeat;
	width:100px;
}
.tab_bg {
	background:url(../images/tab_bg.gif);
	width:440px;
	background-color:#eeeeee;
	margin-bottom:0;
	padding:0;
}

.mall_product {
	line-height:normal;
	float:left;
	width:135px;
	padding:5px;
}
.mall_product strong {
	font-size:11px;
	font-family: Verdana, Arial, sans-serif;
}
.prod_detail {
	font-size:11px;
	font-family: Verdana, Arial, sans-serif;
}
.prod_detail span {
	color:#ce2d33;
}
.prod_detail a {
color:#515151;
}
.prod_detail a:hover {
color:#515151;
	text-decoration:underline;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	MID CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#midcontent {
	width:460px;
	margin:0 0 10px;
	padding:0;
	border:1px solid #e0e0e0;
	background-color:#FFFFFF;
}
.page_header {

}
.page_header_red {
	background:url(../images/bgmid_title_red.gif) repeat-x;
		height:25px;
	border:1px solid #e0e0e0;
	border-bottom:none;
}
.page_header_orange {
	background:url(../images/bgmid_title_orange.gif) repeat-x;
		height:25px;
	border:1px solid #e0e0e0;
	border-bottom:none;
}
.page_header_blue {
	background:url(../images/bgmid_title_blue.gif) repeat-x;
		height:25px;
	border:1px solid #e0e0e0;
	border-bottom:none;
}
.page_header_green {
	background:url(../images/bgmid_title_green.gif) repeat-x;
		height:25px;
	border:1px solid #e0e0e0;
	border-bottom:none;
}
.page_header_black {
	background:url(../images/bgmid_title_black.gif) repeat-x;
		height:25px;
	border:1px solid #e0e0e0;
	border-bottom:none;
}
ul.mypulau_headlines {
	padding:0;
	margin-bottom:0px;
}
.mypulau_headlines .news_date {
	color: #bababa;
	font-size:11px;
}
.mypulau_headlines li {
	margin:0;
	padding:0 0 5px 12px;
	list-style-type:none;
	list-style-image:none;
	background:url(../images/bullet_square.gif) no-repeat;
	background-position:0 0.75em;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
}
.mypulau_headlines a {
	color:#db0009;
}
.mypulau_headlines a:hover {
	color:#db0009;
	text-decoration:underline;
}
.videolist {
text-align:center;
padding:0 auto;
padding-left:50px;
}
.videonews {
	float:left;
	margin:5px;
	font-family: Verdana, Arial, sans-serif;
	text-align:center;
}
.videonews a {
	color:#db0009;
}
.videonews a:hover {
	color:#db0009;
	text-decoration:underline;
}
#mid_newblog {
	border-bottom :1px solid #dadada;
	padding-bottom:5px;
	padding-top:5px;
}
.mid_newblog_img {
	float:left;
	padding-right:10px;
}
.mid_newblog_shortentry {
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	line-height:normal;
}
.mid_newblog_title, .mid_newblog_title a {
	color:#ee4d3f;
	font-weight:800;
}
.mid_newblog_title a:hover {
	color:#ee4d3f;
	font-weight:800;
	text-decoration:underline;
}
.mid_newblog_user a {
	color:#0cbad1;
	font-weight:800;
}
.mid_newblog_user a:hover {
	color:#0cbad1;
	font-weight:800;
	text-decoration:underline;
}
.spc_photo {
	float:left;
	padding:5px;
	text-align:center;
	font-size:11px;
	font-family: Verdana, Arial, sans-serif;
}
.spc_photo a {
	color:#db0009;
}
.spc_photo a:hover {
	color:#db0009;
	text-decoration:underline;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	PORTAL MAINPAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.portal_whatsnew a {
	color:#336699;
}
.portal_whatsnew a:hover {
	color:#5aabff;
	text-decoration:underline
}
.portal_action_top table, .portal_action table {
	margin-bottom:0;
}
div.portal_action {
	margin:0;
	padding:6px;
	border-top: 1px solid #DEDEDE;
}
.icon {
	margin-right:5px;
}
div.portal_action_top {
	padding: 0;
}
div.portal_action_date {
	float: right;
	color: #999999;
	padding-left: 5px;
}
div.portal_whatsnew {
	padding: 4px 10px 4px 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
}
/* STYLES FOR RECENT ACTION */

.recentaction_div_media {
	padding: 10px 10px 10px 20px;
}
.recentaction_div_media img {
	max-width: 300px;
 width: expression(this.width > 300 ? 300: true);
}
img.recentaction_media {
	float: left;
	margin: 3px;
	border: solid 1px #777777;
}
.recentaction_div {
	padding: 10px 20px 5px 20px;
	position: relative;
	max-height: 125px;
	max-width: 300px;
	overflow: auto;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	FOOTER/COPYRIGHT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer{
background:url(../images/bg_footer.jpg) no-repeat;
width:881px;
height:176px;
margin:0 auto 15px;
font-family: Verdana, Arial, sans-serif;
font-size:11px;
}
.footer1 {
float:left;
margin:10px;
margin-left:20px;
width:250px;
}
.footer1 h4, .footer2 h4, .footer3 h4 {
color:#c70008;
font-family: Verdana, Arial, sans-serif;
margin: 14px 0 0 0;
padding: 0;
}
.footer1 ul{
margin-bottom:5px;
padding:0;
}
.footer1 li{
margin:0;
padding:0;
list-style-position:inside;
}
.footer1 li a {
color:#5b5b5b;
}
.footer1 li a:hover {
color:#5b5b5b;
text-decoration:underline;
}
.morefooter a {
color:#c70008;
}
.morefooter a:hover {
color:#c70008;
text-decoration:underline;
}
.footerseparator {
float:left;
margin:10px;
}
.footer2 {
float:left;
margin:10px;
width:250px;
}
.footer3 {
float:left;
margin:10px;
width:240px;
}
.footer3 ul{
margin-bottom:5px;
padding:0;
}
.footer3 li{
margin:0;
padding:5px;
float:left;
list-style-type:none;
list-style-image:none;
}
#copyright {
	background-color:#f0f0f0;
	padding:5px 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	color:#5c5c5c;
}
.leftcopy a {
	color:#5c5c5c;
}
.leftcopy a:hover {
	color:#5c5c5c;
	text-decoration:underline;
}
.rightcopy a {
	color:#0674b7;
}
.rightcopy a:hover {
	color:#0674b7;
	text-decoration:underline;
}