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

.head, .nav {
	margin:0 auto;
	width:959px;
}
.container {
	margin:5px auto 0;
	width:964px;
	padding-left:5px;
}

/* Rico login, */
.content {
	margin:5px auto 0;
	width:937px;
	padding:10px;
}

/*Rico login */
.halfcontent {
	width:450px;
	padding:20px;
}
.sidebar {
	float:left;
	_display:inline;
	margin-right:5px;
	padding-bottom:10px;
	width:234px;
}
.ridoAd {
	margin-right:5px;
	_display:inline;
	width:160px;
}
.ricoMaster {
	margin:20px auto;
	padding:40px 0;
	width:300px;
	text-align:center;
}

/* below issue */

.ricoMaster li {
	padding:5px 0;
}
.ricoMaster li.font16 {
	padding-bottom:20px;
}
.ricoMaster li.button {
	padding-top:20px;
}
.padding {
	width:236px;
}
.short {
	width:176px;
}
/*below*/
.miniHeight {
	min-height:200px;
	height:auto!important;
	height:200px;
}
.setting,
.atom {
	text-align:right;
}
.setting form {
	display:inline;
}

.main {
	float:left;
	padding:20px;
	width:675px;
}

/*created by tobi*/
.tag {
	float:left;
	
}

 -------------------todo causes problems conflict with standard.css of gwt check where it is being called and remove if posislbe, otehrwise rename
.middle {
	float:left;
	/*_display:inline;*/
	margin-right:5px;
	width:477px;
}


/* above */
.wide{
	width:537px;
}

.verywide {
	width:716px;
}

.more {
	text-align:right;
	padding:10px 10px 0 0;
}
.succeed {
	margin:0 auto;
	padding:20px 0;
	width:200px;
	text-align:center;
}


.important {
	margin:0 auto;
	padding:2px;
}
.atom {
	padding:10px;
}
.noway {
	padding-top:100px;
	padding-bottom:150px;
	text-align:center;
}
.pswStrong,
.pswStrong1,
.pswStrong2,
.pswStrong3 {
	padding-left:0px;
}
.pswStrong span,
.pswStrong1 span,
.pswStrong2 span,
.pswStrong3 span {
	display:block;
	width:50px;
	height:20px;
	text-align:center;
	line-height:20px;
	border-right-width:0;
}
.pswStrong span.strong,
.pswStrong1 span.strong,
.pswStrong2 span.strong,
.pswStrong3 span.strong {
	border-right-width:1px;
}


.head {
	padding-top:10px;
}
.head .logoNav {
	margin:0 auto 10px;
	overflow:hidden;
}
.head .logoNav span {
	margin-right:-5px;
	line-height:16px;
}
.head .logoNav span a {
	margin:0 5px;
}
.head .newMsg {
	position:absolute;
	margin:25px auto auto 820px;
	width:100px;
	line-height:20px;
	text-align:center;
	z-index:1;
}
.head .newMsg .bgC {
	padding:5px 0;
	_padding:8px 0 2px;
	height:20px;
	line-height:20px;
}
.head .newMsg .bg {
	position:absolute;
	top:-6px;
	left:-5px;
	margin-left:50%;
	width:11px;
	height:6px;
}
.head .newMsg .msgMore {
	width:20px;
	height:20px;
	cursor:pointer;
}
.head .newMsg ul {
	display:none;
	padding:5px 0;
	border-top:0;
}
.head .newMsg ul li {
	padding:2px;
	line-height:18px;
	height:24px;
	overflow:hidden;
}
.head .newMsg ul li a {
	display:block;
	text-align:left;
}
.head .newMsg ul li a span {
	+margin-top:-2px;
}
.head .newMsg ul li a.thirdMain {
	display:inline;
}

.head .userInfo  {
	margin-bottom:20px;
	width:100%;
}
.head .userInfo .userName,
.head .userInfo .userSkill {
	width:50%;
	+width:49%;
}

