img.avatar {
  width: 40px;
  -moz-border-radius: 3px;      /* Gecko browsers */
  -webkit-border-radius: 3px;   /* Webkit browsers */
  border-radius: 3px;           /* W3C syntax */
}
img.plus {
  position:absolute; 
  top:-5px; 
  left:-8px; 
  width:15px;
}

.version {
  line-height: 11px;
  border: 1px #E2E2E2 solid;
  background-color: #F2F2F2;
  padding: 0px 5px;
  color: #888;
  font-size: 11px;
  margin-left: 5px;
  -moz-border-radius: 3px;      /* Gecko browsers */
  -webkit-border-radius: 3px;   /* Webkit browsers */
  border-radius: 3px;           /* W3C syntax */
}


.newpsngame-list .content{
  overflow: hidden;
  padding:6px;
  font-size: 12px;
}

.newpsngame-list li{
  background: #fff;
  margin: 4px;
  float: left;
}

.newpsngame-list .cover img{
  width: 170px;
  height: 96px;
  background: #222;
}

.newpsngame-list .platform{
  padding: 15px;
  float: left;
}

.newpsngame-list .trophy{
  text-align: center;
  border: 1px #DDD solid;
  padding: 10px 10px 10px 0;
  overflow: hidden;
}
.newpsngame-list .trophy span{
  font-size: 12px;
  padding-left: 20px;
}
.newpsngame-list span.bronze{
  background: url('/images/small_trophy.png')  no-repeat ;
  background-position:0 -48px;
  color:#C46438;
}
.newpsngame-list span.silver{
  background: url('/images/small_trophy.png') no-repeat ;
  background-position:0 -32px;
  color:#777777;
}

.newpsngame-list span.gold{
  background: url('/images/small_trophy.png') no-repeat ;
  background-position:0 -16px;
  color:#c2903e;
}
.newpsngame-list span.platinum{
  background: url('/images/small_trophy.png') no-repeat ;
  
  color:#667FB2
}
.newpsngame-list .trophy p {
  margin-top: 3px;
  text-align: right;
  color: #999;
}
.rank .rank-list {
  width: 360px;
  float: left;
  margin-right: 10px;
}
.rank .rank-list.last{
  margin-right: 0;
}

.rank .rank-list .title h2 {
  float: left;
}

.rank .rank-list .title span{
  float: right;
  margin-top:10px;
  margin-right: 15px;
}

.rank .rank-list tr{
  overflow: hidden;
  height: 40px; 
}

.rank .rank-list tr td{
  font-size: 12px;
  border-bottom: 1px solid #EFEFEF;
  padding-top:5px;
}

.rank .rank-list td.rank {
  color: #CCC;
  font-size: 16px;
  font-weight: bold;
  width: 40px;
}

.rank .rank-list td.avatar{
  width: 70px;
  text-align: center;
}

.rank .rank-list td.avatar img {
  width: 30px;
  margin-left: 15px;
}

.rank .rank-list td.id {
  color: #006699;
  font-weight: bold;
  text-align: left;
  width: 190px;
}

.rank .rank-list td.level{
  font-weight: bold;
  width: 50px;
}


.leaderboard .filter li{
  padding: 0 0 15px 0;
  margin-bottom: 15px;
  padding-left: 0;
}

.leaderboard .content{
  padding: 15px;
}

.psn-rank table{
  border-top:1px solid #DDD;
  border-left:1px solid #DDD;
  border-right:1px solid #DDD;
  margin-bottom: 15px;
}

.psn-rank img {
  display: inline-block;
}
.psn-rank table {
  font-size: 14px;
  font-weight: bold;
  
}

.psn-rank table tr {
  height: 50px;
}

.psn-rank tr.title{
  height: 40px;
}

.psn-rank th,
.psn-rank td {
  width: 1%;
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #fff;
}

.psn-rank td .avatar
{
  width: 40px;
  margin: auto;
}

.psn-rank td .avatar img {
  background: transparent;
}

.psn-rank td .avatar img.avatarimg {
  width: 40px;
  -moz-border-radius: 3px;      /* Gecko browsers */
  -webkit-border-radius: 3px;   /* Webkit browsers */
  border-radius: 3px;           /* W3C syntax */
}





.psn-rank td.rank{
  padding-left: 0px;
  color: #666;
  font-size: 18px;

}

