
body {
    margin: 0;
    color: #333;
    font: 12px Arial, Helvetica, sans-serif;
    background: url(../images/bg.jpg) #0071A5 repeat-x 0 0;
}

ul,
ol,
li,
form,
img,
h3,
h5,
h4,
h6,
h7 {
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none;
}

a:link,
a:visited {
    color: #0588C0;
    text-decoration: none;
}

a:hover,
a:active {
    color: #c00;
}

tr {
    vertical-align: top;
}

.clear {
    clear: both;
}

.fb {
    font-weight: bold;
}

.mid {
    text-align: center;
}

.f11 {
    font-size: 11px;
}

.f14 {
    font-size: 14px;
}

.mar1 {
    margin-top:-1px;
}

.mar25 {
    margin-right:25px;
    display:inline;
}

.mar5 {
    margin-right:5px;
    display:inline;
}

.marL5 {
    margin-left:5px;
    display:inline;
}

.mar15 {
    margin-top: 15px;
}

.mar10 {
    margin-bottom: 10px;
}

.marB3 {
    margin-bottom: 3px;
}

.parBot {
    padding-bottom:4px;
}

.pad5 {
    padding:5px;
}

.top5 {
    padding:3px 0;
}

.left_float {
    float: left;
}

.right_float {
    float: right;
}

.rightAlign {
    text-align:right;
}

.fblue {
    color:#025FA6;
}

.orange {
    color:#FF6600;
}

.gray {
    color:#666;
}

.marNone {
    margin:0!important;
}

.bgNone {
    background:none!important;
}

.borderNone {
    border:none!important;
}

input,
textarea {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

#layout {
    width:910px;
    margin:0 auto;
}

.center {
    text-align:center;
}

/*------logo-------*/
.logo {
    padding:10px 0 5px 0;
    color:#999;
}

.searchImg {
    border:0;
    cursor:pointer;
    vertical-align:middle;
    margin-top:-1px;
}

*html .searchImg {
    margin-top:-4px;
}

*+html .searchImg {
    margin-top:-6px;
}

.logo a:link,
.logo a:visited {
    color:#888;
    padding:0 5px;
}

.logo a:hover,
.logo a:active {
    color:#c00;
    padding:0 5px;
}

.logo input {
    border:0;
    background:url(../images/search1.gif) no-repeat;
    width:115px;
    padding:4px 5px 3px 30px;
    color:#ccc;
    margin-left:5px;
    height:20px;
}
.logo input, x:-moz-any-link, x:default {
 padding:4px 5px 0px 30px;
}

*html .logo input {
    height:20px;
    padding:3px 5px 1px 30px;
}

*+html .logo input {
    height:20px;
    padding:3px 5px 1px 30px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.logo input {
 height:20px;
}
}

.logo select {
    height:18px;
    color:#666;
    border:1px solid #ccc;
}

*html .logo select {
    height:19px;
}

*+html .logo select {
    height:20px;
}

.mar30 {
    margin-top:35px!important;
}

/*----------nav----------*/
.nav {
    background:url(../images/answer_2.jpg) repeat-x;
    font-size:14px;
}

.navCe {
    background:url(../images/answer_2.jpg) repeat-x;
}

.navCe li {
    float:left;
    margin-top:10px;
    background:url(../images/line.gif) no-repeat right bottom;
    padding:0 12px;
}

.navCe li a:link,
.navCe li a:visited {
    color:#fff;
    display: block;
    padding:6px 0 6px;
}
.navCe li a:link, .navCe li a:visited x:-moz-any-link, x:default {
 padding:6px 0 7px;
}

*html .navCe li a:link,
*html .navCe li a:visited {
    padding:6px 0 7px;
}

*+html .navCe li a:link,
*+html .navCe li a:visited {
    padding:6px 0 7px;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.navCe li a:link, .navCe li a:visited {
 padding:6px 0 7px;
}
}

.navCe li a:hover,
.navCe li a:active {
    color:#60C9F7;
}

.navCe a.current {
    background: url(../images/navRight.gif) no-repeat right top;
    padding:6px 12px 6px 0;
}

.navCe a.current span {
    background: url(../images/navLeft.gif) no-repeat left top;
    padding:6px 12px 6px;
    color: #0273A7;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.navCe .navCe a.current span {
 padding:6px 12px 7px;
}
}