/* above */
.head .userInfo .userName {
	text-align:right;
}
*+html .head .userInfo .userName {
	overflow:hidden;
}
.head .userInfo .userName span.font20 {
	position:relative;
	padding-right:5px;
	top:-4px;
}
.head .userInfo .userName .online,
.head .userInfo .userName .offline {
	margin:8px 5px auto auto;
}
.head .userInfo .userName .name {
	padding-right:10px;
	+padding-right:0;
	font-family:Verdana, sans-serif;
}
.head .userInfo .userName p.clearfix {
	height:45px;
}
.head .userInfo .userName .selfWeb,
.head .userInfo .userName .publicWeb {
	margin-right:5px;
	+margin-right:-5px;
}
.head .userInfo .userSkill {
	min-height:50px;
	height:auto!important;
	height:50px;
}
.head .userInfo .userSkill .rico {
	padding:2px 0 0 8px;
	+padding-left:3px;
}
.head .userInfo .userSkill ul {
	padding:2px 0 0 5px;
	+padding-left:0;
}
.head .userInfo .userSkill ul li {
	line-height:24px;
}
.head .userInfo .userSkill ul li a.mainColor {
	padding:3px 4px;
}
.head .userInfo .userSkill ul li .order {
	margin-top:0px;
	+margin-top:-3px;
}
/*.head .userInfo .userSkill a.skill:link,
.head .userInfo .userSkill a.skill:visited,
.head .userInfo .userSkill a.skill:hover,
.head .userInfo .userSkill a.skill:active {
}*/

.head .userCan {
	position:relative;
	margin-bottom:20px;
	height:30px;
}
.head .userCan .bg {
	position:absolute;
	margin:-8px auto auto 400px;
	z-index:1;
}
.head .userCan .borderOn2 {
	position:absolute;
	left:330px;
	padding:5px;
	+padding:6px 5px 4px;
	min-width:200px;
	width:auto!important;
	width:200px;
	height:16px;
	white-space:nowrap;
}
.head .userCan .borderOn span {
	white-space:nowrap;
}
.addUserCan {
	margin:0 auto;
	padding:50px;
	width:700px;
}
.addUserCan p {
	margin:10px auto;
	padding-right:100px;
}
.addUserCan input.borderOn {
	padding:5px;
	width:688px;
}
.addUserCan .button {
	margin-top:20px;
	text-align:center;
}
.affiche {
	margin:0 auto;
	width:280px;
	text-align:center;
}
.affiche textarea {
	margin:20px auto;
	padding:10px;
	width:200px;
	height:450px;
}
.affiche .button {
	margin-bottom:20px;
}
.addFriend,
.newMessage {
	margin:0 auto;
	width:450px;
	height:260px;
	margin-top:-10px;
}
.addFriend textarea,
.newMessage textarea {
	margin:20px auto 10px;
	padding:10px;
	width:350px;
	height:80px;
}
.newMessage span.r {
	margin-right:80px;
}
.addFriend .button,
.newMessage .button {
	margin-top:20px;
}
/* above conflict */

.addFriend .button p,
.newMessage .button p {
	margin-top:10px;
}
.face {
	margin:0 auto;
	padding:10px;
	width:400px;
}

.head .userJiujie {
	position:relative;
	margin:0 0 30px 300px;
	+overflow:visible;
}
.head .userJiujie .bg {
	position:absolute;
	margin:-8px 0 0 100px;
	left:0;
	z-index:1;
}
.head .userJiujie .borderOn2 {
	padding:5px;
	+padding:6px 5px 4px;
	min-width:200px;
	width:auto!important;
	width:200px;
	line-height:18px;
	white-space:nowrap;
}




.nav {
	height:40px;
}
.nav li {
	position:relative;
	padding-right:6px;
	height:37px;
	line-height:37px;
}
.nav li a:link,
.nav li a:visited,
.nav li a:hover,
.nav li a:active {
	padding:8px 20px;
}
.nav li a:hover,
.nav li a:active {
	padding:7px 19px;
	border:1px solid #F09;
}
.nav li.alive a:link,
.nav li.alive a:visited,
.nav li.alive a:hover,
.nav li.alive a:active {
	padding:8px 20px;
	border:0;
}
.nav li.hot a:link,
.nav li.hot a:visited,
.nav li.hot a:hover,
.nav li.hot a:active {
	color:#F09;
}
.nav li .bg {
	display:none;
}
.nav li.alive .bg {
	position:absolute;
	display:block;
	left:-9px;
	margin:34px auto auto 50%;
	+margin-top:31px;
}
.nav li.musicPicOn,
.nav li.musicPicOff {
	padding-right:18px;
	cursor:pointer;
}

.leftNav {
	position:relative;
	margin-top:10px;
	+margin-top:20px;
}
.leftNav li {
	position:relative;
	margin-bottom:20px;
}
.leftNav li a:link,
.leftNav li a:visited,
.leftNav li a:hover,
.leftNav li a:active {
	display:block;
	padding:10px 20px;
	+height:17px;
	color:#666;
}
.leftNav li a:hover,
.leftNav li a:active {
	padding:9px 19px;
}
.leftNav li.alive a:link,
.leftNav li.alive a:visited,
.leftNav li.alive a:hover,
.leftNav li.alive a:active {
	padding:9px 19px;
}
.leftNav li .bg {
	display:none;
}
.leftNav li.alive .bg {
	position:absolute;
	display:block;
	margin:8px auto auto 99%;
	z-index:1;
}
.leftNav li .close {
	display:none;
}
.leftNav li.closeOn .close {
	position:absolute;
	display:block;
	margin:11px auto auto 85%;
	cursor:pointer;
	z-index:2;
}


