/*-----------------------------------------------------------------------------
[TABLE OF CONTENTS]
    +common
        =anchor
        =form
        =clear,clearfix
    +header        
        =logo
        =search-bar
        =member-bar
        =ad
        =nav
        =adtxt
    +content-wrapper
        +crumb
    +content-main
        =page-func
    +content-sidebar
        =ad
        =join-member
        =member-func
        =class-teacher
        =member-circle, arbitrate-lecture
        =list
        =inventory
        =tag-cloud
        =collected-blog
        =personal-sign
        =open-data, personal-sign
        =collection-search
        =expert-icon
        =google-calendar
        =invite-confirm
        =discuss-speech, famous-blog
    +footer
        =footer-ad
        =copyright
-----------------------------------------------------------------------------*/

/* +common
*----------------------------------------------------------------------------*/

body {
    color: #333;
    font: 11px/22px Verdana, Arial, Helvetica, sans-serif;
}

html {
    color: #333;
    font: 11px/22px Verdana, Arial, Helvetica, sans-serif;
}

acronym {
    cursor: help;
}

abbr {
    cursor: help;
}

hr {
    display: block;
    clear: both;
    height: 0;
    border: 0;
    border-top: 1px solid #999;
    background-color: #999;
    color: #999;
}

img {
    color: #2F0209;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

/**
*
* =anchor
*
**/

a:visited {
    color: #424242;
    text-decoration: none;
}

a:link {
    color: #424242;
    text-decoration: none;
}

a:active {
    color: #424242;
    text-decoration: underline;
}

a:hover {
    color: #424242;
    text-decoration: underline;
}

/**
*
* =form
*
**/

form .length-max {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-xxl {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-xl {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-l {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-m {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-s {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-xs {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-xxs {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-min {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-min {
    width: 60px;
}

form .length-xxs {
    width: 80px;
}

form .length-xs {
    width: 100px;
}

form .length-s {
    width: 150px;
}

form .length-m {
    width: 200px;
}

form .length-l {
    width: 250px;
}

form .length-xl {
    width: 300px;
}

form .length-xxl {
    width: 400px;
}

form .length-max {
    width: 80%;
}

select {
    color: #2f0209;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

textarea {
    color: #2f0209;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

button {
    color: #2f0209;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

input {
    color: #2f0209;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
/*
label {
    cursor: pointer;
    20091014取消效果
}*/

input[type="image"] {
    letter-spacing: 0.15mm;
    cursor: pointer;
}

input[type="submit"] {
    letter-spacing: 0.15mm;
    cursor: pointer;
}

input[type="reset"] {
    letter-spacing: 0.15mm;
    cursor: pointer;
}

input[type="button"] {
    letter-spacing: 0.15mm;
    cursor: pointer;
}

select {
    border: 1px double #7f9db9;
    background-color: #fff;
}

textarea {
    border: 1px double #7f9db9;
    background-color: #fff;
}

input[type="password"] {
    border: 1px double #7f9db9;
    background-color: #fff;
}

input[type="text"] {
    border: 1px double #7f9db9;
    background-color: #fff;
}

select:focus {
    border: 1px double #333;
    background-color: #ddf5f5;
}

textarea:focus {
    border: 1px double #333;
    background-color: #ddf5f5;
}

input[type="password"]:focus {
    border: 1px double #333;
    background-color: #ddf5f5;
}

input[type="text"]:focus {
    border: 1px double #333;
    background-color: #ddf5f5;
}

button {
    cursor: pointer;
    border: none;
}

/**
*
* =clear,clearfix
*
**/

/* regular clearing apply to column that should drop below previous ones. */
.clear {
    clear: both;
}

/* this needs to be first because FF3 is now supporting this */
.clearfix {
    display: inline-block;
}

/* clearing floats without extra markup */
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

/* hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* end hide from IE-mac */

/* +header
*----------------------------------------------------------------------------*/

/**
*
* =logo
*
**/

#header #logo {
    float: left;
}

/**
*
* =search-bar
*
**/

#header #search-bar {
    float: left;
    height: 23px;
    line-height: 23px;
    margin-top: 42px;
    font-size: 12px;
}

#header #search-bar form a {
    color: #438fce;
    vertical-align: middle;
}

#header #search-bar h3 {
    display: none;
}

#header #search-bar form input {
    vertical-align: middle;
}

#header #search-bar form .length-s {
    height: 17px;
    line-height: 17px;
}

#header #search-bar form .btn-search {
    width: 69px;
    height: 23px;
    border: 0;
    background: url(../i/btn-search.gif) no-repeat 0 0;
    text-indent: -100000px;
}

*:first-child+html #search-bar form .btn-search {
    line-height: 0;
}

* html #header #search-bar form .btn-search {
    line-height: 0;
}

/**
*
* =member-bar
*
**/

#header #member-bar {
    display: inline;
    float: right;
    height: 19px;
    margin: 5px 10px 6px 0;
    font: 12px/19px Arial;
}

#header #member-bar h3 {
    display: none;
}

#header #member-bar ul li {
    float: left;
    margin: 0 1px 0 0;
    padding: 0 11px 0 0;
    background: url(../i/line-footer2.gif) no-repeat right center;
}

#header #member-bar ul li a {
    color: #438fce;
}

#header #member-bar ul li.member-add a {
    display: block;
    width: 56px;
    height: 19px;
    background: url(../i/btn-login.gif) no-repeat 0 0;
    text-indent: -100000px;
}

