@charset "UTF-8";
/*
 * Base Layout & Presentation stylesheet - (X)HTML/CSS
 *
 * @copyright       Copyright (c) 2009, Gamania Inc. All rights reserved.
 * @link            http://www.gamania.com
 * @version         2.0.0
 * @lastmodified    $Date: 2010-04-20
 *
 */
 


/* ----------------------------------- */
/* Yahoo UI Library CSS Reset */
/* ----------------------------------- */
/*
	Copyright (c) 2009, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 3.0.0b1
	build: 1160
*/
html{ 
	color: #000; 
	background: #FFF; 
	}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td { 
	margin: 0; 
	padding: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,
img {
	border: 0;
	}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
	}

li {
	list-style: none;
	}

caption,
th {
	text-align: left;
	}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	}
q: before,
q: after {
	content: '';
	}
abbr,
acronym {
	border: 0;
	font-variant: normal;
	}
/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
	}
sub {
	vertical-align: text-bottom;
	}
input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	vertical-align: middle; 
	}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size: 100%;
	}
/*because legend doesn't inherit in IE */
legend {
	color: #000;
	}


/* ----------------------------------------------------------------------- */
/* Beanfun! Stylesheet */
/* ----------------------------------------------------------------------- */


/* ----------------------------------- 
 Layout properties 
 ----------------------------------- */
.PageMargins {
	margin: 0 auto;
	max-width: 960px;
	min-width: 960px;
	width: 960px;
	}
#divHeader {
	margin: 0;
	padding: 0;
	width: 100%;
	}
#divMain {
	margin: 0;
	padding: 0;
	width: 100%;
	}
#divFooter {
	border-top: 3px solid #99CC33;
	margin: 10px;
	padding-top: 10px;
	}
#divFooter p.Copyright {
	float: left;
	margin: 0;
	padding: 0;
	}
#divFooter p.Navigation {
	float: right;
	margin: 0;
	padding: 0;
	}

/* ----------------------------------- 
 Formatting content container 
 ----------------------------------- */
#divLeftCol0 {
	float: left;
	width: 320px;
	}
#divRightCol0 {
	margin: 0 0 0 320px;
	width: auto;
	}
#divLeftCol1 {
	float: left;
	width: 385px;
	}
#divRightCol1 {
	margin: 0 0 0 385px;
	width: auto;
	}
#divLeftCol2 {
	float: left;
	width: 220px;
	}
#divRightCol2 {
	margin: 0 0 0 220px;
	width: auto;
	}
#divLeftCol3 {
	float: left;
	width: 350px;
	}
#divRightCol3 {
	margin: 0 0 0 350px;
	width: auto;
	}
#divLeftCol_content,
#divRightCol_content {
	padding: 0;
	}

/* ----------------------------------- 
 Content clearfix 
 ----------------------------------- */
.Clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	}

/* float clearing for IE6 */
* html .Clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .Clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.Clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/* ----------------------------------- 
 Font and background
 -------------------------------------*/
body, html {
	
	background-color: #C9DCDA;
 	}

body, p, table, td, th, ul, ol, textarea, input, span {
	color: #666666;
	font-family: arial, sans-serif;
	font-size: 12px;	
	margin: 0;
	padding: 0;
	}
input, select {
	padding: 2px;
	}
textarea {
	overflow: auto;
	}
	
a:link,
a:visited {
	background-color: transparent;
	color: #409900;
	text-decoration: none;
	outline: none;	
	}
a:hover,
a:active {
	background-color: transparent;
	color: #F38630;
	text-decoration: underline;
	outline: none;	
	}
a, a:hover, a:visited, a:active {
   border:none;
   outline:none;
}

h1 {	
	color: #333333;
	display: block;
	font-size: 22px;
	font-weight: bold;
	overflow: hidden;
	}
h1 .Celebrity {	
	display: block;
	background: transparent url(../../images/default/icons/icon_crown.png) no-repeat 1px 1px;
	height: 30px;
	width: 30px;
	}
h2 {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	}
h3 {
	color: #5E5E5E;
	font-size: 13px;
	font-weight: bold;
	}

.Small { 	
	color: #7E7E7E;
	font-size: small;	
	font-family: arial, sans-serif;
	}
.BlodFont {
	font-weight: bold;
	}
	
