@charset "gb2312";
/*
 * CSS Style for niwota.com.
 * copyright 2007, niwota.com.
 */

/* ======= Global Styles ======= */

html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
p {
	margin: 5px;
	padding: 3px 5px;
}
ol, ul {
	margin: 5px;
	padding: 5px;
	list-style-position: inside;
	line-height: 18px;
}
table {
	word-break: break-all;
}
small {
	font-size: 12px;
}
img {
	border: none;
}
form {
	margin: 0px;
	padding: 0px;
}
.userInput{
	font-size: 12px;
	line-height: 15px;
	height: 20px;
	border: 1px solid #98B7C1;
	padding: 2px;
	width: 90px;
}
.checkInput{
	font-size: 12px;
	line-height: 15px;
	height: 20px;
	border: 1px solid #98B7C1;
	padding: 2px;
	width: 38px;
}

table, input, select, textarea {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}
form.operate {
	padding: 10px 0px;
}
.button, .btn, .fl-button, .fl-check {
	cursor: pointer;
}
form.fl {
	margin-bottom: 30px;
}
form.fl p {
	line-height: 25px;
	padding: 0px;
	margin: 10px 0px;
}
form.fl .action {
	margin-left: 45px;
}

form.fl .action2 {
	margin-left: 135px;
}
form.fl label.fl {
	float: left;
	width: 30px;
	margin-right: 10px;
}
form.fl .fl-label {
	float: left;
	width: 120px;
	margin-right: 10px;
	font-weight: bold;
}
form.fl .fl-text {

}
form.fl label.fl2 {
	float: left;
	width: 125px;
	margin-right: 10px;
	text-align: right;
}
form.fl input.fl {
	width: 160px;
	height: 20px;
	border: 1px solid #AAAAAA;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	font-size: 12px;
	line-height: 20px;
	padding: 0px 2px;
}
form.fl span.hint {
	font-size: 12px;
	padding-left: 40px;
	color: #999999;
	display: block;
}
form.fl span.hint2 {
	font-size: 12px;
	padding-left: 130px;
	color: #999999;
	display: block;
}
form.nf {
	padding: 20px;
}
form.nf p {
	ling-height: 25px;
	padding: 0px;
	font-size: 14px;
	clear: both;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
input.fl {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-top: 1px solid #999999;
	line-height: 20px;
	padding: 2px;
	font-size: 14px;
}
.fl-label {
	line-height: 24px;
	font-size: 14px;
}
form.nf .fl-label {
	display: block;
	width: 150px;
	margin-left: 160px;
	float: none;
}
.f-text {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-top: 1px solid #999999;
	height: 15px;
	line-height: 15px;
	font-size: 12px;
	padding: 2px;
}
.fl-text {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-top: 1px solid #999999;
	line-height: 20px;
	font-size: 14px;
	padding: 2px;
}
.f-textarea {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-top: 1px solid #999999;
	line-height: 20px;
	font-size: 14px;
	padding: 2px;
	display: block;
}
form.nf .fl-text {
	width: 250px;
	margin-left: 160px;
}
.fl-check {
	margin: 0px;
	padding: 0px;
}
form.nf .fl-check {
	margin-left: 160px;
}
form.nf p.act {
	margin-left: 160px;
}
form.nf p.tip {
	margin-left: 160px;
}
form p.act a {
	font-weight: bold;
}
form .fl-button {
	margin-right: 5px;
	height: 24px;
	padding: 0px 10px;
}
.nf textarea {
	height: 5em;
	width: 400px;
	padding: 2px;
	border: 1px solid #AAAAAA;
	border-bottom-color: #DDDDDD;
	border-right-color: #DDDDDD;
	font-size: 12px;
}
form table {
	margin-right: auto;
	margin-left: auto;
}
form p {
	padding: 3px 0px;
	margin: 5px 0px;
}
form.sign {
	margin: auto;
	padding: 10px;
}
form.sign table {
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
form.sign table th {
	color: #666666;
	text-align: left;
	padding: 5px;
}
form.sign table td {
	padding: 5px;
}
form .input {
	background-color: #FFFFFF;
	border: 1px solid #98B7C1;
	line-height: 18px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
form.search {
	clear: both;
}
form.search p {
	padding: 3px 5px;
	margin: 5px;
}

form.search input.keyword {
	height: 18px;
	padding: 0px 3px;
	line-height: 18px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #98B7C1;
	color: #666666;
}
form.search input.keyword:active, form.search input.keyword:hover, form.search input:focus {
	color: #333333;
}


table.data {
	background-color: #FFFFFF;
	margin: 5px auto;
	width: 100%;
}
table.data th {
	font-weight: normal;
	color: #666666;
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #D9E5E8;
	background-color: #F7F7F7;
}
table.data td {
	padding: 5px;
	border-bottom: 1px solid #D9E5E8;
}
table.meta {
	margin: 5px 0px;
	width: 100%;
	line-height: 16px;
}
table.meta th {
	color: #333333;
	text-align: left;
	padding: 3px 10px;
}
table.meta td {
	padding: 1px 10px;
	vertical-align: top;
}
a:link, a:visited {
	color: #437C8E;
	text-decoration: none;
}
a:active, a:hover {
	color: #437C8E;
	text-decoration: underline;
}

a.action {
	padding: 2px;
}
a.action:active, a.action:hover {
	background-color: #437C8E;
	color: #FFFFFF;
	text-decoration: underline;
}

a.btn1:link, a.btn1:visited {
	padding: 2px 5px;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	background-color: #F4F4F4;
	color: #666666;
}
a.btn1:active, a.btn1:hover {
	background-color: #666666;
	color: #FFFFFF;
}
a.x {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 3px 5px;
	margin: 2px;
	font-size: 10px;
	text-decoration: none;
}
a.x:link, a.x:visited {
	color: #999999;
}
a.x:active, a.x:hover {
	color: #666666;
	background-color: #FFFFFF;
}

a.btnClose {
	background-repeat: no-repeat;
	padding: 0px;
	height: 16px;
	width: 16px;
	font-size: 12px;
	line-height: 16px;
	background-image: url(../music/images/icon_close.gif);
	text-indent: -12000px;
	display: block;
	overflow: hidden;
}
a.btnClose:link, a.btnClose:visited {
	background-position: left top;
}
a.btnClose:active, a.btnClose:hover {
	background-position: left bottom;
}

a.btnFavorite {
	font-size: 12px;
	display: block;
	padding: 1px 0px;
	height: 12px;
	width: 25px;
	line-height: 12px;
	vertical-align:text-bottom;
	overflow: hidden;
}
a.btnFavorite:link, a.btnFavorite:visited {
	background-position: left top;
}
a.btnFavorite:active, a.btnFavorite:hover {
	background-position: left bottom;
}

a.btnPlay {
	line-height: 16px;
	background-repeat: no-repeat;
	text-indent: -12000px;
	height: 16px;
	width: 16px;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	background-image: url(../music/images/icon_play.gif);
	background-position: left -1px;
	overflow: hidden;
	display: block;
}

a.btnAction {
	font-family: PMingLiU, Arial;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 16px;
	height: 16px;
	padding: 2px 20px 2px 5px;
	overflow: hidden;
}
a.btnAction:link, a.btnAction:visited {
	color: #437C8E;
	background-color: #FFFFFF;
	border: 1px solid #84B0B5;
}
a.btnAction:active, a.btnAction:hover {
	background-position: right bottom;
	color: #FFFFFF;
	background-color: #437C8E;
	border: 1px solid #437C8E;
	text-decoration: none;
}
a.btnShare {
	background-image: url(../images/icon_share_bg.gif);
}

a.btnRotate {
	font-size: 12px;
	line-height: 16px;
	height: 32px;
	width: 30px;
	padding: 0px;
	background-repeat: no-repeat;
	display: block;
	float: right;
	text-decoration: none;
	text-align: center;
}
a.btnRotate:link, a.btnRotate:visited {
	background-position: left top;
	border: 1px solid #CCCCCC;
}
a.btnRotate:active, a.btnRotate:hover {
	border: 1px solid #437C8E;
	background-position: left bottom;
	color: #FFFFFF;
	background-color: #437C8E;
}
a.btnToLeft {
	padding-right: 26px;
	margin-right: 5px;
	background-image: url(../photo/images/bg_rotate_left.gif);
}
a.btnToRight {
	padding-left: 26px;
	background-image: url(../photo/images/bg_rotate_right.gif);
}
/* ------- Class Styles ------- */

/* ------- Class Styles ------- */
.keywords {
	background-color: #F4F4F4;
	border: 1px solid #DDDDDD;
}
.keywords a {
	padding: 0px 5px;
}
.opps {
	padding: 50px;
	height: 160px;
}
.opps h1 {
	font-size: 16px;
	line-height: 20px;
	margin: 5px;
	padding: 5px;
}
.opps p {
	font-size: 13px;
	line-height: 20px;
}
.msgConfirm {
	background-color: #FFFFDD;
	border: 1px solid #E8DB97;
	color: #000000;
	margin: 10px 20px;
	text-align: center;
}
.msgConfirm h4 {
	font-size: 13px;
	padding: 5px;
	margin: 5px;
}
.msgTips {
	background-color: #FFFFDD;
	border: 1px solid #E8DB97;
	color: #000000;
	margin: 10px 0px;
	text-align: center;
}
.msg-tips {
	background-color: #FFFFDD;
	border: 1px solid #E8DB97;
	color: #000000;
	margin: 10px 0px;
	padding: 10px 0px;
}
.msg-tips p {
	padding: 0px 5px;
	margin: 5px;
	font-size: 11px;
}
.msg-warn {
	padding: 10px 0px 10px 50px;
	background-image: url(../images/icon_warn.gif);
	background-position: 15px center;
	background-repeat: no-repeat;
}
.msgError {
	background-color: #FFE8F1;
	border: 1px solid #DA5868;
	color: #000000;
	margin: 10px 20px;
}
div.msgError p {
	margin: 5px;
	padding: 3px;
}
p.tips {
	color: #333333;
	background-color: #FFFFDD;
	border: 1px solid #E8DB97;
	margin: 5px 0px;
	padding: 3px 5px;
}
.notifier {
	border: 3px solid #E1E1E1;
	margin: auto;
	width: 60%;
	float: none;
	display: block;
	color: #666666;
}
.hintBox {
	color: #993300;
	background-color: #FFFFCC;
	border: 1px solid #FF6633;
	clear: both;
	margin-left: 10px;
	float: none;
	width: 300px;
	display: none;
}
.hintBox p {
	line-height: 20px;
	margin: 0px;
	height: 20px;
	display: block;
	text-indent: 0px;
	padding: 0px;
	font-size: 12px;
}
.hintBox a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	line-height: 20px;
	margin: 0px;
	height: 20px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.hintBox a:hover {
	background-color: #FFCC99;
	color: #000000;
	text-decoration: none;
}
.hintBox a:visited {
	text-decoration: none;
}
.button {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #437C8E;
	padding-right: 3px;
	padding-left: 3px;
	border: 1px solid #6594A2;
	border-bottom-color: #335F6D;
	border-right-color: #335F6D;
	line-height: 20px;
	height: 20px;
}
.btn {
	font-size: 12px;
	color: #333333;
	background-color: #F7F7F7;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 20px;
	height: 20px;
	border: 1px solid #E3E3E3;
	border-bottom-color: #999999;
	border-right-color: #999999;
}

.quote {
	background-image: url(../images/quote_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #666666;
}
.quote .q {
	background-image: url(../images/quote_right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	display: inline;
	padding: 0px 15px;
}

.txt_normal {
	color: #333333;
}
.txt_light {
	color: #888888;
}
.txtColor {
	color: #437C8E;
}
.warn {
	color: #FF0000;
}
.new {
	background-color: #FFE28A;
	color: #000000;
	padding: 1px 3px;
	margin: 0px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	text-transform: uppercase;
}
.contentHead {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	position: relative;
}
.contentHead h1.title {
	padding-left: 20px;
}
.contentBody {
	padding: 10px 20px;
}
.contentFoot {
	background-color: #F7F7F7;
	border-top: 1px solid #CCCCCC;
	padding: 0px 0px 10px 0px;
}
.contentFoot p {
	margin: 5px 15px;
}
.grayBg {
	background-color: #F7F7F7;
}
.clear {
	clear: both;
}
.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-after::after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.clear-after {
/*\*//*/ display: inline-table; /*MacIE*/
_height: 1em;
min-height: 1px;
}


/*------- Dialog Styles -------*/
div#dialogWrap {
	position: absolute;
	z-index: 3;
	width: 100%;
	left: 0px;
	top: 0px;
}
div#dialog {
	width: 500px;
	padding: 10px;
	z-index: 100;
	background-image: url(../images/trans_black_50.png);
	overflow: hidden;
	margin: auto;
}

div#dialog #dialogHead {
	background-color: #729EAD;
	border: 1px solid #437C8E;
	position: relative;
}
div#dialog #dialogHead #dialogControl {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 5px;
	padding: 5px;
}
div#dialog #dialogHead h3 {
	font-size: 14px;
	line-height: 20px;
	margin: 0px;
	padding: 5px 10px;
	color: #FFFFFF;
}
div#dialog #dialogBody {
	background-color: #FFFFFF;
	padding: 0px;
	border: 1px solid #666666;
	border-bottom: 1px solid #999999;
	border-top: none;
	overflow: hidden;
}
div#dialog #dialogFoot {
	background-color: #ECECEC;
	text-align: right;
	padding: 5px 0px;
	border: 1px solid #666666;
	border-top: none;
}
#dialog dl {
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
}
#dialog dt {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 12%;
	display: block;
}
#dialog dd {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 86%;
	display: block;
}
.shareArea {
	margin: 0px 8px;
	background-color: #F7F7F7;
	border: 1px solid #E3E3E3;
	border-left: none;
	border-right: none;
}
.photoThumb {
	float: left;
}
.photoMeta {
	float: left;
	line-height: 18px;
}

