@import "pager.css";

@charset
"utf-8"
;
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    vertical-align: top;
}
h3, h4, h5{
    line-height:20px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup, sub {
    line-height: -1px;
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-family: 'lucida grande', tahoma, arial, 'bitstream vera sans', helvetica, sans-serif;
    font-size: inherit;
    font-weight: inherit;
}

body {
    background: #fff;
    color: #000;
    font: 12px / 1.5 'lucida grande', tahoma, arial, 'bitstream vera sans', helvetica, sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
}

pre, code, kbd, samp, tt {
    font-family: monaco, 'courier new', 'bitstream vera sans mono', monospace;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6, strong {
    font-weight: bold;
}

abbr, acronym {
    border-bottom: 1px dotted #000;
    cursor: help;
}

em {
    font-style: italic;
}

html {
    overflow-y: scroll;
}

#hd:after, #globalnav ul:after, #ft:after, .mc-bd:after, #toc ul:after, .module_album:after, .photo-album:after, .mb-item li:after, .share-item li:after, #picture-container:after, .photo-info:after, #photo-edit li:after, .pi-action .pi-rotate:after, .photo-cmts li:after, .photo-desc:after, #share-list:after, .share-content:after, .mf-pcmt:after, .more-act:after, .dialog-school .hd:after, .groupnav:after, .groupmember:after, .tab:after, .blog-desc:after, #pf-blog li .content:after, #blog-pics ul:after, #invite .act:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

#hd, #globalnav ul, #ft, .mc-bd, #toc ul, .module_album, .photo-album, .mb-item li, .share-item li, #picture-container, .photo-info, #photo-edit li, .pi-action .pi-rotate, .photo-cmts li, #photo-desc, #share-list, .share-content, .mf-pcmt, .more-act, .dialog-school .hd, .groupnav, .groupmember, .tab, .blog-desc, #pf-blog li .content, #blog-pics ul, #invite .act {
    zoom: 1;
}

a {
    outline: none;
}

a:link, a:visited {
    color: #ff6600;
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: underline;
}

img {
    vertical-align: middle;
}

hr {
    height: 1px;
    border: solid #bbb;
    border-width: 1px 0 0;
}

input, button, select {
    font-size: 12px;
    vertical-align: middle;
}

.f-button, button, .f-check {
    cursor: pointer;
}

.f-text, textarea, select {
    border: 1px solid;
    border-color: #7c7c7c #c3c3c3 #ddd;
    font-size: 12px;
    line-height: 120%;
}

.f-text, textarea {
    padding: 2px;
}

textarea {
    overflow: auto;
}

.f-text {
    height: 15px;
}

.f-file {
    padding: 2px;
}

.f-warning {
    border: 1px solid #c00;
}

select {
    height: 19px;
    padding: 2px 2px 2px 0;
}

.f-button, .f-alt {
    height: 21px;
    padding: 1px 10px 1px 10px;
* padding : 1 px 5 px;
    border: 1px solid;
    border-color: #ddd #264f6e #264f6e #ddd;
    background: #ff6600;
    color: #fff;
    text-align: center;
    line-height: 17px;
    letter-spacing: 1px;
}

.f-button:focus {
    border-color: #000;
}

.f-alt {
    background: #eee;
    border-color: #fff #999 #999 #fff;
    color: #333;
}

.f-disabled {
    border-top-color: #999;
    background: #eee;
    color: #666;
}

.unsharp {
    color: #999;
}

.dt {
    color: #999;
}

.pipe {
    margin: 0 .4em;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
}

.time {
    color: #999;
}

.pagination {
    margin: 1.5em 0;
    text-align: center;
}

.pagination a {
    margin: 0 4px;
    padding: 1px 4px;
    border: 1px solid #DEDEDE;
    background: #fff;
}

.pagination a:hover {
    background: #06c;
    color: #fff;
    text-decoration: none;
}

.pagination strong {
    padding: 1px 4px;
}

.empty {
    padding: 20px;
}

.form-layout {
    table-layout: fixed;
    border-collapse: collapse;
}

.form-layout th {
    text-align: right;
}

.form-layout th, .form-layout td {
    vertical-align: top;
}

.share, .loading, .privacy {
    padding: 2px 0 2px 20px;
}
.remark{
    max-width:none;
}
.share {
    background: url( i/share.gif ) no-repeat 0 -1px;
}

.loading {
    background: url( i/loading.gif ) no-repeat 0 0;
}

.privacy {
    color: #666;
    background: url( i/privacy.gif ) no-repeat 0 50%;
}

.failmsg, .warning {
    color: #c00;
}

.succmsg {
    color: #0c0;
}

.more-act {
    padding: 12px;
    border-top: 1px solid #DEDEDE;
    background: #f7f7f7;
    zoom: 1;
}

.more-act .ma-b1 {
    float: left;
    width: 80%;
}

.more-act .ma-b2 {
    float: right;
    width: 20%;
    text-align: right;
}

#doc {
    width: 780px;
    margin: 0 auto;
}

#hd {
    position: relative;
    width: 765px;
    padding: 10px 0 5px;
    border-bottom: 1px solid #2271ba;
    background: #3c7faf;
    z-index: 1;
    line-height: 100%;
}