#header #member-bar ul li.member-login a {
    display: block;
    width: 56px;
    height: 19px;
    background: url(../i/btn-login.gif) no-repeat 0 0;
    text-indent: -100000px;
}

#header #member-bar ul li.member-add a {
    background: url(../i/btn-addmember.gif) no-repeat 0 0;
}

#header #member-bar ul li.last {
    padding-right: 0;
    background: none;
}

/**
*
* =ad
*
**/

#header .ad {
    float: right;
    width: 410px;
    height: 43px;
}

/**
*
* =nav
*
**/
#header .web-nav,
#footer .web-nav {  
    position: relative;
    z-index: 10;
    width: 1000px;
    font-size: 13px;
    line-height: 25px;
}
#header .web-nav h3,
#footer .web-nav h3 {
    display: none;
}
#header .web-nav .main-nav, 
#footer .web-nav .main-nav {
    float: left;
    overflow: auto;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
#header .web-nav .main-nav li,
#footer .web-nav .main-nav li {
    float: left;
    width: 86px;
    text-align: center;
}

#header .web-nav .main-nav li.more,
#footer .web-nav .main-nav li.more {
    width: 49px;
}

#footer .web-nav .main-nav li a {
    display: block;
    height: 41px;
    background: url(../i/btn-nav-link-l.gif) no-repeat left;
}

#header .web-nav .main-nav li a {
    display: block;
    height: 41px;
    background: url(../i/btn-nav-link-l.gif) no-repeat left;
}

#footer .web-nav .main-nav li a span {
    display: block;
    height: 31px;
    padding: 10px 0 0 0;
    color:#fff;
    background: url(../i/btn-nav-link-r.gif) no-repeat right;
}

#header .web-nav .main-nav li a span {
    display: block;
    height: 31px;
    padding: 10px 0 0 0;
    color:#fff;
    background: url(../i/btn-nav-link-r.gif) no-repeat right;
}

#footer .web-nav .main-nav li a:hover {
    display: block;
    height: 41px;
    background: url(../i/btn-nav-l.gif) no-repeat left;
    text-decoration:none; 
    cursor: pointer;
}

#footer .web-nav .main-nav li.active a {
    display: block;
    height: 41px;
    background: url(../i/btn-nav-l.gif) no-repeat left;
    text-decoration:none; 
    cursor: pointer;
}

#header .web-nav .main-nav li a:hover {
    display: block;
    height: 41px;
    background: url(../i/btn-nav-l.gif) no-repeat left;
    text-decoration:none; 
    cursor: pointer;
}

#header .web-nav .main-nav li.active a {
    display: block;
    height: 41px;
    background: url(../i/btn-nav-l.gif) no-repeat left;
    text-decoration:none; 
    cursor: pointer;
}

#footer .web-nav .main-nav li.active a span {    
    display: block;
    height: 31px;
    padding: 10px 5px 0 5px;
    background: url(../i/btn-nav-r.gif) no-repeat right;
    color: #000;
}

#footer .web-nav .main-nav li a:hover span {    
    display: block;
    height: 31px;
    padding: 10px 5px 0 5px;
    background: url(../i/btn-nav-r.gif) no-repeat right;
    color: #000;
}

#header .web-nav .main-nav li.active a span {    
    display: block;
    height: 31px;
    padding: 10px 5px 0 5px;
    background: url(../i/btn-nav-r.gif) no-repeat right;
    color: #000;
}

#header .web-nav .main-nav li a:hover span {    
    display: block;
    height: 31px;
    padding: 10px 5px 0 5px;
    background: url(../i/btn-nav-r.gif) no-repeat right;
    color: #000;
}

#header .web-nav ul.sub-nav {
    padding-left: 5px;
    background: url(../i/bg-nav-footer.gif) repeat-x;
    color: #8c8c8c;
    font: bold 12px Arial, Helvetica, sans-serif;
    letter-spacing : -1px;
}

#header .web-nav ul.sub-nav li {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0 8px 0 0;
    background: url(../i/bg-nav-footer-l.gif) no-repeat right center;
    color: #00ac92;
    font: 12px/28px Arial, Helvetica, sans-serif;
}

#header .web-nav ul.sub-nav li.first {
    display: inline;
    margin: 0;
    padding: 0;
    background: none;
    color: #8c8c8c;
    font-weight: bold;
}

#header .web-nav ul.sub-nav li a {
    color: #00ac92;
    background: none;
}

#header .web-nav ul.sub-nav li a:hover {
    color: #f60;
}