/*------- Paginator Styles -------*/
.paginator {
	clear: both;
	font-size: 12px;
	background-color: #FFFFFF;
	padding: 5px;
	margin: 5px 10px;
	line-height: 12px;
/*
	border: 1px solid #D9E5E8;
	border-left: none;
	border-right: none;
*/
}
.contentBody .paginator, .content .paginator {
	padding: 5px 0px;
	margin: 5px 0px;
}
.paginator span, .paginator a {
	vertical-align: middle;
	padding: 2px 3px;
}
.paginator span.current {
	color: #437C8E;
	font-weight: bold;
	text-decoration: underline;
}
.paginator span.break {
	padding-right: 5px;
	padding-left: 5px;
}
.paginator span.prev, .paginator span.next {
	padding: 0px;
}
.paginator span.total {
	color: #999999;
}
.paginator a {
	text-decoration: none;
	padding: 2px 3px;
}
.paginator a:link {
}
.paginator a:visited {
}
.paginator a:active, .paginator a:hover {
	color: #FFFFFF;
	background-color: #437C8E;
	text-decoration: none;
}

body.topic .paginator, body.activity .paginator, body.photo .paginator {
	background-color: #FFFFCC;
	margin: 10px auto;
	padding: 5px;
	font-size: 14px;
}

.column {
	clear: both;
	margin: 0px 0px 10px 0px;
}

.col {
	clear: both;
	margin: 10px;
}

.col .clear {
	border-bottom: 1px solid #FFFFFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 25px;
	display: block;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
}

#columnMain .col {
	margin: 22px 20px 10px 21px;
	padding: 0px;
}
#columnSide .col {
	margin-bottom: 15px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


h1.title {
	font-size: 16px;
	line-height: 20px;
	margin: 0px 5px;
	padding: 0px 5px;
	color: #333333;
	clear: both;
	float: none;
	display: block;
	position: relative;
}
h1.title span {
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 0px;
	right: 0px;
}
h2.title {
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	border-bottom: 1px solid #D9E5E8;
	position: relative;
	clear: both;
	float: none;
	display: block;
	margin: 5px 0px;
	padding: 0px;
}

h2.title span {
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 0px;
	right: 0px;
}
h3.title {
	font-size: 12px;
	height: 19px;
	line-height: 19px;
	background-color: #D9E5E8;
	position: relative;
	clear: both;
	border-top: 1px solid #437C8E;
	color: #437C8E;
	padding: 0px 10px;
	margin: 0px 0px 5px 0px;
}
h3.title span {
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 0px;
	right: 5px;
}

h4.title {
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	background-color: #E9E9E9;
	padding: 2px 5px;
	position: relative;
	clear: both;
	margin: 5px 0px;
}
h4.title span {
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 2px;
	right: 5px;
}
h4.sub {
	padding-left: 20px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #D9E5E8;
	background-repeat: no-repeat;
	background-position: left center;
}
h4.t_group {
	background-image: url(../images/icon_group.gif);
}
h4.t_topic {
	background-image: url(../images/icon_topic.gif);
}
h4.t_photo {
	background-image: url(../images/icon_photo.gif);
}
/* ------- ID Styles ------- */
#pageContainer {
	margin: auto;
	width: 900px;
	position: relative;
	z-index: 0;
	padding-top: 5px;
}
#banner-top {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
}
#banner-top iframe {
	display: block;
	clear:both;
	margin: auto;
}
body.topic #pageContainer {
	margin: auto;
	width: 950px;
}
body.photo #pageContainer {
	margin: auto;
	width: 950px;
}
body.activity #pageContainer {
	margin: auto;
	width: 950px;
}
body.group #pageContainer {
	margin: auto;
	width: 900px;
}
#header {
	background-color: #437C8E;
	border-bottom: 5px solid #729EAD;
	clear: both;
	height: 50px;
	width: 100%;
	background-image: url(../images/header_bg.png);
	background-repeat: repeat-y;
	background-position: right top;
}

#siteLogo {
	padding: 0px;
	height: 50px;
	width: 130px;
	margin: 0px;
	overflow: hidden;
	background-position: 8px 14px;
	float: left;
}
#siteLogo a {
	background-image: url(../images/niwota_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding: 0px;
	text-indent: -200px;
	height: 50px;
	width: 130px;
	overflow: hidden;
	margin: 0px;
}
#siteLogo a:hover {
	background-position: left bottom;
}
#siteNav {
	margin: 0px;
	padding: 5px 10px;
	float: left;
	list-style-type: none;
	height: 40px;
}
#siteNav li {
	display: block;
	padding: 0px;
	float: left;
	position: relative;
	z-index: 1;
	margin: 0px 5px;
	height: 40px;
}
#siteNav li a {
	font-size: 14px;
	height: 16px;
	display: block;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px 5px;
	margin: 4px 0px;
	line-height: 16px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
}
#siteNav li a.edit {
	font-size: 12px;
	font-weight: normal;
	padding: 3px 2px;
}
#siteNav li.hasChilds {
}
#siteNav li span.more {
	width: 17px;
	background-image: url(../images/site_nav_more.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -100em;
	overflow: hidden;
	display: block;
	margin: 4px 0px;
	height: 22px;
	padding: 0px;
	cursor: pointer;
	float: left;
}
#siteNav ul {
	position: absolute;
	left: -1px;
	top: 25px;
	font-size: 12px;
	list-style-type: none;
	line-height: 20px;
	clear: both;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	width: 100px;
	border: 1px solid #437C8E;
	display: none;
	z-index: 2;
	float: none;
}
#siteNav ul li {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 100px;
}
#siteNav ul a {
	margin: 0px;
	height: 20px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 20px;
	display: block;
	width: 80px;
	font-weight: normal;
	color: #437C8E;
}
#siteNav ul a:link, #siteNav ul a:visited {}
#siteNav ul a:active, #siteNav ul a:hover {
	color: #FFFFFF;
	background-color: #729EAD;
}
/*
#siteNav li:hover ul, #siteNav li:focus ul {
	display: block;
}
*/
#userNav {
	margin: 0px;
	padding: 0px;
	float: right;
	overflow: hidden;
	font-size: 12px;
	height: 50px;
	list-style-type: none;
}
#userNav li {
	display: block;
	padding: 7px 10px 7px 0px;
	float: left;
	height: 20px;
	text-align: right;
	margin: 5px;
}

#siteNav li a:link, #siteNav li a:visited {
	text-decoration: none;
}
#siteNav li a:active, #siteNav li a:hover {
	background-color: #6996A5;
}

#userNav li a:link, #userNav li a:visited, #siteNav li a.edit:link, #siteNav li a.edit:visited {
	color:#BED2D8;
	text-decoration: none;
}
#userNav li a:active, #userNav li a:hover, #siteNav li a.edit:active, #siteNav li a.edit:hover {
	background: none;
	color:#FFFFFF;
	text-decoration: underline;
}
#main {
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../images/main_bg1.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

body.home #main {
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
body.topic #main {
	background-image: url(../images/main_bg2.gif);
}
body.photo #main {
	background-image: url(../images/main_bg2.gif);
}
body.activity #main {
	background-image: url(../images/main_bg2.gif);
}
body.group #main {
	background-image: url(../group/images/main_bg_group.gif);
}

#contentPage {
	float: right;
	width: 726px;
	overflow: hidden;
	margin-top: -1px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 0px;
	padding-top: 1px;
}

#contentHead {
	padding: 24px 0px 0px 0px;
	margin: 0px;
	position: relative;
}
#contentHead #subNav {
	padding: 20px 10px 0px 10px;
}
#contentMain {
	clear: both;
	padding: 10px;
}
#contentFoot {}

.wrapper {
	clear: both;
}
#colMain {
	float: left;
	width: 489px;
	overflow: hidden;
}
#colSide {
	float: right;
	width: 177px;
	overflow: hidden;
}

.contentBody #colMain {
	width: 429px;
}
.contentBody #colSide {
	width: 177px;
}
#contentMain #colMain {
	width: 469px;
}
#contentMain #colSide {
	width: 177px;
}

/*------- Home styles -------*/
#columnMain {
	float: left;
	width: 479px;
	overflow: hidden;
}
#columnMain h2.title span {
	left: 414px;
	white-space: nowrap;
}
.updates p {
	margin: 0px 5px;
	padding-left: 20px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: left 5px;
}
.updates p.act_activity_edit {
	background-image: url(../images/icon_activity_edit.gif);
}
.updates p.act_activity_add {
	background-image: url(../images/icon_activity_add.gif);
}
.updates p.act_friend {
	background-image: url(../images/icon_hands.gif);
}
.updates p.act_group_add {
	background-image: url(../images/icon_group_add.gif);
}
.updates p.act_group_edit {
	background-image: url(../images/icon_group_edit.gif);
}
.updates p.act_group_leave {
	background-image: url(../images/icon_group_min.gif);
}
.updates p.act_post_edit {
	background-image: url(../images/icon_post_edit.gif);
}
.updates p.act_blog_edit {
	background-image: url(../images/icon_blog_edit.gif);
}
.updates p.act_comment_add {
	background-image: url(../images/icon_comment_add.gif);
}
.updates p.act_poll_edit {
	background-image: url(../images/icon_poll_edit.gif);
}
.updates p.act_poll_add {
	background-image: url(../images/icon_poll_add.gif);
}
.updates p.act_shout {
	background-image: url(../images/icon_comment.gif);
}
.updates p.act_profile {
	background-image: url(../images/icon_user_edit.gif);
}
.updates p.act_photo {
	background-image: url(../images/icon_photo_add.gif);
}
.updates p.act_foto {
	border-bottom: 1px solid #D9E5E8;
	margin-bottom: 5px;
}
.updates p.act_share {
	background-image: url(../images/icon_share.gif);
}
.updates p.act_music {
	background-image: url(../images/icon_soundtrack.gif);
}
.updates p.act_usersale {
	background-image: url(../images/icon_usersale.gif);
}

.updates p.underlined {
	border-bottom: 1px solid #D9E5E8;
	margin-bottom: 5px;
	clear: both;
}
.updates div.underline {
	border-bottom: 1px solid #D9E5E8;
	padding: 2px 0px;
	margin-bottom: 5px;
	margin-left: 25px;
	clear: both;
}


p.user {
	margin: 5px;
	padding: 3px;
	float: left;
	width: 70px;
	height: 100px;
	overflow: hidden;
	text-align: center;

}
p.user a {
	line-height: 20px;
}
.fans .user {
	margin: 3px 0px;
}
.activities {}
.activities .featured {
	float: left;
	width: 100px;
	margin: 3px 5px;
	padding: 0px;
	text-align: center;
	overflow: hidden;
}
.activities .activity {
	width: 98%;
	margin: auto;
	line-height: 20px;
	overflow: hidden;
	font-size: 12px;
}

.publicActivities div.activity {
	margin: 5px 0px;
	padding: 0px;
	border: none;
	border-bottom: 1px solid #CCCCCC;
}
.publicActivities div.activity p {
	font-size: 12px;
	margin: 0px 5px;
	padding: 3px 5px;
}
.publicActivities p.activity {
	font-size: 12px;
	line-height: 16px;
	margin: 3px 5px;
}

.photos .photo {
	margin: 5px;
	padding: 0px 5px;
	float: left;
	width: 100px;
	line-height: 20px;
	text-align: center;
	overflow: hidden;
	height: 128px;
}
.photos .photo a {
	display: block;
}
.topics .topic {
	font-size: 12px;
	line-height: 14px;

}

.groups p {
	line-height: 20px;
}
.groups .group {
	margin: 2px;
	padding: 1px;
	float: left;
	width: 100px;
	line-height: 20px;
	text-align: center;
	overflow: hidden;
	height: 120px;
}
.groups .group a {
	display: block;
}