#hd h1 {
    position: absolute;
    left: 0;
    bottom: -22px;
    width: 133px;
    background: #3c7faf url( i/left-bg.gif ) 100% 100% no-repeat;
    z-index: 2;
}

#hd h1 a {
    display: block;
    height: 36px;
    padding: 10px 0;
    text-align: center;
}

#globalnav {
    float: left;
    padding-left: 133px;
}

#globalnav li {
    position: relative;
    z-index: 2;
    list-style: none;
    float: left;
    margin-right: 10px;
}

#globalnav a {
    float: left;
    padding: 4px 4px 3px 4px;
* padding : 5 px 4 px 2 px 4 px;
    color: #f7f7f7;
    font-size: 14px;
    line-height: 100%;
}

#globalnav a:hover, #globalnav li.active-item {
    background-color: #68a8e2;
    text-decoration: none;
}

#globalnav a.edit {
    margin-top: 1px;
* margin-top : 2 px;
    color: #bbe2ff;
    font-size: 12px;
}

#globalnav a.edit:hover {
    background: transparent;
    text-decoration: underline;
}

#globalnav li.withmenu {
    padding-right: 16px;
}

#globalnav li.withmenu a.drop {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 1em;
    padding: 4px 0 3px;
    overflow: hidden;
    background: transparent url( i/menu-down-arrow-white.gif ) no-repeat 50% 55%;
* background-position : 50 % 50 %;
    text-indent: -999em;
}

#globalnav li.withmenu a.drop:hover {
    background-color: #68a8e2;
}

#globalnav .menu {
    position: absolute;
    z-index: -1;
    visibility: hidden;
    top: 20px;
    left: -1px;
    width: 120px;
    padding: 8px 0;
    border: 1px solid #2271ba;
    background: #f7f7f7;
    zoom: 1;
}

#globalnav .menu li {
    position: static;
    float: none;
    display: block;
    margin: 0;
}

#globalnav .menu a {
    float: none;
    display: block;
    padding: 0 10px;
    color: #06c;
    font-size: 12px;
    line-height: 180%;
    zoom: 1;
}

#globalnav .menu a:hover {
    border: solid #3d8fda;
    border-width: 0 1px;
    background: #3c7faf;
    color: #f7f7f7;
}

#globalutil {
    float: right;
    padding: 0 12px 0 0;
}

#globalutil .pipe {
    color: #57a7f1;
}

#globalutil a {
    padding: 0 3px;
    color: #bbe2ff;
    line-height: 20px;
}

#globalutil form {
    display: inline;
}

#globalutil form .f-text {
    width: 6em;
    height: 16px;
    padding: 1px 2px;
    margin-left: 4px;
    border: 1px solid #ddd;
}

* html #globalutil form .f-text {
    height: 14px;
    padding: 4px 2px 0;
    font-family: arial, sans-serif;
    line-height: 100%;
}

*+html #globalutil form .f-text {
    height: 14px;
    padding: 4px 2px 0;
    font-family: arial, sans-serif;
    line-height: 100%;
}

#globalutil form .f-button {
    height: 20px;
    margin-left: 5px;
    padding: 0 2px;
    padding-bottom: 1px;
* padding-bottom : 2 px;
    border-color: #7dc3f6 #1f67aa #1f67aa #7dc3f6;
}

#globalutil form .f-button:focus {
    border-color: #000;
}

#ft {
    float: right;
    width: 647px;
    margin-top: -1px;
    padding: .8em 0 2em;
    border-top: 1px solid #e4e4e4;
    color: #666;
}

#ft p {
    float: right;
}

#ft p.copyright {
    float: left;
    padding-left: .8em;
}

#ft a {
    margin: 0 .8em;
}

#bd {
    padding-left: 132px;
    border-right: 1px solid #e4e4e4;
}

#globalsidebar {
    float: left;
    width: 132px;
    margin-left: -132px;
    padding-top: 16px;
    overflow: hidden;
    _display: inline;
}

#globalsidebar form, #apps {
    padding: 6px;
    padding-top: 12px;
    background: #f9f9f9;
    border-bottom: 1px solid #DEDEDE
}

#globalsidebar form p {
    margin: .5em 0;
}

#globalsidebar form .f-text {
    width: 106px;
}

#content {
    position: relative;
    top: -1px;
    width: 645px;
    border: 1px solid #adadad;
    background: #f7f7f7;
    word-wrap: break-word;
    overflow: hidden;
    float: right;
}

#title {
    position: relative;
}

#title h2 {
    text-align: left;
    padding: 10px 20px 5px;
    border-bottom: 1px solid #DEDEDE;
    background: #fbfbfb;
    font-size: 14px;
    line-height: 30px;
    zoom: 1;
}

#title h2 .pipe {
    font-style: normal;
    font-weight: normal;
}

#title h2 em {
    font-style: normal;
}

#title p {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 20px 5px;
    line-height: 30px;
}

#header {
    position: relative;
* zoom : 1;
}

#header .image {
    position: absolute;
    left: 15px;
    top: 15px;
}

#header h2 {
    padding: 15px 0 0 75px;
    border-bottom: 1px solid #DEDEDE;
    background: #fbfbfb;
    font-size: 14px;
    line-height: 24px;
}