.RedFont, .Required { color: #FF3300; }
.GreenFont { color: #619929; }
.WhiteFont { color: #FFFFFF; }


/* ----------------------------------- 
 CSS Message Boxes
 ----------------------------------- */
.ErrorMsg, .SuccessMsg, .WarningMsg {	
	border: 1px solid;
	background-repeat: no-repeat;
	background-position: 10px center; 
	font-size: 13px;
	margin: 10px 0px;
	overflow: auto;
	padding:15px 10px 15px 50px;
	text-align: left;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-moz-border-radius: 3px;	
	clear: both;         
	}
.ErrorMsg {            
	background-color: #FFBABA;
	background-image: url(../../images/default/messagebox/msg_error.png);
	color: #D8000C;
	}
.SuccessMsg {            
	background-color: #DFF2BF;
	background-image:url(../../images/default/messagebox/msg_success.png);
	color: #4F8A10;
	}
.WarningMsg {            	
	background-color: #FEEFB3;
	background-image:url(../../images/default/messagebox/msg_warning.png);
	color: #9F6000;
	}



/* ----------------------------------- 
 Footer formatting 
 ----------------------------------- */
p.Copyright {
	color: #666666;
	font-size: 12px;
	}
p.Copyright a {
	padding-left: 3px;
	padding-right: 3px;
	color: #999999;
	font-size: 12px;
	text-decoration: underline;
	}
p.Copyright a:hover {
	color: #F38630;
	font-size: 12px;
	}
	
p.Navigation a {
	color: #999999;
	font-size: 12px;
	text-decoration: underline;
	}
p.Navigation a:hover {
	color: #F38630;
	font-size: 12px;
	}

/* ----------------------------------- 
 Horizontal rule 
 ----------------------------------- */
.Dottedline {
	border-top: 1px dashed #CCCCCC;
	display: block;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin: 8px auto;
	width: 99%;
	}

/* ----------------------------------- 
 Pagination 
 ----------------------------------- */
#divPagePagination {
	background-color: #E9E9E9;
	display: block;
	padding: 20px auto 10px;
	overflow: hidden;
	width: 100%;
	}
ul.Pagination {
	float: right;
	line-height: 20px;
	padding: 3px;
	}
ul.Pagination li {
	display: inline;
	list-style: none;
	outline: none;	
	}
ul.Pagination li a {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	padding: 1px 5px;
	outline: none;	
	}
ul.Pagination a[rel~="Prev"],
ul.Pagination a[rel~="Next"] {
	color: #409900;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	}
ul.Pagination li.Selected a:link,
ul.Pagination li.Selected a:visited,
ul.Pagination li.Selected a:hover,
ul.Pagination li.Selected a:active {
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #9DCF6A;
	border: 1px solid #9DCF6A;
	border-bottom-color: #CEFD9F;
	border-right-color: #CEFD9F;
	color: #407B24;
	font-weight: bold;
	}
ul.Pagination li a:hover,
ul.Pagination li a:active {
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #9DCF6A;
	border: 1px solid #89B24B;
	border-bottom-color: #CEFD9F;
	border-right-color: #CEFD9F;
	color: #FFFFFF;
	text-decoration: none;
	}
ul.Pagination li.Disabled{
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-bottom-color: #BBBBBB;
	border-right-color: #BBBBBB;
	color: #CCCCCC;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	margin-right: 2px;
	}
.Num_results {
	color: #666666;
	float: left;
	line-height: 20px;
	margin-left: 8px;
	padding: 3px;
	}

/* ----------------------------------- 
 Input with shadow-background 
 ----------------------------------- */
input[type="text"],
input[type="password"],
input[type="file"],textarea {
	background: url(../../images/default/common/drop_shadow.gif) no-repeat 0 0;
	border: 1px solid #999999;
	}

textarea.Expanding {
	background: #FFFFFF url(../../images/default/common/drop_shadow.gif) no-repeat 0 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 auto;
	max-height: 150px;
	min-height: 35px;
	padding: 3px;
	width: 98%;
	}

/* ----------------------------------- */
/* Bean power */
/* ----------------------------------- */
.BPLabel {
	position: relative;
	width: 100%;
	z-index: 1;		
	}
.PaddingBPLabel {
	width: 59px;
	*padding-left: 31px !important;	
	}
	
	/* BP Level */
.BPLevel_A {
	background: url(../../images/default/level/BPLevel_A.png) no-repeat right top;
	height: 90px;
	margin-left: 270px;
	position: absolute;
	width: 86px;
	z-index: 101;	
	}	
.Number_wrapper {
	font-size: 0;
	height: 27px;
	padding: 28px 0 3px 0;
	text-align: center;
	}
.Centered {													
	display: table;
	margin-left: auto;
	margin-right: auto;	
	*display: inline !important;
	*zoom: 1 !important;
	}
	
.Num0 {
	background: url(../../images/default/level/0.png) no-repeat 0 0;
	height: 27px;
	width: 21px;
	float: left;
	}
.Num1 {
	background: url(../../images/default/level/1.png) no-repeat 0 0;
	height: 27px;
	width: 21px;
	float: left;
	}
.Num2 {
	background: url(../../images/default/level/2.png) no-repeat 0 0;
	height: 27px;
	width: 21px;
	float: left;
	}
.Num3 {
	background: url(../../images/default/level/3.png) no-repeat 0 0;
	height: 27px;
	width: 21px;
	float: left;
	}
.Num4 {
	background: url(../../images/default/level/4.png) no-repeat 0 0;
	height: 27px;
	width: 21px;
	float: left;
	}
.Num5 {
	background: url(../../images/default/level/5.png) no-repeat 0 0;
	height: 27px;
	width: 21px;
	float: left;
	}
.Num6 {
	background: url(../../images/default/level/6.png) no-repeat 0 0;
	height: 27px;
	width: 21px;
	float: left;
	}
.Num7 {
	background: url(../../images/default/level/7.png) no-repeat 0 0;
	height: 27px;
	width: 21px;
	float: left;
	}
.Num8 {
	background: url(../../images/default/level/8.png) no-repeat 0 0;
	height: 27px;
	width: 21px;
	float: left;
	}
.Num9 {
	background: url(../../images/default/level/9.png) no-repeat 0 0;
	height: 27px;
	width: 21px;
	float: left;
	}

.ProgressBar{
	background: url(../../images/default/level/bar_bg.png) no-repeat 0 0;
	margin: 0 auto;
	position: relative;
	width: 32px;
	height: 6px;
	}
.ProgressBar span{
	background: url(../../images/default/level/bar_indicator.gif) no-repeat 0 0;
	display: block;
	overflow: hidden;
	position: absolute;
	width: 30px;
	height: 3px;
	text-indent: -9999px;
	}
.ProgressBar span em{
	background:url(../../images/default/level/bar_bg.png) repeat-x 0 0;
	display:block;
	position: absolute;	
	width:32px;
	height:6px;
	}


	/*BP Points Page*/
.BP_info {
	width: 50%;
	float: left;
	display: block;
	padding: 20px 0;	
	}
.BP_info img {
	float: left;
	margin: 0 10px;
	}


	
	
	/* Profile */
.BPLabel a.BPProfileValue {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100px;
	height: 101px;
	background: url(../../images/default/common/bpfake_board.png)  no-repeat 0 0;
	z-index: 1;
	}

	/* Friend */
.ulTableFriendListWrapper .BPLabel a.BPFriendValue {
	right: 10px;  /*FF & 所有 IE*/
    right: 10px\9;  /*所有 IE*/
    *right: 10px !important;  /*IE7 IE6*/
	}
.BPLabel a.BPFriendValue {
	background: url(../../images/default/common/friendBPBox.png)  no-repeat 0 0;
	color: #666666;	
	font-size: 9px;
	font-weight: normal;
	float: right;
	right: 0;
	*right: auto !important;
	position: absolute;
	padding-right: 1px;	
	height: 13px;
	text-align: center;
	text-decoration: none;
	width: 27px;
	}
.BPLabel a:hover.BPFriendValue  {
	text-decoration: none;
	}

/* ----------------------------------- 
 More link container
 ----------------------------------- */
.ReadmoreLink {
	background: url(../../images/default/common/read_more.png) no-repeat right;
	display: block;
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	padding: 10px;
	width: 98%;
	text-align: right;
	}
.ReadmoreLink a {
	padding-right: 17px;
	}

/* ----------------------------------- 
 Search field 
 ----------------------------------- */
.SearchContainer {
	background: #FFFFFF url(../../images/default/common/drop_shadow.gif) no-repeat 0 0;
	border: 1px solid #CCCCCC;
	display: inline;
	float: left;
	padding: 2px;
	margin: 2px;
	overflow: hidden;	
	line-height: 13px;
	}
.SearchContainer input[type="text"] {
	background-image: none;
	border-width: 0;
	color: #777777;
	font-size: 12px;
	padding: 0;
	margin: 0;
	width: 160px;
	*width: 145px !important;	
	}
.SearchContainer img {
	cursor: pointer;
	vertical-align: middle;
	}

/* ----------------------------------- 
 Share box
/* ----------------------------------- */
#divShareBox {
	background: #E5EECC url(../../images/default/common/fade_green.gif) repeat-x;
	border: 1px solid #8CB859;
	color: #FFFFFF;
	display: block;
	margin: 5px 0;
	overflow: hidden;
	padding: 5px;
	width: auto;
	}
#divShareBox a:link,
#divShareBox a:visited {
	color: #FFFFFF;
	}
#divShareBox a:hover {
	color: #F38630;
	}
#divShareBox .ReceiverOptions {
	display: none;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
	position: relative; 
	}
#divShareBox .PostBtnWrapper {
	color: #FFFFFF;
	display: block;
	float: right;
	font-size: 11px;
	margin: 0;
	padding: 5px 5px 0 10px;
	}
#divShareBox .PostBtnWrapper .CcWrapper {
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 11px;
	padding-right: 10px;
	}
#divShareBox .AttachBtnWrapper {
	color: #FFFFFF;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0;
	padding: 3px;
	}
#divShareBox .AttachBtnWrapper a{
	margin-left: 6px;
	margin-right: 3px;
	}
#divShareBox .AttachBtnWrapper a:hover {
	background-color: #EAF7CC;
	border: 1px #FFFFFF solid;
	border-right: 1px #5C8330 solid;
	border-bottom: 1px #5C8330 solid;		
	padding: 2px;
	margin: 3px;
	}
#divShareBox .AttachmentArea {
	background: #CAE198;
	border: 1px solid #669933;
	color: #333333;
	margin: 6px auto 0;
	width: 99%;
	}
#divShareBox .AttachmentArea_Shadow {
	border-top: 1px solid #BBBBBB;
	display: block;
	overflow: hidden;
	padding: 3px 4px 4px;
	}
#divShareBox .AttachmentArea_Header {
	border-bottom: 1px solid #669933;
	font-weight: bold;
	line-height: 18px;
	overflow: hidden;
	padding-bottom: 4px;	
	}