#columnSide {
	float: left;
	width: 186px;
	padding-left: 1px;
	overflow: hidden;
	position: relative;
	background-image: url(../images/column_side.png);
	background-repeat: repeat-y;
	background-position: left top;
}
#columnSide p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px;
	
}
#columnSide h4.title {
	height: 20px;
	line-height: 20px;
	margin: 8px 5px;
}
#columnSide .user {
	padding: 3px;
	float: left;
	height: 90px;
	width: 70px;
	overflow: hidden;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
}
.requests p {
	background-repeat: no-repeat;
	background-position: 5px 3px;
	padding-left: 25px;
	line-height: 16px;
	height: 16px;
}
.requests p.friend {
	background-image: url(../images/icon_user_add.gif);
/*
	border-bottom: 1px solid #D9E5E8;
*/
}

.pokes p {
	background-image: url(../images/icon_emotion_wink.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	padding-left: 25px;
}
.birthdays table {
	line-height: 20px;
}
.birthdays table th {
	font-weight: normal;
	text-align: right;
	padding: 1px 5px;
	vertical-align: top;
}
.birthdays table td {
	padding: 1px 5px;
}


#birthdayCalendar {
}
#birthdayCalendar fieldset {
	margin: 10px 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}
#birthdayCalendar legend {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin: 5px;
	padding: 0px 5px;
}
#birthdayCalendar p {
	background-color: #F4F4F4;
	border: 1px solid #ECECEC;
	margin: 10px;
	padding: 10px;
}
#birthdayCalendar ul {
	background-color: #F4F4F4;
	border: 1px solid #ECECEC;
	margin: 10px;
	padding: 10px;
	list-style-type: none;
	list-style-position: outside;
}

#birthdayCalendar fieldset.blank {
	border: none;
}
#birthdayCalendar fieldset.blank legend {
	color: #999999;
}

.findFriend p {
	background-image: url(../images/friend_finder.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	padding-left: 25px;
}
#sideBar {
	float: left;
	width: 172px;
	overflow: hidden;
}


#globalSearch {
	height: 40px;
	padding: 8px 5px;
	margin: 0px;
	background-color: #F4F4F4;
	position: relative;
}
#globalSearch h2 {
	font-size: 12px;
	padding: 0px;
	height: 20px;
	display: block;
	margin: 0px 0px 0px 5px;
	width: 40px;
	overflow: hidden;
	position: absolute;
	left: 5px;
	top: 8px;
}
#globalSearch h2 a {
	display: block;
	height: 19px;
	line-height: 19px;
	text-decoration: none;
	margin: 0px;
	text-align: center;
	padding: 0px;
}
#globalSearch h2 a:link, #globalSearch h2 a:visited {
	color: #333333;
}
#globalSearch h2 a:active, #globalSearch h2 a:hover {
	color: #FFFFFF;
	background-color: #729EAD;
/*
	border: 1px solid #437C8E;
*/
}

#moreSearchBtn {
	cursor: pointer;
	width: 13px;
	height: 19px;
	background-image: url(http://club.diyto.cn/templates/template_chinese/images/bg_arrow_down.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 50px;
	top: 8px;
}

ul#moreSearch {
	position: absolute;
	left: 10px;
	top: 26px;
	font-size: 12px;
	list-style-type: none;
	line-height: 20px;
	clear: both;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	width: 120px;
	border: 1px solid #437C8E;
	display: none;
	z-index: 2;
	float: none;
	list-style-position: outside;
}
ul#moreSearch li {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 100px;
}
ul#moreSearch a {
	margin: 0px;
	height: 20px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 20px;
	display: block;
	width: 100px;
	font-weight: normal;
	color: #437C8E;
	text-decoration: none;
}
ul#moreSearch a:link, ul#moreSearch a:visited {}
ul#moreSearch a:active, ul#moreSearch a:hover {
	color: #FFFFFF;
	background-color: #729EAD;
}

#searchForm {
	clear: both;
}
#searchForm p {
	margin: 0px 5px;
	padding: 0px;
}
#searchForm .keyword {
	border: 1px solid #98B7C1;
	border-right: none;
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	vertical-align: bottom;
	margin-top: 18px;
	width: 90px;
	padding: 0px;
	display: block;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#searchForm .btnSearch {
	width: 20px;
	margin: 0px;
	padding: 0px;
	text-indent: -100px;
	height: 20px;
	border: 1px solid #6D99A7;
	display: block;
	overflow: hidden;
	background-image: url(http://club.diyto.cn/templates/template_chinese/images/bg_search_glass.gif);
	background-repeat: no-repeat;
	background-position: -1px center;
	font-size: 10px;
	background-color: #72A6AD;
	position: absolute;
	top: 26px;
	right: 52px;
	color: #FFFFFF;
}

#userPanel {
	background-color: #F4F4F4;
	border-bottom: 1px solid #DDDDDD;
	clear: both;
}
#userPanel ul {
	margin: 0px;
	padding: 0px 10px;
	list-style-type: none;
	list-style-position: outside;
	clear: both;
}
#userPanel ul li {
	background-image: url(http://club.diyto.cn/templates/template_chinese/images/icons_app.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 3px 0px 2px 0px;
	clear: both;
	height: 25px;
	line-height: 25px;
}
#userPanel ul li.activity {
	background-position: left 7px;
}
#userPanel ul li.member {
	background-position: left -33px;
}
#userPanel ul li.blog {
	background-position: left -73px;
}
#userPanel ul li.photo {
	background-position: left -113px;
}
#userPanel ul li.cast {
	background-position: left -153px;
}
#userPanel ul li.music {
	background-position: left -193px;
}
#userPanel ul li.share {
	background-position: left -233px;
}
#userPanel ul li.mobile {
	background-position: left -273px;
}
#userPanel ul li.poll {
	background-position: left -313px;
}
#userPanel ul li.usersale {
	background-position: left -353px;
}
#userPanel ul li.userimage {
	background-position: left -553px;
}
#userPanel ul li.gift {
	background-position: left -593px;
}
#userPanel ul li.tease {
	background-position: left -633px;
}
#userPanel ul li.psycho {
	background-position: left -673px;
}
#userPanel ul li.photorating {
	background-position: left -713px;
}
#userPanel ul li.parking {
	background-position: left -753px;
}


#userPanel ul li.sport {
	background-position: left -393px;
}
#userPanel ul li.review {
	background-position: left -433px;
}
#userPanel ul li.track {
	background-position: left -473px;
}
#userPanel ul li.help {
	background-position: left -513px;
}

#userPanel ul li a {
	display: block;
	padding-left: 20px;
	float: left;
	width: 80px;
	font-size: 14px;
}
#userPanel ul li a.do {
	float: right;
	width: 30px;
	font-size: 12px;
	padding: 0px;
	text-align: right;
}
#panelMore {
	border-top: 1px solid #CCCCCC;
	display: none;
}
p#morePanel {
	margin: 0px;
	padding: 0px;
	clear: both;
}
p#morePanel a {
	background-image: url(../images/arrow_gray.gif);
	background-repeat: no-repeat;
	background-position: 5px top;
	display: block;
	height: 15px;
	font-size: 11px;
	color: #666666;
	padding-left: 20px;
}
p#morePanel a:hover {
	background-color: #EBEBEB;
}
#signForm {
	padding: 0px 10px;
	margin: 0px;
}
#signForm label {
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 5px;
	display: block;
}
#signForm .userInput {
	font-size: 12px;
	line-height: 15px;
	height: 20px;
	border: 1px solid #98B7C1;
	padding: 2px;
	width: 80px;
}


#footer {
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	padding-left: 130px;
	height: 100px;
}
body.topic #footer {
	background-image: url(../images/footer_bg.gif);
}
body.photo #footer {
	background-image: url(../images/footer_bg.gif);
}
body.activity #footer {
	background-image: url(../images/footer_bg.gif);
}
body.group #footer {
	background-image: url(../group/images/footer_bg_group.gif);
}
#footer form.search {
	padding: 5px;
	text-align: right;
	margin-right: -2px;
}
#footer p.txt_light {
	float: left;
	width: 230px;
	font-size: 12px;
	line-height: 18px;
	padding: 5px 0px;
	margin: 5px;
}
#footer ul {
	margin: 0px;
	padding: 5px;
	float: right;
	list-style-type: none;
	height: 30px;
	overflow: hidden;
	width: 380px;
}
#footer ul li {
	font-size: 12px;
	line-height: 20px;
	display: block;
	padding: 0px;
	height: 20px;
	float: left;
	white-space: nowrap;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

/*------- Register style -------*/
div#register {
	padding: 30px 50px;
	font-size: 14px;
	min-height: 200px;
}
#register h3 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin: 5px 0px;
	padding: 5px 0px;
}

#register form textarea {
	height: 5em;
	width: 80%;
}
#registerHead {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#registerHead p {
	padding: 3px 0px;
	margin: 0px;
}
table.register {
	width: 100%;
	background-color: #FFFFFF;
}
table.register th {
	color: #666666;
	text-align: right;
	padding: 5px 10px;
}
table.register td {
	padding: 5px 10px;
}

.subNav {
	display: block;
	font-size: 12px;
	line-height: 20px;
	height: 21px;
	list-style-type: none;
	padding: 0px 5px;
	margin: 5px 0px;
	clear: both;
	border-collapse: collapse;
	border-bottom: solid 1px #999999;
}
.subNav li {
	display: block;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
}
.subNav li.first {
	border-bottom: none;
}
.subNav li.current {
	border: 1px solid #999999;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
}
.subNav li.right {
	border-bottom: none;
	float: right;
}
.subNav li a {
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
}
.subNav li a:link, .subNav li a:visited {
	background-color: #F1F1F1;
}
.subNav li a:active, .subNav li a:hover {
	background-color: #E1E1E1;
	color: #333333;
}
.subNav li.current a:link, .subNav li.current a:visited {
	color: #333333;
	background-color: #FFFFFF;
}

ul.menu {
	list-style-type: none;
	margin: 10px 0px;
	padding: 0px;
	list-style-position: outside;
}
ul.menu li {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #D9E5E8;
}
ul.menu li a{
	display: block;
	font-size: 12px;
	line-height: 20px;
	margin: 0px;
	padding:0px 10px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
}
ul.menu li a:link, ul.menu li a:visited {
	background-image: url(../groups/images/icon_triangle_yellow.gif);
}
ul.menu li a:active, ul.menu li a:hover {
	background-image: url(../groups/images/icon_triangle_white.gif);
	background-color: #437C8E;
	color: #FFFFFF;
}
/* ------- Inbox styles ------- */
#subNav {
	font-size: 12px;
	line-height: 19px;
	height: 20px;
	border-bottom: 1px solid #888888;
	list-style-type: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px 10px;
	clear: both;
}
.contentHead #subNav, .personalHead #subNav, .groupPanel #subNav {
	padding: 10px 20px 0px 20px;
}
#subNav li {
	float: left;
	border-collapse: collapse;
	margin: 0px;
	border: 1px solid #999999;
	border-bottom: none;
	border-left: none;
	padding: 0px;
	background-color: #F7F7F7;
}
#subNav li.first {
	border: 1px solid #999999;
	border-bottom: none;
}
#subNav li.right {
	border: 1px solid #999999;
	border-bottom: none;
	float: right;
}
#subNav li.current {
	background-color: #729EAD;
	margin-left: -1px;
}
#subNav li a {
	display: block;
	padding-right: 10px;
	padding-left: 10px;
}

#subNav li a:link, #subNav li a:visited {
	color: #333333;
}
#subNav li a:active, #subNav li a:hover {
	color: #333333;
	text-decoration: underline;
}
#subNav li.current a:link, #subNav li.current a:visited {
	color: #FFFFFF;
}
#subNav li.current a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