#header h2 .pipe {
    font-style: normal;
    font-weight: normal;
}

#header h2 em {
    font-style: normal;
}

#header .actions {
    padding: 3px 0 3px 75px;
}

#header #toc {
    background: transparent;
    margin:20px 0px 0px 0px
}

#toc {
    position: relative;
    padding-top: 0;
    background: #fbfbfb;
    _zoom: 1;
}

#toc ul, #toc ol, .tab {
    padding: 15px 0 0 15px;
    border-bottom: 1px solid #DEDEDE;
}

#toc li, .tab li {
    position: relative;
    top: 1px;
    float: left;
    list-style: none;
    display: block;
    margin-right: -1px;
    border: 1px solid #ababab;
}

#toc li.dummy {
    top: 3px;
    margin-left: 15px;
    border: 0;
    color: #666;
}

#toc li a, .tab li a {
    float: left;
    padding: 4px 14px 4px 14px;
    color: #000;
    background: #f0f0f0;
    line-height: 120%;
}

#toc li a:visited, .tab li a:visited {
    color: #000;
}

#toc li.alt {
    position: absolute;
    top: 16px;
    right: 7px;
}

#toc li.current, .tab li.current {
    border-bottom: 1px solid #fff;
}

#toc li.current a, .tab li.current a {
    padding: 4px 14px 4px 14px;
    background: #fff;
    color: #333;
}

#toc li.current a:visited, .tab li.current a:visited {
    color: #333;
}

#toc .bar {
    margin: 0;
    padding: 3px 0 0 20px;
    background: #fff;
    line-height: 200%;
}

#toc .shortcut {
    position: absolute;
    right: 25px;
    top: -15px;
}

#toc .shortcut form {
    display: inline;
}

#toc .pager {
    position: absolute;
    right: 25px;
    bottom: 0;
    margin: 0;
    line-height: 200%;
}

.mc-hd {
    padding-top: 22px;
    border-bottom: 1px solid #DEDEDE;
    background: #f9f9f9;
    color: #333;
}

.mc-hd h2 {
    position: relative;
    margin: 0 0 0 240px;
}

.mc-hd h2 span {
    position: absolute;
    top: 0;
    right: 20px;
}

.mc-hd h2 span img, .bounds img {
    margin-right: 10px;
}

.mc-bd .narrow {
    float: left;
    position: relative;
    top: -30px;
    width: 200px;
    padding-left: 20px;
    overflow: hidden;
}

.mc-bd .wide {
    float: right;
    width: 395px;
    padding-right: 20px;
    overflow: hidden;
}

.mc-ft {
    padding: 10px;
    background: #f9f9f9;
    border-top: 1px solid #DEDEDE;
}

.mf-photo-tag {
    color: #808080;
}

.mf-photo-tag a {
    font-weight: bold;
}

.mf-photo-list a {
    margin-right: 5px;
}

.mf-photo-list a img {
    padding: 2px;
    border: 1px solid #DEDEDE;
}

.mf-photo-list a:hover img {
    border-color: #69c;
}

.mc-bd #minifeed .sect-content {
    padding: 5px 10px 10px;
}

#doc .mc-bd .hl {
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 1px solid #ffe222;
    background: #fff8cc;
    line-height: 175%;
}

#doc .mc-bd .hl a {
    display: block;
}

td.act a {
    display: block;
    width: 13px;
    height: 14px;
    overflow: hidden;
    background: url( i/delete.gif );
    text-indent: -999em;
}

td.act a:hover {
    background-position: 0 -13px;
}

form.nf {
    margin: 20px;
}

form.nf h2 {
    margin-bottom: 20px;
    border-bottom: 1px solid #DEDEDE;
    color: #333;
    line-height: 200%;
}

form.nf p {
    margin: 10px 0;
    line-height: 21px;
}

form.nf .f-label {
    float: left;
    width: 150px;
    margin-right: 10px;
    text-align: right;
}

form.nf .f-check {
    margin-left: 160px;
}

form.nf span.hint {
    display: block;
    margin-left: 160px;
    color: #666;
    line-height: 150%;
}

form.nf span.warning {
    color: #c00;
}

form.nf span.hidden {
    display: none;
}

form.nf span.visible {
    visibility: hidden;
}

form.nf p.act {
    margin-left: 160px;
}

form.nf p.note {
    margin-left: 160px;
}

form.nf p.act .f-button {
    padding: 2px 15px;
}

form.nf hr {
    margin: 0 120px 0 160px;
}

form.nf .bound {
* zoom : 1;
}

form.nf .bound:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

form.nf .bound ul {
    float: left;
}

form.nf .bound li {
    position: relative;
    width: 420px;
    line-height: 21px;
}

form.nf .bound li .privacy {
    position: absolute;
    top: 0;
    left: 192px;
* left : 197 px;
}

form.nf .bound p.edit {
    clear: both;
    margin: 0 0 0 160px;
}

form.nf .bound li .f-check {
    margin-left: 0;
}

form.nf .bound li .f-check input {
    margin-right: .5em;
}

form.lf {
    margin-bottom: 30px;
}

form.lf p {
    line-height: 24px;
}