#header .web-nav ul.sub-nav li.add-all {
    margin: 0;
    padding: 0 0 0 14px;
    background: url(../i/icon-subnav-add.gif) no-repeat 0 center;
}
#header .web-nav li.more .nav-more,
#footer .web-nav li.more .nav-more {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 100000;
    width: 80px;
    margin: 0;
    padding: 0;
    border: 1px solid #5970B2;
    background: #fff;
}
#footer .web-nav li.more .nav-more {
    position: absolute;
	top: -113px;
    right: 0;
	z-index: 100000;
}
#header .web-nav li.more .nav-more a,
#footer .web-nav li.more .nav-more a {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 4px 10px 4px 8px;
    color: #2875de;
    background: #fff;
    font: 13px arial;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}
#header .web-nav li.more .nav-more a:hover,
#footer .web-nav li.more .nav-more a:hover {
    _display: block;
    _width: auto;
    _height: auto;
    _margin: 0;
    _padding: 4px 10px;
    background: #49a3ff;
    background-image: none;
    color: #fff;	
}

/**
*
* =adtxt
*
**/

#header .ad-txt {
    width: 1000px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}

#header .ad-txt ul li {
    float: left;
    width: 303px;
    padding: 0 10px 0 20px;
    margin: 5px 0 5px 0;
    background: url(../i/icon11.gif) no-repeat 0 5px;
}

#header .ad-txt ul li.last {
    margin: 5px 0 5px 0;
}

#header .ad-txt ul li a {
    color: #438fce;
}

/* +content-wrapper
*----------------------------------------------------------------------------*/

/**
*
* +crumb
*
**/

.crumb {
    height: 35px;
    background: #f0f0f0;
    color: #808080;
    font: 12px Verdana;
}

.crumb h3 {
    display: none;
}

.crumb ol {
    float: left;
    margin-top: 10px;
    padding: 0 0 0 10px;
}

.crumb ol li {
    float: left;
    margin-right: 2px;
    padding-right: 15px;
    background: url(../i/arrow.gif) no-repeat right center;
}

.crumb ol li.last {
    background: none;
}

.crumb ol li a:hover {
    color: #808080;
}

.crumb ol li a {
    color: #808080;
}

/* +content-main
*----------------------------------------------------------------------------*/

#content-main {
    position: relative;
    z-index: 0;
    padding-bottom: 56px;
    background: #f0f0f0 url(../i/bg-content-footer02.gif) no-repeat left bottom;
    text-align: left;
}

#content-main h2 {
    width: 745px;
    height: 53px;
    background: url(../i/title-forum-list.gif) no-repeat left top;
    text-indent: -100000px;
}

#content-main h2.member {
    background: url(../i/title-member-content-main.gif) no-repeat left top;
}

#content-main h2.id {
    background: url(../i/title-id-content-main.gif) no-repeat left top;
    text-indent: 0px;
    padding: 27px 0 0 120px;
    height: 26px;
}
#content-main h2.id span {
    display: none;
}

#content-main .wrapper-main {
    width: 745px;
    background: #f0f0f0 url(../i/bg-content-content.gif) repeat-y;
}

/* +content-sidebar
*----------------------------------------------------------------------------*/

#content-sidebar {
    text-align: left;
}

#content-sidebar h3 {
    display: block;
    width: 240px;
    height: 55px;
    margin: 0 auto 10px;
    background: url(../i/btn-newspeech.gif) no-repeat 0 0;
    text-indent: -100000px;
}

#content-sidebar h4 {
    padding: 0 0 2px 15px;
    background: url(../i/icon12.gif) no-repeat 0 0;
    font: bold 13px/22px Verdana;
}

/**
*
* =ad
*
**/

#content-sidebar .ad {
    margin: 4px auto 10px auto;
    text-align: center;
}

/**
*
* =join-member
*
**/

#content-sidebar #join-dc {
    width: 240px;
    margin: 0 auto 10px;
}

#content-sidebar #join-dc a {
    display: block;
    width: 240px;
    height: 59px;
    background: url(../i/btn-joindc.gif) no-repeat 0 0;
    text-indent: -100000px;
}

/**
*
* =member-func
*
**/

#content-sidebar #member-func {
    margin-bottom: 5px;
}

#content-sidebar #member-func h4 {
    display: none;
}

#content-sidebar #member-func ul {
    overflow: auto;
    width: 240px;
    margin: 0 auto;
}

#content-sidebar #member-func ul li {
    float: left;
    height: 26px;
    line-height: 26px;
}

#content-sidebar #member-func ul li a {
    float: left;
    width: 80px;
    height: 26px;
    background: url(../i/btn-member-func01.gif) no-repeat 0 0;
    text-indent: -100000px;
}

#content-sidebar #member-func ul li.index a {
    width: 160px;
}

#content-sidebar #member-func ul li.msg a {
    background: url(../i/btn-member-func02.gif) no-repeat 0 0;
}

#content-sidebar #member-func ul li.friend a {
    background: url(../i/btn-member-func03.gif) no-repeat 0 0;
}