#divShareBox .AttachmentTitle {
	background-repeat: no-repeat;
	color: #666666;
	float: left;
	font-weight: bold;
	padding-left: 22px;
	}
#divShareBox .AttachmentArea_CacheContent {
	display: block;
	overflow: hidden;
	padding-bottom: 5px;
	padding-top: 8px;
	}
#divShareBox .AttachmentArea_CacheContent input[type="file"],
#divShareBox .AttachmentArea_CacheContent input[type="text"] {
	border: 1px solid #999999;
	color: #666666;
	font-size: 16px;
	height: 22px;
	margin-bottom: 3px;
	vertical-align: middle;
	width: 98%;
	}

/* ----------------------------------- 
 Content-header Control bar
/* ----------------------------------- */
#divControlBar {
	background: #E5EECC url(../../images/default/common/fade_green.gif) repeat-x;
	border: 1px solid #8CB859;
	color: #FFFFFF;
	margin: 0;
	overflow: hidden;
	padding: 5px;
	width: 98%;
	}

/* ----------------------------------- 
 Activities' feed stream 
 ----------------------------------- */
.ActivitiesStream {
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
	}
.ActivitiesStream .PostStoryUI {
	border-bottom: 1px solid #EFEFEF;
	overflow: hidden;
	padding: 8px 0;
	width: 100%;
	}
.ActivitiesStream .PostStoryUI_Close {
	display: none;
	float: right;
	z-index: 4;
	position: relative;
	top: 0;
	right: 3px;
	}
.ActivitiesStream .PostStoryUI .PostStoryUI_pic {
	float: left;
	width: 65px;
	}
.ActivitiesStream .PostStoryUI .PostStoryUI_message {
	padding: 0 0 0 65px;
	margin-right: 25px;
	width: auto;
	}
.ActivitiesStream .PostStoryUI .PostStoryUI_message .Message_content {
	color: #1C1C1C;
	display: block;
	font-size: 14px;
	margin: 0 0 5px;
	vertical-align: middle;
	overflow: hidden;
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
	}
.ActivitiesStream .PostStoryUI .PostStoryUI_message .Message_content a {
	font-weight: bold;
	}
.ActivitiesStream .PostStoryUI .PostStoryUI_message .Message_footer {
	margin: 5px 0;
	height: 16px;
	}
.ActivitiesStream .PostStoryUI .PostStoryUI_message .Message_footer .Time {
	color: #888;
	float: left;
	font-size: 11px;
	padding-right: 10px;
	}
.ActivitiesStream .PostStoryUI .PostStoryUI_message .Message_footer .ActionLinks {
	float: left;
	font-size: 10px;
	}
.ActivitiesStream .PostStoryUI .PostStoryUI_message .Message_attachment {
	display: block;
	margin: 8px 0;
	overflow: hidden;
	font-size: 14px;
	}
.ActivitiesStream .PostStoryUI .PostStoryUI_message .Message_attachment a[class~="PopupLink"] {
	padding-right: 18px;
    /*background: transparent url(../../images/default/icons/external_icon.png) no-repeat right center;*/
	
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
	}

.Message_comment {
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
	}
.Message_comment .CommentBox {
	margin: 0;
	overflow: hidden;
	padding: 0;
	}
.Message_comment .CommentBox .CommentListWrapper {
	list-style: none;
	margin: 2px 0;
	}
.Message_comment .CommentBox .CommentListWrapper li {
	color: #1C1C1C;
	margin: 0 0 2px 0;
	overflow: hidden;
	padding: 0;
	background:#F1F6EB;
	border-bottom: 1px solid #EBEFE9;
	}
.Message_comment .CommentBox .CommentListWrapper li.LastComment {
	border: none;
	display: inline;
	}
.Message_comment .CommentBox .CommentListWrapper li.LastComment a i {
	font-size: 11px;
	}
.Message_comment .CommentBox .CommentListWrapper li.LastComment div {
	border-bottom: 1px solid #EBEFE9;
	display: block;
	background:#F1F6EB;
	}
.Message_comment .CommentBox .CommentListWrapper li.LastComment div div {
	border: none;
	display: block;
	}


.ReplyMessage_pic {
	float: left;
	width: 45px;
	padding: 5px 0 5px 5px;
	}

.ListRowWrapper {
	padding: 5px 0 5px 50px;
	width: auto;
	}
.ListRowWrapper .ReplyMessage_content {
	color: #1C1C1C;
	display: block;
	font-size: 12px;
	padding: 0 5px 3px 0;
	
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
	}
.ListRowWrapper .ReplyMessage_content a {
	font-weight: bold;
	white-space: nowrap;
	}
.ListRowWrapper .ReplyMessage_footer {
	color: #888;
	display: block;
	font-size: 11px;
	}
.ListRowWrapper .ContentAddRow {
	display: block;
	overflow: hidden;
	}
	
.LikeWrapper {
	line-height: 25px;
	width: 100%;
	padding-left: 7px;
	}
.LikeWrapper a {
	font-weight: bold;
	}
	
.MoreCommentWrapper {
	line-height: 25px;
	width: 100%;
	}

/* ----------------------------------- 
 Photo frame 
 ----------------------------------- */
.FrameContainer {
	display: block;
	position: relative;	
	}
.VideoPlayButton {
	background: url(../../images/default/buttons/play.png) no-repeat 0 0;
	cursor: pointer;
	left: 53px;
	position: absolute;
	top: 36px;
	z-index: 999;	
	width: 32px;
	height: 30px;	
	margin-left: 0px;
	*margin-left: 0px !important;
	}

.ProfileFrame {
	background: #FFFFFF;
	border-bottom: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	padding: 3px;
	}

.SmallFrame {
	background: #FFFFFF;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	padding: 3px;
	}

.SmallFrame_reply {
	background: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	padding: 2px;
	}

ul.FriendsGallery {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 340px;
	}
ul.FriendsGallery li {
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #E5E5E5;
	float: left;
	margin: 3px;
	overflow: hidden;
	padding: 2px;
	text-align: center;
	}
ul.FriendsGallery li span {
	display: block;
	overflow: hidden;
	}
ul.FriendsGallery li a {
	color: #666666;
	display: block;
	text-decoration: none;
	}
ul.FriendsGallery li a:hover {
	color: #000000;
	text-decoration: underline;
	}
ul.FriendsGallery li a.Thumb {
	border-bottom: 1px solid #CCCCCC;
	cursor: pointer;
	padding: 3px;
	}
ul.FriendsGallery li h2 {
	background: #F0F0F0;
	border-top: 1px solid #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	width: 55px;
	height: 14px;
	overflow: hidden;
	}

/* ----------------------------------- 
 Base rounded-corners box 
 ----------------------------------- */
.BoxContainer {
	margin: 0 auto;
	width: 100%;
	}
.BoxContainer .BoxHD .BoxContent {
	background: transparent url(../../images/default/basebox/tr.png) no-repeat right 0;
	font-size: 1px;
	height: 11px;
	margin-right: -14px;
	}
.BoxContainer .BoxFT .BoxContent {
	background: transparent url(../../images/default/basebox/br.png) no-repeat right 0;
	font-size: 1px;
	height: 27px;
	margin-right: -14px;
	}
.BoxContainer .BoxHD {
	background: transparent url(../../images/default/basebox/tl.png) no-repeat 0 0;
	margin-right: 14px;
	}
.BoxContainer .BoxBD {
	background: transparent url(../../images/default/basebox/ml.png) repeat-y 0 0;
	margin-right: 9px;
	}
.BoxContainer .BoxBD .BoxContent {
	background: transparent url(../../images/default/basebox/mr.png) repeat-y right 0;
	margin-right: -9px;
	}