form.lf p a {
    font-size: 14px;
}

form.lf .f-text {
    width: 244px;
    height: 18px;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

form.lf .f-check {
    font-size: 14px;
}

form.lf select {
    height: 22px;
    font-size: 14px;
}

form.lf .f-label {
    font-size: 14px;
}

form.lf span.hint {
    font-size: 12px;
}

form.lf p.act .f-button {
    height: 24px;
    font-size: 14px;
    line-height: 20px;
}

.lf p.email-tip {
    position: relative;
}

#email-tip-show {
    position: absolute;
    top: 23px;
    left: 160px;
    display: block;
    width: 240px;
    padding: 2px 4px;
    background: #e8f0f6;
    border: 1px solid #9cf;
}

#email-tip-close {
    right: 4px;
    top: 8px;
}

#account-contact p .privacy {
    margin-left: 8px;
}

#high_school {
    margin-top: 48px;
}

.hs_province_city {
    display: none;
}

.college, .high_school, .company {
    margin-top: 20px;
}

form.nf p.add_inst, form.nf p.remove_inst {
    padding-bottom: 18px;
}

form.nf p.remove_inst {
    margin-left: 80px;
    margin-right: 80px;
    padding-left: 80px;
    border-bottom: 1px solid #999;
}

form.nf p.remove_inst {
    margin-top: -8px;
}

.company .f-text, .company textarea {
    width: 300px;
}

.company textarea {
    height: 60px;
}

.block {
    margin: 20px 60px;
}

.block h3 {
    margin-bottom: .4em;
    border-bottom: 1px solid #DEDEDE;
    color: #333;
    line-height: 200%;
    _zoom: 1;
}

.block h3.a {
    padding: 10px;
    background: #fafafa;
    line-height: 48px;
    _zoom: 1;
}

.block h3.a img {
    margin-right: 10px;
}

.block p {
    margin: 1em 0;
}

.block .note {
    margin: .4em 0;
    color: #666;
}

.block form {
    margin-top: 20px;
}

.block form.nf {
    margin-left: 0;
}

.block .act {
    margin: 10px 0;
}

#picture-container {
    margin: 10px 0;
}

#picture-container h3 {
    margin-bottom: 10px;
    border-bottom: 1px solid #DEDEDE;
    color: #333;
    font-size: 14px;
    line-height: 200%;
}

#pictureCurrent {
    float: left;
    width: 200px;
    margin-left: 20px;
* display : inline;
}

#pictureUpload {
    float: right;
    width: 385px;
    margin-right: 20px;
* display : inline;
}

#pictureCurrent p, #pictureUpload form p {
    margin: 10px 0;
}

.ui-t1, .ui-t2 {
* zoom : 1;
}

.ui-t1:after, .ui-t2:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

.ui-t1 {
    background: url( i/ui-bg.gif ) 459px 0 repeat-y;
}

.ui-t1 .ui-gf {
    float: left;
    width: 440px;
    padding: 10px 0 20px 10px;
    overflow: hidden;
}

.ui-t1 .ui-gf .sect {
    padding: 5px 0 0;
}

.ui-t1 .ui-gf h3 {
    border-bottom: 1px solid #DEDEDE;
    line-height: 150%;
}

.ui-t1 .ui-gf h3 span {
    margin: 0 1em;
    font-size: 12px;
}

.ui-t1 .ui-gf .sect-content {
    padding: 5px 0;
}

.ui-t1 .ui-g {
    float: right;
    width: 185px;
    padding: 10px 0;
}

.ui-t1 .ui-g .sect {
    margin: 0 5px 10px;
    color: #333;
}

.ui-t1 .ui-g h3 {
    padding: 0 5px;
    background: #e5e5e5;
    font-size: 12px;
    line-height: 200%;
* zoom : 1;
}

.ui-t1 .ui-g .sect-content {
    padding: 5px;
}

.ui-t1 .ui-g .back {
    margin: 5px 5px 20px;
    padding-left: 5px;
    border-bottom: 1px solid #DEDEDE;
    line-height: 200%;
}

.ui-t1 .ui-g .dummy {
    color: #777;
}

.ui-t1 .ui-gf #newsfeed, .ui-t1 .ui-gf #minifeed, .ui-t1 .ui-gf #might_know, .ui-t1 .ui-gf #finder {
    padding: 10px;
}

.ui-t1 .ui-gf #might_know h4 {
    margin: 0 0 .4em;
    padding-left: 25px;
    color: #333;
    font-weight: normal;
}

.ui-t1 .ui-gf #might_know .al {
    margin: 0 0 8px 25px;
    padding-bottom: 2px;
    border-bottom: 1px solid #ddd;
}

.ui-t1 .ui-g #poke li {
    padding-left: 22px;
    background: url( i/ico-poke.gif ) 0 10% no-repeat;
* zoom : 1;
}

.ui-t1 .ui-g #poke .sect-content p a {
    font-weight: bold;
}

.ui-t1 .ui-g #poke .sect-content p.actions a {
    font-weight: normal;
}

.ui-t1 .ui-g #noti .sect-content p {
    padding-left: 25px;
    background: url( i/ico-noti.gif ) 0 50% no-repeat;
}