.navBO {
    background:url(../images/answer_4.jpg) no-repeat right top;
    padding:10px 9px 5px 10px;
}

.log {
    background:url(../images/answer4.gif) no-repeat left top;
    padding:3px 0 3px 7px;
    font-size:12px;
    font-weight:normal;
}

.log a {
    background:url(../images/answer5.gif) no-repeat right top;
    padding:3px 7px 3px 5px;
}

/*--------container---------*/
.container {
    padding: 10px;
    background:#EAF8FE;
    border-left:1px solid #0172A6;
    border-right:1px solid #0172A6;
}

/*columnLeft*/
.columnLeft {
    width:185px;
    float:left;
    margin-right:7px;
}

.leftOne {
    background:url(../images/answer_43.jpg) repeat-y;
}

.oneTop {
    background:url(../images/answer_32.jpg) no-repeat;
    padding:4px 10px 10px;
    color:#fff;
}

.oneCE {
    background:url(../images/answer_42.jpg) no-repeat;
    padding:5px 10px;
}

.oneBo {
    background:url(../images/answer_45.jpg) no-repeat left bottom;
    height:9px;
}

.news {
    padding:15px 0 15px 5px;
}

.news li {
    padding:10px 10px 10px 45px;
    margin-bottom:5px;
    color:#fff;
}

.news li a:link,
.news li a:visited {
    color:#fff;
}

.news li a:hover,
.news li a:active {
    color:#c30;
}

.newA {
    background:url(../images/ico_01.jpg) no-repeat;
}

.newB {
    background:url(../images/ico_02.jpg) no-repeat;
}

.newC {
    background:url(../images/ico_03.jpg) no-repeat;
}

.friends {
    background:#FD8122;
    height:24px;
    width:177px;
    margin:10px 0;
}

.friendsList {
    width:170px;
    padding-left:7px;
}

.friendsList ul {
    width: 170px;
}

.friendsList ul li {
    width: 50px;
    float: left;
    margin: 0 6px 8px 0;
    display: inline;
    overflow: hidden;
    word-wrap:break-word;
    word-break:keep-all;
    word-break/**/:normal;
}

.friendsList ul li img {
    float:left;
}

.friendsList ul li span {
    float:left;
    width:50px;
    font-size:11px;
    text-align:center;
}

.fspan {
    background:url(../images/answer_89.gif) no-repeat 0 0;
    padding:5px 0 5px 5px;
}

.fname {
    background:url(../images/answer_90.gif) no-repeat 0 0;
    padding:5px 3px 5px 12px;
    color:#fff;
}

*html .fspan {
    padding:5px 0px 3px 5px;
}

*html .fname {
    padding:5px 3px 3px 12px;
}

.popular {
    padding:0 5px 5px 5px;
}

.popular li {
    background:url(../images/answer_97.jpg) no-repeat 0 4px;
    padding:0 5px 0 10px;
    margin-bottom:5px;
}

.poTop {
    color:#025FA6;
    border-bottom:1px solid #299CCE;
    padding:5px;
    margin-bottom:5px;
}

/*----------columnCenter------------*/
.columnCenter {
    width:506px;
    float:left;
}

.topName {
    background:url(../images/nameTop.jpg) no-repeat;
    height:14px;
}

*html .topName {
    margin-bottom:-1px;
}

.centerName {
    background:url(../images/nameCe.jpg) repeat-y;
    padding:0px 20px;
}

.centerName td {
    padding:4px 0;
}

.centerName img {
    padding:2px;
    border:1px solid #ddd;
    margin-left:10px;
}

.bottomName {
    background:url(../images/nameBO.jpg) no-repeat left bottom;
    height:14px;
}

*html .bottomName {
    margin-top:-1px;
}

*+html .bottomName {
    margin-top:-1px;
}

.sideNav {
    height:22px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.sideNav {
 height:21px;
}
}

.sideNav li {
    float:left;
    background:url(../images/answer_59.jpg) no-repeat right top;
    padding:5px 10px 2px 0;
    margin:0 4px;
}

.sideNav li a {
    background:url(../images/answer_58.jpg) no-repeat left top;
    padding:5px 0 2px 10px;
    color:#2658A2;
}

