/***************************************
  canonical
***************************************/
* { margin: 0; padding: 0 }
a:link { color: #445599; text-decoration: none }
a:visited { color: #445599; text-decoration: none }
a:hover { color: #cc0000; text-decoration: underline }
a:active { color: #cc0000; text-decoration: underline }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal }
body { font: 12px Arial, Simsun }
caption, th { text-align: left }
fieldset, img { border: 0 }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
ol, ul { list-style: none }
q:before, q:after { content: '' }
table {
	border-collapse: collapse;
	border-spacing: 0;
	overflow: hidden
}
td { vertical-align: top }
/***************************************
  form
***************************************/
input.inputtext, input.inputfile, textarea, select {
	border: 1px solid #cccccc;
	font: 12px Arial, Simsun;
	padding: 2px
}
input.inputtext:focus, textarea:focus, select:focus { background: #f6f6f6 }
/***************************************
  frame
***************************************/
body { margin: 5px }
#header { margin: 0 auto 5px auto; width: 980px }
#header .logo {
	float: left;
	height: 50px;
	text-align: left;
	width: 110px
}
#header .wrapper { float: right; height: 50px; width: 870px }
#header .nav-left {
	background: #445599;
	color: #ffffff;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	text-align: left
}
#header .nav-left li { display: inline; float: left; margin: 0 10px 0 0 }
#header .nav-left li a {
	color: #ffffff;
	display: block;
	float: left;
	font-weight: bold;
	padding: 1px 5px
}
#header .nav-right { height: 20px; text-align: right }
#header .nav-right li { display: inline; float: right; margin: 0 0 0 10px }
#header .nav-right li a { display: block }
#header .nav-right li a:link,   #header .nav-right li a:visited { text-decoration: underline }
#header .nav-right li a:hover,  #header .nav-right li a:active { text-decoration: none }
#footer {
	border-top: 1px solid #445599;
	color: #666666;
	float: right;
	line-height: 20px;
	padding: 5px 10px;
	text-align: left;
	width: 782px
}
#body { margin: 0 auto; width: 980px }
#sidebar {
	background: #f6f6f6;
	border: 1px solid #eeeeee;
	float: left;
	padding: 0 10px 10px 10px;
	width: 146px
}
#sidebar div { border-bottom: 1px solid #d6d6d6; padding: 8px 0 }
#main {
	border: 1px solid #b7b7b7;
	border-bottom: none;
	float: right;
	width: 800px
}
#main2 {
	border: 1px solid #b7b7b7;
	border-bottom: none;
	float: right;
	width: 800px
}
#main-column {
	border-right: 1px solid #cccccc;
	float: left;
	width: 620px
}
#aux-column { float: right; width: 179px }
/***************************************
  sideapp
***************************************/
#sideapp li {
	border-bottom: 1px solid #eeeeee;
	font-size: 14px;
	height: 30px;
	letter-spacing: 2px;
	line-height: 30px
}
#sideapp li span.app-icon { display: block; float: left; margin: 5px 10px 0 0 }
#sideapp li span.app-action { color: #999999; float: right; font-size: 12px }
#sideapp li span.app-action a { color: #999999; font-size: 12px; letter-spacing: 0px }
/***************************************
  section
***************************************/
.section-header {
	background: #ffffff;
	overflow: hidden;
	padding: 0 0 10px 20px;
	zoom: 1
}
.section-header .section-avatar {
	float: left;
	height: 48px;
	margin-right: 10px;
	margin-top: 20px;
	overflow: hidden;
	position: relative;
	width: 48px;
	z-index: 1
}
.section-header .section-avatar a {
	background: no-repeat 50% 50%;
	display: block;
	height: 48px;
	width: 48px
}
.section-header .section-info { float: left; padding-top: 26px }
#main .section-header .section-info { width: 722px }
#main2 .section-header .section-info { width: 542px }
.section-header .section-info .section-title {
	background: #f7f7f7;
	border-bottom: 1px solid #cccccc;
	margin: -26px 0 4px -78px;
	padding: 26px 0 4px 78px;
	position: relative;
	z-index: 0
}
.section-header .section-info .section-title-aux { float: right; margin: -5px 10px 0 0 }
#main .section-header .section-info .section-title { width: 722px }
#main2 .section-header .section-info .section-title { width: 542px }
.section-header h2 { font-size: 14px }
.section-header .section-action { }
.section-header .section-action-aux { float: right; padding-right: 10px }
.section-pager-top { clear: both; padding: 5px 5px 0 5px }
.section-pager-bottom { clear: both; padding: 0 5px 5px 5px }
.pager-aux { float: left; padding: 5px }
.pager-aux .deemphasized { color: #666666 }
.pager { float: right }
.pager td { }
.pager td a {
	display: block;
	font-size: 12px;
	line-height: 16px;
	padding: 5px
}
.pager td.current a { color: #445599; font-weight: bold }
.section-pager-top .pager td.current a { border-bottom: #445599 2px solid; padding-bottom: 3px }
.section-pager-bottom .pager td.current a { border-top: #445599 2px solid; padding-top: 3px }
.pager td a:hover {
	background: #445599;
	color: #ffffff;
	text-decoration: none
}
.section-content-wrapper {
	background: #f7f7f7;
	border-bottom: 1px solid #d8dfea;
	border-top: 1px solid #d8dfea;
	clear: both;
	margin: 0;
	padding: 10px
}
.section-content {
	background: #ffffff;
	border: 1px solid #d8dfea;
	padding: 5px
}
.section-content-aux { padding: 5px }
.section-content-empty {
	background: #fffadd;
	border: 1px solid #d8dfea;
	font-size: 14px;
	padding: 20px;
	text-align: center
}
.section-assert-wrapper {
	background: #f7f7f7;
	clear: both;
	margin: 0;
	padding: 10px
}
.section-assert {
	background: #fffadd;
	border: 1px solid #d8dfea;
	padding: 5px
}
.section-assert .assert-icon { text-align: right; width: 60px }
.section-assert .assert-text { line-height: 200%; width: 700px }
.section-assert .assert-text h2 {
	font: normal 20px SimHei, "Arial Black";
	margin: 10px 5px
}
.section-assert .assert-text p { margin: 10px 5px }
.section-subnav-wrapper {
	background: #f7f7f7;
	border-bottom: 1px solid #d8dfea;
	border-top: 1px solid #b7b7b7;
	clear: both;
	margin: 0;
	padding: 10px
}
/***************************************
  section-edit-form
***************************************/
.section-edit-form { width: 700px }
.section-edit-form td { line-height: 150%; padding: 4px }
.section-edit-form th {
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	padding: 4px
}
.section-edit-form td .req-indicator { color: #cc0000 }
.section-edit-form td.submit { padding: 12px 4px }
.section-edit-form td input.inputtext, .section-edit-form td input.inputfile, .section-edit-form td textarea { width: 350px }
.section-edit-form td textarea { height: 100px }
.section-edit-form td .error { color: #cc0000; padding: 2px 2px 0 2px }
.section-edit-form td .fail { color: #cc0000 }
.section-edit-form td .pass { color: #008000 }
/***************************************
  plusbutton
***************************************/
a.plusbutton { color: #777777 }
.plusbutton{
	background: url(plusbutton.gif) no-repeat;
	color: #777777;
	display: block;
	text-decoration: none
}
.plusbutton .tr{ background: url(plusbutton.gif) no-repeat top right }
.plusbutton .bl{ background: url(plusbutton.gif) no-repeat bottom left }
.plusbutton .br{ background: url(plusbutton.gif) no-repeat bottom right }
.plusbutton span{
	background: url(plusbutton_plus.gif) no-repeat 9px center;
	color: #333333;
	display: block;
	font-weight: bold;
	padding: 4px 9px 3px 22px
}
.plusbutton:hover{ color: #777777; text-decoration: underline }
/***************************************
  subnav
***************************************/
#subnav { margin: 10px 0 0 0; overflow: hidden; padding: 0 }
#subnav ul { list-style: none; zoom: 1 }
#subnav ul li { float: left; margin-left: 10px }
#subnav ul li a {
	background: #e9e9fc;
	color: #333333;
	display: block;
	min-width: 60px;
	padding: 4px 12px 3px 12px;
	text-align: center
}
* html #subnav ul li a { white-space: nowrap; width: 60px }
#subnav ul li.selected a { background: #445599; color: #ffffff }
/***************************************
  form
***************************************/
.submit-btn, .cencel-btn {
	background: #445599;
	border: 1px solid;
	border-color: #d8dfea #0e1f5b #0e1f5b #d8dfea;
	color: #ffffff;
	cursor: pointer;
	font-size: 12px;
	height: 24px;
	line-height: 16px;
	padding: 3px 15px;
	text-align: center
}
* html .submit-btn, * html .cencel-btn { padding: 3px 6px }
*+html .submit-btn, *+html .cencel-btn { padding: 3px 6px }
a.submit-btn {
	color: #ffffff;
	display: inline-block;
	height: 16px;
	padding: 3px 10px
}
a.submit-btn:hover { color: #ffffff; text-decoration: none }
/***************************************
  guestbook
***************************************/
#guestbook-form { background: #f7f7f7; padding: 5px 10px }
#guestbook-form p { margin: 5px 0 }
#guestbook-form-content { border: 1px solid #d9d9d9; padding: 3px; width: 752px }
.guestbook-list { width: 768px }
.guestbook-list td { padding: 5px }
.guestbook-list td.gl-avatar { width: 48px }
.guestbook-list td.gl-content { border-bottom: 1px solid #d8dfea }
.guestbook-list td.gl-content .glc-action { float: right }
.guestbook-list td.gl-content .glc-action a { margin-left: 10px }
.guestbook-list td.gl-content .glc-time {
	color: #999999;
	float: right;
	font-size: 10px;
	margin-left: 10px;
	padding: 1px 0
}
.guestbook-list td.gl-content .glc-user { font-weight: bold }
.guestbook-list td.gl-content .glc-content { color: #333333; padding: 5px }
/***************************************
  feed
***************************************/
.feed-app-list { padding: 25px 10px 10px 10px }
.feed-app-list h2 { font-size: 14px; font-weight: bold; margin: 0 0 10px 0 }
.feed-app-list li {
	border-bottom: 1px solid #d9d9d9;
	height: 22px;
	line-height: 22px;
	margin: 5px
}
.feed-app-list li img { float: left; padding: 2px 5px 0 0 }
.feed-app-list p { margin: 25px 0 0 0 }
.feed-list { width: 588px }
.feed-list td { padding: 5px }
.feed-entry { }
.feed-entry.read { }
.feed-entry-app { width: 16px }
.feed-entry-app.read { filter: alpha(opacity=30); opacity: 0.3 }
.feed-entry-content { border-bottom: 1px solid #ebeff4 }
.feed-entry-content.read { filter: alpha(opacity=30); opacity: 0.3 }
.feed-entry-content .fec-title {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px
}
.feed-entry-content .fec-time {
	color: #999999;
	float: right;
	font-size: 10px;
	margin-left: 10px;
	padding: 1px 0
}
.feed-entry-content .fec-body { color: #666666; line-height: 150% }
.feed-entry-content .fec-images td.thumb { text-align: center; width: 110px }
.feed-entry-content .fec-images td.thumb a { margin: 0 auto; padding: 4px; width: 100px }
.feed-entry-action { width: 16px }
.feed-entry-action.read { filter: alpha(opacity=30); opacity: 0.3 }
.feed-entry-action a {
	background: transparent url(x_to_hide.gif) no-repeat scroll center;
	display: block;
	float: right;
	font-size: 0;
	height: 16px;
	text-decoration: none;
	width: 16px
}
.feed-entry-action a:hover {
	background: url(x_to_hide_hover.gif) #445599 no-repeat scroll center
}
/***************************************
  info pages
***************************************/
.info-pages-content {
	background: #ffffff;
	border: 1px solid #d8dfea;
	padding: 5px
}
.info-pages-content p { line-height: 20px; margin: 2px 0 }
.info-pages-content h3 { font-size: 16px }
/***************************************
  home section
***************************************/
.home-sec { margin: 10px }
.home-sec-header {
	border-bottom: 1px solid #cccccc;
	clear: both;
	line-height: 20px;
	margin-bottom: 10px
}
.home-sec-header h2 { font-size: 12px; font-weight: bold }
.home-sec-header h2.em { font-size: 14px; font-weight: bold }
.home-sec-header p { float: right }
.home-sec-content { clear: both }
.home-sec-content-empty {
	background: #ffffff;
	clear: both;
	font-size: 14px;
	padding: 20px;
	text-align: center
}
/***************************************
  user avatars list
***************************************/
.user-avatars-list { }
.user-avatars-list td {
	padding: 5px;
	text-align: center;
	vertical-align: bottom;
	width: 87px
}
.user-avatars-list td .avatar img { margin: 5px auto }
.user-avatars-list td .nick_name {
	display: block;
	line-height: 15px;
	margin: 5px auto;
	overflow: hidden;
	white-space: nowrap;
	width: 57px
}
/***************************************
  friend
***************************************/
.friend-network-list { padding: 25px 10px 10px 10px }
.friend-network-list h2 { font-size: 14px; font-weight: bold; margin: 0 0 10px 0 }
.friend-network-list li {
	border-bottom: 1px solid #d9d9d9;
	height: 22px;
	line-height: 22px;
	margin: 5px
}
.friend-network-list li img { float: left; padding: 2px 5px 0 0 }
.friend-network-list p { margin: 25px 0 0 0 }
.friend-list { width: 588px }
.friend-list td { padding: 5px }
.friend-entry-avatar { width: 100px }
.friend-entry-description { border-bottom: 1px solid #ebeff4; color: #808080 }
.friend-entry-description p { line-height: 21px }
.friend-entry-description h2 { line-height: 21px }
.friend-entry-action { width: 120px }
.friend-entry-action a {
	border-bottom: 1px solid #e9e9fc;
	display: block;
	line-height: 20px;
	padding: 0 5px;
	text-decoration: none
}
.friend-entry-action a:hover { background: #445599; color: #ffffff }
/***************************************
  photo
***************************************/
.thumb a {
	border: 1px solid #e9e9fc;
	display: block;
	overflow: hidden
}
.thumb a:hover { background: #e9e9fc; border: 1px solid #445599 }
.photo-album-list { width: 768px }
.photo-album-list td { padding: 5px 5px 10px 5px }
.photo-album-list td.thumb a {
	border: 1px solid #e9e9fc;
	display: block;
	overflow: hidden;
	padding: 4px;
	width: 100px
}
.photo-album-list td.thumb a:hover { background: #e9e9fc; border: 1px solid #445599 }
.photo-album-list td.meta {
	color: #808080;
	display: block;
	float: right;
	line-height: 20px
}
.photo-album-list td h2 { font-size: 14px; margin: 0 0 5px 0 }
.photo-replies-list { width: 768px }
.photo-replies-list td { padding: 5px }
.photo-replies-list td.thumb { text-align: center; width: 60px }
.photo-replies-list td.thumb a { margin: 0 auto; padding: 2px; width: 60px }
.photo-replies-list td.prl-content { border-bottom: 1px solid #d8dfea }
.photo-replies-list td.prl-content .prlc-action { float: right }
.photo-replies-list td.prl-content .prlc-action a { margin-left: 10px }
.photo-replies-list td.prl-content .prlc-time {
	color: #999999;
	float: right;
	font-size: 10px;
	margin-left: 10px;
	padding: 1px 0
}
.photo-replies-list td.prl-content .prlc-user { font-weight: bold }
.photo-replies-list td.prl-content .prlc-content { color: #333333; padding: 5px }
.photo-replies-list td.prl-avatar { width: 48px }
.photo-list { width: 768px }
.photo-list td.thumb { text-align: center; width: 100px }
.photo-list td.thumb a { margin: 5px 9px; padding: 4px; width: 100px }
.photo-list td.thumb p {
	font-size: 10px;
	font-style: italic;
	margin: 5px;
	text-align: center;
	width: 116px
}
.photo-album-location-n-description { clear: both; line-height: 150%; padding: 10px }
.photo-album-location-n-description p.palnd-location { font-weight: bold; padding: 0 }
.photo-album-location-n-description p.palnd-description {
	border-left: 1px solid #d8dfea;
	margin: 5px 0;
	padding: 0 10px
}
.photo-content-wrapper {
	background: #f7f7f7;
	border-bottom: 1px solid #d8dfea;
	border-top: 1px solid #d8dfea;
	clear: both;
	margin: 0
}
.photo-content { padding: 5px; text-align: center }
.photo-content .photo-content-photo { margin: 0 auto }
.photo-content .photo-content-photo td.large { padding: 15px }
.photo-content .photo-content-photo td.thumb {
	height: 80px;
	padding: 12px 0 0 0;
	text-align: center;
	width: 66px
}
.photo-content .photo-content-photo td.thumb a { padding: 2px }
.photo-content .photo-content-photo th { text-align: center }
.photo-content .photo-content-meta { margin: 5px auto; width: 760px }
.photo-content .photo-content-meta td { text-align: left }
.photo-content .photo-content-meta td.pcm-description { line-height: 150%; padding: 0 10px 0 0 }
.photo-content .photo-content-meta td.pcm-description p { font-size: 14px }
.photo-content .photo-content-meta td.pcm-description span { color: #808080; display: block; margin-top: 10px }
.photo-content .photo-content-meta td.pcm-exif {
	border-left: 1px solid #d8dfea;
	padding: 0 0 0 10px;
	width: 185px
}
.photo-content .photo-content-meta td.pcm-exif p {
	font-size: 10px;
	line-height: 150%;
	margin-bottom: 10px;
	overflow: hidden;
	width: 185px
}
.photo-content .photo-content-meta td.pcm-exif span {
	color: #808080;
	display: block;
	line-height: 150%;
	margin-bottom: 10px
}
.photo-content .photo-content-meta td.pcm-share { padding-top: 13px }
.photo-content .photo-content-meta td.pcm-share table { }
.photo-content .photo-content-meta td.pcm-share table th { color: #808080; padding: 4px 4px 4px 0 }
.photo-content .photo-content-meta td.pcm-share table td { color: #808080; padding: 2px }
.photo-content .photo-content-meta td.pcm-share table td input.inputtext {
	color: #808080;
	font-family: "Courier New", Courier;
	width: 480px
}
.photo-reply-n-action-wrapper { clear: both }
.photo-reply-n-action-wrapper .photo-replies-list { margin: 0 10px 10px 10px; width: 565px }
.photo-reply-n-action .photo-action { padding: 5px 10px 10px 5px; width: 200px }
.photo-reply-n-action .photo-action a {
	border-bottom: 1px solid #e9e9fc;
	display: block;
	line-height: 20px;
	padding: 0 5px;
	text-decoration: none
}
.photo-reply-n-action .photo-action a:hover { background: #445599; color: #ffffff }
#photo-reply-form { background: #f7f7f7; margin: 10px 0; padding: 0 10px }
#photo-reply-form p { margin: 5px 0 }
#photo-reply-form-content { border: 1px solid #d9d9d9; padding: 3px; width: 557px }
.photo-edit-list {
	background: #ffffff;
	margin: 0 0 10px 0;
	padding: 5px;
	width: 768px
}
.photo-edit-list td { background: #ffffff; padding: 5px }
.photo-edit-list td.thumb { text-align: center; width: 260px }
.photo-edit-list td.thumb a { margin: 0 auto; padding: 4px; width: 240px }
.photo-edit-list td.pel-description { border-bottom: 1px solid #d8dfea }
.photo-edit-list td.pel-description .deemphasized { color: #666666 }
.photo-edit-list td.pel-description p { }
.photo-edit-list td.pel-description textarea { height: 80px; margin: 10px 0; width: 350px }
/***************************************
  blacklist
***************************************/
.blacklist-list { width: 588px }
.blacklist-list td { padding: 5px }
.blacklist-entry-avatar { width: 100px }
.blacklist-entry-description { border-bottom: 1px solid #ebeff4; color: #808080 }
.blacklist-entry-description p { line-height: 21px }
.blacklist-entry-description h2 { line-height: 21px }
.blacklist-entry-action { width: 120px }
.blacklist-entry-action a {
	border-bottom: 1px solid #e9e9fc;
	display: block;
	line-height: 20px;
	padding: 0 5px;
	text-decoration: none
}
.blacklist-entry-action a:hover { background: #445599; color: #ffffff }