#content-sidebar #member-func ul li.publish a {
    background: url(../i/btn-member-func04.gif) no-repeat 0 0;
}

#content-sidebar #member-func ul li.collection a {
    background: url(../i/btn-member-func05.gif) no-repeat 0 0;
}

#content-sidebar #member-func ul li a:hover {
    background-position: 0 -30px;
}

#content-sidebar #member-func ul li.msg a:hover {
    background-position: 0 -26px;
}

#content-sidebar #member-func ul li.index a:hover {
    background-position: 0 -26px;
}

/**
*
* =class-teacher
*
**/

#content-sidebar #class-teacher {
    width: 240px;
    margin: 0 auto 10px;
    padding-bottom: 7px;
    background: url(../i/bg-sidebar-bottom.gif) no-repeat center bottom;
}

#content-sidebar #class-teacher .wrapper {
    overflow: auto;
    width: 230px;
    padding: 4px 0 0 10px;
    color: #627b99;
    background: url(../i/bg-sidebar.gif) no-repeat;
}

#content-sidebar #class-teacher .wrapper h5 a {
    color: #438fce;
    font-size: 13px;
}

#content-sidebar #class-teacher .wrapper a img {
    float: left;
}

#content-sidebar #class-teacher .wrapper p {
    display: inline;
    float: right;
    width: 115px;
    margin-right: 5px;
    color: #333;
    font: 12px/18px Verdana;
}

#content-sidebar #class-teacher .wrapper p.more {
    margin: 10px 0 0 0;
}

#content-sidebar #class-teacher .wrapper p.more a {
    padding-left: 15px;
    background: url(../i/icon-more01.gif) no-repeat left 0;
    color: #438fce;
    font: 12px Verdana;
}

/**
*
* =member-circle, arbitrate-lecture
*
**/

#content-sidebar #arbitrate-lecture {
    width: 240px;
    margin: 0 auto 10px;
    padding-bottom: 7px;
    background: url(../i/bg-sidebar-bottom.gif) no-repeat center bottom;
}

#content-sidebar #member-circle {
    width: 240px;
    margin: 0 auto 10px;
    padding-bottom: 7px;
    background: url(../i/bg-sidebar-bottom.gif) no-repeat center bottom;
}

#content-sidebar #member-circle ul.tab li {
    float: left;
    background: url(../i/line01.gif) no-repeat right center;
}

#content-sidebar #member-circle ul.tab li.last {
    background: none;
}

#content-sidebar #member-circle ul.tab li form {
    float: left;
}

#content-sidebar #member-circle ul.tab li a {
    float: left;
    width: 68px;
    height: 21px;
    color: #f30;
    text-align: center;
}

#content-sidebar #member-circle ul.tab li.ui-tabs-selected a {
    background: url(../i/bg-nav-active.gif) no-repeat 0 0;
    color: #fff;
    text-decoration: none;
}

#content-sidebar #arbitrate-lecture .wrapper {
    overflow: auto;
    width: 230px;
    padding: 5px 0 0 10px;
    color: #627b99;
    background: url(../i/bg-sidebar.gif) no-repeat;
}

#content-sidebar #member-circle .wrapper {
    overflow: auto;
    width: 230px;
    padding: 5px 0 0 10px;
    color: #627b99;
    background: url(../i/bg-sidebar.gif) no-repeat;
}

#content-sidebar #arbitrate-lecture .wrapper a.member-photo {
    position: relative;
    float: left;
    width: 85px;
    height: 85px;
    margin: 0 10px 5px 0;
}

#content-sidebar #member-circle .wrapper a.member-photo {
    position: relative;
    float: left;
    width: 85px;
    height: 85px;
    margin: 0 10px 5px 0;
}

#content-sidebar #arbitrate-lecture .wrapper a.member-photo span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 85px;
    height: 85px;
    background: url(../i/mask1-2.png) no-repeat left center;
    behavior: url(c/iepngfix.htc);
}

#content-sidebar #member-circle .wrapper a.member-photo span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 85px;
    height: 85px;
    background: url(../i/mask1-2.png) no-repeat left center;
    behavior: url(c/iepngfix.htc);
}
#content-sidebar #member-circle .wrapper p,
#content-sidebar #arbitrate-lecture .wrapper p {
    color: #7b7b7b;
    font: 11px Verdana;
}
#content-sidebar #member-circle .wrapper p.txt,
#content-sidebar #arbitrate-lecture .wrapper p.txt {
    padding: 5px 0 0 0;
    color: #333;
    font: 12px/17px Verdana;
}

#content-sidebar #member-circle .wrapper h5,
#content-sidebar #arbitrate-lecture .wrapper h5 {
    margin-top: 3px;
}
#content-sidebar #member-circle .wrapper h5 a,
#content-sidebar #arbitrate-lecture .wrapper h5 a {
    color: #438fce;
    font: bold 13px Verdana;
}

#content-sidebar #arbitrate-lecture .wrapper ul {
    overflow: hidden;
    margin: 5px 0 0 0;
}