.ui-t2 {
    border-top: 1px solid #DEDEDE;
    background: #fff url( i/ui-bg.gif ) 700px 0 repeat-y;
}

.ui-t2 .ui-gf {
    float: left;
    width: 680px;
    padding: 10px 0 10px 15px;
    overflow: hidden;
}

.ui-t2 .ui-g {
    float: right;
    width: 157px;
    padding: 10px;
}

.sect, .sect-content {
    position: relative;
* zoom : 1;
    text-align: left;
    padding: 10px
}

.sect:after, .sect-content:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

.sect-brief {
    position: relative;
    height: 1.6em;
    padding: 0 10px;
    border-top: 1px solid #ddd;
    background: #eee;
    color: #666;
    line-height: 1.6em;
}

.sect-brief .see_all {
    position: absolute;
    top: 0;
    right: 5px;
}

.sect-link {
    position: absolute;
    top: 0;
    right: 5px;
    line-height: 200%;
}

.mc-bd .sect h3, #network .sect h3, #group .sect h3, #movie .sect h3 {
    border-top: 1px solid #ddd;
    background: #ECECEC;
    color: #333;
    font-size: 12px;
    text-indent: 10px;
    text-align: left;
    line-height: 180%;
* zoom : 1;
}

.mc-bd .sect-content, #network .sect-content, #group .sect-content, #movie .sect-content {
    padding: 5px 0 10px;
}

.msg-error, .msg-succ {
    margin: 10px 20px;
    padding: 10px;
    border: 1px solid #dd3c10;
    background: #ffebe8;
}

.msg-succ {
    border: 1px solid #e2c822;
    background: #fff9d7;
}

.msg-system {
    margin: 10px 20px;
    padding: 10px;
    border: 1px solid #e2c822;
    background: #fff9d7;
}

ul.actions {
    list-style: none;
}

ul.actions li {
    border-bottom: 1px solid #ddd;
    color: #999;
    text-indent: 8px;
    line-height: 175%;
    zoom: 1;
}

ul.actions li a {
    display: block;
}

ul.actions li a:hover {
    background-color: #ff6600;
    color: #f7f7f7;
    text-decoration: none;
}

table.info {
    table-layout: fixed;
    overflow: hidden;
}

table.info caption {
    font-weight: bold;
    font-size: 14px;
    line-height: 130%;
}

table.info caption .network {
    margin-left: .5em;
    color: #333;
    font-size: 12px;
    font-weight: normal;
}

table.info th {
    color: #808080;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}

table.info td.count {
    color: #999;
}
.info{
    max-width:none;
}
table.info td.time {
    padding: 3px 0;
    color: #999;
}

table.info td.act {
    padding: 3px 0;
}

table.info form {
    display: inline;
}

.il {
    list-style: none;
    margin: 10px;
}

.il div {
    margin: 5px 0;
    padding: 10px;
    border: 1px solid #DEDEDE;
    background: #f7f7f7;
}

.il div:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

.il div {
* zoom : 1;
}

.il .image {
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.il .info {
    float: left;
}

.il .actions {
    float: right;
    width: 100px;
}

.people .image {
    width: 96px;
}

.people .info, .people .info caption {
    width: 360px;
}

.ui-t1 .people .info, .ui-t1 .people .info caption {
    width: 300px;
}

.people .info th {
    width: 3.5em;
}
.group{
    height:100px;
    padding:5px 5px 5px 5px;
}
.group .image {
    width: 96px;
}

.group .info, .group .info caption {
    width: 360px;
}

.ui-t1 .group .info, .ui-t1 .group .info caption {
    width: 300px;
}

.group .info th {
    width: 50px;
}

.ilt {
    border-collapse: separate;
    border-spacing: 5px;
    width: 635px;
    margin: 5px;
}

.ilt td {
    width: 50%;
    border: 1px solid #DEDEDE;
    background: #f7f7f7;
    vertical-align: top;
}

.ilt div td {
    width: auto;
    border: 0;
    background: transparent;
}

.ilt div {
    padding: 10px;
}

.ilt div .image {
    float: left;
    width: 100px;
    margin-right: 10px;
}

.ilt div .info, .ilt div .info caption {
    float: left;
    width: 178px;
}

.group-feed {
    border-collapse: separate;
    margin: 10px auto;
}

.group-feed thead th {
    padding: 0 10px;
    background: #71ade4;
    color: #f7f7f7;
    font-size: 12px;
    font-weight: normal;
    line-height: 200%;
}

.group-feed tbody td {
    border: solid #DEDEDE;
    border-width: 0 1px;
    background: #f7f7f7;
    vertical-align: top;
}

.group-feed tfoot td {
    padding: 0 10px;
    height: 24px;
    border: solid #DEDEDE;
    border-width: 0 1px 1px;
    background: #f7f7f7;
    vertical-align: top;
    line-height: 24px;
}

.group-feed tfoot td.more {
    border-top: 1px solid #DEDEDE;
}

.group-feed td.dummy {
    width: 10px;
    padding: 0;
    border: 0;
    background: transparent;
}

.group-feed td td {
    border: 0;
    vertical-align: middle;
}

.group-feed #grouplist {
    width: 198px;
}

.group-feed .il {
    margin: 0;
}

.group-feed .il .group {
    margin: 0;
    border: 0;
    border-top: 1px solid #ddd;
}

.group-feed .il .group .image {
    width: 72px;
}

.group-feed .il .group .info, .group-feed .il .group .info caption {
    width: 90px;
}

.group-feed #topiclist {
    width: 413px;
}

