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

/*
Doc: Layout
Project: in2it.sg
Project URL: http://in2it.sg
Author: Osmosis Interactive
Author URL: http://osmosis.sg/
*/


@import url("_basic.css");
@import url("../share/_style.css");



/* Element */
.btn_link { float: left; margin: 5px 0; background: url(btn_link_front_of.gif) no-repeat;}
	.btn_link a { display: block; height: 24px; padding: 0 10px; background: url(btn_link_back_of.gif) no-repeat right;}
	.btn_link a:hover { text-decoration: none !important;}
	.btn_link a span { font-weight: bold; line-height: 24px; color: #FFF !important;}

.btn_actioning { float: left; margin: 5px 0; background: url(btn_action_front_of.gif) no-repeat;}
	.btn_actioning a { display: inline-block; padding: 0 10px; background: url(btn_action_back_of.gif) no-repeat right;}
	.btn_actioning a:hover { text-decoration: none !important;}
	.btn_actioning a span { font-weight: bold; line-height: 24px; color: #FFF !important;}

.btn_confirmation { float: left; margin: 5px 0; background: url(btn_confirm_front_of.gif) no-repeat;}
	.btn_confirmation a { display: inline-block; padding: 0 10px; background: url(btn_confirm_back_of.gif) no-repeat right;}
	.btn_confirmation a:hover { text-decoration: none !important;}
	.btn_confirmation a span { font-weight: bold; line-height: 24px; color: #FFF !important;}

.btn_action { float: left; margin: 5px 0; padding: 1px 0 1px 1px; background: url(btn_action_front_of.gif) no-repeat;}
	.btn_action label { display: block; padding: 1px; background: url(btn_action_back_of.gif) no-repeat right;}
	.btn_action input { border: none; font-weight: bold; height: 20px; padding: 0 5px; color: #FFF; background: #6ea720; cursor: pointer;}
	
.btn_cancel { float: left; margin: 5px 0; padding: 1px 0 1px 1px; background: url(btn_cancel_front_of.gif) no-repeat;}
	.btn_cancel label { display: block; padding: 1px; background: url(btn_cancel_back_of.gif) no-repeat right;}
	.btn_cancel input { border: none; font-weight: bold; height: 20px; padding: 0 5px; color: #FFF; background: #636363; cursor: pointer;}
	
.errormessage span { display: block; margin: 5px 0; padding: 5px; background: #FBFDF3; color: #900;}

th.top { vertical-align: top;}
.morespacetop th,
.morespacetop td { padding-top: 10px !important;}



/* Layout */
.base { display: block; width: 960px; margin: 0 auto;}
.layout { position: relative;}
.layoutNew { }
.layoutNew .personalnavigation {position: absolute; z-index: 20; right: -5px; display: block; height: 75px; margin-top: 153px; padding-right: 15px;}
	.layoutNew .personalnavigation ul { list-style-type: none; height: 31px; padding-left: 10px;}
		.layoutNew .personalnavigation li { display: inline;}
			.layoutNew .personalnavigation li a { display: inline-block; padding: 0 10px; float: left; color: #FFF;}
			.layoutNew .personalnavigation li a:hover { text-decoration: underline;}
			.layoutNew .personalnavigation li.on a { color: #aac849;}
			.layoutNew .personalnavigation li a span { display: block; line-height: 31px;}
			
			.layoutNew .personalnavigation li a cite { color: #AAC849; font-style: normal;}
			
	.layoutNew .logon .personalnavigation { margin-top: 5px;}



.sitename { position: absolute; z-index: 99; display: block; width: 374px; height: 60px;}
.globalnav { display: block; height: 60px; float: right;}
.content {}
	.profile { display: block; width: 940px; margin: 0 auto;}
	.main { display: block; width: 940px; margin: 0 auto; padding-top: 10px;}
	.owner { display: block; height: 55px;}
.footer { display: block; padding: 10px; margin-top: 10px;}

.cse-overlay { z-index: 99 !important;}



/* Sitename */
.sitename h1 a { display: block; width: 374px; height: 60px;}
	.sitename h1 a span { display: none;}
.sitename h3 { display: none;}



/* Global Nav */
.globalnav {}
.globalnav ul { list-style-type: none; padding-top: 35px;}
	.globalnav li { display: inline;}
		.globalnav li a { display: inline-block; padding: 0 10px; margin-left: 1px; float: left; color: #FFF; background: #666 url(globalnav_of.png) repeat-x;}
		.globalnav li a:hover { background: #9F0 url(globalnav_on.png) repeat-x;}
		.globalnav li a span { line-height: 25px;}
		
		.globalnav li a.new { display: inline-block; padding: 0 10px; margin-left: 1px; float: left; color: #FFF; background: #666 url(globalnav_main_of.png) repeat-x;}
		.globalnav li a.new:hover { background: #9F0 url(globalnav_main_on.png) repeat-x;}
		.globalnav li a.new:hover span { line-height: 25px; background:none; color:White;}
		.globalnav li a.new span { line-height: 25px; background:none; color:Black;}


/* Search Bar */
.searchwindowbar { display: block; height: 45px; background: #211e1c url(searchwindow_bg.png) repeat-x bottom; color: #FFF;}
	.searchwindow { display: block; width: 420px; margin: 0 auto; padding-top: 5px;}
		.searchinputbox .inputbox { border: 1px solid #666; width: 200px; margin-top: 5px; margin-right: 5px; font-size: 1.2em; float: left;}
		.searchwindow .btn { margin-right: 5px;}
		




/* Profile */
.profile {}
.intromessage { display: block; width: 455px; height: 168px; padding-top: 20px; padding-left: 10px; float: left;}
	.intromessage p { font-size: 1.2em; line-height: 1.3em; margin-bottom: 0;}

.membershipwindow { display: block; width: 465px; padding-top: 20px; float: right;}
	.globalmembership {}
		.globalmembershiphead {}
			.globalmembershiphead h3 { font-size: 1.6em; font-weight: normal;}
		
		.formshape { padding-bottom: 10px;}
			.formshape h4 { padding: 10px 10px 5px 10px; font-size: 1.2em; border-bottom: 1px solid #FFF;}
			.formshape table { width: 445px; margin-top: 5px; margin-left: 10px;}
				.formshape table th { width: 120px; text-align: right; font-weight: normal; padding: 0 5px 5px 0;}
				.formshape table td { padding: 0 5px 5px 0;}
				.formshape table td a { color: #666;}
				.formshape table td a:hover { text-decoration: underline;}
			
			.formshape label { color: #666;}
				.formshape label.rememberme { line-height: 18px;}
			
			.formshape input.inputbox { width: 175px;}
			
			table.signupformtable { width: 350px;}
				table.signupformtable .optional th,
				table.signupformtable .optional td{ color: #666; padding-top: 5px;}
				table.signupformtable .optional p { margin-bottom: 0;}
			
			table.resetpasswordtable { width: 350px;}
			
			.formshape .delivermessage { padding: 10px;}
		
		.callforsignup { display: block; width: 100px; margin-top: 5px; padding-left: 5px; float: left;}
			.callforsignup a {}
			.callforsignup span { line-height: 25px;}


/* Footer */
.owner span { display: none;}

.footitem { float: right;}
.footitem ul { list-style-type: none;}
	.footitem li { display: inline;}
		.footitem li a { display: inline-block; padding: 0 5px; color: #fff000;}
		.footitem li a:hover { color: #ff7200;}
		.footitem li a span {}

#SiteInformationPage .footitem { display: none;}

.copyright { color: #FFF;}



/* Main */
.framelayout {}

.framelayoutopen { display: block; height: 10px;}

.maintitle { display: block; height: 30px; background: url(maintitle_bg.png) repeat-x top;}
	.maintitle h2 { padding: 0 20px; font-size: 1.6em; font-weight: normal; line-height: 30px;}



/* Profile Login */
.personalnavigation { position: absolute; z-index: 20; right: 5px; display: block; height: 75px; margin-top: 153px; padding-right: 15px;}
	.personalnavigation ul { list-style-type: none; height: 31px; padding-left: 10px;}
		.personalnavigation li { display: inline;}
			.personalnavigation li a { display: inline-block; padding: 0 10px; float: left; color: #FFF;}
			.personalnavigation li a:hover { text-decoration: underline;}
			.personalnavigation li.on a { color: #aac849;}
			.personalnavigation li a span { display: block; line-height: 31px;}
			
			.personalnavigation li a cite { color: #AAC849; font-style: normal;}
			
	.logon .personalnavigation { margin-top: 5px;}


.profilepicture { display: block; width: 178px; float: left; padding: 10px 0 0 10px;}
	.profilepictureframe { display: block; width: 168px; background: #333;}
		.profilepictureframe span { display: block; width: 158px; height:158px; border: 5px solid #FFF; overflow: hidden;}

.profilestatus { display: block; width: 752px; padding-top: 20px; float: right;}
	.profileid {}
		.profilename { font-size: 1.4em; line-height: 22px; float: left; margin-right: 10px;}
			.profilename span { font-weight: bold;}
		
		.psnfunc { float: left; display: block; width: 122px; margin-right: 5px; padding-bottom: 2px; background: #000;}
			.psnfuncopen { display: block; height: 5px;}
			
			.psnfuncbutton { display: block;}
			.psnfuncbutton a { display: block; padding: 0 29px; line-height: 16px; color: #aaa; cursor: pointer;}
			.psnfuncbutton a:hover { color: #FFF;}
			
			.psnfuncbutton a span { background: none;}
			.psnfuncbutton a span.online { color: #ff7200;}
			.psnfuncbutton a span.away { color: #83a3bc;}
			.psnfuncbutton a span.offline { color: #888;}
			
			.psnfuncselect {}
			.psnfuncselect ul { list-style-type: none;}
				.psnfuncselect li { display: inline;}
					.psnfuncselect li a { display: block; padding: 0 10px; line-height: 16px; border-top: 1px solid #333;}
					.psnfuncselect li a:hover { color: #FFF;}
		
		.onlinestatus {}
			.onlinestatus .psnfuncbutton a { padding: 0 10px; background: url(button_arrow_down.png) no-repeat 100px 6px;}
						
		.djchat {}	
			.djchat .psnfuncbutton a { padding: 0 25px;}
	
	.statusmessageframe { display: block; padding-bottom: 8px;}
		.statusmessageopen { display: block; height: 13px;}
		.statusmessagetext { display: block; width: 335px; float: left; padding: 0 10px; font-size: 1.2em; color: #FFF;}
			.statusmessagetext p { padding-bottom: 0; margin-bottom: 0; line-height: 18px;}
			.statusmessagetext .deletemessage a { font-size: 11px;}
		
		.statusmessageinput { display: block; width: 387px; float: right;}
			.statusmessageinputbox { display: block; width: 300px; float: left; padding: 6px 5px 5px 0;}
			.statusmessageinputbox .inputbox { width: 285px; font-size: 1.2em; border: 1px solid #CCC;}
			
		.statusmessageinterest { display: block; width: 355px; float: right; padding: 0 10px; font-size: 1.2em; color: #FFF;}
			
	
/* My Tool Bar */
.mytoolbar { display: block; width: 940px; margin: 0 auto;}

.mytoolbararea { display: block; padding-top: 41px; padding-bottom: 30px;}
	.mytoolbarareaopen { display: block; height: 5px;}
	
	.mytoolbarelement { display: block; padding: 10px; background: #eae9e9 url(mytoolbar_bg.png) repeat-x top;}
		.mytoolbarfunc { display: block; width: 455px; float: left;}
			.mytoolbarfunc .psnfunc { background: #000 url(psnfunc_white_close.png) no-repeat bottom !important;}
			.mytoolbarfunc .psnfuncopen { background: url(psnfunc_white_open.png) no-repeat top !important;}
		
		.mytoolbarmessage { display: block; width: 455px; float: right;}
			.mytoolbarmessage .statusmessageinput { position: absolute; z-index: 30; margin-left: 85px;}
				.mytoolbarmessage .statusmessageinputbox { padding: 0;}
				.mytoolbarmessage .btn_action { margin: 0;}
				


/* Chat Window (POP UP) */
.mytoolbarelement .chatpopwindow { display: block; clear: both; padding-top: 10px;}
	.mytoolbarelement .chatpopwindow .frame { background: #FFF url(chatpopwindow_open.png) no-repeat top;}
		.mytoolbarelement .chatpopwindow .chatwindowbox { padding-top: 5px;}
			.mytoolbarelement .chatpopwindow .onlinelistbox { display: block; width: 450px; float: left; margin-left: 10px}
			.mytoolbarelement .chatpopwindow .offlinelistbox { display: block; width: 450px; float: right; margin-left: 10px}

			.mytoolbarelement .chatpopwindow .chatwindowbox h3 { line-height: 17px; padding-left: 5px;}
			
			.mytoolbarelement .chatpopwindow .buddylistbox { display: block; height: 150px; overflow: auto;}
				.mytoolbarelement .chatpopwindow .buddylistbox table { width: 95%;}
					.mytoolbarelement .chatpopwindow .buddylistbox tr {}
					.mytoolbarelement .chatpopwindow .buddylistbox td { height: 20px; vertical-align: middle; border-bottom: 1px solid #EEE;}
						.mytoolbarelement .chatpopwindow .buddylistbox td a { display: block; line-height: 20px; padding-left: 5px;}
						.mytoolbarelement .chatpopwindow .buddylistbox td a:hover { background: #F0F0F0;}
					


/* Content */
.contentarea .titlehead { border-bottom: 1px solid #CCC; margin: 0 10px 10px 10px;}
.contentarea h3 { font-size: 1.4em; font-weight: normal;}
.contentarea p.caption { padding-left: 10px; padding-right: 10px;}
.contentarea th.topalignment { vertical-align: top;}

.listing { padding-top: 5px; margin-bottom: 20px;}
	.listing .subhead { border-bottom: 1px solid #bfbdbd;}
		.listing .subhead h3 { width: 220px; float: left; font-size: 1.6em; line-height: 1em; font-weight: normal;}
		.listing .subhead .edit { width: 80px; float: right; text-align: center;}
			.listing .subhead .edit a { display: block;}
			.listing .subhead .edit a:hover { background: #F0F0F0; color: #000;}
			.listing .subhead .edit a span { display: block; line-height: 1.2em; padding-top: 0.4em;}
	
	.activityitems {}
		.activityitems table { width: 100%; table-layout: fixed;}
			.activityitems tr {}
				.activityitems td { padding: 0 !important;}
				.activityitems td a { display: block; padding: 5px; color: #3b3531; overflow: hidden;}
				.activityitems td a:hover { background-color: #ebebeb !important;}
				.activityitems td img { float: left; margin-right: 5px; border: 1px solid #FFF;}
				
				.activityitems .alt td {}
				.activityitems .alt td a { background-color: #f9f9f9;}
				.activityitems .alt td a:hover {}
				
				.activityitems .paging td {}
				.activityitems .paging td a {display:inline; font-style:normal;}
				.activityitems .paging td a:hover {}
				.activityitems .paging td span {font-weight:bold; color:Black; padding: 0 2px;}
				
				.activityitems td p { margin-bottom: 0; padding-bottom: 0;}
				.activityitems td a small { color: #888;}
				.activityitems td .albumtitle { font-weight: bold;}
				
				.activityitems span { font-weight: normal; color: #FFF; padding: 0 2px;}
	
			.organised span { background: #aac849;}
			.invited span { background: #ff7200;}
			.public span { background: #83a3bc;}
			.joined span { background: #999;}
			.new span { background: #900;}
			.read span { background: #888;}
			
		.personalactivity .activityitems td a, 
		.personalinbox .activityitems td a { border-left: 1px solid #CCC; border-right: 1px solid #CCC;}
		.personalactivity .activityitems td.selected a,
		.personalinbox .activityitems td.selected a{ background: #FFF !important; border-top: 3px solid #999; border: 3px solid #999; border-right: none;}
		.personalactivity .activityitems td a:hover
		.personalinbox .activityitems td a:hover { background: #FFF !important;}	
	
	.buddyupdateitems {}
		.buddyupdateitems table {}
			.buddyupdateitems tr { vertical-align: top;}
				.buddyupdateitems th { width: 28px; padding: 20px 0 3px 0;}
				.buddyupdateitems td.parging { width: 28px; padding: 20px 0 3px 0;}
					.buddyupdateitems td { padding: 7px 0 3px 12px; font-size: 10px; text-align: right; color: #888; background: url(buddyupdate_angle.png) no-repeat left 20px;}
					
					.buddyupdateitems .paging td {}
				    .buddyupdateitems .paging td a {display:inline; font-style:normal;}
			    	.buddyupdateitems .paging td a:hover {}
			    	.buddyupdateitems .paging td span {font-weight:bold; color:Black; padding: 0 2px;}
					
					td .buddyupdate { display: block; font-size: 11px; text-align: left; color: #3b3531; background: #ebebeb url(buddyupdate_close.png) no-repeat bottom;}
					td .buddyupdateopen { display: block; height: 5px; background: url(buddyupdate_open.png) no-repeat top;}
						td .buddyupdate span { display: block; width: 220px; padding: 0 10px 5px 10px; overflow: hidden;}
						td .buddyupdate a { color: #3b3531;}
						td .buddyupdate a:hover { text-decoration: underline;}


.componentbox { display: block; margin-bottom: 20px; background: url(chatwindow_bg.png) repeat-y;}
	.componentbox .open { display: block; height: 7px; background: url(chatwindow_open.png) no-repeat top;}
	.componentbox .close { display: block; height: 7px; background: url(chatwindow_close.png) no-repeat bottom;}
		
		.componentbox h3 { font-size: 1.6em; font-weight: normal; border-bottom: 1px solid #a19f8e;}
		.componentbox a { color: #000; line-height: 18px; padding-right: 5px; margin-right: 5px; background: url(button_arrow_right.png) no-repeat left 3px;}
		.componentbox a span { padding-left: 10px;}
		.componentbox a:hover span { text-decoration: underline;}
		
		.componentdetailbox  { padding: 0 10px; margin-bottom: 10px;}
			
			.componentbox .componentalertbox ul { list-style-type: none;}
				.componentbox .componentalertbox li {}
		
			.componentchatbox a { border-right: 1px solid #bbb8a5;}
			
			.componentchatbox .offlinelistbox { display: none;}
			.componentchatbox .onlinelistbox h3 { display: none;}
			.componentchatbox .buddylistbox { padding: 5px 10px;}
			
			.componentchatbox .buddylistbox table { width: 100%;}
			
			.componentchatbox td a { display: block; padding: 2px 10px; border-bottom: 1px solid #cecbb6; border-right: none; color: #333; background: #e0ddc6;}
			.componentchatbox td a:hover { text-decoration: none; background: #efecd3;}


.personalprofile { display: block;}
.personalprofile h3 { padding-left: 10px;}
	
	.informationbox { background: url(informationbox_bg.png) repeat-y left; margin-bottom: 10px;}
		.informationbox .open { display: block; height: 10px; background: url(informationbox_open.png) no-repeat top;}
		.informationbox .close { display: block; height: 10px; background: url(informationbox_close.png) no-repeat bottom;}
		
	.twothirdcol .informationbox { background: url(informationbox_23_bg.png) repeat-y left; margin-bottom: 10px;}
		.twothirdcol .informationbox .open { display: block; height: 10px; background: url(informationbox_23_open.png) no-repeat top;}
		.twothirdcol .informationbox .close { display: block; height: 10px; background: url(informationbox_23_close.png) no-repeat bottom;}
		
	.singlecol .informationbox { background: url(informationbox_1_bg.png) repeat-y left; margin-bottom: 10px;}
		.singlecol .informationbox .open { display: block; height: 10px; background: url(informationbox_1_open.png) no-repeat top;}
		.singlecol .informationbox .close { display: block; height: 10px; background: url(informationbox_1_close.png) no-repeat bottom;}
				
	.helpcol .informationbox { background: url(informationbox_1_bg.png) repeat-y left; margin-bottom: 10px;}
		.helpcol .informationbox .open { display: block; height: 10px; background: url(informationbox_1_open.png) no-repeat top;}
		.helpcol .informationbox .close { display: block; height: 10px; background: url(informationbox_1_close.png) no-repeat bottom;}
				
		.informationbox table { width: 100%; table-layout: fixed; color: #666;}
			.infomationbox tr { vertical-align: top;}
			.informationbox th { width: 150px; text-align: right; font-weight: normal; padding: 3px 5px 2px 0;}
			.informationbox td { padding: 3px 0 2px 0;}
				.informationbox td input.inputbox { width: 200px; color: #666; border: 1px solid #CCC;}
				.informationbox td textarea.textbox { width: 200px; height: 80px; color: #666; border: 1px solid #CCC;}
				
				.informationbox td a { color: #2a2623;}
				.informationbox tr.TRFB_Link a { color: #1B7BDD;}
				
				.informationbox tr.paging { padding: 5px 10px 0 10px !important; border-top: 1px solid #CCC; text-align: right;}
					.informationbox tr.paging span { padding: 0 3px;}
						.informationbox tr.paging span.currentpage { font-weight: bold; color: #000;}
					.informationbox tr.paging a { display: inline; padding: 0; border: none; color: #999;}
						.informationbox tr.paging a:hover { background: none !important; text-decoration: underline;}
		
		.informationbox .caption {}
			.informationbox .caption th { padding-top: 10px; padding-bottom: 5px; border-bottom: 1px solid #CCC; font-weight: bold; color: #2a2623;}
			.informationbox .caption td { padding-top: 10px; padding-bottom: 5px; border-bottom: 1px solid #CCC;}
		
		.informationbox p.desc { margin-bottom: 0; padding-left: 0px; border-bottom: 1px solid #CCC; color: #666;}
		
		.informationbox ul { list-style-type: none;}
		
	.pageupdatebutton { padding: 5px 10px; margin-top: 10px; border-top: 1px solid #b7b7b7;}
		.formbutton { margin-right: 5px;}
		.pageupdatebutton .result span { line-height: 35px;}
		
	.informationbox .result { margin-top: 10px; padding: 10px 10px 0 10px; border-top: 1px solid #CCC;}
	.result span { display: block;}
	


.detailbox {}
	.detailbox h4 { padding-top: 10px; font-weight: normal; border-bottom: 1px solid #CCC;}
	
	.detailbox table { width: 100%; table-layout: fixed; color: #666; margin-bottom: 10px;}
		.detailbox tr {}
			.detailbox th { width: 120px; padding: 3px 5px 2px 0; text-align: right; font-weight: normal;}
			.detailbox td.paging {width: 50px; padding: 3px 5px 2px 0; text-align: right; font-weight: normal;}
			.detailbox td { padding: 3px 0 2px 0;}
			
			.detailbox td.button { padding: 0;}
			.detailbox td .result { padding-top: 5px;}
			
	.detailbox table.whoisin2ittable {}
		.detailbox table.whoisin2ittable tr { vertical-align: top;}
			.detailbox table.whoisin2ittable th { background: #F0F0F0; border-bottom: 1px solid #FFF;}
			.detailbox table.whoisin2ittable td { padding: 5px; background: #F0F0F0; border-bottom: 1px solid #FFF;}
				.detailbox table.whoisin2ittable td table { background: #F0F0F0;}
				.detailbox table.whoisin2ittable td th { width: 28px; padding: 5px; background: #FFF; border-bottom: 1px solid #F0F0F0;}
				.detailbox table.whoisin2ittable td td { padding: 5px 5px 5px 0; background: #FFF; border-bottom: 1px solid #F0F0F0;}
				
				.detailbox table.whoisin2ittable .approval { border-top: 1px solid #F0F0F0;}
				
	.detailbox .whoisin2itlist { background: #FFF; max-height: 300px; overflow: auto;}
		.detailbox .whoisin2itlist table { width: 95%;}

	.detailbox td input.inputbox { width: 200px; color: #666; border: 1px solid #CCC;}
	.detailbox td textarea.textbox { width: 200px; height: 80px; color: #666; border: 1px solid #CCC;}


.personalgallery {}
.gallerytable td { padding-bottom: 10px;}
	.photoalbumcover { display: block; width: 135px; margin-left: 10px; float: left;}
		.photoalbumcover .albumcover { display: block; width: 125px; height: 125px; border: 0px solid #FFF; overflow: hidden;}
			.photoalbumcover .albumcover img {}
		.photoalbumcover p { margin: 0; padding: 0; padding-bottom: 2px; color: #666;}
			.photoalbumcover .albumtitle a { display: block; font-weight: bold; line-height: 1.1em; padding-bottom: 2px; color: #2a2623;}
				.photoalbumcover .albumtitle a:hover { text-decoration: underline;}
			.photoalbumcover .albumdate { font-size: 10px; color: #888;}
			.photoalbumcover .albumcount { font-size: 10px; color: #888;}
			
			.photoalbumcover .phototitle a { color: #2a2623;}
				.photoalbumcover .phototitle a:hover { text-decoration: underline;}
		
		.photoalbumcover .albumauthor { padding: 5px 5px 0 5px; background: #FFF;}
			.photoalbumcover .albumauthor img { vertical-align: middle; float: left; margin-right: 5px;}
	
	.breadcrumb { padding-bottom: 0.4em;}
		.breadcrumb a { color: #2a2623;}
		.breadcrumb a:hover { text-decoration: underline;}
		
	.personalgallery .detailbox th { width: 100px;}
		.personalgallery td input.inputbox { width: 180px; color: #666; border: 1px solid #CCC;}
		.personalgallery td textarea.textbox { width: 180px; height: 80px; color: #666; border: 1px solid #CCC;}
		
	.imagelightbox { display: block; padding: 0 10px;}
		td.photonavi { text-align: center;}
			td.photonavi a { color: #2a2623;}
		td.lightboxshow { background: #666; width: 560px; height: 560px;}
			td.lightboxshow div { padding: 10px;}
			td.lightboxshow img { max-width: 100%; max-height: 100%; vertical-align: middle;}
			

.personalbuddy {}
	.personalbuddy .detailbox h4 { padding-top: 0;}
	
	.personalbuddy .detailbox tr { vertical-align: top;}
	.personalbuddy .detailbox th { width: 80px; padding: 5px; border-bottom: 1px solid #CCC;}
	.personalbuddy .detailbox td { padding: 5px; border-bottom: 1px solid #CCC;}

	.detailbox .paging { padding: 5px 10px 0 10px !important; text-align: right; border-bottom: none !important;}
		.detailbox .paging span { padding: 0 3px;}
			.detailbox .paging span.currentpage { font-weight: bold; color: #000;}
		.detailbox .paging a { display: inline; padding: 0; border: none; color: #999;}
			.detailbox .paging a:hover { background: none !important; text-decoration: underline;}
			
	.personalbuddy .pagingtop { padding: 5px 10px !important; text-align: right; border-bottom: 1px solid #CCC;}
		.personalbuddy .pagingtop span { padding: 0 3px;}
			.personalbuddy .pagingtop span.currentpage { font-weight: bold; color: #000;}
		.personalbuddy .pagingtop a { display: inline; padding: 0; border: none; color: #999;}
			.personalbuddy .pagingtop a:hover { background: none !important; text-decoration: underline;}
			
	.personalbuddy a.profilerealname { color: #2a2623;}
	
	table.buddylist td p { margin-bottom: 0; padding-bottom: 0;}
	table.buddylist .statusmessagesay { font-size: 1.2em;}
	table.buddylist .logtime { padding-top: 10px; color: #888;}
	
	.deletebuddy a { color: #888;}
	
	.buddylisthelptable { width: auto;}
		.buddylisthelptable tr { vertical-align: top;}
			.buddylisthelptable th { width: 28px; padding-left: 10px; border-bottom: 1px solid #CCC;}
			.buddylisthelptable td.paging { width: 28px; padding-left: 10px; border-bottom: 1px solid #CCC;}
			.buddylisthelptable td { padding-right: 30px; border-bottom: 1px solid #CCC;}
				.buddylisthelptable td p { padding: 0; margin: 0;}
			.buddylisthelptable td.buddyseachno { padding-left: 10px; padding-right: 10px; border-bottom: none;}
			
	.buddysearchtable { margin-top: 10px;}
		.buddysearchtable td { padding: 0 10px; border-bottom: none;}
	
	.buddyinvitetable {}
		.buddyinvitetable th { width: 50px; border-bottom: none;}
		.buddyinvitetable td { border-bottom: none;}
	
	.buddylistarea { max-height: 450px; overflow: auto;}
	.buddysearchresult { margin-top: 20px;}
	
.newactivitytitle { padding: 10px; font-size: 1.2em;}
.newactivitytitle .inputbox { width: 300px;}
.personalinbox {}
	.mailcheckfunc { position: absolute; z-index: 2; margin-top: 2px; margin-left: 5px;}
	.inboxlisttable td a { padding-top: 2em;}
	.inboxmessagenavi { display: compact; float: right; padding-top: 10px;}
	
	
.formtableMe {}
	.formtableMe td {border-top-width: 0px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color:Gray;border-bottom-color: Gray; }
	
.formtablefoot {}
	.formtablefoot td {border-top-width: 0px;border-bottom-width: 0px;border-top-style: solid;border-bottom-style: solid;border-top-color:Gray;border-bottom-color: Gray; }	

.VenueRecomPaging span { font-weight:bold;}