#content-sidebar #member-circle .wrapper ul {
    overflow: hidden;
    margin: 5px 0 0 0;
}

#content-sidebar #arbitrate-lecture .wrapper ul li {
    float: left;
    height: 14px;
    margin-right: 6px;
    padding: 0 6px 0 0;    
    border-right: 1px solid #7b7b7b;
    color: #7b7b7b;
    font: 11px/14px Verdana;
}

#content-sidebar #member-circle .wrapper ul li {
    float: left;
    height: 14px;
    margin-right: 6px;
    padding: 0 6px 0 0;    
    border-right: 1px solid #7b7b7b;
    color: #7b7b7b;
    font: 11px/14px Verdana;
}

#content-sidebar #arbitrate-lecture .wrapper ul li.last {
    border: none;
}

#content-sidebar #member-circle .wrapper ul li.last {
    border: none;
}

#content-sidebar #arbitrate-lecture .wrapper ul li span {
    color: #f30;
}

#content-sidebar #member-circle .wrapper ul li span {
    color: #f30;
}

#content-sidebar #member-circle .wrapper p.intro {
    margin-top: 2px;
    color: #333;
    font-size: 13px;
}

#content-sidebar #arbitrate-lecture .wrapper p.clear {
    margin-bottom: 5px;
    color: #333;
    font: 12px Verdana;
}

#content-sidebar #member-circle .wrapper ul.icon {
    margin-bottom: 5px;
}

#content-sidebar #member-circle .wrapper ul.icon li {
    height: auto;
    padding: 0;
    border: none;
}

#content-sidebar #arbitrate-lecture .wrapper ul.photo {
    margin: 0;
}

#content-sidebar #member-circle .wrapper ul.photo {
    margin: 0;
}

#content-sidebar #arbitrate-lecture .wrapper ul.photo li {
    width: 70px;
    height: auto;
    margin: 0;
    border: none;
}

#content-sidebar #member-circle .wrapper ul.photo li {
    width: 70px;
    height: auto;
    margin: 0;
    border: none;
}

#content-sidebar #arbitrate-lecture .wrapper ul.photo li p {
    margin-top: 6px
}

#content-sidebar #member-circle .wrapper ul.photo li p {
    margin-top: 6px
}

#content-sidebar #member-circle .wrapper p.equipment {
    color: #333;
    font: bold 12px/18px Verdana;
}

#content-sidebar #member-circle .wrapper p.equipment span {
    font-weight: normal;
}

#content-sidebar #member-circle .wrapper ul.order {
    float: right;
}

#content-sidebar #member-circle .wrapper ul.order li.last {
    border: none;
}

#content-sidebar #member-circle .wrapper ul.order li a {
    color: #438fce;
    font-size: 12px;
}

/**
*
* =list
*
**/

#content-sidebar .list {
    width: 240px;
    margin: 0 auto 10px;
    padding-bottom: 7px;
    background: url(../i/bg-sidebar-bottom.gif) no-repeat center bottom;
    background: none;
}

#content-sidebar .list h4 {
    font-weight: bold;
    background-position: 0 center;
}

#content-sidebar .list h4 span {
    margin: 0 5px;
    color: #f30;
    font: 18px/18px Georgia;
}

#content-sidebar .list ul {
    overflow: auto;
    width: 234px;
    padding: 8px 0 0 6px;
    background: url(../i/bg-sidebar.gif) no-repeat;
}

#content-sidebar .list ul li {
    float: left;
    margin: 0 6px 6px 0;
}

#content-sidebar .list ul li input {
    margin-left: 15px;
    padding: 4px 0;
    border: 1px solid #c6c6c6;
    background: #f3f3f3;
}

#content-sidebar .list ul li.func {
    display: inline;
    float: right;
    margin: 0 20px 0 0;
}

#content-sidebar .list .btn {
    margin: 0 0 0 5px;
    padding: 0;
    border: none;
    background: #438fce;
    color: #fff;
}

#content-sidebar .list .btn-save {
    background: #f63;
}

#content-sidebar .list .btn-cancel {
    background: #aaa;
}

/**
*
* =album 
*
**/

#content-sidebar .album {
    width: 240px;
    margin: 0 auto 10px;
    padding-bottom: 7px;
    background: none;
}

/**
*
* =inventory
*
**/

#content-sidebar .inventory ul li {
    float: none;
    padding-left: 10px;
    border-bottom: 1px dotted #cecece;
    background: url(../i/icon19.gif) no-repeat left 6px;
    font-size: 13px;
}

#content-sidebar #newest-comment ul li a span {
    color: #999;
}

#content-sidebar #popularity ul li span {
    color: #f30;
}

#content-sidebar #newest-discuss ul li span {
    color: #f03;
    font: 11px Verdana; 
}

#content-sidebar #newest-discuss ul li span.topic {
    margin: 0 5px;
    color: #3384c6;
}

#content-sidebar .inventory ul li a:hover {
    color: #438fce;
    text-decoration: none;
}

#content-sidebar #collected-works ul li.more {
    float: none;
}