#board-topic-list {
    padding: 15px;
}

#board-topic-list caption {
    padding: 5px 10px;
    background: #e9eefe;
    font-weight: bold;
    line-height: 120%;
    border: 1px solid #ddd
}

#board-topic-list .board-topic-list {
    width: 100%;
    border-bottom: 1px solid #DEDEDE;
    background: #f7f7f7;
}

#board-topic-list .board-topic-list .title {
    border-left: 1px solid #DEDEDE;
    line-height:35px;
}

#board-topic-list .board-topic-list .replier {
    border-right: 1px solid #DEDEDE;
}

.board-topic-list {
    width: 99.8%;
* width : 100 %;
    margin: 0 auto;
    line-height: 120%;
}

.board-topic-list th {
    background: #fbfbfb;
}

.board-topic-list .title {
    padding-left: 10px;
}

.board-topic-list .author, .board-topic-list .replier {
    width: 7em;
    padding: .2em;
    text-align: center;
}

.board-topic-list .author .time, .board-topic-list .author .count, .board-topic-list .replier .time {
    display: block;
    color: #666;
}

.board-topic-list .parent {
    width: 12em;
    padding: .2em;
    text-align: center;
    line-height:35px;
}

.board-topic-list tr td {
    border-top: 1px solid #ddd;
}

.board-topic-list .top-topic {
    background: #e8f4ff;
}

#board {
    padding: 10px 15px;
}

#board .board-topic-list {
    border: 1px solid #DEDEDE;
    background: #f7f7f7;
}

/*#board-post{float:left;width:450px;margin:1em 0;}*/
#board-post h4 {
    border-bottom: 1px solid #DEDEDE;
    font-size: 13px;
}

#board-post form p {
    margin: 10px 0;
}

#board-post form .f-label {
    display: block;
    color: #333;
    font-weight: bold;
}

#board-post form .f-text {
    width: 444px;
}

#board-post form textarea {
    width: 580px;
    height: 12em;
}

#orig-post {
    max-height: 15em;
    _height: 15em;
    overflow: auto;
    display: none;
    padding: 10px;
    border-bottom: 1px solid #DEDEDE;
    background: #f7f7f7;
    color: #333;
}

#orig-post strong {
    color: #333;
}

#board-topic {
    padding: 10px 15px;
}

#board-topic h3 {
    padding: 5px 10px;
    background: #eee;
    line-height: 120%;
    border-top: 1px solid #3c7faf
}

#board-topic ol {
    background: #f7f7f7;
}

#board-topic ol li {
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #ddd;
}

#board-topic ol li.dummy {
    padding: 5px 0 5px 70px;
    background: #fbfbfb;
    color: #999;
}

#board-topic p.return {
    margin: 10px 0 0;
}

.post {
    position: relative;
    padding-left: 60px;
    min-height: 60px;
    _height: 60px;
* zoom : 1;
}

.na {
    padding-left: 0;
}

.post:after, .post .info:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

.post .image {
    position: absolute;
    left: 0;
    top: 0;
}

.post .info {
    padding: 0 5px 0 8px;
    background: #eee;
    border-top: 1px solid #3c7faf;
    border-bottom: 1px solid #ddd;
    color: #666;
    line-height: 180%;
    text-align: right;
* zoom : 1;
}

.post .info .author, .post .info .time, .post .info .subinfo, .post .info .actions {
    float: left;
    margin-right: .5em;
}

.post .info .floor, .post .info span.delete {
    float: right;
    margin-left: .5em;
}

.post .info .time, .post .info .subinfo {
    color: #999;
}

.post .info span.delete a {
    display: block;
    width: 13px;
    height: 14px;
    margin-top: 4px;
    background: url( i/delete.gif ) no-repeat 0 0;
    text-indent: -999em;
    text-align: left;
    overflow: hidden;
}

.post .info span.delete a:hover {
    background-position: 0 -14px;
}

.post .content {
    padding: 5px 5px 5px 8px;
}

.post .content .tip {
    color: #666;
    margin-bottom: 5px;
}

.post .content .dummy {
    color: #999;
}

.board-reply textarea {
    width: 530px;
    height: 130px;
    margin-bottom: 12px;
}

#board-topic-actions {
    float: right;
    width: 125px;
    margin-top: 30px;
    border-top: 1px solid #ddd;
}

.post .content ol {
    padding-top: 10px;
}

.post form {
    margin-bottom: 10px;
}

.post .content .info {
    border: 0;
}

.al {
    list-style: none;
* zoom : 1;
}

.al:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

.al li {
    float: left;
}

.al li a {
    float: left;
    height: 68px;
    overflow: hidden;
    text-align: center;
}

.al li a img {
    width: 48px;
    height: 48px;
}

.al li a span {
    display: block;
    line-height: 150%;
    white-space: nowrap;
}

.al li a:hover, .al li a:active {
    text-decoration: none;
}