.BoxContainer .BoxBD .BoxContent .BoxContentNarrowPadding {
	background: #FFFFFF url(../../images/default/basebox/mc.png) repeat-x 0 0;
	margin: 0 7px;
	overflow: visible;
	padding-left: 8px;
	padding-right: 8px;
	}
.BoxContainer .BoxBD .BoxContent .BoxContentWidePadding {
	background: #FFFFFF url(../../images/default/basebox/mc.png) repeat-x 0 0;
	margin: 0 7px;
	overflow: hidden;
	padding-left: 25px;
	padding-right: 25px;
	}
.BoxContainer .BoxFT {
	background: transparent url(../../images/default/basebox/bl.png) no-repeat 0 0;
	margin-right: 14px;
	}

/* ----------------------------------- 
 Box tab 
 ----------------------------------- */
.BoxTab {
	overflow: hidden;
	}
.BoxTab ul,.BoxTab li {
	border: 0;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding-left: 0;
	}
.BoxTab li img {
	margin-left: -10px;
	paddingt-right: 2px;
	}
.BoxTab li {
	float: left;
	margin-right: 1px;
	outline: none;	
	}
.BoxTab a:link,.BoxTab a:visited {
	background: url(../../images/default/tabs/box_tabs.png) right 48px;
	color: #808080;
	display: block;
	height: 24px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	outline: none;	
	}
.BoxTab a span {
	background: url(../../images/default/tabs/box_tabs.png) left 48px;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: normal;
	height: 22px;
	margin-right: 14px;
	outline: none;
	padding-top: 2px;
	padding-left: 14px;
	width: 105px;
	outline: none;	
	}
.BoxTab a:hover {
	background: url(../../images/default/tabs/box_tabs.png) right 24px;
	display: block;
	text-decoration: underline;
	}
.BoxTab a:hover span {
	background: url(../../images/default/tabs/box_tabs.png) left 24px;
	display: block;
	}
.BoxTab a:active {
  	outline: none;
	}
.BoxTab a:focus {
	-moz-outline-style: none;
	outline: none;	
	}

/* Box tab - active elements */
.BoxTab .Active a:link,.BoxTab .Active a:visited,.BoxTab .Active a:hover {
	background: url(../../images/default/tabs/box_tabs.png) right 0 no-repeat;
	text-decoration: none;
	}
.BoxTab .Active a span,.BoxTab .Active a:hover span {
	background: url(../../images/default/tabs/box_tabs.png) left 0 no-repeat;
	color: #619929;
	font-size: 13px;
	font-weight: bold;
	}

/* Tab Content CSS */
.BoxTab_content {
	font-weight: normal;
	margin: 0;
	overflow: hidden;
	padding: 5px 0;
	width: 100%;
	}

/* ----------------------------------- 
 Button controls
 ----------------------------------- */
#divConfirmWrapper {
	margin: 0 auto; 
	overflow: visible;
	padding: 20px 0 15px 0;
	text-align:center;
	width: 115px;
	}
	

/*  GrayButton  */
.GrayButton {
	background: transparent url('../../images/default/buttons/gray_btn_right.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 28px;
	padding-right: 3px;
	text-decoration: none;
	outline: none;	 	
	}
.GrayButton input {
	background: transparent url('../../images/default/buttons/gray_btn_left.png') no-repeat;
	border: none;
	color: #666666;	
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	line-height: 14px;
	outline: none;	
	padding: 5px 0 5px 5px;
	}
.GrayButton:hover input {
	background-position: bottom left;
	border: none;
	color: #666666;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 0 5px 5px;
	}

/*  GreenButton  */
.GreenButton {
	background: transparent url('../../images/default/buttons/green_btn_right.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 28px;
	padding-right: 3px;
	text-decoration: none;
	}
.GreenButton input {
	background: transparent url('../../images/default/buttons/green_btn_left.png') no-repeat;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	line-height: 14px;
	outline: none;	
	padding: 5px 0 5px 5px;
	}
.GreenButton:hover input {
	background-position: bottom left;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 0 5px 5px;
	}

/*  LightGreenButton */
.LightgreenButton {
	background: transparent url('../../images/default/buttons/lightgreen_btn_right.png') no-repeat top right;
	display: block;
	float: left;
	height: 22px;
	padding-right: 3px;
	text-decoration: none;
	}
.LightgreenButton input {
	background: transparent url('../../images/default/buttons/lightgreen_btn_left.png') no-repeat;
	border: none;
	color: #407B24;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	line-height: 14px;
	outline: none;	
	padding: 3px 0 4px 5px;
	}
.LightgreenButton:hover input {
	background-position: bottom left;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	padding: 3px 0 4px 5px;
	}

/*  DarkGreenButton  */
.DarkgreenButton {
	background: transparent url('../../images/default/buttons/darkgreen_btn_right.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 20px;
	padding-right: 3px;
	text-decoration: none;
	}
.Message_comment .CommentBox .CommentListWrapper li.LastComment div .DarkgreenButton {
	background: transparent url('../../images/default/buttons/darkgreen_btn_right.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 20px;
	padding-right: 3px;
	text-decoration: none;
	}
.Message_comment .CommentBox .CommentListWrapper li.LastComment div .DarkgreenButton:hover {
	background-position: right bottom; 
	}
.DarkgreenButton input {
	background: transparent url('../../images/default/buttons/darkgreen_btn_left.png') no-repeat;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	line-height: 14px;
	outline: none;	
	padding: 1px 0 1px 5px;
	margin: 0;
	}
.DarkgreenButton:hover input {
	background-position: bottom left;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 0 1px 5px;
	}
	
/* DisabledButton */
.DisabledButton {
	background: transparent url('../../images/default/buttons/disabled_btn_right.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 28px;
	padding-right: 3px;
	text-decoration: none;
	cursor: default;
	}
.DisabledButton input {
	background: transparent url('../../images/default/buttons/disabled_btn_left.png') no-repeat;
	border: none;
	color: #AAAAAA;	
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	line-height: 14px;
	outline: none;	
	padding: 5px 0 5px 5px;
	cursor: default;
	}
.DisabledButton:hover input {
	background-position: bottom left;
	border: none;
	color: #AAAAAA;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 0 5px 5px;
	cursor: default;
	}

.GrayButton:hover,
.GreenButton:hover,
.LightgreenButton:hover,
.DarkgreenButton:hover {
	background-position: bottom right;
	}

/*  ProfileButton  */
.ProfileButton {
	display: block;
	/*float: left;*/
	overflow: hidden;
	padding: 0px;
	margin: 0px;	
	}
.ProfileButton a {
	background: #333333 url(../../images/default/buttons/profile_button_normal_bg.png) repeat-x left top;
	border: 2px solid #999999;
	border-bottom-color: #000000;
	border-right-color: #000000;
	color: #ffffff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	padding: 2px;
	text-align: center;
	text-decoration: none;
	outline: none;
	margin-right: 0px;
	}
.ProfileButton a:hover {
	background: url(../../images/default/buttons/profile_button_bg.png) repeat-x right top;
	border: 2px solid #CEFD9F;
	border-right-color: #407B24;
	border-bottom-color: #407B24;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	}
.ProfileButton a:active {
	background: url(../../images/default/buttons/profile_button_bg.png) repeat-x right top;
	border: 2px solid #CEFD9F;
	border-left-color: #407B24;
	border-top-color: #407B24;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	}

/* [x] Delete Button */
.DeleteButton a {
	background-image: url(../../images/default/buttons/delete.png);
	background-position: left top;
	display: block;
	height: 15px;
	margin-right: 0;
	text-indent: -9999px;
	width: 15px;
	padding-left:1px;
	}

/* [+] Add Button */
.AddButton a {
	background-image: url(../../images/default/buttons/add.png);
	background-position: left top;
	display: block;
	height: 15px;
	margin-right: 0;
	text-indent: -9999px;
	width: 15px;
	padding-left:1px;
	}

.DeleteButton a:hover,
.AddButton a:hover {
	background-position: right top;
	padding-left:1px;
	}
	
/* Celebrity */
.Celebrity {
    background: transparent url(../../images/default/icons/tag_celeb_right.png) no-repeat top right;    
    display: block;
    float: left;
    height: 18px;
    margin-left: -1px;
	padding-left: 2px;
    text-decoration: none;
	}

.Celebrity span {
    background: transparent url(../../images/default/icons/tag_celeb.png) no-repeat top left;
	color: #A5800E;
	display: block;
    padding: 1px 2px 1px 25px;
	margin-right: 4px;
	height: 18px;
	}
	
/*Search Page*/
.SearchFriend {
	padding: 40px 0;
	text-align: center;
	}

/* ----------------------------------- 
 Menu 
 ------------------------------------- */
 
/* Top navigation bar */
#divNavbar {
	float: left;
	height: 14px;
	line-height: 20px;
	padding-right: 15px;
	padding-top: 5px;
	}

#divNavbar ul,#divNavbar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#divNavbar ul li {
	border-left: 1px dotted #5E9503;
	display: block;
	float: left;
	}
#divNavbar ul li ul li {
	border-left: 0px;
	display: block;
	float: left;
	}
#divNavbar ul li.Selected a {
	background: #407B24;
	color: #FFFFFF;
	font-weight: bold;
	}
#divNavbar ul li a {
	color: #5E9503;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 0 14px;
	text-decoration: none;
	}
#divNavbar ul li a:hover {
	color: #9DCF6A;
	font-weight: bold;
	}
#divNavbar ul li a:active {
  	outline: none;
	}