.sideNav .select {
    background:url(../images/answer_56.jpg) no-repeat right top;
}

.sideNav .select a {
    background:url(../images/answer_55.jpg) no-repeat left top;
    color:#fff;
}

.sideCeter {
    border:1px solid #8BD4F7;
    background:#fff;
    padding:10px 0 15px;
}

.recent {
    padding:3px 9px;
    border-bottom:1px solid #D8EDF6;
    margin:0 9px;
}

.show {
    background:url(../images/answer_65.jpg) no-repeat;
    padding:3px 8px;
    margin-right:5px;
    float:left;
}

.showB {
    margin-top:3px;
}

.showB span {
    float:left;
}

.showB a {
    margin:0 4px;
    text-decoration: underline;
}

.showB span.showAll {
    background:url(../images/answer_65.jpg) top center no-repeat;
    padding:3px 8px;
    display:block;
}

.showB span.showAll a {
    margin:0;
    text-decoration: none;
}

.sideTime {
    padding:0 10px 5px 10px;
}

.sideTime li {
    border-bottom:1px solid #D8EDF6;
    padding:4px 0 4px 10px;
}

.sideTime li .left_float {
    width:200px;
}

.sideTime td {
    padding:4px 5px 0 5px;
}

.date {
    padding:3px;
}

.ago li {
    border:none;
    background:url(../images/ico2.gif) no-repeat 0 5px;
    padding:2px 0 2px 14px;
    font-size:11px;
    color:#999;
}

.ago a:link,
.ago a:visited {
    color:#999;
}

.ago a:hover,
.ago a:active {
    color:#f60;
}

.photoImg {
    padding:2px;
    border:1px solid #ddd;
    background:#ffffff;
}

.reply {
    display:none;
}

.replyTop {
    background:url(../images/replay_01.gif) no-repeat;
    height:20px;
}

.replyCenter {
    background:url(../images/replay_02.gif) repeat-y;
    padding:0 42px 5px 10px;
}

.replyLine {
    border-bottom:1px solid #D8EDF6;
    padding:3px;
    margin-bottom:3px;
    width:405px;
}

.replyLine .fblue {
    height:20px;
}

.replyBottom {
    background:url(../images/replay_03.gif) no-repeat left top;
    height:22px;
}

.nameR {
    width:300px;
}

.text1 {
    border:1px solid #ddd;
    width:380px;
    height:100px;
    margin:5px 0;
}

.m {
    margin:5px 0;
}

.mTop {
    background:url(../images/orangeTop.gif) no-repeat left bottom;
    height:11px;
}

.mCenter {
    background:url(../images/orangeCe.gif) repeat-y;
    padding:0 20px 5px 40px;
}

.mCenter img {
    vertical-align:middle;
}

.mBottom {
    background:url(../images/orangeBo.gif) no-repeat left top;
    height:11px;
}

.page {
    text-align:right;
    padding:5px 10px;
}

.page a:link,
.page a:visited {
    background:#A1D4E9;
    padding:0 4px;
    margin:0 2px;
}

.page a:hover,
.page a:active {
    background:#299CCE;
    color:#fff;
    text-decoration:none;
}

.page .selece1 {
    color:#c00 !important;
}

/*---------columnRight-----------*/

.columnRight {
    width:177px;
    float:right;
}

.rightOne {
    background:#fff;
    border:1px solid #ddd;
    padding:7px;
}

.rightOne li {
    padding:5px 0;
    text-align:left;
}

.rightOne img {
    vertical-align:middle;
}

.redio {
    width:110px;
}

.next {
    text-align:right;
    padding:5px 8px 0 0;
    background:url(../images/arrow_02.gif) no-repeat right 10px;
}

/*-------foot-------*/
.foot {
    background:url(../images/foot.jpg) no-repeat;
    padding:15px 20px 2px;
    color:#666;
}

.foot a:link,
.foot a:visited,
.foot a:hover,
.foot a:active {
    color:#666;
    padding:0 5px;
}

.freeFlow {
    position:absolute;
    z-index:20;
    left:250px;
    top:384px;
    width:26px;
    padding:4px;
}

.pad15 {
    padding-bottom:15px;
}

hr {
    border: 0 solid #0172a6;
    border-top-width: 1px;
    margin: 15px 0;
}