.al li a:hover span, .al li a:active span {
    text-decoration: underline;
}

.pl li {
    position: relative;
    padding: 8px 5px 8px 68px;
    border-bottom: 1px solid #ddd;
    min-height: 70px;
    _height: 70px;
* zoom : 1;
}

.pl li:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

.pl .image a {
    position: absolute;
    left: 0;
    top: 8px;
    width: 68px;
    overflow: hidden;
    text-align: center;
}

.pl .image a img {
    width: 48px;
    height: 48px;
}

.pl .image a span {
    display: block;
    line-height: 150%;
    white-space: nowrap;
}

.pl .image a:hover, .image a:active {
    text-decoration: none;
}

.pl .image a:hover span, .image a:active span {
    text-decoration: underline;
}

.pl .poster {
    float: right;
    margin-left: 10px;
}

.pl h4 {
    font-size: 14px;
    font-weight: normal;
}

.na li {
    padding-left: 10px;
}

.pl p.review {
    padding: 5px 0 0 18px;
    background: url( i/quote-start.gif ) no-repeat 0 5px;
}

.pl p.review q {
    padding-right: 18px;
    background: url( i/quote-end.gif ) no-repeat 100% 100%;
* zoom : 1;
}

.bl {
    margin: 0 5px;
    padding-left: 20px;
    color: #666;
    line-height: 20px;
}

.bl li {
    list-style-type: square;
}

#group {
    padding: 15px;
}

#group .narrow {
    float: right;
    width: 200px;
}

#group .wide {
    float: left;
    width: 680px;
}

#group #gp-picture {
    position: static;
}

#group #gp-picture .sect-content {
    padding: 0;
}

#group #gp-picture .sect-content p {
    text-align: center;
}

#group #gp-picture .sect-content .actions {
    margin: 10px 0;
}

#group #gp-board .sect-content {
    margin: 0 0 10px;
    padding: 0;
    border-top: 1px solid #ddd;
}

#group #gp-admin .sect-content {
    padding: 10px;
}

#group #gp-admin .sect-content ul {
    padding-left: 20px;
    color: #666;
    line-height: 20px;
}

#group #gp-admin .sect-content li {
    list-style-type: square;
}

#group #gp-admin .sect-content #owner {
    color: #000;
}

#group #gp-type .sect-content, #group #gp-news .sect-content {
    padding: 10px;
}

.groupinfo {
    margin: 10px 60px;
}

.groupinfo .form-layout th {
    width: 6em;
}

.groupinfo .form-layout th, .groupinfo .form-layout td {
    vertical-align: top;
    padding: 6px 10px;
}

.groupinfo .form-layout .f-text, .groupinfo .form-layout textarea {
    width: 580px;
}

.groupinfo .form-layout textarea {
    height: 80px;
}

.groupinfo dt {
    font-weight: bold;
}

.groupinfo dd {
    margin-bottom: 10px;
}

#group.groupmember {
    padding: 0;
    background: url( i/ui-bg.gif ) 430px 0 repeat-y;
}

.groupmember h3 {
    font-weight: normal;
}

.groupmember .invite, .groupmember .showfolk {
    margin: 15px;
}

.groupmember .narrow h3 {
    margin-top: 10px;
}

.groupmember .gflist {
    margin: 10px 20px 20px 0;
}

#gfsearch {
    width: 173px;
}

.groupmember .gflist ul {
    height: 200px;
    overflow: auto;
    margin-top: 8px;
    padding: 10px;
    background: #f7f7f7;
}

.groupmember .gflist li {
    margin: 3px 0;
}

.groupmember .gflist li input {
    margin-right: 4px;
}

.movie-chart-item p span {
    display: block;
    height: 14px;
    background: #4cb7ff;
}

.current .movie-chart-item {
    font-size: 14px;
    font-weight: bold;
}

.current .movie-chart-item .order, .current .movie-chart-item a {
    color: #47970e;
}

.current .movie-chart-item p span {
    background: #77b91a;
}

.message {
    color: #f60;
    background: url( ../images/icons/icon_success.gif ) no-repeat 2px 2px;
    display: block;
    padding: 3px 3px 3px 24px;
    border: 1px dotted khaki; /*height:25px;*/
    line-height: 25px;
    text-align: left;
}

.error {
    color: #f60;
    background: url( ../images/icons/icon_failure.gif ) no-repeat 2px 2px;
    display: block;
    padding: 3px 3px 3px 24px;
    border: 1px dotted khaki; /*height:25px;*/
    line-height: 25px;
}

.warn {
    color: #f60;
    background: url( ../images/icons/icon_!.gif ) no-repeat 2px 2px;
    display: block;
    padding: 3px 3px 3px 24px;
    border: 1px dotted khaki;
    height: 25px;
    line-height: 25px;
}

.tip {
    border: 1px dotted #bbb;
    padding: 4px;
    color: #01A4DB;
    margin-top: 5px;
    line-height: 16px;
}
.topic{
    width:900px;
    margin-left:30px;
    margin-top:10px;
    border:1px solid #DEDEDE;
    padding:10px 0 10px 10px;
    background:#F7F7F7 no-repeat;

}
.topic .info{
    border:0;
    margin-right:20px;
}
.tip span {
    color: #f60;
}