#divNavbar ul li a:focus {
	-moz-outline-style: none;
	}
#divNavbar ul li ul li {
	display: block;
	float: none;
	word-break: break-all;
	}
#divNavbar ul li ul li a {
	border-bottom: 1px solid #EEEEEE;
	clear: both;
	color: #333;
	font-size: 12px;
	font-weight: normal;
	padding: 0 10px;
	text-decoration: none;
	word-break: break-all; 	
	white-space: pre;
	}
#divNavbar ul li ul li a:hover {
	background: #9DCF6A;
	color: #407B24;
	font-weight: bold;
	}
.NavSubMenu {
	background: #FFFFFF;
	border: 1px solid #D9ECBF;
	display: none;
	line-height: 26px;
	padding: 10px;
	position: absolute;
	width: 160px;
	z-index: 99999;
	}
	
	

/* Vertical menu */
.VerticalMenu {
	width: 100%;
	}
.VerticalMenu .Headerbar {
	background: #606060;
	color: white;
	font: bold 13px Verdana;
	margin-bottom: 0;
	padding: 10px 0 10px 37px;
	text-transform: uppercase;
	}
.VerticalMenu .About {
	background: #606060 url(../../images/default/icons/about_icon.png) no-repeat 7px 7px;
	}
.VerticalMenu .Event {
	background: #606060 url(../../images/default/icons/event_icon.png) no-repeat 7px 7px;
	}
.VerticalMenu .Friend {
	background: #606060 url(../../images/default/icons/friends_icon.png) no-repeat 7px 7px;
	}
.VerticalMenu .Invite {
	background: #606060 url(../../images/default/icons/findfriends_icon.png) no-repeat 7px 7px;
	}
.VerticalMenu .GameZone {
	background: #606060 url(../../images/default/icons/gamezone_icon.png) no-repeat 7px 7px;
	}
.VerticalMenu .Message {
	background: #606060 url(../../images/default/icons/mail_icon.png) no-repeat 7px 7px;
	}
.VerticalMenu .Setting{
	background: #606060 url(../../images/default/icons/setting_icon.png) no-repeat 7px 7px;
	}
.VerticalMenu .Search {
	background: #606060 url(../../images/default/icons/search_icon.png) no-repeat 7px 7px;
	}
.VerticalMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.VerticalMenu ul li {
	cursor: pointer;
	padding-bottom: 3px;
	}
.VerticalMenu ul li a {
	background: #E9E9E9;
	border-bottom: 1px dotted #999999;
	border-left: 3px solid #C5C5C5;
	color: #707070;
	display: block;
	font-size: 12px;
	line-height: 17px;
	padding: 5px 30px 5px 8px;
	text-decoration: none;
	word-wrap: break-word;
	word-break: break-all;
	}
.VerticalMenu ul li a:hover {
	background: #C8DDAA;
	border-bottom: 1px dotted #85AF4F;
	border-left: 3px solid #89B24B;
	color: #407B24;
	color: #669933;
	}
.VerticalMenu ul li.Active a {
	background: #9DCF6A;
	border-bottom: 1px dotted #85AF4F;
	border-left: 3px solid #89B24B;
	color: #407B24;
	font-size: 13px;
	font-weight: bold;
	}



/* Accordion menu */
.AccordionMenu .Headerbar {
	background: #606060;
	color: white;
	font: bold 13px Verdana;
	margin-bottom: 0;
	padding: 10px 0 10px 37px;
	text-transform: uppercase;
	}
.AccordionMenu .Achievement {
	background: #606060 url(../../images/default/icons/avchievement_icon.png) no-repeat 7px 7px;
	}
.AccordionMenu .Message {
	background: #606060 url(../../images/default/icons/mail_icon.png) no-repeat 7px 7px;
	}
.AccordionMenu .Setting {
	background: #606060 url(../../images/default/icons/setting_icon.png) no-repeat 7px 7px;
	}
.AccordionMenu ul li {
	cursor: pointer;
	margin-top: 1px;
	}
.AccordionMenu ul,.AccordionMenu ul ul {
	cursor: pointer;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
	}

/*MainMenu*/
.AccordionMenu ul a {
	display: block;
	text-decoration: none;
	}
.AccordionMenu ul li a {
	background: #E9E9E9;
	border-bottom: 1px dotted #999999;
	border-left: 3px solid #C5C5C5;
	color: #707070;
	cursor: pointer;
	display: block;
	font-size: 12px;
	line-height: 17px;
	padding: 5px 0 5px 8px;
	text-decoration: none;
	}
.AccordionMenu ul li a:hover {
	background: #C8DDAA;
	border-bottom: 1px dotted #85AF4F;
	border-left: 3px solid #89B24B;
	color: #407B24;
	color: #669933;
	}

/*MainMenu + has SubMenu*/
.AccordionMenu ul li a.Head{
	background: #E9E9E9 url(../../images/default/menu/accordion/toggle_plus.gif) no-repeat right 5px;
	border-bottom: 1px dotted #999999;
	border-left: 3px solid #C5C5C5;
	color: #707070;
	cursor: pointer;
	display: block;
	font-size: 12px;
	line-height: 17px;
	padding: 5px 0 5px 8px;
	text-decoration: none;
	}
.AccordionMenu ul li a.Head:hover {
	background-color: #C8DDAA;
	border-bottom: 1px dotted #85AF4F;
	border-left: 3px solid #89B24B;
	color: #407B24;
	color: #669933;
	}
.AccordionMenu ul li a.Head.selected {
	background-image: url(../../images/default/menu/accordion/toggle_minus.gif);
	}