table.messages {
	background-color: #FFFFFF;
}
table.messages th {
	text-align: left;
	border: 1px solid #CCCCCC;
	border-left: none;
	border-right: none;
	color: #666666;
	font-weight: normal;
	padding: 3px 5px;
}
table.messages td {
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 5px 3px 5px 7px;
}
table.messageView {
	margin-bottom: 5px;
}
table.messageView th {
	border-bottom: 1px solid #CCCCCC;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background-color: #F4F4F4;
}
table.messageView th p {
	margin: 3px 5px;
	padding: 3px;
}
table.messageView textarea.input {
	width: 100%;
	height: 8em;
}
table.messageView td.content {
	border-bottom: 1px solid #D9E5E8;
	background-color: #FFFFFF;
}
table.messageView p {}
table.compose {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
table.compose th {
	color: #666666;
	text-align: right;
	padding: 5px;
}
table.compose td {
	padding: 5px;
}
table.compose .input {
	background-color: #FFFFFF;
	border: 1px solid #98B7C1;
	width: 80%;
	line-height: 18px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
textarea.input {
	width: 90%;
	height: 6em;
	border: 1px solid #98B7C1;
}

/* ------- Friends styles ------- */

#friendRequest {
	border: 1px solid #D9E5E8;
}
#friendRequest table {}
#friendRequest table th {
	font-weight: normal;
	padding: 5px;
	color: #666666;
}
#friendRequest table td {
	padding: 5px;
	border-top: 1px solid #D9E5E8;
}
table.friend {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 100%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
table.friend td {
	padding: 10px;
	vertical-align: top;
	line-height: 20px;
}

/* ------- Networks styles ------- */

.contentHead form.search {
	position: absolute;
	top: 10px;
	right: 10px;
}
#currentNetwork {
	border-bottom: 1px solid #898989;
	padding: 0px;
	height: 19px;
	margin: 20px 0px 10px 0px;
}
#currentNetwork a {
	color: #FFFFFF;
	background-color: #729EAD;
	padding-right: 10px;
	padding-left: 10px;
	display: block;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	font-size: 12px;
	line-height: 18px;
	height: 18px;
	text-decoration: none;
	border: 1px solid #437C8E;
	border-bottom: none;
}
ul.network {
	border-bottom: 1px solid #898989;
	padding: 0px 20px;
	height: 19px;
	margin: 0px;
	list-style-type: none;
	list-style-position: outside;
}
ul.network li {
	display: block;
	float: left;
	padding: 0px 10px;
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	margin: 0px 10px 0px 0px;
	border: 1px solid #999999;
	border-bottom: none;
	background-color: #F7F7F7;
}
ul.network li.current {
	background-color: #729EAD;
	border: 1px solid #437C8E;
	border-bottom: none;
	color: #FFFFFF;
}
ul.network li.current a {
	display: block;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
ul.network li.right {
	margin: 0px 0px 0px 10px;
	float: right;
}
ul.network li a:link, ul.network li a:visited {
	color:#333333;
}
ul.network li.current a:link, ul.network li.current a:visited {
	color: #FFFFFF;
}


#networkMain {
	float: left;
	width: 479px;
	overflow: hidden;
}
#networkSide {
	float: right;
	width: 227px;
	overflow: hidden;
}
table.activities {
	margin: auto;
	width: 100%;
}
table.activities th {
	text-align: left;
	padding: 5px;
	font-weight: normal;
	color: #666666;
}
table.activities td {
	padding: 5px;
}


table.group {
	width: 100%;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
table.group td {
	vertical-align: top;
}
table.groups td {
	padding: 5px 10px;
}
#networkMain p.user {
	margin: 5px;
	padding: 5px;
	height: 80px;
	width: 70px;
}
#networkMain p.group, #networkSide p.group {
	float: left;
	height: 120px;
	width: 70px;
	line-height: 20px;
	margin: 5px;
	padding: 5px;
	text-align: center;
	word-break: break-all;
	overflow: hidden;
}
#networkMain p.group img, #networkSide p.group img {
	margin: 2px auto;
}
#networkMain .updates p {
	margin: 0px 5px 0px 10px;
}
#network  p.user {
	width: 85px;
}

.albums table.album {
	border-bottom: 1px solid #CCCCCC;
}

.albums table.album p {
	padding: 0px 5px;
	margin: 5px;
}

#networkMain div.topic {
	margin: 5px 0px;
	padding: 0px 5px;
}
#networkMain div.topic {
	line-height: 20px;
}
.publicTopics {
	border: 1px solid #CCCCCC;
	border-bottom: none;
}
.publicTopics table.topic {
	border-bottom: 1px solid #CCCCCC;
}

div.network {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 10px auto;
}
div.network h3 {
	font-size: 14px;
	margin: 5px;
	padding: 5px;
}
div.network form p {
	margin: 5px;
	padding: 3px 5px;
}
#dialogSelect {
	width: 580px;
	padding: 10px;
	z-index: 100;
	background-color: #E2F0F3;
	overflow: hidden;
	margin: auto;
	margin-top: 250px;
}
#selectContent {
	background-color: #FFFFFF;
	border: 1px solid #688EBF;
}
#selectHead, #selectBody {
	margin: 5px;
	border: 1px solid #CCCCCC;
}
#selectContent p.cities {
	margin: 0px;
	padding: 5px;
}
#selectBody {
	height: 200px;
	overflow: auto;
}
#selectContent ul.schools {
	color: #999999;
	margin: 5px;
	padding: 5px;
	list-style-position: outside;
	list-style-type: none;
}
#selectContent ul.schools li {
	display: block;
	float: left;
	width: 160px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	background-image: url(../images/li_sq_gray.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}
#selectContent ul.schools li.clear {
	height: 1px;
	width: 80%;
	clear: both;
	float: none;
	background: none;
}
#selectFoot p {
	text-align: right;
	padding: 0px;
	margin: 5px;
}

/*------- network browse -------*/

#browseHead {
	padding: 10px 20px;
}
#browseHead h2 {
	padding: 5px 0px;
}
#browseHead p {
	margin: 5px 0px;
	padding: 5px 0px;
}
#browseHead .left {
	float: left;
	width: 40%;
}
#browseHead .right {
	float: right;
	width: 50%;
}
#browseHead .right input.input {
	width: 90%;
}
.alphabet {
	height: 100%;
}
.alphabet span.current, .alphabet .current a {
	color: #FFFFFF;
	background-color: #3668A9;
	text-decoration: none;
}
.contentInner h4.title {
	margin: 10px;
	padding: 3px 0px;
	background: none;
	border-bottom: 1px solid #D7E1EE;
}
ul.company {
	color: #999999;
	margin: 5px;
	padding: 0px;
	list-style-position: outside;
	list-style-type: none;
}
ul.company li {
	display: block;
	float: left;
	width: 135px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	background-image: url(../images/li_sq_gray.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}
ul.company li.clear {
	height: 1px;
	width: 80%;
	clear: both;
	float: none;
	background: none;
}

/* ------- Profile styles ------- */
table.profile {
	width: 80%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
table.profile th {
	color: #666666;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
}
table.profile td {
	padding: 5px;
}
table.profile .input {
	width: 45%;
}
table.profile textarea.input {
	width: 80%;
	height: 5em;
}
table.privacy {
	width: 80%;
	margin: auto;
}
table.privacy th {
	color: #666666;
	text-align: left;
	padding: 5px;
	font-weight: normal;
}
table.privacy td {
	padding: 5px;
}
#regionSet strong {
	padding-right: 8px;
}
#regionSet p {
	padding: 3px 0px;
}

/* ------- space styles ------- */

#spaceMain {
	float: right;
	width: 516px;
	overflow: hidden;
}
#spaceMain h3.title, #spaceSide h3.title {
	margin: 0px;
}

#spaceSide {
	float: left;
	width: 200px;
}
.spaceHead {
	height: 130pt;
}
.spaceHead h1 {
	font-size: 14px;
	margin: 0px;
	background-color: #F7F7F7;
	border-bottom: 1px solid #CCCCCC;
	padding: 20px 10px 5px 240px;
}
.spaceHead table.meta {
	margin-left: 230px;
	width: 400px;
}
#userInfo {
	margin-top: -130pt;
	position: relative;
}
#userInfo p {
	text-align: center;
}
#userInfo p.avatar {
	padding: 5px 0px;
	margin: 5px 0px;
}
#userUpdate p {
	margin-left: 10px;
}
#userUpdate p.subBar {
	margin: 0px;
	padding: 3px 10px;
}
.tracks {
	font-size: 12px;
	line-height: 16px;
	list-style-position: outside;
	list-style-type: none;
}
.tracks li {
	background-image: url(../space/images/icon_btn_play.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 3px 0px;
	padding: 0px 0px 0px 20px;
	height: 16px;
	overflow: hidden;
}
.tracks li.current {
	background-position: left bottom;
}
.tracks li:hover {
	background-position: left center;
}

table.template {
	margin: auto;
	width: 80%;
	border-collapse: collapse;
}
table.template th {
	color: #666666;
	padding: 5px;
}
table.template td {
	padding: 5px;
	text-align: center;
	border: 3px solid #FFFFFF;
}

/* ------- activity settings ------- */

#activityMain {
	float: left;
	width: 446px;
	overflow: hidden;
}
body.activity #activityMain {
	float: left;
	width: 576px;
	overflow: hidden;
}
#activitySide {
	float: right;
	width: 180px;
	overflow: hidden;
}
#activityMain .col, #activitySide .col {
	margin: 5px 0px;
}
table.activity {}
table.activity th {
	color: #437C8E;
	padding: 5px 10px;
	text-align: left;
}
table.activity td {
	padding: 3px 10px;
}
.participators .user {
	margin: 5px;
	padding: 3px;
	height: 120px;
	width: 70px;
	overflow: hidden;
}



#guestbook small {
	color: #999999;
	font-size: 11px;
}
#guestbook .message {
	padding-left: 80px;
	font-size: 12px;
	color: #444444;
	border-bottom: 1px solid #D9E5E8;
}
#guestbook .userIcon {
	float: left;
	margin-left: -80px;
}
.visitors .user {
	width: 70px;
	margin: 5px 1px;
}

div.activity {
	background-color: #FFFFFF;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	clear: both;
	position: relative;
}
.activity dl {
	margin: 0px;
	padding: 0px;
	display: block;
	clear: both;
	width: 100%;
}
.activity dl dt {
	font-size: 12px;
	color: #888888;
	display: block;
	float: left;
	width: 60px;
	line-height: 20px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	clear: left;
}
.activity dl dd {
	display: block;
	line-height: 20px;
	float: left;
	width: 60%;
	margin: 0px;
	padding: 0px;
}
.activity dl dd.title {
	font-size: 14px;
	font-weight: bold;
}
.activity ul.status {
	position: absolute;
	top: 10px;
	list-style-type: none;
	right: 30px;
	margin: 0px;
	padding: 0px;
}
.activity ul.status li {
	margin: 0px;
	width: 60px;
	padding: 0px;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #D9E5E8;
}
.activity ul.status li a {
	display: block;
}
.activity .close {
	color: #888888;
}
.activity .open {
	color: #009900;
}

/* ------- message inbox ------- */

table.message {
	margin: 10px 0px 0px 0px;
	border-bottom: 1px solid #D9E5E8;
}
table.message th {
	background-color: #EEEEEE;
	border-top: 1px solid #437C8E;
	border-bottom: 1px solid #D9E5E8;
	text-align: left;
}
table.message th p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 3px;
}
table.message td {
	vertical-align: top;
}
table.message td.content {
	
}


/* ------- personal styles ------- */

.personalHead {
	position: relative;
}
.personalHead #subNav {
	padding-top: 10px;
}
.personalHead .personalAvatar {
	float: left;
	margin: 5px;
	padding: 15px 10px 5px 10px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.personalHead h2 {
	font-size: 14px;
	margin: 0px;
	background-color: #F7F7F7;
	border-bottom: 1px solid #CCCCCC;
	padding: 20px 10px 5px 85px;
}
.personalHead .personalNav {
	padding-left: 80px;
}

.personalHead .personalLocation {
	margin: 5px;
	padding: 3px 5px 3px 15px;
}

/* ------- blog ------- */

h4.articleTitle {
	margin: 0px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}

/* ------- photo ------- */

.photoHead {
	padding-right: 10px;
	padding-left: 10px;
}
.photoHead p {
	padding: 0px;
	margin: 5px;
}
.photoCounter {
	float: left;
}
.photoPaginator {
	float: right;
}
.photoContent {
	padding: 15px;
	background-color: #F7F7F7;
	border: 1px solid #D9E5E8;
	border-left: none;
	border-right: none;
}
.photoPicture {
	text-align: center;
}
.photoPicture img {
	border: 1px solid #DDDDDD;
}
.photoDesc {
	margin: 5px 0px;
	padding: 3px 0px;
}
.photoBy {
	float: left;
	width: 400px;
	overflow: hidden;
	margin: 5px 0px;
	padding: 3px 0px;
}
.photoWhere {
	float: left;
	width: 190px;
	overflow: hidden;
	border-left: 1px solid #CCCCCC;
	padding-left: 10px;
}
.photoComment {
	margin: 10px 20px;
}

.board form p {
	padding: 3px 0px;
	margin: 5px 0px;
}

table.photoStream {
	margin: auto;
	width: 100%;
}

.stream_view h4 {
	margin: 0px 5px 5px 0px;
	padding: 0px 5px 5px 0px;
	font-size: 14px;
	font-weight: normal;
	width: 150px;
	word-break: break-all;
	display: block;
}
.stream_view p.photo {
	margin: 0px 5px 5px 0px;
	padding: 0px 5px 5px 0px;
}
.stream_view p.description {
	margin: 0px 5px 5px 0px;
	padding: 0px 5px 5px 0px;
	width: 150px;
	word-break: break-all;
}
.stream_view p.description a:link, .stream_view p.description a:visited {
	text-decoration: underline;
}
.stream_view p.privacy {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #999999;
}
.stream_view p.do {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #999999;
}
.stream_view p.activity {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #999999;
}
input.active {
	color: #000000;
}
input.inactive {
	color: #999999;
}
.active {
	background-color: #FFFFD3;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
	width: 500px;
	word-break: break-all;
}
.stream_view .active {
	width: 150px;
}
.photo_title {
	font-weight: bold;
	color: #000000;
	font-size: 16px;
	word-break: break-all;
}
#photo {
	background-color: #F7F7F7;
	width: 100%;
}
#photo .photo_title {
	font-size: 20px;
}