.submit {
    background: url( ../images/button_submit.gif ) no-repeat;
    width: 53px;
    height: 16px;
    border: none;
    margin-right: 10px;
}

.back {
    background: url( ../images/button_back.gif ) no-repeat;
    width: 53px;
    height: 16px;
    border: none;
}

.container {
    margin: 2px auto;
    overflow: hidden;
    width: 96%;
    padding-left: 2px;
    padding-right: 2px;
}

/****** Loading Bar Elements Styles ******/
.loadBar {
    border: 2px solid #eee;
}

.loadBar div {
    padding: 2px 5px;
    background-color: #cc4444;
    color: white;
}

.loadBar img {
    vertical-align: middle;
    margin-right: 5px;
}

.okBar div {
    background-color: #669933;
}

.okBar img {
    display: none;
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 1500px;
    background-color: #000;
    filter: alpha( opacity = 20 );
    -moz-opacity: 0.2;
    opacity: 0.2;
}

.linkButton {
    border: 1px outset;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ff6600;
    color: #f7f7f7
}

.linkButton:hover {
    text-decoration: none
}

* html #globalsearch-query {
    height: 14px;
    padding: 4px 2px 0;
    font-family: arial, sans-serif;
    line-height: 100%;
}

*+html #globalsearch-query {
    height: 14px;
    padding: 4px 2px 0;
    font-family: arial, sans-serif;
    line-height: 100%;
}

#globalsearch-go {
    padding: 0;
    border: 0px;
    background: url( ../img/search_btn.gif ) 0 0 no-repeat;
}

#globalsearch .hascontent {
    background-position: 0 100%;
}

#pf-wall .sect-content {
    padding: 0 0 10px;
}

.pf-wall-post {
    padding: 30px;
    border: solid #ddd;
    border-width: 1px 0;
    background: #fbfbfb;
    text-align: right
}

.pf-wall-post textarea {
    width: 600px;
    height: 6em;
    margin-bottom: 10px;
}

.pf-wall-act {
    position: relative;
}

#container {
    text-align: left
}

#newsfeed h4, #minifeed h4 {
    border-bottom: 1px solid #DEDEDE;
    color: #777;
}

#newsfeed ul, #minifeed ul {
    margin: .6em 0 1em;
}

#minifeed li {
    position: relative;
    _zoom: 1;
}

.feed {
    position: relative;
    padding-left: 22px;
    color: #333;
}

.feed, .feed .detail {
* zoom : 1;
}

.feed:after, .feed .detail:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

.feed .type {
    float: left;
    _display: inline;
    width: 16px;
    height: 16px;
    margin-left: -22px;
    overflow: hidden;
    text-indent: -999em;
}

.feed-grouppost .type {
    background-position: 0 0;
}

.feed-miniblog .type, .share-list li.share-type-miniblog {
    background: url( i/icon_05.gif ) no-repeat 0 50%;
}

#feed-filter .feed-blog .type {
    background: url( ../img/blog-icon.gif ) 0 center no-repeat;
}

#feed-filter .feed-movie .type {
    background: url( ../img/movie-icon.gif ) 0 center no-repeat;
}

.share-list li.share-type-user {
    background-position: 0 -48px;
}

.feed-photo .type, .share-list li.share-type-photo, .share-list li.share-type-album {
    background: url( i/icon_07.gif ) no-repeat 0 50%;
}

.feed-picture .type, .feed-profile .type, .feed-realname .type, .feed-contact .type {
    background: url( i/icon_14.gif ) no-repeat 0 50%;
}

.feed-wall .type, .feed-comment .type, .feed-blogcomment .type {
    background: url( i/icon_13.gif ) no-repeat 0 2px;
}

.feed-friend .type {
    background: url( i/icon_15.gif ) no-repeat 0 50%;
}

.feed-act .type {
    background: url( i/acts.gif ) no-repeat 0 50%;
}

.feed-gift .type {
    background: url( i/icon_12.gif ) no-repeat 0 50%;
}

.feed-business .type {
    background: url( i/icon_01.gif ) no-repeat 0 50%;
}

.feed-job .type {
    background: url( i/icon_04.gif ) no-repeat 0 50%;
}

.feed-note .type {
    background: url( i/icon_03.gif ) no-repeat 0 50%;
}

.feed-project .type {
    background: url( i/icon_02.gif ) no-repeat 0 50%;
}

.feed-share .type {
    background: url( i/icon_08.gif ) no-repeat 0 50%;
}

.feed-network .type {
    background-position: 0 -384px;
}

.feed-group .type {
    background: url( i/icon_09.gif ) no-repeat 0 50%;
}

.feed-blog .type {
    background: url( ../img/blog-icon.gif ) no-repeat 0 50%;
);
}

.feed-movie .type {
    background: url( ../img/movie-icon.gif ) no-repeat 0 50%;
);
}

/*.share-list li.share-type-blog{background:url(../img/blog-icon.gif) no-repeat 0 0;);}*/
.feed .brief {
    margin-bottom: .3em;
    padding-bottom: .3em;
    line-height: 130%;
}

.feed .brief .time {
    margin-left: 1em;
    color: #999;
    font-weight: normal;
}