/*MainMenu Actived*/
.AccordionMenu ul li.Active a {
	background: #9DCF6A;
	border-bottom: 1px dotted #85AF4F;
	border-left: 3px solid #89B24B;
	color: #407B24;
	font-size: 13px;
	font-weight: bold;
	}
/*MainMenu Actived + has SubMenu*/
.AccordionMenu ul li.Active a.Head {
	background: #9DCF6A url(../../images/default/menu/accordion/toggle_plus.gif) no-repeat right 5px;
	border-bottom: 1px dotted #85AF4F;
	border-left: 3px solid #89B24B;
	color: #407B24;
	font-size: 13px;
	font-weight: bold;
	}
.AccordionMenu ul li.Active a.Head.selected {
	background-image: url(../../images/default/menu/accordion/toggle_minus.gif);
	}


/*SubMenu*/
.AccordionMenu ul li ul li a {
	background: #E9E9E9;
	border-bottom: 1px dotted #999999;
	border-left: 3px solid #C5C5C5;
	color: #707070;
	cursor: pointer;
	display: block;
	font-size: 12px;
	line-height: 17px;
	padding: 5px 0 5px 8px;
	text-decoration: none;
	}
	
/*SubMenu Actived*/
.AccordionMenu ul li ul li.Active a {
	background: #E8F3C9 url(../../images/default/common/vmenu_active.png) no-repeat 6px 6px;
	border-left: 0 solid #CCCCCC;
	color: #79A04D;
	font-size: 13px;
	font-weight: bold;
	padding-left: 20px;
	}
/*MainMenu Actived + SubMenu Actived*/
.AccordionMenu ul li.Active ul li.Active a {
	background: #E8F3C9 url(../../images/default/common/vmenu_active.png) no-repeat 6px 6px;
	border-left: 0 solid #CCCCCC;
	color: #79A04D;
	font-size: 13px;
	font-weight: bold;
	padding-left: 20px;
	}
	
/*SubMenu Links Settings*/
.AccordionMenu ul li ul li a {
	background: #FFFFFF;
	border-left: 0 solid #CCCCCC;
	color: #959595;
	padding-left: 20px;
	}
.AccordionMenu ul li ul li a:hover {
	background: #AAAAAA;
	border-left: 0 solid #666666;
	color: #FFFFFF;
	padding-left: 15px;
	}
.AccordionMenu ul li.Active ul li a {
	background: #FFFFFF;
	border-left: 0 solid #CCCCCC;
	color: #959595;
	padding-left: 20px;
	font-weight: normal;
	}
.AccordionMenu ul li.Active ul li a:hover {
	background: #AAAAAA;
	border-left: 0 solid #666666;
	color: #FFFFFF;
	padding-left: 15px;
	}


/* ----------------------------------- 
 Formatting content layout 
 ----------------------------------- */
.ContentHeaderWrapper {
	display: block;
	margin: 0;
	overflow: hidden;
	padding-bottom: 5px;
	width: 100%;
	}
	
.RightAlign {
	float: right;
	}
.LeftAlign {
	float: left;
	}


table td {
	padding-right: 10px;
	}