.hover {
	background-color: #FFFFD3;
	width: 500px;
}
.stream_view .hover {
	width: 150px;
}
#photoMain {
	float: left;
	width: 509px;
	overflow: hidden;
}
#photoSide {
	float: right;
	width: 137px;
	overflow: hidden;
}

#photo h1 {
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #000000;
	padding: 2px;
	width: 500px;
	word-break: break-all;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 3px;
}
#photo_img {
	z-index: 0;
	position: relative;
}
#photo_img p {
	margin: 0px;
	padding: 0px;
}
#photo_about {
	width: 500px;
	padding: 10px 0px;
}
#photo_about p {
	padding: 3px 0px;
	margin: 5px 0px;
}
#photo_notes {
	position: absolute;
	z-index: 1000;
	left: 0px;
	top: 0px;
}
.photo_note {
	min-width: 500px;
	position: absolute;
}
.photo_note_box {
	position: absolute;
	font-size: 1px;
	line-height: 1px;
}
.photo_note_box:hover, .photo_note_box:focus {
	/*
	margin: -1px;
	border: 1px solid #FFFF99;
	*/
}
.photo_note_box_inner {
	border: 1px solid #000000;
}
.photo_note_box_inner_inner {
	border: 1px solid #FFFFFF;
}
.photo_note_box_inner_inner div {
	background-color: #FFFFFF;
	filter: Alpha(Opacity=0);
	..-opacity: 0;
	opacity: 0;
	-khtml-opacity: 0;
}
#photo_img .photo_note_txt {
	position: absolute;
	width: 200px;
}
#photo_img .photo_note_txt p {
	position: absolute;
	background-color: #FFFFCC;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin: 0px;
	border: 1px solid #000000;
	font-size: 12px;
	line-height: 16px;
}


#add_photo_note {
	z-index: 1000;
	width: 220px;
	position: relative;
	left: 0px;
	top: 60px;
}
.photo_note_box_temp {
	cursor: pointer;
}
.resize_hand {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 6px;
	width: 6px;
	border: 1px solid #000000;
	position: absolute;
	overflow: hidden;
}

.hand_tl {
	left: 0px;
	top: 0px;
	cursor: nw-resize;
}
.hand_tr {
	left: 42px;
	top: 0px;
	cursor: ne-resize;
}
.hand_br {
	left: 42px;
	top: 42px;
	cursor: se-resize;
}
.hand_bl {
	left: 0px;
	top: 42px;
	cursor: sw-resize;
}

#button_bar ul {
	margin: 0px;
	padding: 0px;
	height: 30px;
}
#button_bar li {
	display: block;
	margin: 3px;
	padding: 0px;
	float: left;
}
#button_bar a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 24px;
	background-repeat: no-repeat;
	text-indent: -12000px;
	overflow: hidden;
}
#button_bar a.btn_add_to_faves {
	background-image: url(../photos/images/btn_add_to_faves_normal.gif);
	width: 56px;
}
#button_bar a.btn_add_to_faves:hover {
	background-image: url(../photos/images/btn_add_to_faves_over.gif);
}
#button_bar a.btn_add_to_faves:active {
	background-image: url(../photos/images/btn_add_to_faves_down.gif);
}
#button_bar a.btn_add_note {
	background-image: url(../photos/images/btn_add_note_normal.gif);
	width: 46px;
}
#button_bar a.btn_add_note:hover {
	background-image: url(../photos/images/btn_add_note_over.gif);
}
#button_bar a.btn_add_note:active {
	background-image: url(../photos/images/btn_add_note_down.gif);
}
#button_bar a.btn_send_to_group {
	background-image: url(../photos/images/btn_send_to_group_normal.gif);
	width: 55px;
}
#button_bar a.btn_send_to_group:hover {
	background-image: url(../photos/images/btn_send_to_group_over.gif);
}
#button_bar a.btn_send_to_group:active {
	background-image: url(../photos/images/btn_send_to_group_down.gif);
}
#button_bar a.btn_send_to_set {
	background-image: url(../photos/images/btn_send_to_set_normal.gif);
	width: 50px;
}
#button_bar a.btn_send_to_set:hover {
	background-image: url(../photos/images/btn_send_to_set_over.gif);
}
#button_bar a.btn_send_to_set:active {
	background-image: url(../photos/images/btn_send_to_set_down.gif);
}
#button_bar a.btn_send_to_blog {
	background-image: url(../photos/images/btn_blog_this_normal.gif);
	width: 47px;
}
#button_bar a.btn_send_to_blog:hover {
	background-image: url(../photos/images/btn_blog_this_over.gif);
}
#button_bar a.btn_send_to_blog:active {
	background-image: url(../photos/images/btn_blog_this_down.gif);
}
#button_bar a.btn_zoom {
	background-image: url(../photos/images/btn_zoom_normal.gif);
	width: 49px;
}
#button_bar a.btn_zoom:hover {
	background-image: url(../photos/images/btn_zoom_over.gif);
}
#button_bar a.btn_zoom:active {
	background-image: url(../photos/images/btn_zoom_down.gif);
}
#button_bar a.btn_rotate {
	background-image: url(../photos/images/btn_rotate_normal.gif);
	width: 52px;
}
#button_bar a.btn_rotate:hover {
	background-image: url(../photos/images/btn_rotate_over.gif);
}
#button_bar a.btn_rotate:active {
	background-image: url(../photos/images/btn_rotate_down.gif);
}
#button_bar a.btn_delete {
	background-image: url(../photos/images/btn_delete_normal.gif);
	width: 49px;
}
#button_bar a.btn_delete:hover {
	background-image: url(../photos/images/btn_delete_over.gif);
}
#button_bar a.btn_delete:active {
	background-image: url(../photos/images/btn_delete_down.gif);
}

.groupHead {
	background-color: #F7F7F7;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
	padding: 8px 10px 5px 10px;
}
.groupHead .logo {
	margin: 5px;
	padding: 5px;
	position: absolute;
	top: 10px;
	right: 10px;
	height: 50px;
	overflow: hidden;
}
.groupHead h1 {
	padding-top: 10px;
}
.groupPanel p {
	padding: 5px 15px;
}

table.photos {
	text-align: center;
}
table.photos td {
	padding: 3px;
}
table.photos small {
	display: block;
	width: 128px;
	overflow: hidden;
}
table.photos a img {
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #CCCCCC;
}
table.photos img:hover {
	border: 1px solid #437C8E;
}

div.content {
	background-color: #F7F7F7;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
.contentInner {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
#albums {
	padding: 10px 20px;
}
#photoAlbums {
	padding: 5px 15px;
}

div.album {
	background-color: #FFFFFF;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	height: 100%;
}

div.album h4 {
	font-size: 14px;
	line-height: 18px;
	margin: 3px;
	padding: 2px;
	clear: right;
	overflow: hidden;
}
div.album p {
	font-size: 12px;
	margin: 3px;
	padding: 2px;
	float: left;
	line-height: 20px;
}
div.album p.cover {
	font-size: 12px;
	width: 150px;
	float: left;
}
table.albums {
	margin: 5px auto;
}
table.albums td {
	vertical-align: top;
	padding: 2px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
table.albums h4, table.albums p {
	padding: 2px;
	margin: 3px;
	line-height: 20px;
	width: 128px;
	float: left;
	display: block;
	overflow: hidden;
}
table.albums h4 {
	font-size: 14px;
}
table.albums p.cover {
	width: 150px;
}

table.manage {
	background-color: #FFFFFF;
	margin: auto;
	margin-bottom: 10px;
	width: 100%;
}
table.manage th {
	font-weight: normal;
	color: #666666;
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #D9E5E8;
	background-color: #F7F7F7;
}
table.manage td {
	padding: 5px;
	border-bottom: 1px solid #D9E5E8;
}

/* ------- blog ------- */

table.article {
	margin: 10px auto;
	width: 100%;
}
table.article td {
	vertical-align: top;
}
table.article th {
	font-weight: normal;
	color: #666666;
	background-color: #F7F7F7;
	text-align: left;
	padding: 5px;
}
table.article p {
	margin: 3px 5px;
	padding: 3px 0px;
}
table.article h3 {
	background-color: #EAEAEA;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	padding: 3px 5px;
}

table.compose {
	margin: auto;
	width: 100%;
}
table.compose th {
	color: #666666;
	text-align: left;
	padding: 5px 10px;
	border-bottom: 1px solid #D9E5E8;
}
table.compose td {
	padding: 5px 10px;
	border-bottom: 1px solid #D9E5E8;
}

/* ------- group styles ------- */
#groupMain {
	float: left;
	width: 511px;
	overflow: hidden;
}

#groupSide {
	float: right;
	width: 200px;
	overflow: hidden;
}
#groupMain h3.title, #groupSide h3.title {
	margin: 0px;
}

.subBar {
	height: 18px;
	margin: 0px 0px 10px 0px;
	padding: 3px 10px;
	background-color: #EEEEEE;
	color: #666666;
	border-top: 1px solid #CCCCCC;
	clear: both;
}
.subBar .info {
	float: left;
}
.subBar .action {
	float: right;
}
table.groupActivities {}
table.groupActivities th {
	text-align: left;
	padding: 2px 10px;
	font-weight: normal;
	color: #888888;
	background-color: #F7F7F7;
	border-bottom: 1px solid #CCCCCC;
}
table.groupActivities td {
	padding: 3px 10px;
	border-bottom: 1px solid #CCCCCC;
}
.message {
	margin-bottom: 10px;
}
.message p.head {
	background-color: #F1F1F1;
	height: 18px;
	clear: both;
	margin: 0px;
	padding: 0px 10px;
}
.message p.head span.author {
	float: left;
}
.message p.head span.action {
	float: right;
}

/* ------- topic ------- */

#topics .topics {
	padding: 0px;
	margin: 10px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	background-color: #FFFFFF;
}
div.topics div.topic {
	padding: 5px;
	margin: 0px;
}
div.topic {
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
}
div.topic h3 {
	font-size: 14px;
	margin: 3px;
	padding: 2px;
}
div.topic p {
	margin: 3px;
	padding: 2px;
}
div.topic p.btnDig {
	position: absolute;
	top: 5px;
	right: 5px;
	background-image: url(../cp/images/bg_dig.gif);
	height: 55px;
	width: 55px;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 36px;
	background-repeat: no-repeat;
}
div.topic p.btnDig a {
	font-size: 12px;
	line-height: 16px;
	display: block;
	font-weight: normal;
}


ul.entry2 {
	margin: 5px;
	clear: both;
	list-style-type: none;
	height: 150px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}
ul.entry2 li {
	display: block;
	margin: 5px;
	padding: 5px;
	float: left;
	width: 45%;
}
ul.entry2 li a {
	display: block;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	padding: 30px 20px 30px 120px;
	border: 3px solid #ECECEC;
	background-repeat: no-repeat;
	background-position: 10px center;
}
ul.entry2 li.doc a {
	background-image: url(../images/document.png);
}
ul.entry2 li.group a {
	background-image: url(../images/group.png);
}
ul.entry2 li.email a {
	background-image: url(../images/logo_email.png);
}
ul.entry2 li.mobile a {
	background-image: url(../images/logo_phone.png);
}
ul.entry2 li a:link, ul.entry2 li a:visited {
	color: #666666;
	border-color: #ECECEC;
}
ul.entry2 li a:active, ul.entry2 li a:hover {
	color: #437C8E;
	border-color: #CCCCCC;
}

/* ------- dianping ------- */

.shop {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	padding: 5px;
	position: relative;
}
.shop .name {
	font-size: 12px;
	margin: 3px;
	padding: 2px;
}
.shop .thumb {
	position: absolute;
	top: 5px;
	right: 5px;
}
.shop .desc {
	width: 320px;
}
.shop .score {}
.shop .action {

}

#shopInfo {
	background-color: #F7F7F7;
	margin-bottom: 5px;
	padding: 5px;
	position: relative;
	border: 1px solid #CCCCCC;
}
#shopInfo p.desc {
	width: 280px;
}
#shopInfo .name {
	font-size: 14px;
	margin: 3px;
	padding: 2px;
}
#shopInfo .thumb {
	position: absolute;
	width: 150px;
	top: 5px;
	right: 5px;
}

table.products {
	background-color: #FFFFFF;
}
table.products th {
	background-color: #F7F7F7;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
	text-align: left;
	font-weight: normal;
	color: #666666;
}
table.products td {
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
}

#comments {
	background-color: #FFFFFF;
}

/* ------- poll ------- */