.psn-rank td.id {
  width: 2%;
  color: #336699;
}



.psn-rank td.progress{
  color: #999;
  font-size: 12px;

}
.psn-rank td.bronze{
  color:#C46438;
}
.psn-rank td.silver{
  color:#777777;
}

.psn-rank td.gold{
  color:#c2903e;
}
.psn-rank td.platinum{
  color:#667FB2
}

.psn-rank td span {
  font-size: 12px;
  font-weight: normal;
}


/*===============PSN================*/


.psn-view{
  overflow: hidden;
}



.my-psn {
  background: #111;
  padding: 15px;
  margin-bottom: 15px;
  color: #666;
  overflow: hidden;
}

.my-psn .avatar{
  float: left;
  margin-right: 15px;
}

.psn-view .avatar img.plus {
  background: transparent;
  position:absolute; 
  top:-10px; 
  left:-15px; 
  width: 45px;
  height: 45px;
}

.my-psn .avatar img{
  width: 120px;
  height: 120px;
  background: #333;
  -moz-border-radius: 3px;      /* Gecko browsers */
  -webkit-border-radius: 3px;   /* Webkit browsers */
  border-radius: 3px;           /* W3C syntax */
}

.my-psn .info {
  float: left;
  width: 590px;
}

.my-psn .psnid {
  font-size: 30px;
  color: #FFF;
  margin-bottom: 10px;
  overflow: hidden;
} 
.my-psn .psnid span.id{
  padding-top: 3px;
  line-height: 35px;
}

.my-psn .psnid span.aboutme{
  font-size: 14px;
  color: #666;
  line-height: 14px;
}


.my-psn .rank{
  padding-top: 5px;
  margin-right: 5px;
  float: right;
  width: 145px;
}
.my-psn .rank li{
  float: right;
  margin-left: 15px;
}
.my-psn .rank img {
  float: left;
  margin-top: 2px;
}
.my-psn .rank span{
  margin-left: 10px;
  font-size: 14px;
  float: left;
  display: block;
}

.my-psn .rank li.world-rank img{
  margin-top: 0px;
}

.my-psn .level-progress{
  float: left;
  width: 350px;
  color: #FFF;
}

.my-psn .level-progress .level{
  font-size: 26px;
  color: #FFF;
  line-height: 26px;
}

.my-psn .level-progress .right{
  margin-top:12px;
}

.my-psn .level-progress .progress-bar{
  width: 350px;
  color: #FFF;
  margin: 8px 0;
}


.my-psn .level-progress .stat{
  margin-top: 8px;
}

.my-psn .level-progress .stat li{
  float: left;
  margin-right: 15px;
  font-size: 12px;
  color: #666;
}

.my-psn .level-progress .stat li span{
  color: #FFF;
}

.my-psn .my-trophy {
  margin-top: 7px;
  width: 240px;
  float: right;

}

.my-psn .my-trophy li{
  width: 50px;
  text-align: center;
  float: right;
  color: #FFF;
  font-size: 16px;
  margin-left: 10px;
}
.my-psn .my-trophy li img{
  width: 40px;
  height: 40px;
  margin: 0 5px 10px 5px;

}

.my-psn .my-trophy li span{
  margin-top: 8px;
}
.psn-game-list.gameplayer td{
  padding: 10px 0;
  width: 1%;
}

.psn-game-list.gameplayer .rank {
  padding: 0 20px;
  font-size: 22px;
}

.psn-game-list.gameplayer .avatar {
  padding-right: 10px;
}

.psn-game-list.gameplayer .psnid {
  text-align: left;
  width: 100px;
}

.psn-game-list.gameplayer .psnid span{
  font-weight: normal;
  line-height: 22px;
  font-size: 12px;
  color: #999;
}

.psn-game-list.gameplayer .perfecttime{
  font-size: 12px;
  width: 100px;
}

.psn-game-list.gameplayer .country{
  padding-right: 20px;
}


.psn-game-list{
  font-weight: bold;
}


.psn-game-list td {
  width: 1%;
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #fff;
}