.subNav {
	padding:10px;
	height:40px;
}
.subNav li {
	position:relative;
	padding-right:10px;
	height:37px;
	line-height:37px;
}
.subNav li a:link,
.subNav li a:visited,
.subNav li a:hover,
.subNav li a:active {
	padding:8px 10px;
}
.subNav li a:hover,
.subNav li a:active {
	padding:7px 9px;
	border:1px solid #F09;
}
.subNav li.alive a:link,
.subNav li.alive a:visited,
.subNav li.alive a:hover,
.subNav li.alive a:active {
	padding:7px 9px;
}
.subNav li .bg {
	display:none;
}
.subNav li.alive .bg {
	position:absolute;
	display:block;
	left:-10px;
	+left:-13px;
	margin:34px auto auto 50%;
	+margin-top:33px;
}
.subNav li.font12 .bg {
	margin:33px auto auto 50%;
}
@media all and (-webkit-min-device-pixel-ratio:0) {
	.subNav li.font12 .bg {
		margin:32px auto auto 50%;
	}
}


.ricoShow {
	padding:10px 0 0 5px;
	width:154px;
	height:220px;
}
.ricoShow img {
	margin-bottom:5px;
}
.ricoShow p {
	padding-left:5px;
	line-height:16px;
}


.secretInfo {
	margin:0 auto;
	padding:50px 0;
	width:500px;
}
.secretInfo p.mainBorderOn {
	margin:30px 50px;
	padding:20px 0;
}


.ricoUser {
	padding-right:10px;
	width:82px;
	height:126px;
	overflow:hidden;
}
.ricoUser div {
	padding:8px 0;
	text-align:center;
	overflow:hidden;
}


.tab {
	margin-top:32px;
}
.tab a.borderOn:link,
.tab a.borderOn:visited,
.tab a.borderOn:hover,
.tab a.borderOn:active,
.tab a.mainBorderOn:link,
.tab a.mainBorderOn:visited,
.tab a.mainBorderOn:hover,
.tab a.mainBorderOn:active {
	position:absolute;
	display:block;
	margin:-32px auto auto 10px;
	padding:7px 10px;
	line-height:17px;
	border-bottom-width:0;
}
.tab .tabNav {
	position:absolute;
	margin:-32px auto auto 10px;
}
.tab .tabNav li {
	padding-right:20px;
}
.tab .tabNav a:link,
.tab .tabNav a:visited,
.tab .tabNav a:hover,
.tab .tabNav a:active {
	display:block;
	padding:6px 11px 5px;
	line-height:17px;
}
.tab .tabNav a:hover,
.tab .tabNav a:active {
	padding:5px 10px 4px;
}
.tab .tabNav .alive a:link,
.tab .tabNav .alive a:visited,
.tab .tabNav .alive a:hover,
.tab .tabNav .alive a:active {
	display:block;
	padding:7px 10px;
	border-bottom-width:0;
}
.tab .upNav li {
	margin-right:50px;
	padding:10px 15px;
}
.tab .upNav li.borderOn {
	+position:relative;
	padding:9px 14px;
	+z-index:1;
}

.justice {
	margin:0 auto;
	padding:60px 40px;
	width:460px;
	text-align:center;
}
.justice h5 {
	margin-bottom:60px;
}
.justice h5 span {
	margin:0 5px;
}
.sure p {
	margin:60px auto 80px;
}
.justice .button {
	margin-top:60px;
}


.complaint {
	padding:20px 50px;
	width:350px;
}
.complaint .title {
	margin:20px 0;
	text-align:center;
}
.complaint textarea {
	margin:10px 0;
	padding:10px;
	width:328px;
	height:300px;
}
.complaint .button {
	text-align:center;
}



.sidebar h1,
.middle h1 {
	padding-left:10px;
	height:50px;
	line-height:50px;
}
.user {
	padding-bottom:20px;
	text-align:center;
}

/* above is conflict */