table.poll {
	border: 1px solid #CCCCCC;
}
table.options {
	margin:10px auto;
	border:3px solid #DDDDDD;
	border-collapse: collapse;
}
table.options td {
	vertical-align: top;
	text-align: center;
	border: 1px solid #CCCCCC;
}
.poll .percent {
	background-color: #FF9933;
	height: 10px;
	display: block;
	float: left;
	margin: 5px;
	padding: 0px;
}
.poll .digit {
	display: block;
	float: left;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

.poll em {
	color: #777777;
	font-style: normal;
}

/* ------- forum thread ------- */

table.post {
	width: 100%;
	margin: 0px auto 10px auto;
	border-collapse: collapse;
	font-size: 14px;
}
table.post th {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	padding-bottom: 5px;
}
table.post div.content {
	width: 710px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	word-break: break-all;
	background-color: #FFFFFF;
}
table.post td {
	vertical-align: top;
}
table.post table.head {
	background-color: #EEEEEE;
	border-top: 1px solid #437C8E;
	/*border-bottom: 1px solid #D9E5E8;*/
	text-align: left;
	font-size: 12px;
}
table.post table.head p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 3px;
}
table.post table.foot {
	font-size: 12px;
}

/* ------- group member ------- */

div.member {
	background-color: #FFFFFF;
	margin: 5px 0px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	position: relative;
}
div.member p {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 5px;
	padding: 5px;
}
div.member dl {
	display: block;
	padding: 0px;
	width: 320px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 120px;
	height: 110px;
	line-height: 16px;
}
div.member dl dt {
	display: block;
	float: left;
	width: 60px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #888888;
	height: 16px;
}
div.member dl dd {
	display: block;
	float: left;
	width: 250px;
	margin: 0px;
	padding: 0px;
	height: 16px;
	overflow: hidden;
}
div.member ul {
	margin: 5px;
	padding: 5px;
	width: 100px;
	list-style-type: none;
	position: absolute;
	top: 0px;
	right: 0px;
}
div.member ul li {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 80px;
	border-bottom: 1px solid #D9E5E8;
}
div.member ul li a{
	display: block;
	line-height: 16px;
	padding-right: 5px;
	padding-left: 5px;
}
div.member ul li a:link, div.member ul li a:visited {}
div.member ul li a:active, div.member ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #729EAD;
}

/* name card styles*/

table.name_card {
	background-color: #FFFFFF;
	border: 1px solid #666666;
	width: 62%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	filter: DropShadow(Color=#333333, OffX=3, OffY=3, Positive=1);
	color: #333333;
}
table.name_card p {
	font-size: 12px;
	line-height: 16px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin: 3px;
	color: #333333;
}
table.name_card h2.name, table.name_card h2.company {
	line-height: 30px;
	margin: 5px;
	padding: 5px;
	font-size: 14px;
}

table.resume {
	background-color: #FFFFFF;
	margin: auto;
	width: 96%;
	border-collapse: collapse;
	font-size: 12px;
}
table.resume h2 {
	border-collapse: collapse;
	font-size: 14px;
	line-height: 25px;
	background-color: #F1F2F3;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
table.resume p {
	font-size: 12px;
}

table.resume td {
	text-align: left;
	color: #333333;
}
table.resume th {
	background-color: #F1F1F1;
	padding-right: 5px;
	padding-left: 5px;
	color: #333333;
	text-align: left;
	line-height: 20px;
}

/* ------- group admin ------- */

dl.groupInfo {
	margin: 5px;
	padding: 5px;
	height: 200px;
	clear: both;
	line-height: 20px;
}
dl.groupInfo dt {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 10%;
	height: 20px;
	font-size: 12px;
	color: #888888;
}
dl.groupInfo dd {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 90%;
	height: 20px;
}

/* ------- Group beautify preview styles -------*/

.btn_color {
	background-image: url(../group/images/btn_color.png);
	background-repeat: no-repeat;
	height: 22px;
	width: 22px;
	background-color: #FFFFFF;
	text-indent: -12000px;
	border: 1px solid #EEEEEE;
	border-right-color: #999999;
	border-bottom-color: #999999;
	background-position: center center;
}
#preview_page {
	background-color: #FFFFFF;
	text-align: left;
	border: 10px solid #2D78A6;
}
#preview_page td {

}
#preview_page span {
	color: #0066CC;
}
#preview_page #p_header {
	background-color: #99C8EA;
	height: 50px;
	font-weight: normal;
}
#preview_page .p_title {
	background-color: #DFEEF7;
	padding-left: 5px;
	color: #339933;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
}

.cs {
	background-color: #FFFFFF;
	width: 278px;
	border: 1px solid #333333;
	overflow: hidden;
	height: 170px;
	position: absolute;
}
.cs .bar {
	margin: 5px;
	padding: 0px;
	height: 24px;
	width: 268px;
	overflow: hidden;
	float: left;
}
.cs .hue {
	padding: 0px;
	float: left;
	height: 128px;
	width: 240px;
	border: 1px solid #333333;
	overflow: hidden;
	clear: none;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color: #808080;
}
.cs .brightness {
	padding: 0px;
	float: left;
	height: 128px;
	width: 18px;
	border: 1px solid #333333;
	overflow: hidden;
	clear: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 2px;
	background-color: #000000;
}
.cs span {
	text-indent: -12000px;
	overflow: hidden;
	display: block;
	padding: 0px;
	float: left;
	background-color: #666699;
	cursor: pointer;
	margin: 0px;
}

.cs .color {
	background-color: #CCCCCC;
	height: 20px;
	width: 40px;
	margin-right: 5px;
}
.cs .code {
	font-size: 12px;
	height: 16px;
	width: 60px;
	border: 1px solid #666666;
}
.cs .hue span {
	margin: 0px;
	padding: 0px;
	height: 8px;
	width: 8px;
}
.cs .brightness span {
	width: 18px;
	height: 4px;
}
.searchList p.user {
	height: 100px;
	width: 90px;
}
.searchList table {
	margin-bottom: 10px;
}
.searchList table p {
	line-height: 16px;
	margin: 5px 0px;
	padding: 3px 0px;
}
.searchList table.group p {
	line-height: 16px;
	margin: 5px;
	padding: 5px;
}
.searchList p.more {
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	margin: 0px;
	padding: 3px 0px;
}
.searchList .member {
	margin: 10px;
}
.searchList .member dl {
	width: 250px;
	height: 70px;
	margin-left: 90px;
}
.searchList .member dt {
	width: 50px;
}
.searchList .member dd {
	width: 200px;
}
.searchList table.topic {
	border-bottom: 1px solid #CCCCCC;
}
.searchList table.topic p {
	padding-bottom: 5px;
}
.searchList p.photo {
	width: 120px;
	height: 138px;
	text-align: left;
	margin: 0px;
	padding: 3px 0px;
}

.txtLabel {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
h3.titleColor {
	font-size: 12px;
	line-height: 20px;
	color: #437C8E;
	margin: 5px;
	padding: 5px;
	border-top: 1px solid #D9E5E8;
}
h4.titleColor {
	font-size: 12px;
	line-height: 20px;
	color: #437C8E;
	margin: auto;
	padding: 0px 5px;
}

/* Mini blog */
#miniBlogForm textarea {
	height: 4em;
}

.miniBlog {

}
.miniBlog table.entry {
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.miniBlog table.entry p {
	margin: 0px;
	padding: 5px 0px;
}

/* music */
#musicAlbums {
	padding: 5px 15px;
}
#musicAlbums table.albums h4, #musicAlbums table.albums p {
	padding: 2px;
	margin: 3px;
	width: 260px;
	float: left;
	display: block;
	overflow: hidden;
}
div.rank {
	margin: 20px 10px;
	float: left;
	width: 250px;
	background-color: #FFFFFF;
	position: relative;
	padding: 10px;
}

div.rank h4 {
	font-size: 14px;
	line-height: 20px;
	padding: 0px;
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;
	margin: 0px;
	text-align: center;
	position: absolute;
	height: 20px;
	width: 150px;
	left: 50px;
	top: 0px;
}
div.rank p.more {
	position: absolute;
	left: 190px;
	padding: 5px;
	top: 280px;
}
div.rank ol {
	border: 1px solid #CCCCCC;
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 30px;
	padding-left: 5px;
	list-style-type: none;
	width: 230px;
	margin: 5px;
	background-image: url(../music/images/rank_bg.gif);
	background-repeat: no-repeat;
}
div.rank ol li {
	clear: both;
	height: 20px;
	border-bottom: 1px solid #CCCCCC;
	display: block;
	line-height: 20px;
	width: 230px;
	overflow: hidden;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div.rank ol span {
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	float: left;
}
div.rank ol span.no {
	width: 10px;
	text-align: center;
}
div.rank ol span.title {
	width: 140px;
}
div.rank ol span.do {
	width: 36px;
	text-align: right;
}

div.rankColor1 h4 {
	border: 1px solid #BFE089;
	background-color: #E9F7D7;
}
div.rankColor1 ol {
	border: 1px solid #BFE089;
}
div.rankColor1 ol li {
	border-bottom: 1px solid #BFE089;
}
div.rankColor2 h4 {
	border: 1px solid #9BDEFF;
	background-color: #DFF4FF;
}
div.rankColor2 ol {
	border: 1px solid #9BDEFF;
}
div.rankColor2 ol li {
	border-bottom: 1px solid #9BDEFF;
}

h3.rankTitle {
	font-size: 12px;
	line-height: 19px;
	background-color: #F4F4F4;
	position: relative;
	clear: both;
	border-top: 1px solid #CCCCCC;
	color: #333333;
	padding: 0px 10px;
	margin: 5px 0px;
	height: 19px;
}
h3.rankTitle span {
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 0px;
	right: 5px;
}
h3.rankColor1 {
	border-top: 1px solid #BFE089;
	background-color: #E9F7D7;
}
h3.rankColor2 {
	border-top: 1px solid #9BDEFF;
	background-color: #DFF4FF;
}

table.musicAlbums {
	border: 1px solid #E4E4E4;
	border-collapse: collapse;
}
table.musicAlbums th {
	padding: 5px;
	border: 1px solid #E4E4E4;
	font-weight: normal;
	background-color: #F4F4F4;
	text-align: center;
}
table.musicAlbums td {
	padding: 5px;
	border-bottom: 1px solid #E4E4E4;
}

.player {
	padding: 0px;
	margin: 5px 0px;
}
table.tracks {
	border: 1px solid #E4E4E4;
}
table.tracks th {
	padding: 3px 5px;
	border-bottom: 1px solid #E4E4E4;
	font-weight: normal;
	background-color: #F0F0F0;
	text-align: left;
}
table.tracks td {
	padding: 3px 5px;
	border-bottom: 1px solid #E4E4E4;
}
table.tracks tr:hover td {
	background-color: #F4F4F4;
}

table.edit .input {
	width:90%;
}
table.edit th {
	padding: 5px;
	background-color: #F4F4F4;
	text-align: left;
	font-weight: normal;
}
table.edit td {
	padding: 5px;
}


/* ------- Share -------*/

div.shareItem {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 20px;
	clear: both;
}
.shareItem p {
	line-height: 18px;
}
div.userShareItem {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 20px;
	margin-left: 80px;
	position: relative;
	width: 369px;
}


div.userShareItem p.user {
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 1;
	left: -80px;
	top: 0px;
	clear: both;
	float: none;
	text-align: left;
}
.shareTitle {
	background-color: #EEEEEE;
	border-top: 1px solid #437C8E;
	border-bottom: 1px solid #D9E5E8;
	margin: 0px;
	position: relative;
	clear: both;
}
.shareTitle a.x {
	position: absolute;
	top: 2px;
	right: 5px;
}
div.userShareItem p.shareTitle {
	float: none;
	clear: both;
}
.videoThumb {
	background-color: #E1E1E1;
	position: relative;
	float: left;
	margin: 10px 5px;
	padding: 0px;
	background-image: url(../images/video_thumb_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.videoThumb a {
	display: block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(../images/video_play_overlay.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100%;
	width: 100%;
	text-indent: -20000px;
}
.videoThumb a:hover {
	background-position: left bottom;
}
.shareQuote {
	background-image: url(../images/quote_left.png);
	background-repeat: no-repeat;
	clear: both;
	padding-left: 15px;
	color: #666666;
}
.shareQuote p {
	background-image: url(../images/quote_right.png);
	background-repeat: no-repeat;
	clear: both;
	padding-right: 15px;
	color: #666666;
	background-position: right bottom;
}
#columnMain .videoThumb {
	padding: 0px;
	margin: 5px 5px 5px 25px;

}
#columnMain .shareQuote {
	margin-left: 25px;
	padding-left: 0px;
}
#columnMain .shareQuote p {
	padding-right: 20px;
}

/*------- help style -------*/

div.help {

}
ul.contents {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin: 5px;
	padding: 5px;
}
ul.contents ol {
	font-weight: normal;
	padding-left: 3em;
	list-style-position: outside;
}
h4.ttl {
	font-size: 12px;
	line-height: 20px;
	margin: 5px;
	padding: 5px;
}

/*------- invite friend -------*/

ul.inviteList {
	background-color: #F7F7F7;
	margin: 5px;
	padding: 5px;
	list-style-position: inside;
	line-height: 25px;
	list-style-type: square;
}
table.userList {
	border: 1px solid #DDDDDD;
	border-collapse: collapse;
}
table.userList th {
	padding: 3px 5px;
	text-align: left;
	font-weight: normal;
	background-color: #F4F4F4;
	border-bottom: 1px solid #DDDDDD;
}
table.userList td {
	padding: 5px;
	border-bottom: 1px solid #DDDDDD;
}
table.userList strong {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	display: block;
	margin: 3px 0px;
	padding: 0px;
}
table.userList small {
	color: #666666;
}
.fixHeight {
	height: 280px;
	position: relative;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
}

#columnMain form.fl {
	padding:5px;
	border:1px solid #CCCCCC;
}