#content-sidebar .inventory ul li.more {
    border: none;
    background: none;
    text-align: right;
}

#content-sidebar #collected-works ul li.more {
    border: none;
    background: none;
    text-align: right;
}

#content-sidebar .inventory ul li.more a {
    clear: both;
    padding-left: 15px;
    background: url(../i/icon-more01.gif) no-repeat left 0;
    color: #438fce;
    font: 12px Verdana;
}

#content-sidebar #collected-works ul li.more a {
    clear: both;
    padding-left: 15px;
    background: url(../i/icon-more01.gif) no-repeat left 0;
    color: #438fce;
    font: 12px Verdana;
}

/**
*
* =tag-cloud
*
**/

#content-sidebar #tag-cloud  {
    width: 240px;
    margin: 0 auto 10px;
    padding-bottom: 7px;
    background: url(../i/bg-sidebar-bottom.gif) no-repeat center bottom;
}

#content-sidebar #tag-cloud ul {
    width: 230px;
    padding: 10px 0 0 10px;
    background: url(../i/bg-sidebar.gif) no-repeat;
    font: 13px/26px Verdana;
}

#content-sidebar #tag-cloud ul li {
    display: inline;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    font: 12px/22px Verdana;
}

#content-sidebar #tag-cloud ul li.rank1 a {
    color: #f8a983;
    font: bold 19px/25px Verdana;
}

#content-sidebar #tag-cloud ul li.rank2 a {
    color: #3ca6c0;
    font: 17px/25px Verdana;
}

#content-sidebar #tag-cloud ul li.rank3 a {
    color: #9fbf0b;
    font: 15px/25px Verdana;
}

#content-sidebar #tag-cloud ul li.rank4 a {
    color: #289b77;
    font: 13px/25px Verdana;	
}

#content-sidebar #tag-cloud ul li.rank5 a {
    color: #1582ac;
    font: 12px/25px Verdana;
}

#content-sidebar #tag-cloud ul li.all {
    display: block;
}

#content-sidebar #tag-cloud ul li.all a {
    float: right;
    padding: 0 2px 0 12px;
    background: url(../i/icon-subnav-add.gif) no-repeat 0 6px;
    color: #7a7a7a;
    font: 12px/22px Arial, Helvetica, sans-serif;
}

/**
*
* =collected-blog
*
**/

#content-sidebar #collected-blog h4 span {
    margin-left: 15px;
    color: #333;
    font: 12px Verdana;
}

#content-sidebar #collected-blog h4 span span {
    margin: 0 5px 0 0;
    color: #f30;
    font: 18px/18px Georgia;
}

#content-sidebar #collected-blog ul li {
    float: none;
    overflow: auto;
    padding: 0 0 8px 10px;
    border-bottom: 1px dotted #cecece;
    font-size: 13px;
}

#content-sidebar #collected-blog ul li.page {
    padding: 0;
}

#content-sidebar #collected-blog ul li ul {
    float: right;
    width: auto;
    margin: 0;
    padding: 0;
    background: none;
}

#content-sidebar #collected-blog ul li ul li {
    float: left;
    height: 16px;
    margin: 0 3px 5px 0;
    padding: 0 3px 0 0;
    border: none;
    border-right: 1px solid #333;
    font: 12px/16px Verdana;
}

#content-sidebar #collected-blog ul li ul li a {
    color: #438fce;
    vertical-align: middle;
}

#content-sidebar #collected-blog ul li ul li.last {
    border: none;
}

#content-sidebar #collected-blog ul li img {
    float: left;
    margin-right: 5px;
    padding: 2px;
    border: 1px solid #d1d1d1;
}

#content-sidebar #collected-blog ul li .content {
    float: right;
    width: 135px;
}

#content-sidebar #collected-blog ul li a.remove {
    float: left;
    width: 66px;
    height: 14px;
    margin: 2px 10px 5px 0;
    background: url(../i/btn-move.gif) no-repeat 0 0;
    text-indent: -100000px;
}

#content-sidebar #collected-blog ul li a.remove:hover {
    background: url(../i/btn-move.gif) no-repeat 0 -14px;
}

#content-sidebar #collected-blog ul li h5 {
    clear: both;
    font: normal 13px Verdana;
}

#content-sidebar #collected-blog ul li h5 a {
    color: #438fce;
}

#content-sidebar #collected-blog ul li p {
    color: #7b7b7b;
}

#content-sidebar #collected-blog ul li p cite {
    margin-left: 3px;
    font: normal 12px Verdana;
}

#content-sidebar #collected-blog ul li p cite a {
    color: #438fce;
}

#content-sidebar #collected-blog ul li.more {
    padding: 0;
    border: none;
    background: none;
    text-align: right;
}

#content-sidebar #collected-blog ul li.more a {
    padding-left: 15px;
    background: url(../i/icon-more01.gif) no-repeat left 0;
    color: #438fce;
    font: 12px Verdana;
}

/**
*
* =personal-sign
*
**/