.psn-game-list .cover img{
  margin: 10px;
  height: 50px;
  width: 91px;
  background: #333;
  background: #626262; /* Old browsers */
  background: -moz-linear-gradient(top,  #626262 0%, #404040 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626262), color-stop(100%,#404040)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #626262 0%,#404040 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #626262 0%,#404040 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #626262 0%,#404040 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #626262 0%,#404040 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#404040',GradientType=0 ); /* IE6-9 */
  display: block;
  border-radius: 2px;
  border: 5px solid #DDD;
}

.psn-game-list .have .cover img{
  border: 5px solid #61bf19;
}

.psn-game-list td.game-title {
  width: 600px;
  text-align: left;
  font-size: 12px;
}

.psn-game-list td.game-title h3{
  color: #336699;
  line-height: 20px;
  font-weight: bold;
  font-size: 14px;
}

.psn-game-list td.game-title span{
  line-height: 18px;
  color: #AAA;
  font-weight: normal;
}

.psn-game-list td.game-title span.green {
  color: #61BF19;
  font-weight: bold;
}

.psn-game-list td.icon img{
  padding-left: 15px;
}

.psn-game-list td.platinum {
  padding: 15px;
}

.psn-game-list td.platform{
  padding-right: 10px;
}
.psn-game-list td.platform img {
  display: inline-block;
  margin: 5px 0;
}
.psn-game-list .progress{
  text-align: center;
  overflow: hidden;
  width: 155px;
  padding-top: 5px;
  margin-right: 10px;
}

.psn-game-list .progress span {
  line-height: 18px;
  padding-left: 18px;
  margin: 0 2px;
  width: 30px;
}
.psn-game-list .progress span.bronze{
  background: url('/images/bronze_small.png') no-repeat ;
  color:#C46438;
}
.psn-game-list .progress span.silver{
  background: url('/images/silver_small.png') no-repeat ;
  color:#777777;
}

.psn-game-list .progress span.gold{
  background: url('/images/gold_small.png') no-repeat ;
  color:#c2903e;
}

.psn-game-list .progress span.platinum{
  background: url('/images/platinum_small.png') no-repeat ;
  color:#667FB2;
}

.psn-game-list td.platinum{
  color:#667FB2
}

.psn-game-list .search {
  padding: 15px;
  margin-bottom: 0;
  border-bottom: 1px #EEE dashed;
}
.psn-game-list .search form{
  margin: 0;
}
.psn-game-list .search input {
  margin-right: 10px;
  padding: 5px 10px;
}

.psn-game-list .pagination{
  margin: 15px;
}

.menu {
  overflow: hidden;
}
.filter{
  overflow: hidden;
  font-weight: normal;
}
.filter li {
  overflow: hidden;
  padding: 10px 15px;
  border-bottom: 1px #EEE dashed;
}
.filter span{
  float: left;
  padding: 5px 0;
  margin-right: 10px;
  color: #999;
}
.filter a{

  float: left;
  padding: 5px 10px;
  background: #F5F5F5;
  margin-right: 10px;
  -moz-border-radius: 3px;      /* Gecko browsers */
  -webkit-border-radius: 3px;   /* Webkit browsers */
  border-radius: 3px;           /* W3C syntax */
}
.filter a:hover{
  color: #000;
  background: #E5E5E5;
}
.filter a.current{
  font-weight: bold;
  color: #FFF;
  background: #333;
}

.listmode {
  border-bottom: 1px #EEE solid;
}
.listmode a{
  padding: 4px 10px;
}
.listmode a:hover{
  background: #666;
}
.listmode a.current{
  background: #006699;
  border:1px solid #336699;
}

/*---------TROPHY--------*/
.game-trophy td {
  width: 1%;
}
.game-trophy td.game-title{
  text-align: left;
  color: #006699;
  width: 100%;
}

.game-trophy td.game-title span{
  font-weight: normal;
  color: #999;
  font-size: 12px;
}

.game-trophy td.cover img{
  background: #333;
  width: 100px;
  margin: 10px;
  -moz-border-radius: 3px;      /* Gecko browsers */
  -webkit-border-radius: 3px;   /* Webkit browsers */
  border-radius: 3px;           /* W3C syntax */
}
table.trophylist{
  width: 100%;
}

.trophy-list .title {
  font-weight: bold;
  font-size: 14px;
  padding-left: 15px;
  line-height: 34px;
}

.trophy-list .title a {
  color: #DDD;
}

.trophy-list .title span {
  float: right;
  font-size: 12px;
  color: #555;
  font-weight: normal;
  margin-right: 10px;
}

.trophy-list td {
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #fff;
}
.trophy-list td.image{
  width: 64px;
  vertical-align: top;
}

.trophy-list td.image img{
  border: 5px solid #E5E5E5;
  background: #333;
  width: 54px;
  margin: 10px;
  -moz-border-radius: 3px;      /* Gecko browsers */
  -webkit-border-radius: 3px;   /* Webkit browsers */
  border-radius: 3px;           /* W3C syntax */
}


.trophy-list .trophy-info {
  padding:10px 0;
  text-align: left;
  font-weight: bold;
  color: #006699;
  overflow: hidden;
}

.trophy-list .trophy-info h3{
  color: #336699;
  line-height: 20px;
  font-weight: bold;
  font-size: 14px;
}
.trophy-list .trophy-info h3 span{
  margin-left: 5px;
  display: inline-block;
  font-weight: normal;
  color: #999;
  font-size: 12px;
  line-height: 18px;
}

.trophy-list .trophy-info span{
  display: block;
  font-weight: normal;
  color: #AAA;
  font-size: 12px;
  line-height: 20px;
}
.trophy-list .trophy-info span.zh{
  color:#777;
}

.trophy-list .trophy-info span.target{
  color:#558888;
}

.trophy-list .trophy-info a.tips-num {
  margin-top: 5px;
  border: 1px solid #cee3e9;
  padding: 0px 5px;
  overflow: hidden;
  line-height: 18px;
  font-size: 12px;
  display:inline-block;
  background: #f1f7f9;
  -moz-border-radius: 3px;      /* Gecko browsers */
  -webkit-border-radius: 3px;   /* Webkit browsers */
  border-radius: 3px;           /* W3C syntax */
  color: #7cb8c9;
  font-weight: normal;
}
.trophy-info input {
  margin-bottom: 5px;
}
.trophy-info input.trophy-title{
  width: 200px;
  font-weight: normal;
}

.trophy-info input.trophy-des{
  width: 95%;
  font-weight: normal;
}

.trophy-list tr.earned .image img{
  border: 5px solid #61bf19;
}

.trophy-list td.earned{
  width: 100px;
  font-size: 12px;
  color: #61bf19;
  font-weight: bold;
}
.trophy-list td.earned p{
  border-left: 1px solid #F5F5F5;
  line-height: 20px;
}

.trophy-list td.trophy-type {
  width: 40px;
}
.trophy-list td.trophy-type img {
  padding: 0 15px;
  border-left: 1px solid #F5F5F5;
}


.trophy-list .best-tips
{
  background:#f1f7f9;
  border: 1px #cee3e9 dashed;
  padding: 10px;
  line-height: 24px;
  text-align: left;
  color: #777;
  margin-top: 10px;
  margin-right:10px;
}

.trophy-list .best-tips .name{
  color: #666;
  font-weight: bold;
  margin-right: 10px;
  float: left;
}
.trophy-list .best-tips p {
  display: inline;
}
.trophy-list .best-tips .more{
  color: #336699;
  margin-left: 10px;
}




.progress-bar {
  margin:8px 10px 5px 0;
  text-align: left;
  background-color: #666;
  height: 12px;
  padding: 1px;
  width: 155px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 5px #000 inset, 0 0px 0 #444;
  -webkit-box-shadow: 0 1px 5px #000 inset, 0 0px 0 #444;
  box-shadow: 0 1px 5px #000 inset, 0 0px 0 #444;
}
.progress-bar p{
  position: absolute;
  text-align: center;
  width: 155px;
  line-height: 12px;
  font-size: 12px;
  color: #FFF;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
}
 
.progress-bar span {
        display: inline-block;
        height: 12px;
        width: 155px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
}


.blue span {
        background-color: #336699;
}
 
.orange span {
          background-color: #fecf23;
          background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215));
          background-image: -webkit-linear-gradient(top, #fecf23, #fd9215);
          background-image: -moz-linear-gradient(top, #fecf23, #fd9215);
          background-image: -ms-linear-gradient(top, #fecf23, #fd9215);
          background-image: -o-linear-gradient(top, #fecf23, #fd9215);
          background-image: linear-gradient(top, #fecf23, #fd9215);
}       
 
.green span {
          background-color: #a5df41;
          background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));
          background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);
          background-image: -moz-linear-gradient(top, #a5df41, #4ca916);
          background-image: -ms-linear-gradient(top, #a5df41, #4ca916);
          background-image: -o-linear-gradient(top, #a5df41, #4ca916);
          background-image: linear-gradient(top, #a5df41, #4ca916);
}

.add_psntrophy{
  padding: 15px;
}

.add_psntrophy h2{
  line-height: 32px;
}
.add_psntrophy li{
  margin-bottom: 10px;
}

.psn-trophy .topic-list li{
  height: auto;
  overflow: hidden;
  padding-bottom: 20px;
}

.psn-trophy .user-prof {
  float: left;
}
.psn-trophy .avatar img {
  width: 35px;
  height: 35px;
}
.psn-trophy .topic-content{
  float: left;
}

.psn-trophy .topic-list p{
  margin-bottom: 10px;
}

.psn-trophy .topic-list h2{
  font-size: 14px;
  padding: 15px;
  border-bottom: 1px #DDD solid;
}
.like{
  color: #999;
  font-size: 12px;
}
.psn-trophy .topic-list h3{
  color: #006699;
  margin: 0;
  line-height: 35px;
  background: #F8F8F8;
  height: 35px;
}

.psn-trophy .psn-trophy-topic{
  margin-top: 10px;
}

.input-psn{
  line-height: 28px;
  color: #CCC;

}

.input-psn .content {
  background: #282828;
  padding: 10px 0px 10px 10px;
}

.input-psn .content input {
  margin: 5px;
}

.input-psn .text{
  padding: 7px ;
  width: 160px;
  margin-left: 10px;
  color: #333;
  font-weight: bold;
}
form{
  margin: 0;
  padding: 0;
}

.input-psn .submit{
  margin-left: 10px;
}

.psncard .create {
  padding: 30px;
}
.psncard .create input{
  margin-bottom: 15px;
}
.psncard .create input.radio{
  float: left;
  margin-top: 50px;
  margin-right: 15px;
}

.psncard .create input.submit{
  margin-top: 15px;
}

.psncard .input-psnid {
  padding-bottom: 15px;
  border-bottom: 1px solid #E5E5E5;
}

.psncard .bg-list li{
  overflow: hidden;
  padding: 15px 0;
  border-bottom: 1px solid #E5E5E5;
}

.psncard h3{
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
}

.psncard .link{
  width: 530px;
  height: 60px;
}

.psncard .content{
  padding: 20px;
}
/* 
::::::::::::::::::::::::::::::::::::::::::::::::::: 
:: 
::    PSN/GAME
:: 
::::::::::::::::::::::::::::::::::::::::::::::::::: 
*/ 
.psn-game .fast-complete .content{
  padding:0;
  line-height: 18px;
  font-weight: bold;
  font-size: 12px;
}
.psn-game .fast-complete td{
  border-bottom: 1px solid #EFEFEF;
  padding: 5px;
}

.psn-game .fast-complete td img.avatar
{
  width: 30px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.psn-game .fast-complete td.psnid
{ 
  width: 185px;
  margin-left: 15px;
  font-size: 14px;
  color: #336699;
  text-align: left;
}

.psn-game .fast-complete td.psnid span{
  color: #CCC;
  font-weight: normal;
  font-size: 12px;
}

.psn-game .fast-complete td.lastupdated
{
  width: 120px;
  text-align: right;
  color: #61bf19;
  padding-right: 10px;
}

.psn-game .fast-complete td.rank{
  padding-left: 0px;
  color: #999;
  padding-left: 10px;
  font-size: 18px;

}

.psn-game .trophy-list {
  margin-top: 10px;
}

.psn-game-list .content
{
  padding: 0;
}

.trophy-menu{
  overflow: hidden;
}

.trophy-menu a{
  width: 150px;
  text-align: center;
  float: left;
  display: block;
  padding: 15px 20px;
  margin-right: 10px;
  background: #222;
  color: #EEE;
}

.trophy-menu a:hover{
  background: #333;
  color: #FFF;
}

.topic-create h2 {
  line-height: 24px;
  margin-bottom: 10px;
}

.topic-create textarea
{

  width: 600px;
  height: 100px;

}

.topic-create .notice{
  line-height: 26px;
  padding: 15px;
  border: 1px #EEE solid;
  background: #F5F5F5;
  color: #666;
  font-size: 12px;
  font-weight: normal;
}
.topic-create .notice li {
  color: #006699;
  margin-left: 15px;
}
.topic-create .notice span{
  color: #006699;
  font-weight: bold;
}
.topic-create .notice span.red{
  color: #CC0000;
}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::: 
:: 
::    PSN/TOPIC_LIST 
:: 
::::::::::::::::::::::::::::::::::::::::::::::::::: 
*/ 

.psn-topic-list {
  overflow: hidden;
}
.psn-topic-list .avatar img{
  width: 50px;
  margin: 15px;
  float: left;
  -moz-border-radius: 5px;      /* Gecko browsers */
  -webkit-border-radius: 5px;   /* Webkit browsers */
  border-radius: 5px;            /* W3C syntax */
  background: #222;
}

.psn-topic-list .topic-info{
  float: left;
}

.psn-topic-list .trophy{
  float: left;
  margin: 15px 0;
}

.psn-topic-list .trophy img {
  float: left;
  background: #222;
  height: 50px;
  -moz-border-radius: 5px;      /* Gecko browsers */
  -webkit-border-radius: 5px;   /* Webkit browsers */
  border-radius: 5px;            /* W3C syntax */
  margin-left: 15px;
}

.psn-topic-list .pagination{
  margin: 15px;
}


.psn-topic-list li{
  overflow: hidden;
  border-bottom: 1px #EEE solid;
}

.psn-topic-list .topic-info{
  overflow: hidden;
  width: 820px;
  margin-top: 15px;
}

.psn-topic-list p
{
  font-size: 14px;
  margin-top: 3px;
  color: #666;
  margin-bottom: 10px;
}

.psn-topic-list p a{
  margin-left: 10px;
  color: #336699;
}



/* 
::::::::::::::::::::::::::::::::::::::::::::::::::: 
:: 
::    PSN/TROPHY
:: 
::::::::::::::::::::::::::::::::::::::::::::::::::: 
*/ 

.psn-trophy-topic li{
  overflow: hidden;
  border-bottom: #E8E8E8 dashed 1px;
}

.psn-trophy-topic .psn-topic-view .entry a{
  display: block;
  margin-left: 0;
  margin-top: 20px;
}

.psn-topic-view .topic-title{
  border-bottom: #E8E8E8 dashed 1px;
  overflow: hidden;
}

.psn-topic-view .avatar img{
  float: left;
  margin: 15px;
  background-color: #222;
  width: 50px;
  height: 50px;
  -moz-border-radius: 5px;      /* Gecko browsers */
  -webkit-border-radius: 5px;   /* Webkit browsers */
  border-radius: 5px;            /* W3C syntax */

}

.psn-topic-view .topic-content {
  float: left;
  width: 645px;
}
.psn-topic-view .topic-info{
  
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 10px;

}
.psn-topic-view .topic-info .info
{
  font-size: 12px;
  float: left;
  width: 565px;
  color: #999;
  background:#F5F5F5;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.psn-topic-view .topic-info .name{
  font-size:14px;
  color: #336699;
}

.psn-topic-view .like {
  color: #CC0000;
  width: 50px;
  border: 1px #FFE1E1 solid;
  background:#FFF0F0;
  padding: 4px;
  padding-left: 5px;
  float: right;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
}


.psn-topic-view .liked {
  color: #666;
  border: 1px #E8E8E8 solid;
  background:#F5F5F5;
}

.psn-topic-view .like img {
  margin-top:1px;
  float: left;
  margin-right: 3px;
}

.psn-topic-view .entry{
  line-height: 24px;
  font-size: 14px;
  color: #666;
  padding-bottom: 30px;

}


.psn-topic-view .entry
{
  font-size: 14px;
  color: #666;
}

.psn-topic-view .entry a{
  margin-left: 10px;
  color: #336699;
}

.psn-topic-view .entry img{
  display: inline;
  padding: 0;
  border: none;
}


.psn-view .user-menu
{
  padding: 15px;
  overflow: hidden;
}
.psn-view .user-menu a{
  display: block;
  float: left;
  padding: 10px 20px;
  background:#F5F5F5;
  border: 1px #E8E8E8 solid;
}

.psn-game .user-menu {
  padding: 15px;
  overflow: hidden;
  font-size: 12px;
}

.psn-game .user-menu a{
  display: block;
  width: 200px;
  float: left;
  margin:5px;
  padding: 10px;
  text-align: center;
  background:#F5F5F5;
  border: 1px #E8E8E8 solid;
}

.all-game-list{
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  color: #999;
}

.all-game-list .trophy{
  width: 140px;
  float: right;
  margin-right: 15px;
  text-align: right;
  border-left: 1px #EEE solid;
}
.all-game-list .trophy span{
  padding-left: 16px;
  margin-left: 3px;
  font-weight: bold;
}
.all-game-list span.bronze{
  background: url('/images/small_trophy.png')  no-repeat ;
  background-position:0 -48px;
  color:#C46438;
}
.all-game-list span.silver{
  background: url('/images/small_trophy.png') no-repeat ;
  background-position:0 -32px;
  color:#777777;
}

.all-game-list span.gold{
  background: url('/images/small_trophy.png') no-repeat ;
  background-position:0 -16px;
  color:#c2903e;
}
.all-game-list span.platinum{
  background: url('/images/small_trophy.png') no-repeat ;
  
  color:#667FB2
}
.all-game-list .trophy p {
  font-weight: normal;
  margin-top: 3px;
  text-align: right;
}

.all-game-list .user-num {
  font-weight: normal;
  width: 60px;
  border-left: 1px #EEE solid;
}
.all-game-list .average-num span,
.all-game-list .user-num span{
  font-size: 16px;
  font-weight: bold;
  color: #666;
  margin-bottom: 3px;
}

.all-game-list .average-num {
  font-weight: normal;
  width: 80px;
  border-left: 1px #EEE solid;
}

/* 主页内容 */
.psn-index-tips {
  overflow: hidden;
}
.psn-index-tips .content{
  padding: 6px;
}

.psn-index-tips  li{
  width: 355px;
  float: left;
  border-bottom: 1px solid #EEE;
  padding-bottom: 4px;
  margin-bottom: 4px;
}

.psn-index-tips  li .trophy {
  float: left;
}

.psn-index-tips  li img{
  -moz-border-radius: 5px;      /* Gecko browsers */
  -webkit-border-radius: 5px;   /* Webkit browsers */
  border-radius: 5px;           /* W3C syntax */
  float: left;
  height: 50px;
  background: #222;
  margin: 5px;
}

.psn-index-tips  li .topic-info {
  float: left;
  padding:5px; 
}

.psn-index-tips  li .topic-info span a{
  font-size: 14px;
}

.psn-index-tips  li .topic-info span{
  display: block;
}

.psn-index-tips  li .topic-info span.time{
  margin-top: 5px;
}


.psn-index-tiper{
  border-spacing: 0;
}

.psn-index-tiper td{
  width:1%;
  border-bottom: 1px #EEE solid;
  text-align: center;
}

.psn-index-tiper td span{
  display: block;
}

.psn-index-tiper td.rank span{
  margin-left: 10px;
  color: #CCC;
  font-size: 22px;
}
.psn-index-tiper td.avatar {}
.psn-index-tiper td.avatar img{
  width: 35px;
  height: 35px;
  margin: 10px 10px;
  background: #222;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.psn-index-tiper td.psnid
{
  width: 170px;
  text-align: left;
}
.psn-index-tiper td.psnid a
{
  color: #336699;
  font-size: 14px;
  font-weight: bold;
}
.psn-index-tiper td.psnid span{
  margin-top: 3px;
  font-size: 12px;
  color: #ccc;
}
.psn-index-tiper td.topic-num span{
  width: 40px;
  font-size: 16px;
  font-weight: bold; 
}

.card-list .menu .search{
  padding: 15px;
  border-bottom: 1px #EEE dashed;
}

.card-list .search form{
  margin: 0;
}

.card-list .search input {
  margin-right: 10px;
  padding: 5px 10px;
}
.card-list .list {
  background: #FFF;
}


/* 白色背景,透明度0.6 */
.card-list .list li {
  overflow: hidden;
  padding: 10px 0;
  margin: 10px;
  border: 1px #EEE solid;
}

.card-list .list li:hover{
  background: #f1f1f1;
  border: 1px #CCC solid;
}

.card-list .list li img{
  margin: auto;
}

.card-list .list li h3{
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  color: #666;
  font-weight: bold;
}

.card-list .pagination{
  margin: 15px;
}

.card-create {
  padding: 20px;
  margin: auto;
  text-align: center;
}
.card-create a{
  color: #336699;
  font-weight: bold;
}

.card-create .input-psnid{
  margin-bottom: 20px;
  
}
.card-create .input-psnid input{
  font-weight: bold;
  text-align: center;
}

#attach_list {
  margin-top: 10px;
}

.attach .btn{position: relative;overflow: hidden;margin-right: 4px;display:inline-block; 
*display:inline;padding:4px 10px 4px;font-size:14px;line-height:18px; 
*line-height:20px;color:#fff; 
text-align:center;vertical-align:middle;cursor:pointer;background:#5bb75b; 
border:1px solid #cccccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf; 
border-bottom-color:#b3b3b3;-webkit-border-radius:4px; 
-moz-border-radius:4px;border-radius:4px;} 

.attach .btn input{position: absolute;top: 0; right: 0;margin: 0;border:solid transparent; 
opacity: 0;filter:alpha(opacity=0); cursor: pointer;} 
.attach .progress{position:relative; margin-left:100px; margin-top:-24px;  
width:200px;padding: 1px; border-radius:3px; display:none} 
.attach .bar {background-color: green; display:block; width:0%; height:20px;  
border-radius:3px; } 
.attach .percent{position:absolute; height:20px; display:inline-block;  
top:3px; left:2%; color:#fff } 
.attach .files{height:22px; line-height:22px; margin:10px 0} 
.attach .delimg{margin-left:20px; color:#090; cursor:pointer} 

.overview{
  font-size: 12px;
}

.overview h2{
  font-size: 14px;
  padding: 10px 15px;
  background: #F5F5F5;
  border-bottom: #EEE 1px solid;
}
.overview h2 span{
  float: right;
  font-size: 12px;
  color: #999;
  font-weight: normal;
}
.overview li {
  font-weight: normal;
  line-height: 26px;
  color: #999;
  padding: 5px 15px;
  border-bottom: 1px #F1F1F1 dashed;
}
.overview li span {
  font-weight: bold;
  color: #444;
}

.overview .trophy{
  font-size: 12px;
  display: inline;
  padding: 5px 10px 5px 0;
}
.overview .trophy span{
  padding-left: 16px;
  margin-left: 5px;
}
.overview span.bronze{
  background: url('/images/small_trophy.png')  no-repeat ;
  background-position:0 -48px;
  color:#C46438;
}
.overview span.silver{
  background: url('/images/small_trophy.png') no-repeat ;
  background-position:0 -32px;
  color:#777777;
}

.overview span.gold{
  background: url('/images/small_trophy.png') no-repeat ;
  background-position:0 -16px;
  color:#c2903e;
}
.overview span.platinum{
  background: url('/images/small_trophy.png') no-repeat ;
  
  color:#667FB2
}

.overview .trophy_bug span{
}
.overview .playtime input,
.overview .playthrough input,
.overview .trophy_bug input{
  width: 600px;
}
.overview .dlc span.item{
  display: block;
  float: left;
  margin-left: 0px;
  font-weight: normal;
  color: #999;
}
.overview .dlc span.content{
  display: block;
  margin-left: 64px;

}
.overview .dlc span table{
  border-top: 1px solid #EEE;
  border-left: 1px solid #EEE;
}
.overview .dlc span table th{
  padding: 5px;
  background: #E5E5E5;
  color: #666;
  border-bottom: 1px solid #EEE;
  border-right: 1px solid #EEE;
}
.overview .dlc span table td{
  padding: 5px;
  border-right: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
.overview .other{
  font-weight: normal;
  padding: 8px 15px;
  line-height: 26px;
}


.overview input.text.num{
  width: 25px;

}

.overview .submit{
  margin:15px;
}

.overview .des {
  font-weight: normal;
  color: #777;
}


.overview span.num{
  color: #336699;
}

.recommend { 
  float: left;

}
.recommend .content{
  padding: 10px;
}
.recommend a {
  display: block;
}

.hotgames {
  overflow: hidden;
}

#psn-stat .content{
  background: #222;
  height: 70px;
  overflow: hidden;
}

#psn-stat .content li{
  float: left;
  font-size: 28px;
  color: #DDD;
  line-height: 28px;
  width: 178px;
  text-align: center;
  padding-top:10px;
}

#psn-stat .content li.line{
  width: 2px;
  height: 70px;
  background: url(/images/top_nav_line.gif);
}

#psn-stat .content li span{
  display: block;
  font-size: 12px;
  color: #555;
  line-height: 24px;
}