.user h1 {
	position:relative;
	width:224px;
	text-align:left;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.user .userIcon {
	margin:10px auto;
	width:130px;
	height:140px;
}
.user .cardBg,
.user .cardBg1 {
	position:absolute;
	margin:60px 0 0 183px;
	+margin-top:45px;
}
.user .online1,
.user .offline1,
.user .address,
.user .age {
	margin:10px auto;
	padding:0;
}
.user ul li {
	_display:inline;
	margin-left:4px;
	_margin-left:3px;
	width:51px;
	height:46px;
}
.user .buttonBox {
	padding-top:20px;
}
.user .buttonBox input {
	margin-bottom:5px;
}
.user a.borderLesser {
	line-height:26px;
}
.user .level {
	margin-top:10px;
	padding:0 5px;
	text-align:right;
}
.user .level .svip {
	letter-spacing:-2px;
}
.user .level .svip1 {
	letter-spacing:-3px;
}
.user .level a.borderLesser {
	padding:0;
	line-height:1.231em;
}
.user .mkp {
	margin:0 auto;
	width:225px;
	height:30px;
	line-height:30px;
	text-align:left;
}
.content .user .mkp {
	padding:0;
}
.user .mkp .mkpBg {
	float:left;
	height:30px;
	width:2%;
}
.user .mkp span.font12 {
	float:left;
	margin:-30px 0 0 5px;
}
.mkpInfo {
	margin:0;
	padding:20px;
	line-height:24px;
}
.user .vip {
	margin:20px auto 0;
}
.user .last,
.user .visit {
	margin:15px auto 15px auto;
}
.user .justiceCount {
	margin:5px auto;
	width:185px;
	height:30px;
	line-height:30px;
}
.user .copyright {
	position:absolute;
	margin-top:25px;
	+margin:25px auto auto -117px;
	padding:0 5px;
	width:224px;
	text-align:left;
}
.user .copyright a:link,
.user .copyright a:visited,
.user .copyright a:hover,
.user .copyright a:active {
	margin-left:-3px;
	line-height:20px;
}


.overFour {
	width:241px;
}
.overFour .user {
	margin-bottom:5px;
}
.overFour #credentials {
	margin-bottom:5px;
}
.nameCard h6 {
	margin:20px auto 10px;
	padding-left:20px;
}
.nameCard pre.borderOn {
	margin:0 10px;
	padding:10px;
	width:192px;
}



.sidebar .friend {
	margin:0 auto;
	padding:5px;
	width:214px;
	border-width:0 0 1px 0;
}
.sidebar .friend div.r {
	padding-top:2px;
	width:150px;
}
.sidebar .friend div.r br {
	line-height:22px;
}
.sidebar .friend div.r p.r {
	margin-top:-4px;
}
.sidebar .friend div.r p.friendJiujie {
	padding-left:3px;
	line-height:20px;
	height:24px;
}
.sidebar .friend div.r span {
	padding:0 3px;
}
.sidebar .friend div.r img {
	margin-top:-4px;
	margin-right:-3px;
}
.sidebar .friend .imgBorder img {
	width:53px;
	height:56px;
}


.bagua .borderOn div.borderOn2 {
	margin:10px auto;
	padding:10px 0;
	width:180px;
}



.show {
	width:234px;
}
/*.coverBg {
	position:absolute;
	width:234px;
	height:250px;
}
.post a:link,
.post a:visited,
.post a:hover,
.post a:active {
	display:block;
}
.post a:hover,
.post a:active {
	background-color:#F09;
}*/
a.coverBg:link,
a.coverBg:visited,
a.coverBg:hover,
a.coverBg:active {
	position:absolute;
	display:block;
	margin-left:1px;
	padding-top:90px;
	width:234px;
	height:160px;
	text-align:center;
	filter:Alpha(Opacity=0);
	opacity:0;
}
a.coverBg:hover,
a.coverBg:active {
	filter:Alpha(Opacity=70);
	opacity:0.7;
}
.simple a.coverBg:link,
.simple a.coverBg:visited,
.simple a.coverBg:hover,
.simple a.coverBg:active {
	padding-top:60px;
	width:152px;
	height:103px;
}
.show img {
	border-width:0 1px 1px 1px;
}
.simple .show p{
	padding-left:3px;
	padding-right:3px;
}
.show p{
	padding:0 5px;
	height:30px;
	line-height:30px;
	border-width:0 0 1px;
}
.show h6,
.info h6 {
	padding:5px 5px 0;
	height:30px;
	line-height:30px;
	border-width:0 0 1px;
}
.show .bg,
.info .bg {
	display:none;
	margin:5px 0 0 5px;
}
.show .count,
.info .count {
	padding-top:7px;
	height:23px;
	line-height:normal;
	border-width:0 1px 1px 1px;
}
.show p.count a,
.info p.count a {
	text-align:right;
	cursor:default;
}
.flash p.loading {
	margin-bottom:10px;
	text-align:center;
}