#content-sidebar #personal-web input.btn-cancel {
    margin: 0;
    padding: 0;
    border: none;
    line-height: 19px;
}

#content-sidebar #personal-web input.btn-save {
    margin: 0;
    padding: 0;
    border: none;
    line-height: 19px;
}

#content-sidebar #personal-web input.btn-save {
    margin-right: 3px;
}

/**
*
* =personal-sign
*
**/

#content-sidebar #personal-sign {
    width: 240px;
    margin: 0 auto 10px;
    padding-bottom: 7px;
    background: url(../i/bg-sidebar-bottom.gif) no-repeat center bottom;
}

#content-sidebar #personal-sign h4 {
    font-weight: bold;
    background-position: 0 center;
}

#content-sidebar #personal-sign p {
    overflow: auto;
    width: 220px;
    padding: 8px 10px 0 10px;
    background: url(../i/bg-sidebar.gif) no-repeat;
    font: 13px/20px Verdana, Arial, Helvetica, sans-serif;
}

/**
*
* =open-data, personal-sign
*
**/

#content-sidebar #personal-sign {
    width: 240px;
    margin: 0 auto 10px;
    padding-bottom: 7px;
    background: url(../i/bg-sidebar-bottom.gif) no-repeat center bottom;
}

#content-sidebar #open-data {
    width: 240px;
    margin: 0 auto 10px;
    padding-bottom: 7px;
    background: url(../i/bg-sidebar-bottom.gif) no-repeat center bottom;
}

#content-sidebar #personal-sign h4 {
    font-weight: bold;
    background-position: 0 center;
}

#content-sidebar #open-data h4 {
    font-weight: bold;
    background-position: 0 center;
}

#content-sidebar #personal-sign h4 span {
    margin: 0 5px;
    color: #f30;
    font: 18px/18px Georgia;
}

#content-sidebar #open-data h4 span {
    margin: 0 5px;
    color: #f30;
    font: 18px/18px Georgia;
}

#content-sidebar #personal-sign form {
    overflow: auto;
    width: 234px;
    padding: 8px 0 0 6px;
    background: url(../i/bg-sidebar.gif) no-repeat;
}

#content-sidebar #open-data form {
    overflow: auto;
    width: 234px;
    padding: 8px 0 0 6px;
    background: url(../i/bg-sidebar.gif) no-repeat;
}

#content-sidebar #open-data form h5 {
    color: #f96;
    font-weight: normal;
}

#content-sidebar #personal-sign form textarea {
    width: 221px;
    height: 105px;
    margin: 0 auto;
    border: 1px solid #c6c6c6;
    background: #f3f3f3;
}

#content-sidebar #open-data form ul li {
    width: 215px;
    padding: 3px 0 3px 5px;
    font-size: 12px;
}

#content-sidebar #open-data form ul li input {
    vertical-align: middle;
}

#content-sidebar #open-data form ul li.odd {
    background: #e4f3ff;
}

#content-sidebar #open-data form ul li.sub {
    width: 195px;
    padding-left: 25px;
}

#content-sidebar #personal-sign form p {
    float: right;
    width: auto;
    margin: 0;
}

#content-sidebar #open-data form ul li.func {
    float: right;
    width: auto;
    margin: 0;
}

#content-sidebar #open-data form ul li.func {
    display: inline;
    margin-right: 15px;
}

#content-sidebar #personal-sign form p .btn {
    margin: 0 0 0 5px;
    padding: 0;
    border: none;
    color: #fff;
}

#content-sidebar #open-data form ul li .btn {
    margin: 0 0 0 5px;
    padding: 0;
    border: none;
    color: #fff;
}

#content-sidebar #personal-sign form p .btn-save {
    background: #f63;
}

#content-sidebar #open-data form ul li .btn-save {
    background: #f63;
}

#content-sidebar #personal-sign form p .btn-cancel {
    background: #aaa;
}

#content-sidebar #open-data form ul li .btn-cancel {
    background: #aaa;
}

/**
*
* =collection-search
*
**/

#content-sidebar #collection-search {
    width: 240px;
    height: 31px;
    line-height: 31px;
    margin: 0 auto 10px;
    background: url(../i/bg-collection-search.gif) no-repeat 0 0;
}

#content-sidebar #collection-search input {
    float: left;
    margin: 6px 2px 0 0;
}

#content-sidebar #collection-search select {
    float: left;
    margin: 6px 2px 0 0;
}

#content-sidebar #collection-search #category {
    height: 17px;
    margin-left: 45px;
    font: 10px/17px Verdana;
}

#content-sidebar #collection-search .btn-submit {
    width: 29px;
    height: 17px;
    border: none;
    background: url(../i/btn-search2.gif) no-repeat 0 0;
    text-indent: -100000px;
}

/**
*
* =expert-icon
*
**/

#content-sidebar #expert-icon ul li {
    margin: 2px 6px 2px  0;
}

/**
*
* =google-calendar
*
**/

#google-calendar {
    width: 240px;
    margin: 0 auto 10px;
    padding-bottom: 7px;
    background: url(../i/bg-sidebar-bottom.gif) no-repeat center bottom;
}