/*------- side bar advertisement -------*/

#sideAD {
	margin: 10px auto;
	padding: 5px;
	border: 1px #CCCCCC;
	border-style: solid none;
}
#sideAD ul {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}
#sideAD ul li{
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	white-space: nowrap;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#sideAD a:link, #sideAD a:visited {
	text-decoration: none;
}
#sideAD a:active, #sideAD a:hover {
	text-decoration: underline;
}

/*------- switch color -------*/

ul#switchColor {
	margin: 5px;
	padding: 5px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}
ul#switchColor li {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}
ul#switchColor li a {
	display: block;
	background-color: #0099FF;
	border: 1px solid #FFFFFF;
	text-indent: -12000px;
	margin: 5px;
	padding: 0px;
	height: 10px;
	width: 10px;
	overflow: hidden;
}

ul#switchColor li#color1 a {
	background-color: #4A7F93;
}
ul#switchColor li#color2 a {
	background-color: #3668A9;
}
ul#switchColor li#color3 a {
	background-color: #FF9900;
}
ul#switchColor li#color4 a {
	background-color: #6F637A;
}
ul#switchColor li#color5 a {
	background-color: #9AC936;
}
ul#switchColor li#color6 a {
	background-color: #F974B3;
}
ul#switchColor li#color7 a {
	background-color: #000000;
}

ul#switchColor li.current {
	background-color: #666666;
}

ul#switchColor li a:link, ul#switchColor li a:visited {}
ul#switchColor li a:active, ul#switchColor li a:hover {}

/*------- friend sale -------*/

#USHead {
	position: relative;
}
#USTitle {
	padding: 24px 20px 0px 20px;
	margin-bottom: 20px;
}
#USTitle h1 {
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(../app_user_sale/images/usersale.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#USHeader {

}
#USMenu {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style-type: none;
	position: absolute;
	top: 24px;
	right: 20px;
}
#USMenu li {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 18px;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
}
#USMenu li.USMenuSetting {
	background-image: url(../app_user_sale/images/list_settings.gif);
}
#USMenu li.USMenuRule {
	background-image: url(../app_user_sale/images/usersale_icons.gif);
	background-position: left -200px;
}
#USMenu li a {
	margin: 0px;
	padding: 0px;
}
#USMyCash {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 110px;
	top: 24px;
	line-height: 20px;
}
#USMyCash strong {
	font-size: 14px;
	color: #000000;
}
#USInvite {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 50px;
	right: 20px;
}
#USInvite a {
	background-image: url(../app_user_sale/images/sale_earnmoney.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	line-height: 20px;
	padding: 5px 10px 5px 30px;
	color: #000000;
}
h3.title3 {
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	margin: 0px;
	padding: 5px 0px;
	border-bottom: 1px solid #F7AB46;
}

#user-sale-quick p.user {
	width: 95px;
	margin: 5px 2px;
	padding: 5px 0px;
}

#roleCardBig {
	margin: 10px 30px;
}
#roleCardBig .img {
	float: left;
	width: 130px;
	min-height: 100px;
	line-height: 30px;
	text-align: center;
}
#roleCardBig h4 {
	font-size: 14px;
	line-height: 20px;
	margin: 0px 5px;
	padding: 0px 5px;
}

#roleCardBig p {
	font-size: 12px;
	line-height: 20px;
	margin: 0px 5px;
	padding: 0px 5px;
	color: #666666;
}

#buy-or-not {
	margin: 5px 20px;
	padding: 5px;
	clear: both;
}
#USBuy, #USNext {
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -12000px;
	display: block;
	height: 28px;
	width: 130px;
	cursor: pointer;
	margin: 5px 20px 5px 0px;
	padding: 0px;
	border: none;
	float: left;
	background-color: #FFFFFF;
}
#USBuy {
	background-image: url(../app_user_sale/images/sale_btn_buy.gif);
}
#USNext {
	background-image: url(../app_user_sale/images/sale_btn_next.gif);
}
#USQuick {
	background-color: #F4F4F4;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
}
#USQuick p {
	font-weight: bold;
	text-align: center;
}
#USQuick-input {
	background-image: url(../app_user_sale/images/select_friends.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #999999;
}
#us-quick-list {
	margin: auto;
	left: 120px;
	top: 28px;
}
.dropdown {
	margin: auto;
	padding: 0px;
	position: absolute;
	display: none;
	width: 260px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.dropdown ul {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	width: 100%;
	float: left;
	height: 270px;
}
.dropdown li {
	display: block;
	float: left;
	width: 60px;
	margin: 0px;
	padding: 5px 10px;
	border-bottom: 1px solid #DDDDDD;
	overflow: hidden;
	background-color: #FFFFFF;
}
.dropdown li.clear {
	display: block;
	float: left;
	width: 100%;
	clear: both;
}
.dropdown li a {

}
.dropdown p {
	clear: both;
	text-align: center;
}


#newsfeed {}
#newsfeed ul, #newsfeed-pop ul {
	margin: 0px;
	padding: 10px 0px;
	list-style-position: outside;
	list-style-type: none;
}
#newsfeed ul li, #newsfeed-pop ul li {
	display: block;
	margin:  5px 0px;
	padding: 0px 0px 5px 23px;
	background-repeat: no-repeat;
}
#feed-us li {
	background-image: url(../app_user_sale/images/usersale_icons.gif);
}
#newsfeed p, #newsfeed-pop p {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}

#feed-us .us-join {
	background-position: left top;
}
#feed-us .us-buy {
	background-position: -50px top;
}
#feed-us .us-sell {
	background-position: -100px top;
}
#feed-us .us-nickname {
	background-position: -200px top;
}

span.us-status {
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	margin: 0px 5px;
}
span.us-money {
	font-weight: bold;
	color: #000000;
}
span.us-nickname {
	color: #FF6600;
}

.userSale {
	color: #666666;
	margin: 5px 0px;
	padding: 5px 0px;
	clear: both;
}
.userSale h4 {
	font-size: 14px;
	margin: 0px;
	padding: 3px 5px;
}
.userSale p {
	margin: 0px 5px;
	padding: 0px 5px;
	line-height: 18px;
}
.userSale p.img {
	float: left;
	height: 80px;
	padding: 3px 0px;
	margin: 0px 10px 0px 0px;
	clear: left;
}
.userSale ul.menu {

}

#networkMain .userSale {
	border-bottom: 1px solid #DDDDDD;
	margin: 5px 0px;
	padding: 15px 0px;
}

#role-card-buy {
	text-align: center;
}
#role-card-buy table {
	width: 200px;
	margin: auto;
	line-height: 20px;
}
#role-card-buy table th {
	text-align: right;
}
#role-card-buy table td {
	text-align: left;
}
#role-card-buy table span.us-tag {
	text-align: right;
	font-weight: normal;
	color: #999999;
}
#role-card-buy table tr.foot th, #role-card-buy table tr.foot td {
	border-top: 1px solid #CCCCCC;
}

#role-afflict-options {
	width: 200px;
	height: 100px;
	margin: 10px auto;
	padding: 5px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	overflow-x: hidden;
	overflow-y: scroll;
	border: 1px solid #CCCCCC;
	color: #666666;
}
#role-afflict-options li {
	display: block;
	margin: 0px;
	padding: 5px;
	border-bottom: 1px dashed #CCCCCC;
}

ul.us-menu {
	margin: 5px;
	padding: 5px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}
ul.us-menu li {
	display: block;
	margin: 5px 0px;
	padding: 0px 0px 0px 10px;
	overflow: hidden;
}
ul.us-menu li a{
	font-size: 14px;
	line-height: 22px;
	display: block;
	margin: 0px;
	padding: 0px 15px;
	width: 80%;
}
ul.us-menu li a:link, ul.us-menu li a:visited {}
ul.us-menu li a:active, ul.us-menu li a:hover {}
ul.us-menu li.current {
	font-weight: bold;
	border: 1px solid #BBCEEE;
	background-image: url(../app_user_sale/images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 10px -35px;
}


#USFooter {
	background-color: #F7F7F7;
	border-top: 1px solid #CCCCCC;
	padding: 0px 0px 5px 0px;
}
#USFooter p#us-quit {
	text-align: right;
}

/*------- friend image -------*/

#UIMGTitle {
	padding: 24px 20px 0px 20px;
	margin-bottom: 20px;
}
#UIMGTitle h1 {
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(../images/icons_app.gif);
	background-repeat: no-repeat;
	background-position: left -558px;
}

#user-appraise {
	text-align: center;
}
#user-appraise-user {
	float: left;
	width: 200px;
}
#user-appraise-character {
	float: right;
	width: 400px;
}

#user-image-card {
	text-align: center;
}
#user-image-card p.user-photo {
	margin: 20px auto;
}
#user-image-card p.user-photo a {
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #CCCCCC;
	display: inline-table;
}
#user-image-card p.user-photo a:hover {
	border: 1px solid #3668A9;
}
#user-image-card h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 5px;
	padding: 5px;
	clear: both;
}

#user-appraise-character h3 {
	font-size: 14px;
	margin: 0px;
	padding: 5px;
}

p.character-keywords {
	clear: both;
}
p.character-keywords a {
	font-size: 14px;
	font-weight: bold;
	background-color: #999999;
	border: 1px solid #FFFFFF;
	display: inline;
	float: left;
	padding: 5px 10px;
	margin: 0px;
	white-space: nowrap;
}
p.character-keywords a:link, p.character-keywords a:visited {
	color: #FFFFFF;
}
p.character-keywords a:hover {
	color: #FFFFFF;
	border-color: #000000;
	text-decoration: none;
}

#user-quick {
	position: relative;
	height: 300px;
}
#user-quick-list {
	left: 20px;
	top: 50px;
}

#user-appraise-view {

}
#user-photo-view {
	float: right;
	width: 200px;
}
#user-character-view {
	float: left;
	width: 400px;
}

p.character-keywords-big {
	font-size: 36px;
	color: #666666;
	margin: 10px;
	padding: 10px;
}

#my-photo-view {
	float: left;
	width: 200px;
}
#my-character-view {
	float: right;
	width: 400px;
}

/*------- application gift -------*/

#app-gift-head {
	position:relative;
}
#app-gift-title {
	padding: 24px 20px 0px 20px;
	margin-bottom: 20px;
}
#app-gift-title h1 {
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(../images/icons_app.gif);
	background-repeat: no-repeat;
	background-position: left -598px;
}
#app-gift-cash {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	position: absolute;
	left: 80px;
	top: 24px;
}
#app-gift-invite {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 50px;
	right: 20px;
}
#app-gift-invite a {
	background-image: url(../app_gift/images/gift_earnmoney.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	line-height: 20px;
	padding: 5px 10px 5px 30px;
	color: #000000;
}

p.choose-gift {
	margin: 5px;
	padding: 5px;
}
p.choose-gift label {
	white-space: nowrap;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}
p.choose-gift a img {
	display: inline-table;
	margin: 0px 8px;
	border: 2px solid #FFFFFF;
}
p.choose-gift a.current img {
	border: 2px solid #666666;
}
p.choose-gift a:hover img {
	border: 2px solid #CCCCCC;
}

#user-gift-quick {
	height: 50px;
	position: relative;
	z-index: 2;
}
#user-gift-quick-list {
	left: 80px;
	top: 28px;
}

div.gift {
	background-color: #FFFFFF;
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 80px;
	border: 1px solid #CCCCCC;
	position: relative;
}
div.gift h4 {
	font-size: 14px;
	line-height: 18px;
	margin: 3px;
	padding: 2px;
}
div.gift p {
	font-size: 12px;
	margin: 3px;
	padding: 2px;
	line-height: 20px;
}
div.gift p.thumb {
	width: 70px;
	position: absolute;
	float: left;
	margin-left: -70px;
}

div.gift p.quote {
	clear: right;
	width: 170px;
	height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#app-gift-body {
	width: 626px;
	overflow: hidden;
}
#gift-wrap {
	width: 636px;
}
#gift-wrap .gift {
	float: left;
	width: 220px;
	height: 110px;
	overflow: hidden;
	margin-right: 10px;
}