.manageDiv {
	position:relative;
    padding:30px 50px 80px;
	width:500px;
	height:300px;
}
.manageDiv .add {
    margin-bottom:10px;
    padding-left:25px;
}
.manageDiv .add input.borderOn,
.manageDiv .edit input.borderOn {
    padding:4px 5px;
	width:275px;
}
.manageDiv .list {
	padding:5px 20px 5px 0;
}
.manageDiv .list .thirdColor {
	padding-right:10px;
}
.manageDiv .list a {
	padding-top:2px;
}
.manageDiv .edit {
	padding:0 20px 0 25px;
	line-height:25px;
}
.manageDiv .edit .bg {
    display:none;
}
.manageDiv .edit span {
	margin-left:10px;
}
.manageDiv .button {
    position:absolute;
	bottom:30px;
	width:500px;
    text-align:center;
}




div.reply {
	margin-top:10px;
}
.reply input.buttonS_4 {
	margin:0 10px;
}
.reply textarea {
	margin:10px auto 5px;
	padding:5px;
}
.reply div.r {
	padding:10px 20px 0 0;
	width:100px;
}
.reply div.r input {
	position:relative;
	margin-top:37px;
}

/* rico registration */
.topSpace10 {
	margin-top:10px;
}

.vertSpace10 {
	margin-top:10px;
	margin-bottom:10px;
}


.topSpace5 {
	margin-top:5px;
}

/* rico registration */
.topSpace20 {
	margin-top:20px;
}

/* rico registration */
.leftSpace10 {
	margin-left:10px;
}

.leftSpace50 {
	margin-left:50px;
}

.rightSpace5 {
	margin-right:5px;
}

.rightSpace10 {
	margin-right:10px;
}

/* end of Rico */

.replySmall {
	padding:0 0 0 180px;
	width:440px;
}
.replySmall textarea {
	margin:10px auto 10px 0;
	padding:10px;
	width:420px;
	height:65px;
}
.replySmall .button {
	margin:0;
	text-align:right;
}
.replySmall .button span {
	margin-right:10px;
}


.ricoContent {
	padding-bottom:20px;
	text-align:center;
}
.ricoContent h1 {
	text-indent:-9999px;
}
.ricoContent div.borderOn {
	margin:20px auto;
	padding:10px 10px 10px 40px;
	width:115px;
}
.ricoContentAdd {
	padding:10px;
	width:580px;
}
.ricoContentAdd .mainDashedOn {
	margin:20px auto;
	padding:20px;
	width:450px;
	text-align:center;
}
.ricoContentAdd table th {
	padding-right:10px;
	width:140px;
	text-align:right;
}
.ricoContentAdd table td {
	width:100px;
}
.ricoContentAdd table .text {
	padding:5px;
	width:300px;
}
.ricoContentAdd table .text input,
.ricoContentAdd table .text textarea {
	padding:5px;
	width:280px;
}
.ricoContentAdd table .text textarea {
	line-height:20px;
	height:40px;
}
.ricoContentAdd .button {
	margin:20px auto;
	text-align:center;
}
.ricoContentAdd .button input {
	margin:0 10px;
}


/*****************Footer*****************/
.footer {
	margin:80px auto 0;
	padding:20px 0;
	width:957px;
	height:28px;
	+height:30px;
	overflow:hidden;
	border-width:1px 0 0 0;
}
.footer .r {
	text-align:right;
}
.footer .r a {
	margin-left:5px;
}
/************Footer*********************/
.pagination {
	padding:20px 15px;
	height:33px;
	overflow:hidden;
}
.pagination a:link, 
.pagination a:visited,
.pagination a:hover,
.pagination a:active {
	margin-right:5px;
	padding:1px;
	width:30px;
	line-height:30px;
	text-align:center;
}
.pagination a:hover,
.pagination a:active {
	padding:0;
}
.pagination a.up:link, 
.pagination a.up:visited,
.pagination a.up:hover,
.pagination a.up:active,
.pagination a.down:link, 
.pagination a.down:visited,
.pagination a.down:hover,
.pagination a.down:active {
	padding:1px 6px;
}
.pagination a.up:hover,
.pagination a.up:active,
.pagination a.down:hover,
.pagination a.down:active {
	padding:0 5px;
}
.pagination a.alive:link, 
.pagination a.alive:visited,
.pagination a.alive:hover,
.pagination a.alive:active {
	padding:1px;
	border:0;
}

.rightNavPaddingLeft10 {
	padding-left:10px;
}