
/* tabview.css */
#join-vote-tab .yui-nav,#join-status .yui-nav{padding-top:5px;border-bottom:2px solid #CCCC00;}
.yui-navset .bd{padding:5px 18px 22px}
.yui-navset .bd li{margin-bottom:.5em}
.yui-nav li{padding:0.5em 1em;float:left;margin-right:5px;background:#f7f7f7;}
.yui-nav a{outline:none;font-size:15px;font-weight:bold;}
.yui-nav a:hover{text-decoration:none}
.yui-nav .selected{background:#cccc00;}
.yui-nav .selected a{color:#444;}
.yui-hidden{display:none}

/* container.css */
.yui-skin-sam .yui-panel{border:10px solid #DAD6D6}
.yui-skin-sam .yui-panel .hd{padding:.75em 5px; font-weight:normal; font-size:15px; text-align:left; border:none; line-height:1}
.yui-skin-sam .yui-panel .bd{border:none; padding:10px 0 0 0; text-align: left}
.yui-skin-sam .yui-panel .hd, .yui-skin-sam .yui-panel .ft{background:#fff}
.yui-skin-sam .yui-panel .ft{border:none; font-size:15px; padding: .5em 0}
.yui-skin-sam .yui-panel .ft .button-group {text-align:center}
.yui-skin-sam .yui-panel .ft .cancel {margin-left:10px}
.yui-skin-sam .container-close{background:transparent url(../img/sprite8.png) 0 -200px}

  #doc4{background:#f7f7f7; border:1px solid #d8d8d8;position:relative;} 
  #myjoin #yui-main .yui-b, #singlejoin #yui-main .yui-b{padding: 0 0 10px 10px;}

  /* global */
  a{color: #009b8e; text-decoration:none; cursor:pointer}
  a:hover{text-decoration:underline}
  img{vertical-align:bottom}
  .more{text-align:right; margin:2px 5px 0 0}
  .more a{text-decoration:underline;padding:1px 2px 2px;*padding:3px 2px 0px;color:#888;}
  .more a:hover{background:#ECEC5D;text-decoration:none;}

  .pagination{line-height:30px; *line-height:22px; text-align:center}
  .pagination a{border:1px solid #d8d8d8; font-size:18px; padding:3px 8px; vertical-align:bottom; text-decoration:none; cursor:pointer; margin-right:5px; zoom:1}
  .pagination a:hover{border:1px solid #009b8e;background:#aef4ee;}
  .pagination .more:hover{background:none}
  .pagination .more, .pagination .more:hover{border:1px solid #fff}
  .pagination .on,.pagination .on:hover{background:#bbb; color: #fff;border:1px solid #bbb;}
  #friend-list select{width:290px; overflow:hidden}
  #bread-crumb {font-size:16px; font-weight:bold; margin-bottom:.5em}
  .adn{width:728px; height:90px; margin:7px auto}

  /* clearfix */
  .clearfix:after, 
  .yui-nav:after, 
  #archive-blog .hd:after, 
  #archive-blog .bd li:after ,
  #archive-album .hd:after, 
  #archive-album .bd:after, 
  #archive-video .hd:after,
  #archive-video .bd:after,
  #archive-guestbook .hd:after,
  #decision-panel .bd:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

  .clearfix, 
  .yui-nav,  
  #archive-blog .hd, 
  #archive-blog .bd li, 
  #archive-album .hd, 
  #archive-album .bd, 
  #archive-video .hd,
  #archive-video .bd,
  #archive-guestbook .hd,
  #decision-panel .bd{zoom:1}
  
  /*img-wrapper*/
  .imgw{background-position:center center; background-repeat:no-repeat}

  /* module */
  .md, .admd{ margin-bottom:7px}
  #sidebar .md .hd h2, .tabmd h2{ color: #444;border-bottom:1px solid #d8d8d8; letter-spacing:1px; padding:0 0 3px 0; font-weight:bold; margin-right:10px}
.md .bd a{color:#888;line-height:1.5}
  
  a.wbtn{ color:#334455; float:left; margin:0 10px 0 0; outline:none; text-decoration:none; cursor:pointer}
  a.wbtn b{ display:block; float:left; font-weight:normal; position:relative; background: #fff url(../img/admin_manage.png) repeat-x left bottom; border: solid #bcc7d4; border-width: 1px 0; }
  a.wbtn b b{ background: none; display:block; position:relative; margin:0 -1px; border-width: 0 1px }
  a.wbtn b b b { margin:0; border-width:0; padding:3px 5px 2px; }
  a.wbtn:active b{background-image:none; background-color:#ddd;border-color:#aaa;}

  /* hd */
  #hd{height:65px; margin-bottom:1px;position:relative; border-bottom:5px solid #444;background:#d8d8d8 url(../img/hd_bg.png) repeat-x 0 0}
  #hd h1, #hd h1 a{height: 31px; width:174px}
  #hd h1{display:block; height:31px; width:174px; text-indent:-900%; position:absolute; top:24px; left:21px; background: transparent url(../img/sprite8.png) no-repeat 0px -159px}
  #hd h1 a{display:block; outline:none}

  #hd h2{ font-size:16px; font-weight:bold; font-family:"Lucida grande",sans-serif;position:relative;top:32px;margin-left:208px;line-height:1.5;background:url(../img/sprite8.png) no-repeat 0 7px;padding-left:15px}
  #hd h2 a{color:#666;}
  #navigation{background: #009b8e;border-left:16px solid #007F71; margin-bottom:7px;}
  #singlejoin  #navigation,#smsjoin #navigation,#searchjoin #navigation,#postjoin #yui-main{border-top:5px solid #009b8e;border-left:0;background:none;}
  #navigation img{vertical-align: middle; margin-left:3px}
  #navigation a{padding:.5em 1em; font-size:15px; color:#fff; float:left; border-right:1px solid #fff}
  #navigation a:hover{text-decoration:none;background:#007f71;color:#ecec5d;}
  #navigation a.first{border-left:1px solid #fff}
  #navigation a.on,#navigation a.on:hover{background:#f7f7f7 url(../img/nav_on.png) repeat-x left top; color:#000}
  
  #loc-suggest {visibility:hidden; text-align:left}
  #loc-suggest {border:1px solid #ccc; width:425px; background-color:#fff; position:absolute; top:25px; overflow:hidden}
  #loc-suggest ul {padding: 5px }
  #loc-suggest ul li { cursor: pointer; letter-spacing:1px; line-height:1.6; list-style:none; zoom:1; white-space:nowrap}
  #loc-suggest ul li.on{background-color:#E0EDFE}
  #loc-suggest ul li span{color:#1A84B7}
  #loc-suggest ul li .biz-name{font-size:11px; color:#666; padding-left:3px}
  #loc-suggest ul li em{background:#eee}
  #loc-suggest ul .on em {background:none}

	#bd .start{background:transparent url(../img/sprite8.png) no-repeat 0 -20px; font-size:15px; font-weight:bold; text-align:center; position:absolute; top:22px; right:10px;display:block;width:173px;height:29px;padding-top:8px;line-height:1.5}
	#bd .start:hover{background-position:0 -67px; color:#fff; text-decoration:none}
  /* #main */
    /* myjoin - main */
    #event-list .hd{float:left}
    #event-list .vevent{ margin-bottom:10px;background:#fff;padding:0.5em 0.5em 0.5em 1em;border-bottom:1px solid #D8D8D8;border-right:1px solid #D8D8D8;}
    #event-list .vevent .cover{height:90px; width:90px; overflow:hidden; border:3px solid #F7F7F7; display: block}
    #event-list .vevent .cover:hover{border-color:#ecec5d}
    #event-list .vevent .hd img{display:block; margin: 0 3px 2px 0}
    #event-list .vevent .bd{float:left;margin-left:10px;line-height:1.5;width:32em; word-wrap: break-word}
    #event-list .vevent label{font-weight:bold; margin-right:.5em; white-space:nowrap}
    #event-list .vevent h4{font-weight:bold; font-size:15px;}
    #event-list .lock{padding-left:20px; background:transparent url(../img/lock.png8.png) no-repeat left center; *background-position: left top}
    #event-list .vevent .ft{ float:right;width:7.5em; font-size:12px; font-family:georgia, serif;border-left:1px solid #f7f7f7;padding-left:5px;}
    #event-list .vevent .ft em{font-weight:bold; font-size:13px; padding:0 2px}
    #event-list .vevent .ft p{margin-bottom:3px}
    #event-list .vevent .organizer{display:block;height:45px; width:45px; overflow:hidden; border:1px solid #fff; margin-bottom:1em}
    #event-list .vevent-newbie{background:#E8F6F5; border:none}
    #event-list .vevent-newbie .cover{border:3px solid #C1E7E4}
    #event-list a.wbtn{float:right; margin:0 0 0 4px}

    /* myjoin - modPanel style*/
    #mod-panel{font-size:15px}
    #mod-panel .bd{padding:10px}
    #mod-panel h4{font-weight:bold}
    #mod-panel .bd label{font-weight:bold; margin-right:5px}
    #mod-panel .ft label{margin-right:8px}

    /* singlejoin - main */
    #vevent {font-size:15px;line-height:1.5;background:#fff;}
    #vevent .item{padding:6px 0 6px 5px;margin:0 10px;border-bottom:1px dashed #d8d8d8;}
    #vevent h4{font-weight:bold;font-size:18px;color:#D95113;border-bottom:1px dashed #d8d8d8;padding:6px 0 6px 5px;margin:0 10px;line-height:1.7;}
    #vevent label{font-weight:bold;margin-right:5px;}
    #vevent .cover{float:right; width:300px; overflow:hidden; margin: 0 0 10px 10px;padding:10px 10px 0 0;}
    #vevent .lock{padding-left:20px; background:transparent url(../img/lock.png8.png) no-repeat left center}
    #vevent div.item .bd{padding-left:1em;border:0}
	
    #vevent-type h2{float:left}
    #vevent-type ul{float:right}
    #vevent-type ul li {display:inline; border-left: 2px solid #CCCC00; padding: 3px .5em}
    #vevent-type ul li.on{background:#CCCC00}
    #vevent-type ul li.first{border:none}

    /* style derived from YUI fonts.css */
    #join-description {word-wrap: break-word}
    #join-description h1{font-size:138.5%}
    #join-description h2{font-size:123.1%}
    #join-description h3{font-size:100%}
    #join-description h1, #join-description h2, #join-description h3{margin:1em 0}
    #join-description h1, #join-description h2, #join-description h3, #join-description h4, #join-description h5, #join-description h6, #join-description strong, #join-description dt {font-weight:bold}
    #join-description em {font-style:italic}
    #join-description blockquote, #join-description ul, #join-description ol, #join-description dl{margin: 1em}
    #join-description ol, #join-description ul, #join-description dl {margin-left:2em}
    #join-description ol, #join-description li {list-style: decimal outside}
    #join-description ul li{list-style:disc outside}
    #join-description dl, #join-description dd{margin-left: 1em}
    #join-description th, #join-description td{border:1px solid #000; padding: .5em}
    #join-description th{font-weight:bold; text-align:center}
    #join-description p, #join-description fieldset, #join-description table, #join-description pre {margin-bottom: 1em}

    #decision-panel .title{font-size:15px}
    #decision-panel td{padding:3px 2px; *padding:1px 2px}
    #decision-panel .bd .opt{width:135px}
    #decision-panel .bd .statics{text-align:right; width:75px}
    #decision-panel .decision-panel-cell{width:49%; float:left; margin-bottom:.5em}
    #decision-panel ul{margin:0 0 10px 10px}
    #decision-panel .bd{padding: 10px}

    .join-research{background:#fff;}
    #join-vote{margin:0 3em;padding-top:7px;}
	#join-vote cite{padding:1px 5px; border:1px solid #DE551F; color:#DE551F;}
    #join-vote table{margin-bottom:10px; table-layout: fixed; width:100%;color:#777;}
    #join-vote th{background:#eee; color:#444}
    #join-vote table th, #join-vote table td{border:1px solid #d8d8d8; padding:4px 5px}
    #join-vote .col1{width:40px; text-align:center}
    #join-vote .col2{width:200px}
    #join-vote .col3{width:85px}
    #join-vote-tab .yui-content{border:2px solid #CCCC00;border-top:0;padding:5px 10px 30px;}    
    #join-vote-tab .yui-nav .radio{margin-right:3px; padding-top:3px; height:16px; vertical-align:bottom; *vertical-align:baseline}    
    #join-vote .btn-group{text-align:center;position:relative;top:-34px;}
    #join-vote .btn-group input{background:#D3D300 url(../img/join_vote.png) repeat-x scroll left bottom; cursor:pointer; font-size:15px; font-weight:bold; margin-right:5px;border-color:#E1E152 #9B9B3E #9B9B3E #D3D300;border-style:solid;border-width:1px;color:#444;text-decoration:none;padding:0.2em 1em;}
    #join-vote .yui-content .title{font-weight:bold;padding:5px 0 5px 11px;}
    #join-vote .decide_item{background:#aef4ee;color:#444;font-weight:bold;}
	
    #admin{margin-bottom:30px; background:#fff; padding-bottom: .5em; text-align: center}
    #admin a em{ padding-left:18px; background-image:url(../img/admin-sprite8.png); background-repeat:no-repeat; zoom:1}
    #admin a{margin-right:2px; padding:2px 3px 3px}
    #admin a:hover{background:#009B8E; color:#fff;text-decoration:none;}
    #admin .join-copy em{background-position: 0 -26px } 
    #admin .join-export em{background-position: 0 0}
    #admin .join-invite em{ background-position: -0px -104px;}
    #admin .join-send em{background-position: -0px -156px;}
    #admin .join-edit em {background-position: -0px -78px;}
    #admin .join-delete em{background-position: -0px -52px;}
    #admin .join-stop em{background-position: -0px -182px;}
    #admin .join-recover em {background-position: -0px -130px;}

    #single-main .hd{color:#DE551F;border-bottom:1px solid #D8D8D8;margin:0 15px;}
    #single-main .hd h2{font-weight:bold; float:left;padding:5px 0 3px 15px;*padding-top:6px;letter-spacing:1px;background:url(../img/sprite8.png) no-repeat 0 -107px}
    #single-main .hd .post, #single-main .hd .postlink{background: #fff url(../img/admin_join.png) repeat-x left bottom; border:1px solid #BCC7D4;color:#334455;text-decoration:none;padding:2px 5px 1px;*padding-top:3px;float:right;margin:2px 0px 1px 10px;}
    #single-main .hd .post:active, #single-main .hd .postlink:active{background-image:none; background-color:#ddd;border-color:#aaa;}
    #archive{background:#fff}
    #archive .more{margin-right:15px;}
    #archive-blog .bd{padding:7px 15px 22px}
    #archive-album .bd, #archive-video .bd{padding: 7px 0 22px 15px;}
    #archive-guestbook .bd{padding:5px 15px 22px}
    #comment-post{margin-left:100px;margin-right:3em; background:#eee; padding:6px 0 2px 19px;padding-top:14px;}
    #comment-post p{margin:3px 0;}
    #guestbook-author{float:left;}
    #single-main .ft{margin:-22px 0 1.5em 0}

    #archive-blog .article-title, #archive-blog .author, #archive .article-date{white-space:nowrap; overflow:hidden}
    #archive-blog .article-title{float:left; width:55%}
    #archive-blog .author{float:left; width:18%;padding-left:10px;}
    #archive-blog .article-date{float:right; width:24%; text-align:right}
    #archive-blog .del,#archive-album .del,#archive-video .del{padding-left:5px}
    #archive-blog li{margin-bottom:3px}
    #archive-video .imgw img{padding:50px 15px 2px}
    #archive-video .imgw{text-align:right}

    #archive-album .bd li {height:131px}
    #archive-video .bd li{height:109px} 
    #archive-album .bd li, #archive-video .bd li{overflow:hidden; float:left; margin:0 10px .4em 0;border:2px solid #F7F7F7;width:111px;padding-top:2px;}
    #archive-album .bd li .imgw, #archive-video .bd li .imgw{display:block;  margin-bottom:3px;}
    #archive-album .bd li .imgw:hover, #archive-video .bd li .imgw:hover{border-color:#ECEC5D;}
    #archive-album .bd li .imgw{height:90px}
    #archive-video .bd li .imgw{height:68px}
    #archive-album .bd .desc, #archive-video .bd .desc {white-space:nowrap} 
    #archive-album .bd li p , #archive-video .bd li p{text-align:center}
    #archive-blog .bd .del, #archive-album .bd .del, #archive-video .bd .del{cursor:pointer}
    #archive-guestbook .imgw{float:left; height:60px; width:60px; overflow:hidden}
    #guestbook-author .imgw{float:none; height:90px; width:90px; display:block}
    #archive-guestbook textarea{margin-bottom:10px; padding:3px; overflow:auto; border-style:solid; border-width:1px; border-color:#aaa #bbb #bbb #aaa; background:#fff; width:436px; height:61px} 
    #archive-guestbook .comment-entry{line-height:1.5; margin-top:1em; border-bottom:1px dashed #d8d8d8; padding-bottom:3px; position:relative; word-wrap: break-word}
    #archive-guestbook {zoom:1}
    #archive-guestbook .comment-floor{color:#aaa; float:right}
    #archive-guestbook .comment-entry textarea{height:50px; display:block}

    #archive-guestbook #comment-post-wrap{margin-bottom:1.5em;background:url(../img/bg_comment.png) no-repeat 80px 108px}
    #archive-guestbook .login-link {padding: 2em 0; text-align:center}
    #archive-guestbook .comment-entry .comment-body{margin-left:70px}
    #archive-guestbook .comment-entry .comment-meta, #archive-guestbook .comment-entry .reply-meta{text-align:right; font-size:12px; opacity:.8; filter:alpha(opacity=80); margin-top:5px}
    .comment-meta{clear:both}
    #archive-guestbook .reply-wrap{background:#eee; padding:.5em; padding-left:3em; padding-top:.75em}
    #archive-guestbook .ft{padding:1em 0; background:#fff;}

    #archive-tab .yui-nav{border-bottom:3px solid #D95113;margin:0}
    #archive-tab .yui-nav li{border-width:1px 1px 0;border-style:solid;border-color:#d8d8d8}
    #archive-tab .yui-nav li a{color:#D95113}
    #archive-tab .yui-nav .selected{background:#D95113;border-color:#D95113}
    #archive-tab .yui-nav .selected a{color:#fff;}
    #archive-tab .bd{background:#FFFFFF;border-bottom:1px solid #D8D8D8;}
    #archive-tab .bd a{color:#888;line-height:1.5;}
    #archive-tab .bd{padding-bottom:45px}
    #archive-tab .pagination{margin-top:-35px}
	
    .vcard{border:2px solid #cccc00;background:#fff; margin-bottom:.5em; position:relative;}    
    .vcard-del{padding:3px 5px; background:#CCCC00; color:#fff}    
    .vcard .imgw{height:90px; width:90px; overflow:hidden; float:left; padding:0.5em; margin-right:7px;}
    .vcard .text{padding-top:0.5em;zoom:1}
    .vcard .text .nickname{color:#666}
    .vcard .text p{font-size:0.9em;margin-bottom:9px;}
    .vcard .my-service{line-height:1.5;}
    .vcard .my-service a{color:#666;padding:4px 10px;background:#f7f7f7;}
    .vcard .my-service a:hover{background:#cccc00;text-decoration:none;color:#000;}

    #single-message .form{font-size:15px; margin-top:2em}
    #single-message .form .text, #single-message textarea, #single-message select{width: 400px}
    #single-message textarea{height:200px}
    #single-message .form li{margin-bottom:.5em} 
    #single-message .label{display:block; font-weight:bold; text-align:right; width:8.8em}
    #single-message .control{margin-left: 9.5em; margin-top:-20px}
	
    #del-panel{line-height:1.5}
    #del-panel .bd{font-size:15px; padding:1em}
    #del-panel textarea{width:400px; height: 150px; overflow:auto}
    #del-panel form{margin:1em 0}

    #interest-panel .bd{padding: 1.5em}
    #interest-panel .bd input{margin-right: 1em}

    /* panel style */
    #album-panel .bd li.on, #blog-panel .bd li.on, #video-panel .bd li.on{background:#aef4ee}
    #blog-panel .bd{min-height:300px; _height:300px}
    #blog-panel li{ padding:5px; cursor:pointer; border-bottom:1px solid #ccc; zoom:1}
    #blog-panel li.last{border:none}
    #blog-panel li .date{color:#999; font-size:11px}
    #blog-panel li .title{font-weight:bold; white-space:nowrap; overflow:hidden}

    .yui-panel{overflow:hidden}
    .yui-skin-sam #album-panel .bd, .yui-skin-sam #video-panel .bd{padding:10px 0 5px 10px; height:234px; _height:234px}
    #album-panel .bd ul:after, #video-panel .bd ul:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
    #album-panel select{width:200px}
    #album-panel .bd ul, #video-panel .bd ul{zoom:1}
    #album-panel .bd, #video-panel .bd{padding:.75em 0 .75em .75em}
    #album-panel .bd li, #video-panel .bd li{height:105px; width:105px; margin:0 9px 8px 0; cursor:pointer; float:left; overflow:hidden; border:2px solid #fff}
    #album-panel .bd li.selected, #video-panel .bd li.selected{border:2px solid #009b8e}
    #album-panel .bd li a, #video-panel .bd li a{display:block; height:90px; width:105px; overflow:hidden}
    #album-panel .bd li p, #video-panel .bd li p{white-space:nowrap; font-size:11px; text-align:center}
    #album-panel .ft, #video-panel .ft, #blog-panel .ft{padding:.5em 0}

    /* postjoin - main */
    #sms-main, #post-main{font-size:15px}
    #postjoin #doc4{width:800px}
    .yui-t7 #yui-main .yui-b{margin:0} /* overwrite yui grid style*/
    #upload-panel, #confirm-dialog, #alert-dialog{visibility:hidden}
    
    #join-description_container .yui-toolbar-insertimage, #join-description_container .yui-toolbar-titlebar{display:none}

      /* postjoin - main - panel styel */
      #biz-panel select{margin-right:5px}
      #biz-panel p{padding-bottom:.5em}
      #biz-panel .bd{min-height:300px; _height:300px}
      #biz-panel .bd li.on{background:#aef4ee}
      #biz-panel li{ padding:5px; cursor:pointer; border-bottom:1px solid #ccc}
      #biz-panel span{white-space:nowrap; overflow:hidden; display:inline-block}
      #biz-panel .biz-name{width:250px}
      #biz-panel .biz-addr{width:330px}
      #biz-panel .biz-name, #biz-panel .biz-name em{font-weight:bold}
      #biz-panel .ft{padding: .5em 0}

      #upload-panel {font-size:15px}
      #upload-panel li{margin-bottom:1em}
      #upload-panel .bd{padding:1em 0 1.5em 1.5em}
      #upload-panel label{font-weight:bold}
      #upload-panel .text{width:300px}

      /* postjoin - main - multi-select style*/
      #post-main .yui-nav li {float:none; text-align:right; margin-bottom:0; padding: 6px 0 6px 1em; text-align:left; white-space:nowrap}
      #post-main .yui-nav {width:10em; float:left; border:none; cursor:pointer; margin:0}
      #post-main .yui-nav a{color:#444; zoom:1}
      #post-main .yui-nav li {background:#d8d8d8; border-top:2px solid #c6c6c6;margin-bottom:4px;white-space:normal;}
      #post-main .yui-nav li.selected {background:#FFF; border-color:#CCCCCC;border-style:solid;border-width:1px 1px 2px;}
      #post-main .yui-nav li.selected a{color:#666}
      #post-main .yui-nav li .radio{margin-right:.5em}
      #post-main .yui-content {margin-left:10em ; background:#FFF; padding:.5em 1em; position:relative; left:-10px; border-width:1px 2px 2px 0; border-style: solid; border-color:#ccc;  width:480px}
      #post-main #join-date .yui-content{height:190px}
      #post-main .yui-content li{margin-bottom:8px}

      /* postjoin - main - dialog style */
      #alert-dialog, #confirm-dialog{border:1px solid #808080}
      #alert-dialog .hd, #confirm-dialog .hd{background: #DCDCDC url(../img/admin_manage.png) repeat-x; padding:.5em 5px}
      #alert-dialog .bd, #confirm-dialog .bd{padding:1em 1.2em; *padding-bottom:0;  font-size:15px}
      #alert-dialog .text, #confirm-dialog .text{margin-left:35px}
      #alert-dialog .text p{margin-bottom: 8px}
      #alert-dialog .bd, #alert-dialog .ft, #confirm-dialog .bd, #confirm-dialog .ft{background:#f2f2f2}
      #alert-dialog .bd ul {padding-left:1em; margin-left:1em}
      #alert-dialog .bd ul li{list-style-type:disc}
      #alert-dialog .hd, #alert-dialog .bd, #alert-dialog .ft, #confirm-dialog .hd, #confirm-dialog .bd, #confirm-dialog .ft{border-color:#808080; border-style:solid; border-width:0 1px; margin; 0 -1px}
      #alert-dialog .ft, #confirm-dialog .ft{text-align:center; padding:0 10px 10px}
      #alert-dialog .ft button, #confirm-dialog .ft button{*padding:1px 5px 0}

      /* postjoin - main - form style */
      #post-main .explain{padding:.5em; position:absolute; right:.5em; top:0em}
      #post-main .legend {padding:0.5em 0 0.5em 0.5em;color:#007F71;font-weight:bold;border-top:1px dashed #D8D8D8;margin:1px 1em 0;}
      #post-main .formfield{margin:8px 0}
      #postjoin .diminished{font-size:12px; color:#666}
      #post-main .label{ display:block;width:120px; text-align:right; float:left; *padding-top:3px;color:#444}
      #post-main .control{margin-left:130px;margin-bottom:10px;}
      #post-main .control .input{line-height:24px; height:24px; padding:1px 0}
      #post-main .req{background:transparent url(../img/sprite8.png) no-repeat 0 -135px; padding-right:20px; zoom:1}
      #post-main .checkbox{margin-right:5px}
      #post-main .yui-button button{font-size:100%;padding:7px 20px;}
      #postjoin input, #postjoin textarea, #postjoin select{color:#444; padding:1px}

      /* postjoin - main - step1 styles */
      #join-summary{width:646px; padding:3px 1px !important}
      #calcontainer{position:absolute; z-index:100; display:none}
      #join-category{width:150px}
	  #join-general label.topic{background:#007F71; color:#fff; font-weight:bold; padding:2px 5px; margin-right:3px;}
      #join-general .checkbox{margin-left:12px}

      /* postjoin - main - step2 styles */
      #ysaeid{font-size:13px; white-space:nowrap}
      #mapcontainer{width:470px; height:200px; border:1px solid #ccc}
      #show-biz-panel{background:#CCCC00;border-bottom:2px solid #999999;border-right:2px solid #999999;color:#444444;font-weight:bold;padding:0.2em 0.5em;position:absolute;right:0.5em;top:0.5em;text-decoration:none;}
      #show-biz-panel:hover{background:#999;color:#fff;}

      /* postjoin - main - step3 styles */
      #friend-picker {border:5px solid #cccc00; height:470px; background:#fff; position:relative}
      #friend-picker h4{padding:.5em 0 0;font-weight:bold;}
      #friend-picker .hd{background:#cccc00; padding:0 .75em .75em;background:#CCCC00 url(../img/step1.png) no-repeat right top;}
      #friend-picker .selectbox{position:relative}
      #friend-picker .selectbox .select, #friend-picker .selectbox ul{border:1px solid #7F9DB9; width:20em; background-color:#fff}
      #friend-picker .selectbox .select{padding:.3em; background: #fff url(../img/select_dropdown.gif) no-repeat right center; cursor:pointer}
      #friend-picker .selectbox ul{ margin-top:-3px; position:absolute; padding:0 .3em; display:none; z-index:10}
      #friend-picker .selectbox li{padding:.5em 0; white-space:nowrap; overflow:hidden;text-indent:.5em; cursor:pointer; zoom:1}
      #friend-picker .selectbox li.on{background:#E5F2F6}

      #join-status{clear:both}
      #join-status .list, #friend-picker .bd, #queue ul{padding:.75em 0 0 .75em}
      #join-status .list li, #friend-picker .bd li, #queue li{height:74px; width:77px; overflow:hidden; float:left; margin:0 0.4em 0.4em 0; border:1px solid #eee; cursor:pointer;padding-top:3px; background:#fff}
      #friend-picker .bd li.disabled{opacity: .5; filter:alpha(opacity=50); cursor:default}
      #friend-picker .bd li.disabled a{cursor:default}
      #friend-picker .bd li.selected{ border:1px solid #DE5117; background:#FAE6DE}
      #join-status .list a, #friend-picker .bd li a, #queue li a{display:block; height:60px; width:77px}
      #join-status li p, #friend-picker .bd li p, #queue li p{font-size:11px; white-space:nowrap; text-align:center}

      #queue{margin-bottom:.5em; border:5px solid #cccc00;background:#fff;}
      #queue ul{overflow:auto; height:212px; position:relative}
      #queue h4{padding:.5em 0 .5em .75em;font-weight:bold;background:#cccc00}
      #msg h4{padding:.5em 0 .5em .75em;font-weight:bold;background:#d8d8d8}
      #queue li{position:relative}    
      #queue .closebtn{display:block; height:15px; width:15px; position:absolute; top:0; right:0; background:transparent url(../img/simple_close_default.gif) no-repeat center center; cursor:pointer}

      #msg h4{text-indent:5px}
      #msg{border:5px solid #D8D8D8;margin-bottom:1em;}
      #msg textarea{width:24.5em; height:148px; overflow:auto; border:1px solid #7f9db9; padding:5px; font-size:1.2em}

  /* #sidebar */
    #usercard{border-style:solid;border-color:#dae1e8;border-width:1px 1px 0;background:#fefeff url(../img/uc_bg.png) repeat-x 0 bottom; padding:5px 5px 7px;line-height:1.5;}
    #usercard h4{font-weight:bold;}
    #usercard .services{margin:4px 0}
    #usercard .services a{float:left; width:45px; padding: 3px 0; *padding: 5px 0 0 0 ;background:#fff; border-bottom:1px solid #dae1e8; border-right:1px solid #dae1e8;margin:0 1px 1px 0; text-align:center;}
    #usercard .services a:hover{background:#09c;color:#fff;text-decoration:none;}
    #usercard .cover{height:90px; width:90px; overflow:hidden; border:2px solid #fff; display:block;float:left;margin-right:4px;*margin-right:2px}
    #action, #setting{border:1px solid #dae1e8;background:#f1f2f7 url(../img/uc_sprite.png) repeat-x 0 -50px; padding:7px 5px;}
    #action a{margin-right:2px;}
    #action .make-friend{background:url(../img/uc_sprite.png) no-repeat 0 -537px; padding-left:18px;}
    #action .connect{background:url(../img/uc_sprite.png) no-repeat 0 -339px; padding-left:18px;}
    #action .contact{background:url(../img/uc_sprite.png) no-repeat 0 -405px; padding-left:18px;}
    #action .rss{background:url(../img/uc_sprite.png) no-repeat 0 -603px; padding-left:18px;}
    #friendlist{display:block;margin-top:4px; width:96%;}
    #usercard .my-digu{clear:both; word-wrap:break-word}
    #usercard .diguing{background:url(../img/uc_sprite.png) no-repeat 0 -471px; padding-left:18px;}
    #usercard .digu-date{font-size:11px; color:#999;}
    #usercard .my-join a{padding-left:3px; padding-right:7px; border-left:5px solid #dae1e8;}
    #usercard .my-join a:hover{border-color:#09c; text-decoration:none;}
    #usercard .my-join{margin-top:4px;}

    #join-counter .bd{padding:0.4em 1em 0.4em 0em;}
	
    #join-status .bd{padding: 0.4em 1em 0.4em 0em; text-align:right}
    #join-status .bd li{margin-bottom:2px}
    #join-status .bd li a{float:left}

    #join-history .bd{padding: 0.4em 1em 0.4em 0em;}
    #join-history .bd li{margin-bottom:2px}
    #join-history .bd .lock{padding-left: 20px; background:transparent url(../img/lock.png8.png) no-repeat left center}
      
    #join-countdown .bd p{font:bold 1.75em "Georgia", serif; color:#D95113; text-align: center}
    .wall li p {font-size:11px; color:#666; text-align:center; white-space:nowrap}
    .wall .bd{padding: 5px 25px}
    .wall li{display:inline; float:left; margin:0 5px 5px 0; background:#fff}
    .wall li a{display:block; height:45px; width:45px; overflow:hidden}