/*------- application tease -------*/

#app-tease-head {
	position:relative;
}
#app-tease-title {
	padding: 24px 20px 0px 20px;
}
#app-tease-title h1 {
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 5px 20px;
	background-image: url(../images/icons_app.gif);
	background-repeat: no-repeat;
	background-position: left -638px;
}

.user-tease-choose {
	border: 1px solid #DDDDDD;
	padding: 5px;
	margin: 0px;
	display: block;
	line-height: 20px;
	height: 160px;
}
.user-tease-choose label {
	display: block;
	margin: 0px;
	padding: 5px;
	width: 140px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
}
.user-tease-choose span.clear {
	display: block;
}

/*------- application psycho -------*/

#app-psycho-head {
	position:relative;
}
#app-psycho-title {
	padding: 24px 20px 0px 20px;
	margin-bottom: 20px;
}
#app-psycho-title h1 {
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(../images/icons_app.gif);
	background-repeat: no-repeat;
	background-position: left -678px;
}

#app-psycho-main {
	width: 486px;
	float: left;
	overflow: hidden;
}
#app-psycho-side {
	width: 130px;
	float: right;
	overflow: hidden;
}

.psycho-subject {
	margin: 0px auto 10px auto;
	padding: 5px;
	height: 80px;
	border: 1px solid #CCCCCC;
}
.psycho-subject .subject-thumb {
	width: 100px;
	float: left;
}
.psycho-subject h4 {
	font-size: 12px;
	line-height: 18px;
	margin: 3px;
	padding: 2px;
	color: #666666;
	font-weight: normal;
}
.psycho-subject h4 a {
	font-size: 14px;
	font-weight: bold;
}
.psycho-subject p {
	font-size: 12px;
	margin: 3px;
	padding: 2px;
	line-height: 20px;
}
.psycho-subject .subject-meta {
	color: #999999;
}

.subject-psycho fieldset {
	background-color: #F4F4F4;
	margin: 10px auto;
	padding: 5px;
	border: 1px solid #CCCCCC;
	color: #333333;
}
.subject-psycho fieldset.current {
	border: 1px solid #669900;
	background-color: #FFFFFF;
	color: #222222;
}
.subject-psycho fieldset.skip {
	background-color: #F1F1F1;
	color: #999999;
}
.subject-psycho p {
	padding: 5px 10px;
	margin: 5px 10px;
}
.subject-psycho fieldset h4 {
	padding: 5px;
	margin: 5px;
	font-size: 12px;
}
.subject-psycho fieldset p {
	padding: 5px;
	margin: 5px;
}

.subject-psycho-result {
	border: 3px double #CCCCCC;
	margin: 10px;
	padding: 20px;
}
.appraise-brief {
	color: #FF6633;
}
.appraise-words {
	text-indent: 2em;
	color: #666666;
	margin-bottom: 20px;
}

.right-or-wrong {
	text-align: center;
}
.right-or-wrong .btn {
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.right-or-wrong .right {
	background-image: url(../app_psycho/images/icon_thumb_up.gif);
}
.right-or-wrong .wrong {
	background-image: url(../app_psycho/images/icon_thumb_down.gif);
}

.psycho-subject-user {
	margin: 0px auto 10px auto;
	padding: 5px;
	border: 1px solid #CCCCCC;
	position: relative;
	height: 100%;
}
.psycho-subject-user .subject-thumb {
	width: 80px;
	text-align: center;
	float: left;
	height: 100px;
	line-height: 30px;
}
.psycho-subject-user h4 {
	font-size: 12px;
	line-height: 18px;
	margin: 3px;
	padding: 2px;
}
.psycho-subject-user p {
	font-size: 12px;
	margin: 3px;
	padding: 2px;
}
.psycho-subject-user p.more {
	position: absolute;
	right: 5px;
	top: 5px;
}
.psycho-subject-user p.more a:link, .psycho-subject-user p.more a:visited {
	color: #999999;
}
.psycho-subject-user p.more a:active, .psycho-subject-user p.more a:hover {
	color: #666666;
}

/*------- application photo rating -------*/

#app-photorating-head {
	position:relative;
}
#app-photorating-title {
	padding: 24px 20px 0px 20px;
}
#app-photorating-title h1 {
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(../images/icons_app.gif);
	background-repeat: no-repeat;
	background-position: left -718px;
}

#app-photorating-main {
	width: 456px;
	float: left;
	overflow: hidden;
}
#app-photorating-side {
	width: 160px;
	float: right;
	overflow: hidden;
}

#photo-rating-form fieldset {
	background-color: #E8EEF9;
	margin: 0px 10px;
	padding: 5px 5px 15px 5px;
	border: 1px solid #81A7E8;
	float: left;
	background-image: url(../app_photo_rating/images/hot_or_not.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#photo-rating-form fieldset legend {
	display: none;
}

#photo-rating-picture {
	padding: 10px 0px;
}

.photo-rates {
	background-color: #F7F7F7;
	text-align: center;
}
.photo-rates strong {
	color: #CC0000;
}
.photo-rates strong span {
	font-size: 36px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#photo-user {
	text-align: center;
	padding: 15px 5px;
}

table#photo-rating-ranking td {
	padding: 5px 0px;
	border-bottom: solid 1px #CCCCCC;
}
table#photo-rating-ranking .photo-rates {
	width: 120px;
}


/*------- application parking -------*/

#app-parking-head {
	position:relative;
}
#app-parking-title {
	padding: 24px 20px 0px 20px;
	margin-bottom: 20px;
}
#app-parking-title h1 {
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(../images/icons_app.gif);
	background-repeat: no-repeat;
	background-position: left -758px;
}
#app-parking-cash {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	position: absolute;
	left: 100px;
	top: 24px;
}
#app-parking-invite {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 50px;
	right: 20px;
}
#app-parking-invite a {
	background-image: url(../app_parking/images/parking_earnmoney.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	line-height: 20px;
	padding: 5px 10px 5px 30px;
	color: #000000;
}

#app-parking-main {
	width: 486px;
	float: left;
	overflow: hidden;
}
#app-parking-side {
	width: 130px;
	float: right;
	overflow: hidden;
}

#parking-scene {
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 5px;
}
#parking-street {
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339900;
	margin: 0px;
	padding: 3px;
	float: left;
	overflow: hidden;
}
#parking-street img {
	float: left;
	margin-right: 5px;
}
#parking-square {
	background-image: url(../app_parking/images/parking_square.png);
	background-repeat: no-repeat;
	background-position: center 73px;
	padding-top: 10px;
	height: 230px;
	overflow: hidden;
	clear: both;
}
.parking-scene-0 {
	background-image: url(../app_parking/images/parking_scene_0.png);
	background-position: center top;
}
.parking-scene-1 {
	background-image: url(../app_parking/images/parking_scene_1.png);
	background-position: center top;
}
.parking-scene-2 {
	background-image: url(../app_parking/images/parking_scene_2.png);
	background-position: center top;
}

#change-scene {
	width: 486px;
	margin: 5px 0px;
	padding: 5px;
	height: 20px;
	line-height: 30px;
	text-align: center;
	position: relative;
	color: #999999;
}
#change-scene span {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -12000px;
	white-space: nowrap;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 30px;
	cursor: pointer;
}
span#scene-prev {
	background-image: url(../app_parking/images/btn_prev.gif);
	left: 0px;
	top: 0px;
}
span#scene-next {
	background-image: url(../app_parking/images/btn_next.gif);
	left: 453px;
	top: 0px;
}

.parking-site {
	margin: 5px;
	padding: 80px 0px 10px 0px;
	float: left;
	width: 110px;
	background-image: url(../app_parking/images/parking_site_1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	position: relative;
}
.free-parking {
	background-image: url(../app_parking/images/parking_site_0.gif);
}
.parking-site .p-type {
	display: none;
}
.parking-site .p-car {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.parking-site .p-fee {
	margin-top: -30px;
	text-align: center;
}
.parking-site .p-report {
	margin-top: -25px;
	text-align: right;
	padding: 0px;
}
.p-car-detail {
	display: none;
	background-color: #FFFFFF;
	text-align: center;
	border: 1px solid #000000;
	position: absolute;
	left: 10px;
	top: 20px;
}
.p-user {
	line-height: 24px;
	margin-top: 20px;
}
.p-user img {
	float: left;
	margin-right: 5px;
}
.p-user a:link, .p-user a:visited, .p-user a:active, .p-user a:hover {
	color: #FFFFFF;
}
.p-money {
	padding: 0px;
	color: #FFFFFF;
}

.car {
	margin: 5px 0px;
	padding: 0px;
	height: 80px;
	position: relative;
	overflow: hidden;
}
.car .car-thumb {
	float: left;
	width: 200px;
}
.car .car-thumb img {
	float: left;
}
.car .car-name {
	margin: 5px;
	padding: 0px 3px;
	font-size: 12px;
}
.car p {
	margin: 0px 5px;
	padding: 0px 3px;
	color: #999999;
}
.car-manufacturer {
	background-image: url(../app_parking/images/manufacturers.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 32px;
	width: 32px;
	text-indent: -12000px;
	white-space: nowrap;
	overflow: hidden;
}
.car .car-place {}
.car .car-money {}
.car ul.car-action {
	position: absolute;
	top: 0px;
	left: 380px;
	margin: 5px;
	padding: 5px;
	width: 50px;
	list-style-type: none;
}
.car ul.car-action li {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 80px;
	border-bottom: 1px solid #D9E5E8;
}
.car ul.car-action li a {
	display: block;
	line-height: 16px;
	padding-right: 5px;
	padding-left: 5px;
}
div.member ul li a:link, div.member ul li a:visited {
}
div.member ul li a:active, div.member ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #86A4CB;
}

.car .no-brand {
	background-position: right bottom;
}
.car .suzuki {
	background-position: left top;
}
.car .xiali {
	background-position: left -160px;
}
.car .changan {
	background-position: left -240px;
}
.car .chery {
	background-position: left -80px;
}
.car .geely {
	background-position: left -320px;
}
.car .citroen {
	background-position: left -400px;
}
.car .vw {
	background-position: left -480px;
}
.car .hyundai {
	background-position: left -560px;
}
.car .honda {
	background-position: -80px top;
}
.car .buick {
	background-position: -80px -80px;
}
.car .toyota {
	background-position: -80px -160px;
}
.car .chevrolet {
	background-position: -80px -560px;
}
.car .ford {
	background-position: -80px -240px;
}
.car .mazda {
	background-position: -80px -320px;
}
.car .bmw {
	background-position: -80px -400px;
}
.car .porsche {
	background-position: -160px top;
}
.car .audi {
	background-position: -80px -480px;
}
.car .bentley {
	background-position: -160px -80px;
}
.car .aston-martin {
	background-position: -160px -160px;
}
.car .ferrari {
	background-position: -160px -240px;
}
.car .lamborghini {
	background-position: -160px -320px;
}
.car .rolls-royce {
	background-position: -160px -400px;
}
.car .rolls-segway {
	background-position: -160px -480px;
}
.car .rolls-hummer {
	background-position: -160px -560px;
}
.car .rolls-jeep {
	background-position: -240px 0px;
}
.car .benz {
	background-position: -240px -80px;
}
.car .lexus {
	background-position: -240px -160px;
}


#feed-parking li {
	background-image: url(../app_parking/images/icons_parking.gif);
}
#feed-parking .p-parking {
	background-position: left top;
}
#feed-parking .p-leaving {
	background-position: left -50px;
}
#feed-parking .p-amerce {
	background-position: left -100px;
}

ul.parking-friends {
	margin: 0px;
	padding: 5px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}
ul.parking-friends li {
	padding: 5px;
	border-bottom: 1px dashed #CCCCCC;
}

ul.parking-friends li a {}

#parking-cars {
	color: #999999;
	width: 498px;
}

.driver table {
	text-align: center;
}
.car-sale {
	margin: 5px;
	padding: 5px;
	width: 180px;
	text-align: center;
	float: left;
}
.car-sale p {
	margin: 0px 5px;
	padding:3px 5px;
}
.car-sale .car-sale-thumb {}
.car-sale .car-sale-name {
	margin: 0px auto;
	padding:3px 5px;
	font-size: 12px;
	clear: both;
	line-height: 32px;
	width: 100px;
}
.car-sale .car-manufacturer {
	float: left;
	position: static;
}
.car-sale .car-sale-price {}
.car-sale .car-sale-action {}

#buy-a-car {
	margin: auto;
	width: 180px;
}
#gift-car {
	text-align: center;
}
#parking-fee {
	text-align: center;
}
#parking-fee form {
	width: 80%;
	margin: 0px auto;
	text-align: left;
}

#dialog #user-cars {
	height: 320px;
	padding: 0px 10px;
	margin: 0px;
	width: 478px;
}