#google-calendar h4 a {
    margin-left: 5px;
    color: #438fce;
    font: 12px Verdana;
}

#google-calendar .wrapper {
    padding: 0 0 0 5px;
    background: url(../i/bg-sidebar.gif) no-repeat;
}

/**
*
* =invite-confirm
*
**/

#content-sidebar #invite-confirm h4 span {
    margin-left: 5px;
    color: #333;
    font: 12px Verdana;
}

#content-sidebar #invite-confirm h4 span span {
    margin: 0 5px 0 0;
    color: #f30;
    font: 18px/18px Georgia;
}

#content-sidebar #invite-confirm ul li {
    float: none;
    overflow: auto;
    padding: 0 0 8px 10px;
    border-bottom: 1px dotted #cecece;
    font-size: 13px;
}

#content-sidebar #invite-confirm ul li.page {
    padding: 0;
}

#content-sidebar #invite-confirm ul li ul {
    float: right;
    width: auto;
    margin: 0;
    padding: 0;
    background: none;
}

#content-sidebar #invite-confirm ul li ul li {
    float: left;
    height: 16px;
    margin: 0 3px 5px 0;
    padding: 0 3px 0 0;
    border: none;
    border-right: 1px solid #333;
    font: 12px/16px Verdana;
}

#content-sidebar #invite-confirm ul li ul li a {
    color: #438fce;
    vertical-align: middle;
}

#content-sidebar #invite-confirm ul li ul li.last {
    border: none;
}

#content-sidebar #invite-confirm ul li img {
    float: left;
    margin-right: 5px;
    padding: 2px;
    border: 1px solid #d1d1d1;
}

#content-sidebar #invite-confirm ul li .content {
    float: right;
    width: 135px;
}

#content-sidebar #invite-confirm ul li .content h5 {
    clear: both;
    font: normal 13px Verdana;
}

#content-sidebar #invite-confirm ul li .content h5 a {
    color: #438fce;
}

#content-sidebar #invite-confirm ul li .content p {
    color: #7b7b7b;
}

#content-sidebar #invite-confirm ul li .content select {
    background-color: #ddf5f5;
    font: 10px/12px Verdana;
}

#content-sidebar #invite-confirm ul li .content .btn-refuse {
    clear: both;
    height: 17px;
    margin: 0;
    padding: 0 2px;
    border: none;
    background: #f63;
    color: #fff;
    font: 12px/19px Verdana;
}

#content-sidebar #invite-confirm ul li .content .btn-confirm {
    clear: both;
    height: 17px;
    margin: 0;
    padding: 0 2px;
    border: none;
    background: #f63;
    color: #fff;
    font: 12px/19px Verdana;
}

#content-sidebar #invite-confirm ul li .content .btn-refuse {
    background: #aaa;
}

/**
*
* =discuss-speech, famous-blog
*
**/

#content-sidebar #famous-blog ul li.more {
    margin-bottom: 0;
}

#content-sidebar #discuss-speech ul li.more {
    margin-bottom: 0;
}

#content-sidebar #famous-blog ul li.more a {
    background: url(../i/icon-more03.gif) no-repeat left 0;
}

#content-sidebar #discuss-speech ul li.more a {
    background: url(../i/icon-more03.gif) no-repeat left 0;
}

/* +footer
*----------------------------------------------------------------------------*/

#footer {
    position: relative;
    background: url(../i/bg-footer.gif) repeat-x 0 bottom;
}

#footer .web-nav {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

/**
*
* =footer-ad
*
**/

#footer .footer-ad {
    overflow: auto;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}

#footer .footer-ad ul li {
    float: left;
    bottom: -1px;
    width: 310px;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    background: url(../i/line-footer-ad.gif) repeat-y right;
}

#footer .footer-ad ul li img {
    float: left;
    bottom: -1px;
    padding: 0 10px 0 0;
}

#footer .footer-ad ul li.last {
    float: left;
    bottom: -1px;
    width: 310px;
    margin: 0;
    background: none;
}

#footer .footer-ad ul li h3 {
    font: bold 15px/22px Verdana;
    color: #1a549e;
}

#footer .footer-ad ul li a {
    color: #438fce;
    text-decoration: none;
}

/**
*
* =copyright
*
**/

#footer #copyright {
    clear: both;
	position: relative;
    width: 1000px;
    height: 60px;
    margin: 0 auto;
    padding: 20px 0;
}

#footer #copyright .logo {
    float: left;
    width: 200px;
}

#footer #copyright .content {
    float: left;
    width: 770px;
    padding: 0 0 0 30px;
    background: url(../i/line-footer.gif) no-repeat left center;
    text-align: left;
}

#footer #copyright .content p {
    font: 9px/16px Verdana;
    color: #999999;
}

#footer #copyright .content p.link {
    font: 11px/22px Verdana;
    color: #808080;
}

#footer #copyright .tag {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 240px;
    text-align: left;
    color: #627b99;
}