table th {
	background-color: #EEEEEE;
	border-bottom: 1px solid #E4E4E4;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	}
table.TableStyle {
	border: 0;
	border-style: none;
	margin: 3px;
	}
table.TableStyle td {
	padding-top: 18px;
	padding-top: 0 \9;
	}
table.TableComposeMessage {
	border: 0;
	border-style: none;
	margin: 0 auto;
	}
table.TableComposeMessage td.Title {
	text-align: right;
	padding: 3px;
	width: 60px;	
	}
table.TableComposeMessage td.Content {
	padding: 3px;
	width: 400px;
	word-wrap: break-word; /* IE */	
	}
table.TableComposeMessage td.Content textarea.Expanding {
	width: 390px;
	}
table.TableInviteMessage {
	border: 0;
	border-style: none;
	margin: 0 auto;
	}
table.TableInviteMessage td.Title {
	text-align: right;
	padding: 3px;
	width: 120px;	
	}
table.TableInviteMessage td.Content {
	padding: 3px;
	width: 350px;
	word-wrap: break-word; /* IE */	
	}
table.TableList {
	border: 0;
	border-style: none;
	margin: 3px;
	width: 100%;
	}
table.TableList td {
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 5px;
	padding-top: 5px;
	}
table.TableList tr.Last td {
	border-bottom: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	}
table td.TitleLink {
	color: #999999;
	display: block;
	font-size: 12px;
	margin: 0 0 5px;
	}
table td.TitleLink a {
	font-weight: bold;
	}
table td.TableTitle {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	padding-right: 5px;
	padding-top: 18px;
	text-align: right;
	vertical-align: top;
	}

/* Friends list */
ul.TableFriendListWrapper {
	list-style: none;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 99%;
	min-height: 350px;
	}
ul.TableFriendListWrapper li {
	background-color: #FFFFFF;
	border-bottom: 1px dashed #CCCCCC;
	float: left;
	margin-left: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-top: 5px;
	width: 99%;
	}
ul.TableFriendListWrapper li:hover, ul.TableFriendListWrapper li:hover.Last {
	background: #e8f3c9;
	}
ul.TableFriendListWrapper li.Last {
	background-color: #FFFFFF;
	border-bottom: 0;
	float: left;
	margin-left: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-top: 5px;
	width: 99%;
	}
ul.TableFriendListWrapper li .Photo {
	float: left;
	width: 65px;
	}
ul.TableFriendListWrapper li .Info {
	float: left;
	width: 65%;
	}
ul.TableFriendListWrapper li .Extra {
	border-left: 1px solid #CEE7B4;
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
	width: 20%;
	}
	

/* Photo List */
ul.PhotoListWrapper {
	margin: 0 auto;
	overflow: auto;
	padding: 5px 0;
	width: 530px;
	}
ul.PhotoListWrapper li {
	cursor: pointer;
	float: left;
	margin: 5px;
	padding: 8px;
	width: 105px;
	}
ul.PhotoListWrapper li.TitleBar {
	border-bottom: 1px dashed #CCCCCC;
	margin: 0 auto;
	padding: 0 0 5px;
	width: 99%;
	}

ul.PhotoListWrapper .PhotoListWrapper_Hover {
	position: absolute;
	z-index: 5;
	float: right;
	background: #CCC;
	display: none
	}
	
ul.TableMessageContentWrapper {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	}
ul.TableMessageContentWrapper .Title {
	border-bottom: 1px dotted #999999;
	margin-bottom: 10px;
	padding-bottom: 5px;
	width: 100%;
	}
ul.TableMessageContentWrapper .Photo {
	float: left;
	margin-right: 5px;
	width: 60px;
	}
ul.TableMessageContentWrapper .Name {
	float: left;
	margin-right: 10px;
	width: auto;
	}
ul.TableMessageContentWrapper .Time {
	float: left;
	width: auto;
	}
ul.TableMessageContentWrapper .Content {
	color: #333333;
	display: block;
	font-size: 13px;
	margin-left: 65px;
	margin-top: 25px;
	overflow: hidden;
	padding-bottom: 20px;
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE */
	word-break: break-all;
	}
ul.TableMessageContentWrapper .Reply {
	clear: both;
	display: block;
	margin-left: 65px;
	margin-top: 15px;
	}
	
	

ul.TableMessageListWrapper {
	list-style: none;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 100%;
	min-height: 350px;
	}
ul.TableMessageListWrapper li {
	background-color: #FFFFFF;
	border-bottom: 1px dashed #CCCCCC;
	float: left;
	margin-left: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-top: 5px;
	width: 100%;
	}

ul.TableMessageListWrapper li.Last {
	background-color: #FFFFFF;
	border-bottom: 0;
	float: left;
	margin-left: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-top: 5px;
	width: 100%;
	}
ul.TableMessageListWrapper li .Mark {
	float: left;
	padding-top: 20px;
	width: 25px;
	}
ul.TableMessageListWrapper li .Photo {
	float: left;
	width: 65px;
	}
ul.TableMessageListWrapper li .Info {
	float: left;
	width: 130px;
	overflow: hidden;
	}
ul.TableMessageListWrapper li .Tittle {
	float: left;
	width: 420px;
	overflow: hidden;
	}
ul.TableMessageListWrapper li .Extra {
	float: right;
	padding-top: 20px;
	width: 30px;
	}
	
ul.TableMessageListWrapper li:hover {
	background: #e8f3c9;
	}

/* Page navbar */
ul.TableNavbarWrapper {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 100%;
	}
ul.TableNavbarWrapper li.Menu,
ul.TableNavbarWrapper li.Search {
	float: left;
	margin-top: 12px;
	}
ul.TableNavbarWrapper li.Logo {
	float: left;
	margin-top: 7px;
	margin-left: 15px;
	margin-right: 65px;
	}
ul.TableNavbarWrapper li.Extra {
	float: right;
	padding: 7px;
	margin-top: 12px;
	}

/* Select Friends */
ul.FriendSelectedWrapper {
	height: auto !important;
	overflow: hidden;
	padding: 2px;
	margin-bottom: 2px;
	}
ul.FriendSelectedWrapper li {
	background-color: #EEEEEE;
	border: 1px solid #999999;
	float: left;
	list-style-type: none;
	margin: 0px 5px 4px 0px;
	padding: 1px 20px 2px 5px;
	position: relative;	
	-webkit-border-bottom-left-radius: 3px 3px;
	-webkit-border-bottom-right-radius: 3px 3px;
	-webkit-border-top-left-radius: 3px 3px;
	-webkit-border-top-right-radius: 3px 3px;
	white-space: nowrap;
	}
ul.FriendSelectedWrapper li div {
	white-space: nowrap;
	height: 15px;
	}
ul.FriendSelectedWrapper li .Close {
	background: url(../../images/default/buttons/close.png) no-repeat 0 0;
	display: block;
	font-size: 1px;
	height: 13px;	
	position: absolute;
	right: 2px;
	top: 2px;
	width: 13px;
	}


/* Profile Info */
.ProfileInfoWrapper {
	margin: 0 auto;
	overflow: hidden;
	}
.ProfileInfoWrapper ul {
	display: block;
	list-style-type: none;
	width: 530px;
	margin-bottom: 10px;	
	}
.ProfileInfoWrapper ul li {
	display: block;
	float: right;
	margin: 12px 0 5px;
	padding-left: 10px;	
	width: 340px;
	*clear: both !important;	
	}
.ProfileInfoWrapper ul li.TitleBlock {
	display: block;
	border-right: 1px solid #CCCCCC;
	float: left;
	margin: 12px 0 5px;
	width: 160px;	
	}
.ProfileInfoWrapper ul li ul {
	display: block;
	list-style: none;
	margin: 0px;
	margin-bottom: 8px;
	overflow: hidden;		
	width: 340px;
	*clear: both !important;	
	}
.ProfileInfoWrapper ul li ul li {
	margin: 0px;
	}
html>/**/body .ProfileInfoWrapper ul li ul li {
	float: left;
	width: 50px;
	margin: 0px;	
	}
.ProfileInfoWrapper ul li ul li img {
	margin: 0px;
	margin-left: -9px;
	}
.ProfileInfoWrapper ul li ul li.LastGames {
	color: #666666;
	font-size: 11px;
	margin: 0px;
	vertical-align: top;
	display: block;
	width: 250px;
	float: left;
	*margin-left: 60px !important;
	}

/* AD Recommended */
.Recommended {
	list-style: none;
	margin-top: 5px;
	}
.Recommended li {
	clear: both;
	font-size: 11px;
	overflow: hidden;
	padding-bottom: 7px;
	padding-top: 3px;
	vertical-align: top;
	}
.Recommended .Name {
	font-size: 12px;
	font-weight: bold;
	}
.Recommended img {
	float: left;
	margin-right: 7px;
	}
	

.AddFieldWrapper {
	overflow: hidden;
	padding-top: 10px;
	width: 100%;
	}
.AddFieldWrapper input[type="text"] {
	float: left;
	height: 18px;
	width: 125px;
	}
	
.EditFieldWrapper {
	overflow: hidden;
	padding: 5px 0;
	width: 100%;
	border-bottom:1px dashed #999999
	}
.EditFieldWrapper input[type="text"] {
	float: left;
	height: 18px;
	width: 125px;
	}



.TableSettingNestedWrapper {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	}
.TableSettingNestedWrapper ul {
	border-bottom: 1px dashed #CCCCCC;
	display: inline-block;
	list-style: none;
	padding-bottom: 3px;
	padding-top: 3px;
	width: 100%;
	}
.TableSettingNestedWrapper ul.Last {
	border-bottom: 0;
	display: inline-block;
	list-style: none;
	padding-bottom: 3px;
	padding-top: 3px;
	width: 100%;
	}
.TableSettingNestedWrapper ul li.Photo {
	float: left;
	margin-right: 5px;
	padding: 2px;
	width: 60px;
	}
.TableSettingNestedWrapper ul li.Desc {
	float: left;
	margin-right: 5px;
	padding: 2px;
	width: 490px;
	}
.TableSettingNestedWrapper ul li.Action {
	float: right;
	padding-right: 0;
	padding-top: 10px;
	width: 90px;
	}
	
	
ul.TableSettingNarrowWrapper li {
	background-color: #FFFFFF;
	float: left;
	height: 120px;
	margin: 2px 5px 2px 0;
	padding-left: 2px;
	width: 70px;
	}
ul.TableSettingNarrowWrapper li .Btn {
	margin: 5px 0 5px 50px;
	}
ul.TableSettingNarrowWrapper {
	list-style: none;
	overflow: hidden;
	padding: 0;
	width: 100%;
	}
ul.TableSettingNarrowWrapper li .Photo {
	margin-top: 2px;
	text-align: center;
	}
ul.TableSettingNarrowWrapper li .Name {
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	text-align: center;
	}
	
ul.TableSettingWideWrapper {
	list-style: none;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 10px;
	width: 100%;
	}
ul.TableSettingWideWrapper li {
	background-color: #FFFFFF;
	float: left;
	height: 170px;
	margin: 2px 5px 2px 0;
	outline: none;
	padding-left: 2px;
	width: 150px;
	}
ul.TableSettingWideWrapper li:active,
ul.TableSettingWideWrapper li:focus {
	outline: none;
	}
ul.TableSettingWideWrapper li .Select {
	font-size: 12px;
	margin-top: 2px;
	outline: none;
	text-align: center;
	}
ul.TableSettingWideWrapper li .Photo, ul.TableSettingWideWrapper li .Selected_Photo {
	margin-top: 2px;
	outline: none;
	text-align: center;
	}
ul.TableSettingWideWrapper li .Photo img {
	margin: 5px;
	cursor: pointer;
	}
ul.TableSettingWideWrapper li .Photo:hover img {	
	border: 5px solid #C1D1A4;
	cursor: pointer;
	margin: 0px;	
	outline: none;
	}
ul.TableSettingWideWrapper li .Selected_Photo img {
	border: 5px solid #669933;
	cursor: pointer;
	}
ul.TableSettingWideWrapper li .Name {
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	text-align: center;
	}
	
	
.EmoticonPanel{
	background-color: #FFFFCC; 
	width: 100%; 
	border-top: 1px solid #999999;
	}
	
.EmoticonPanel img {
	padding: 3px;
	cursor: pointer;
	}
	
.btnShowEmoticonAdd {
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 1000;
	background-color: #E2F7BD;
	font-weight: bold;
	font-size: 13px;
	color: #666666;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	padding: 3px;
	cursor: pointer;
	}
	
.btnShowEmoticonHide {
	 right: 0;
	 bottom: 0;
	 position: absolute;
	 z-index: 1000;
	 background-color: #E2F7BD;
	 font-weight: bold;
	 font-size: 13px;
	 color: #666666;
	 border-left: 1px solid #999999;
	 border-top: 1px solid #999999;
	 padding: 3px;
	 cursor: pointer;
	}

.AddGroupFriends {
	margin: 0 auto;
	width: 480px;
	height: 260px;
	overflow: auto;
	}
	
.FriendGroupChooser {
	float: left;
	width: 100%;
	padding-bottom:10px;
	}
.FriendGroupChooser select option {
	overflow: hidden;
	width: 250px;
	}


.FriendsSelect {
	margin: 0 auto;
	width: 480px;
	height: 250px;
	overflow: auto;
	border: 5px solid #C1D1A4;
	padding: 5px;
	}
ul.FriendsSelectList {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	margin: 0;
	}
ul.FriendsSelectList li {
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #E5E5E5;
	float: left;
	margin: 3px;
	overflow: hidden;
	padding: 2px;
	text-align: left;
	width: 215px;
	display: block;
	cursor: pointer;
	}	
ul.FriendsSelectList li:hover {
	background-color: #EFEFEF;	
	}
ul.FriendsSelectList li.ActiveFriend {
	background-color: #E7E7E7;	
	border: 1px solid #CFCFCF;
	}	
ul.FriendsSelectList li.ActiveFriend h2{
	background: url(../../images/default/icons/checkbox.png) no-repeat 138px top;
	}
ul.FriendsSelectList li p.Small {
	overflow: hidden;
	}
ul.FriendsSelectList li img {
	width: 50px;
	float: left;
	padding: 5px;
	}
ul.FriendsSelectList li h2 {
	font-size: 15px;
	font-weight: blod;
	height:1.2em;
	overflow: hidden;
	padding-right:20px;
	width:auto;
	}
	

/*Invite Friends*/
ul.FriendsInviteList {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	margin: 0;
	}
ul.FriendsInviteList li {
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #E5E5E5;
	float: left;
	margin: 3px;
	overflow: hidden;
	padding: 2px;
	text-align: left;
	width: 215px;
	display: block;
	cursor: pointer;
	}
ul.FriendsInviteList li:hover {
	background-color: #EFEFEF;	
	}
ul.FriendsInviteList li h2 {
	font-size: 15px;
	font-weight: blod;
	background: url(../../images/default/icons/unchecked.png) no-repeat;
	padding-left: 20px;
	height: 1.2em;
	overflow: hidden;
	}
ul.FriendsInviteList li img {
	float: left;
	padding: 3px;
	}
ul.FriendsInviteList li.ActiveFriend {
	background-color: #E7E7E7;
	border:1px solid #CFCFCF;
	}
ul.FriendsInviteList li.ActiveFriend h2 {
	background-color: #E7E7E7;
	background: url(../../images/default/icons/checkbox.png) no-repeat;
	padding-left: 20px;
	height: 1.2em;
	overflow: hidden;
	}

ul.InviteFriendByEmail {
	list-style: none;
	overflow: hidden;
	padding: 0;
	width: 100%;
	}
ul.InviteFriendByEmail li {
	background-color: #FFFFFF;
	float: left;
	margin: 2px 5px 2px 0;
	padding-left: 2px;
	text-align: center;
	}

ul.InviteFriendByEmail li .Photo {
	border: 5px solid #FFF;
	cursor: pointer;
	}
ul.InviteFriendByEmail li .Photo:hover {
	border: 5px solid #C1D1A4;
	cursor: pointer;
	}
ul.InviteFriendByEmail li .Photo img {
	border-top: 1px solid #F0F0F0;
	border-right: 1px solid #9c9c9c;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #E0E0E0;
	}
ul.InviteFriendByEmail li .Photo img:active {
	border-bottom: 1px solid #F0F0F0;
	border-left: 1px solid #9c9c9c;
	border-top: 1px solid #666666;
	border-right: 1px solid #E0E0E0;
	}
	
ul.InviteFriendInfo {
	list-style: none;
	overflow: hidden;
	padding: 0;
	width: 100%;
	}
ul.InviteFriendInfo li {
	background-color: #FFFFFF;
	float: left;
	height: 180px;
	margin: 2px 5px 2px 0;
	overflow: hidden;
	padding-left: 2px;
	text-align: center;
	}
	
div.InviteFriendInfo {
	width: auto;
	display: block;
	}

.InviteFriendInfo .Photo {
	border: 5px solid #FFF;
	cursor: pointer;
	width: auto;
	overflow: hidden;
	}
.InviteFriendInfo .Photo:hover {
	border: 5px solid #C1D1A4;
	cursor: pointer;
	width: auto;
	overflow: hidden;
	}
.InviteFriendInfo .Photo img {
	border-top: 1px solid #F0F0F0;
	border-right: 1px solid #9c9c9c;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #E0E0E0;
	}
.InviteFriendInfo .Photo img:active {
	border-bottom: 1px solid #F0F0F0;
	border-left: 1px solid #9c9c9c;
	border-top: 1px solid #666666;
	border-right: 1px solid #E0E0E0;
	}
	
/* Iinvite Block */
.FdBlock {
	padding: 10px 0 5px 0;
	margin: 0;
	}
.FdBlock img {
	padding-right: 5px;
	}


/* Friend Group */
.GroupList {
	position: relative;
	z-index: 10;
	top: 7px;
	right: 10px;
	float: right;
	width: 16px;
	height: 16px;
}
.GroupList a.GroupListAction:link, .GroupList a.GroupListAction:visited {
	float:right;
	background: none;
	border: none;
	padding: 0;
	background:url(../../images/default/common/drop_btn.png) no-repeat;
	width: 16px;
	height: 16px;
	}
.GroupList a.GroupListAction:hover {
	background: none;
	border: none;
	background:url(../../images/default/common/drop_btn_hover.gif) no-repeat;
	width: 16px;
	height: 16px;
	}
	
.GroupListEditor {
	position: absolute;
	z-index: 999999;
	top: 0;
	left: 10px;
	text-align: left;
	width: 100px;
	border: 1px solid #666;
	visibility: hidden;
	}
.GroupListEditor ul li {
	padding: 0;
	margin: 0;
	}
.GroupListEditor ul li a:link, .GroupListEditor ul li a:visited {
	font-size: 12px;
	font-weight: normal;
	color: #409900;
	display: block;
	line-height: 22px;
	background: #DDD;
	padding: 0 10px;
	}
.GroupListEditor ul li a:hover {
	background: #EFEFEF;
	color: #F38630;
	}

/* Pop-window */
.MessageBox {
	background: #FFFFFF;
	overflow: hidden;
	position: relative;
	width: 100%;
	}
.MessageBox h1 {
	border-bottom:1px dotted #D3D3D3;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:5px;
	text-align:left;
	}
.MessageBox .ContentArea {
	color:#333333;
	font-size:14px;
	}
.MessageBoxClose {
	background:url(../../images/default/buttons/close.gif) no-repeat;
	cursor:pointer;
	display:block;
	font-size:14px;
	height:16px;
	line-height:14px;
	position:absolute;
	right:5px;
	top:0px;
	width:16px;
	}