.passtop {
    width: 910px;
    height: 5px;
    background: url(../images/passbg.jpg) no-repeat center bottom;
}

.passtit {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    background: url(../images/arrow_02.gif) no-repeat left center;
    padding-left: 10px;
    margin-bottom: 10px;
    width:860px;
}

.passcontent {
    background-color: #b8e6f6;
    border-top: 2px solid #0172a6;
    margin: 10px;
    padding: 5px 10px;
    width:840px;
}

.passcontent ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 14px;
    height: 14px;
}

.passcontent ul li {
    float: right;
    text-align: center;
    font-size: 11px;
    color: #025FA6;
    font-weight: bold;
    margin-right: 40px;
    display:inline;
}

.setlist {
    margin: 0 10px;
    padding: 0 10px;
}

.setlist ul {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}

.setlist ul li {
    float: left;
    text-align: center;
    font-size: 12px;
    color: #666;
    margin-right: 40px;
    height: 30px;
}

*+html .setlist ul li {
    height:20px;
}

*html .setlist ul li {
    height:12px;
    display:inline;
}

.setlist ul li.txtleft {
    text-align: left;
}

.l {
    width: 460px;
}

.m1 {
    width: 130px;
}

.privacy {
    margin: 0 10px 50px;
    padding: 0 10px;
}

/* 090210  new style by liuy  */

.shownav {
    margin-top:3px;
}

.shownav h4 {
    float:left;
}

.shownav ul li {
    float:left;
}

.shownav ul li a,
.shownav ul li a:link,
.shownav ul li a:visited {
    margin:0 6px 0 0;
    text-decoration: underline;
    display:block;
}

.shownav ul li a:hover,
.shownav ul li a:active {
    text-decoration: underline;
    display:block;
    color:#CC0000;
}

.shownav ul li a.current,
.shownav ul li a.current:link {
    background:#99d5ef url(../images/myright.gif) no-repeat right top;
    display:block;
    text-decoration: none;
    height:22px;
    text-align:center;
    line-height:22px;
    margin-top:-3px;
}

.shownav ul li a.current span {
    background: url(../images/myleft.gif) no-repeat left top;
    display:block;
    padding:0 5px;
}

/* 090211  SearchMockup2.html by liuy  */
.searchCeter {
    border:1px solid #8BD4F7;
    background:#fff;
    padding-bottom:15px;
}

.sstep {
    margin-top:10px;
}

.sstep ul li {
    display:block;
    color:#99d5ef;
    background: #fff url(../images/s_step1.jpg) 25px 10px no-repeat;
    width:504px;
    height:70px;
    font-weight:bold;
    font-size:12px;
    padding:8px 0 3px 0;
    margin:8px 0;
}

.text {
    margin-left:120px;
    margin-right:10px;
}

.sstep ul li em {
    font-size:16px;
    font-style:normal;
}

.sstep ul li.stepx {
    background: #b6dcf1 url(../images/s_step2.jpg) 25px 10px no-repeat;
    color:#098bc7;
}

.sstep ul li.stepx em {
    color:#FF6600;
}

.sstep ul li h3 {
    font-size:22px;
    margin:10px 0 0 85px;
    padding:0;
    float:left;
    color:#FFFFFF;
    display:inline;
}

.sfoot {
    margin: 50px 10px 10px;
}

.sfootnav {
    height:30px;
}

.sfootnav ul li,
.sfootnav ul li a {
    width:84px;
    height:30px;
    float:left;
    margin-right:7px;
    _margin-right:3px;
    text-align:center;
    color: #FFFFFF;
    font-size:16px;
    font-weight:bold;
    background:url(../images/s_step3.jpg) left center no-repeat;
    line-height:30px;
    display:inline;
}
.sfootnav a, .sfootnav a:link, .sfootnav a:visited, {
color:#FFFFFF;
}

.sfootnav ul li a.sfcur {
    background:url(../images/s_step4.jpg) left center no-repeat;
    color:#FFFFFF;
}

.retitle {
    margin:10px;
    border-bottom:1px solid #D8EDF6;
    font-weight:bold;
    padding:0 0 5px 15px;
}

.sxsw {
    float:left;
    margin-top:3px;
    margin-left:5px;
    display:inline;
}

