/* DO NOT MODIFY */
.doc,.doc2,.doc3,.doc4{margin:auto;width:57.69em;*width:56.301em;min-width:750px;}
.doc2{width:73.074em;*width:71.313em;}
.doc3{margin:auto 10px;width:auto;}
.doc4{width:74.923em;*width:73.117em;}

/* add yui-ta , right 160px */
.yui-ta{margin:auto;width:57.69em;*width:56.301em;min-width:750px;}
.yui-ta #yui-main{float:left;margin-right:-25em;}
.yui-ta .yui-b{float:right;width:12.3207em;*width:12.0106em;}
.yui-ta #yui-main .yui-b{margin-right:13.3207em;*margin-right:13.0106em;}

/* basic setup */
a:link { color:#386592;text-decoration:none;}
a:visited {color:#386592;text-decoration:none; }
a:hover {text-decoration:underline;border-bottom:none!important; }
body {color:#888;font-family: arial,verdana,新細明體;}
#sidebar1 {padding-top:10px;margin-top:0!important;}
#bd {margin: 0px auto;padding: 0 10px;*padding:0 6px;}
#content {width:100%;padding-top:10px;}

/* basic tags */
h1 { font-size:1.5em;font-family:新細明體;font-weight:bold;padding:0;margin:0;margin-bottom:10px;color:orange;}
h2 { font-size: 120%;font-weight:bold; }
h3 { font-size: 110%; }
h4 {font-size:100%;}
h5 {}
p, ul, ol, td {}
h4 {}
h1 strong {margin-right:2px;font-weight:bold;}
h1 span {font-weight:normal!important;margin-left:4px;}
h1 span strong {font-size:75%;margin-left:3px;}
h1 span strong a:link, h1 span strong a:visited {color:orange;border:none;text-decoration:underline;font-weight:normal;}
h1 a.user {}
h1 img {vertical-align:text-top;}
/*h1 img {border:1px solid #ccc;background: #fff;height:42px;width:42px;padding:1px;margin:0;overflow:hidden;}*/

b {}
small {font-size:85%;}

/* on|off */
.off { display: none }
.on  { display: inline }

/* more */
.more {font-size:100%;padding:0;margin:0;clear:both;text-align:right;}
h2 .more {font-size:85%;font-weight:normal;*font-size:80%;*margin:0!important;}

/* button */
.submit_button_c2 {background-color:#e6e6e6;background-image:url(/images/30/button/button_lite_silv.gif);background-repeat:repeat-x;border:1px solid #ccc;color:#707070;padding:0;margin:0;}
.submit_button_c1 {background-color:#727272;background-image:url(/images/30/button/button_dark_grey.gif);background-repeat:repeat-x;border:1px solid #959595;color:#fff;padding:0;margin:0;}/*dark_button*/

/* error 404 */
#error_content {min-height:350px;*height:350px;border:1px solid #fff;}
#error_404 {border:1px solid #f5e1b8;padding:7px 10px 7px 10px;margin:15px 0;background-color:#fff5d2;background-image:url(/images/30/error_simbol.gif);background-repeat:no-repeat;background-position:10px 3px;}
#error_404 h1 {font-size:120%;margin:0;margin-left:35px;padding:0;}

/* instruction, note */
.instruction { font-size:120%; margin:10px; padding:10px; background:#EEE; clear:both;}
.instruction a { text-decoration:underline;}
.notice { color:red; }

/* textfield */
.textfield { border: 1px solid #cdcdcd; padding: 0; background: #fff url("/images/30/textfield-bg.gif") repeat-x 0 1px; }
.textfield:focus { background: #fffef4 url("/images/30/textfield-focus-bg.gif") repeat-x 0 1px; }

/* sign in form - Home */
#sidebar1 .box input {margin:0.3em 0;}
#sidebar1 .sign_in .forgot_pw {float:right;margin-top:5px;}
#sidebar1 .sign_in .forgot_pw a{border-bottom:1px dotted;}
#sidebar1 .sign_in .submit_button_c1, #sidebar1 .sign_in .submit_button_c2 {float:left;font-size:85%;background:#587e8d;text-align:center;border:1px solid #ddd;width:55px;height:18px;padding: 2px 2px 0 2px;margin:5px 5px 0 5px;color:#fff;}
#sidebar1 .sign_in .submit_button_c1 a{color:#fff;}
#sidebar1 .sign_in .submit_button_c2 {height:22px;padding-top:1px;padding-bottom:17px;}
html:first-child #sidebar1 .sign_in .submit_button_c2 {padding-bottom:2px;}

/* ul */
.hul li {display:inline;cursor:pointer;}
.hul img {padding:0;margin:0;vertical-align:bottom;border:none!important;}
.vul li {}
.right {text-align:right;}
.clear {clear:both;}
.new {color:#ff0000;}

/* end basic setup */
#nav-wrapper { clear:both;margin-bottom:1em;}
#header-wrapper {background: #fff; height:60px;padding:3px 0;}
#logo {margin-top:3px;width:300px;height:40px;background:none;display:block; float:left;}
#header-panel { float:right; text-align:right;}

/* userinfo */
#userinfo {margin-top:0;color:#666;}
#userinfo p, div#userinfo ul, div#userinfo li {display: inline;font-weight:noraml;}
#userinfo p, div#userinfo li {border-right:1px dotted #ccc;padding: 0 0.7em 0 0.4em;*padding-left: 0.9em;font-size:100%;}
#userinfo li.last {border: 0;padding-right: 0;}
#userinfo a {color:#666;}

/* profile */
.profile_list {margin: 10px 0 10px 16px;*margin-left:18px;}
.profile_list li {margin:5px 0;list-style-type:circle;}
.profile_list strong {/*color:#666;*/}

/* search */
form.search-form {margin-top:10px;}
form.search-form li {display: inline;}
form.search-form select {vertical-align:bottom;}
form.search-form .submit {vertical-align:middle;}
form.search-form .textfield {height:16px;padding:3px 0 2px 3px;*vertical-align:bottom;*height:20px;*padding:0;}

/* navigation1 */
#nav1-wrapper {height:32px;background-color:#ff7935;background-image: url("/images/30/nav-bg-main.gif");background-repeat: repeat-x;background-position: 0 0;float:left;*float:none;width:100%;}
#nav1 ul {width:100%;margin: 0 auto;padding:0;*float:left;*width:60%;}
#nav1 ul li {float:left;height:32px;font-size:120%;}
#nav1 ul li a {display: block;color: #fff; padding: 0.6em 1em 0.25em 1em; *padding-right:1.2em;*padding-bottom:0.3em;font-weight:normal!important;}
#nav1 ul li.selected {background-image: url("/images/30/nav-bg-main.gif");background-repeat: no-repeat;background-position: 0 -200px;}
#nav1 ul li.selected a {border-right:none;color: #99cc00;background-image: url("/images/30/nav-bg-main.gif");background-repeat: no-repeat;background-position: 100% -400px;font-weight:bold!important;}
html:first-child #nav1 ul li a {padding: 0.6em 1em 0.35em 1em;}
*:first-child+html #nav1 ul li a {padding: 0.6em 1em 0.1em 1em;}
#nav1 ul li a:hover {background-image:url("/images/30/nav_bk_hover.gif");background-repeat:repeat-x;color:#666;text-decoration:none;}
#nav1 ul li.selected a:hover {color:#ff6600;border:none!important;background-color:transparent!important;background-image: url("/images/30/nav-bg-main.gif");background-repeat: no-repeat;background-position: 100% -400px;}
#nav1 .shortcut {float:right;margin-top:7px;margin-right:210px;padding:0; *margin:0;*margin-right:92px;*padding-top:9px;}
#nav1 .shortcut a {*padding:0;*margin:0:}

/* navigation2 */
#nav2-wrapper {background:#fff;border-bottom:1px solid #eee;padding:6px 0 5px 0;*padding-top:5px;float:right;*float:none;width:100%;}
#nav2-wrapper {margin-top:2px;} /* mark on 04092008 */
#nav2 ul {font-size:100%;font-weight:normal;margin:0!important;}
#nav2 ul {clear:both;} /* mark on 04092008 */
#nav2 ul li {display:inline; padding: 3px 10px; border-right:1px dotted #ccc;}
#nav2 ul li a {color:#555;}
#nav2 ul li.selected a {color:#ff6600; font-weight:bold;}
#nav2 ul li.selected a:hover {border-bottom:none;}

/* footer */
#ft-wrapper {color:#888;*float: left; border-top: 2px double #d6fda8;margin: 0.5em 0 0 0;padding: 3em 0; background: #dffeba;width:100%;}
#ft .col {float:left; width:18%; margin: 0 0 1em 1em;}
#ft h5 {font-size: 90%; font-weight: bold;padding: 0 0.3em;}
#ft li {margin: 0.4em 0 0 0;padding: 0.3em;border-bottom: 1px solid #fff;}
#ft li a, #ft p a {color:#888;}
#ft li a:hover {color:orange;text-decoration:none;padding:0.3em 1em 0.3em 0;}
#ft p {clear:both; font-size: 100%;text-align:center;}

/* Box */
#content .box {margin:0.5em 0; padding:0.3em;/*border-bottom:1px dotted #ccc;*/float:left;width:99%;}
.contentbox {float:left;width:100%;margin: 0.5em 0;padding:0.3em;}
.contentbox h2 {padding:0.1em;margin:0 0 0.3em 0;}

/* sidebox */
.box, .boxinner {padding:0;margin:0;}
#sidebar1 .box {width:300px;margin:0 0 1em 0;padding:0.3em;*margin:0 0 0.5em 0;float:left;}
#sidebar1 .box p.note {font-size:120%;color:#00abdf;padding:5px 0 5px 15px;background-image:url(/images/30/icons/arrow_icon_green.gif);background-repeat:no-repeat;background-position: 0 6px;}
#sidebar1 p {padding:5px 5px 5px 10px;}
#sidebar1 .box h2 {clear:both;padding:2px 0 2px 15px;margin:0 0 3px 0;border-bottom:1px solid #ddd;*padding-top:0;}
#sidebar1 .box h2 {background-image:url(/images/30/icons/arrow_icon_green.gif);background-position:0 2px;background-repeat: no-repeat;*background-position:top left;}

#sidebar1 .tagcloud h2 {background-position: 0 4px;*background-position:0 2px;}
#sidebar1 .announce h2, #sidebar1 .tipbox h2 {padding:5px 0 0 9px;border:none;border-bottom:none;background-image:none;}
#sidebar1 .announce h2 {color:orange;}
#sidebar1 .tipbox h2 {color:#888;}
#sidebar1 .announce .new {color:#99cc00;font-weight:bold;}
#sidebar1 .tipbox, #sidebar1 .adbox, #sidebar1 .announce {color:#888;border:none;border-bottom:none;padding:0;}
.announce,.tipbox {background-color:#fff;background-image:url(/images/30/sidebox_bg_silver.gif);background-position:top;background-repeat:no-repeat;padding-bottom:0!important;}
.announce .boxinner,.tipbox .boxinner {background-color:#fff;background-image:url(/images/30/sidebox_bg_silver.gif); background-position:bottom; background-repeat:no-repeat;margin-top:5px;margin-bottom:0;padding-bottom: 5px;width: 300px;}
.tipbox .complete .people {border-bottom:none;padding-top: 5px!important;padding-left:5px!important;*width:290px;*padding:5px 5px 5px 7px!important;}
.tipbox .complete .people .info {margin-left:72px!important;}
.tipbox .complete .people .info a {color:#386592;}

.announce a,.tipbox a {color:#888;}
.announce ul {padding:0;margin: 0 0 0 28px;}
.announce li {margin: 7px 0;padding:0;list-style-type:circle;}

.search_box h2{background-image:none!important;margin:0;padding:0;}
.search_box input {width:150px;height:20px;margin-right:5px!important;vertical-align:middle}
.search_box .submit_button {width:35px;font-weight:normal;margin-right:0;font-size:12px;}

#sidebar1 .sign_in {overflow:hidden;width:300px;padding:0;margin-bottom:15px;background:#f1f1f1 url(/images/30/signin-bg-top.gif) left top no-repeat;}
#sidebar1 .sign_in .boxinner {color:#9b9b9b;padding: 10px 12px 40px 5px;background: url(/images/30/signin-bg-bottom.gif) left bottom no-repeat;}

#sidebar1 .box ul.cmdbutton {padding:0!important;margin:0;}
#sidebar1 .box .cmdbutton li {margin:0 0 10px 0;padding:6px 5px;border:none;background-image:url(/images/30/button/cmdbuttons.gif);background-repeat:no-repeat;color:#fff;}
#sidebar1 .box .cmdbutton li a {color:#fff; }
#sidebar1 .box .cmdbutton .link {/*color:#888;*/}
#sidebar1 .box .cmdbutton { font-size:120%;}
.cmdbutton li img {vertical-align:middle;margin-right:3px;}

#sidebar1 .box select {margin:20px 0; width:100%; overflow:hidden;}
#sidebar1 .box .more {float:right;}
#sidebar1 .box .category {font-size:120%;margin:0;padding:0 0.3em;font-weight:bold;}
#sidebar1 .box .category ul {padding:0;margin:0 0 5px 0;}
#sidebar1 .box .category ul li {font-size:80%;font-weight:normal;padding:0;margin:0 5px 0 1px;}
#sidebar1 .box .category li {list-style-type:none;padding:0;margin:0;background:#fff9da;}

/*front page*/
.hotline {background-color:#fff9da;background-image:url(/images/30/hotline_bg.gif);background-repeat:repeat-x;padding:0.5em;margin:0.3em 0;}
.hotline li{padding:0;margin:0 0.2em;}
.hotline li strong {font-weight:bold;border-bottom:none;}
.hotline li a {border-bottom:1px dotted;}
.hotline li a:hover {border-bottom:none;}

/* filter */
ul.filter {/*margin:0.3em 0 0.6em 0*/;margin:0 0 2px 0; float:right;*padding:0;}
.filter li {padding:0 0.2em;margin:0;}
.filter li a {border-bottom:1px dotted;*border-bottom:none;*text-decoration:underline;}
.filter li a:hover {border:none;}
.filter li a.selected {color:#ff6600;font-weight:bold;border-bottom:none;*text-decoration:none;}
.filter select {background:#fff;border:1px solid #ddd;padding:0!important;vertical-align:bottom;font-size:100%;}
.filter select:hover {border:1px solid #c7ff09;background:#eeffcc;}
.filter select {font-size:11px;}

/* tabs */
ul.tabs {height: 24px; border-bottom: 1px solid #e1e1e1;margin: 0 0 1px 0; padding: 2px 2px 0 8px;list-style-type:none;}
ul.tabs li {float: left; margin: 0 -1px 0 0; background-image: url("/images/30/tabs-bg.gif");background-repeat: no-repeat;background-position: 0 -52px; }
ul.tabs li a { display: block; padding: 5px 1em; _padding-bottom: 3px; background-image: url("/images/30/tabs-bg.gif");background-repeat: no-repeat;background-position: 100% -78px; }
ul.tabs li a:hover { text-decoration:underline; }
ul.tabs li.selected { background-position: 0 0;}
ul.tabs li.selected a { font-weight: bold; background-position: 100% -26px;color:#ff6600; }
ul.tabs li.loader { display: none; height: auto; background: none; padding: 3px 10px 0 0; }

/* pager */
.pager {padding: 0; margin: 0.4em 0;font-size:85%;clear:both;float:right;*padding:4px 0}
.pager a, .pager span {padding: 2px 5px;margin-right: 0.1em;color:#448fac;}
.pager span.current {font-weight: bold;background: #2f94bb;color: #fff;padding:3px 6px;}
.pager a {border: 1px solid #9bc9da;text-decoration: none;}
.pager a:hover {border: 1px solid #9bc9da;background:#a1d0e2;color:white;}
.pager a.pagerarrow {font-weight: none;}
.pager span.pagerarrow {color: #ddd;}
.pager span.pagerarrow {border: 1px solid #ddd;color: #eee;}

/* bookmark */
.bookmark {padding:2px;border-bottom:1px dotted #ccc;clear:both;margin-bottom:5px;}

.bookmark .info {padding:0;margin:0;margin-left:110px;}
*:first-child+html .bookmark .info {margin-left:113px;}
.bookmark .info .title {font-size:120%;font-weight:bold;padding:0;margin:0;}

.bookmark .push {float:right;padding:0;}
.bookmark .push_ppl {font-size:55%;}

.bookmark .info .quote {color:#888;font-size:100%;padding:2px;line-height:150%;overflow: hidden;word-wrap:break-word;}
.bookmark .info .quotes {color:#888;font-size:100%;padding:2px;line-height:150%;overflow: hidden;word-wrap:break-word;}

.bookmark .count {background-color:#c0f327;background-image:url(/images/30/push/scount_bg.gif);background-repeat:repeat-x;background-position:bottom;border:1px solid #b4e103;color:#fff;font-weight:bold;width:20px;text-align:center;padding:3px 0;}
.scount {float:left;background-color:#c0f327;background-image:url(/images/30/push/scount_bg.gif);background-repeat:repeat-x;background-position:bottom;border:1px solid #b4e103;color:#fff;font: bold 100% arial;width:28px;height:15px;padding:0;margin:0 0.3em 0 0;text-align:center!important;}
.ccount {float:left;font: 100% arial;text-align:left;/*width:40px;height:15px;padding:0;margin:0 0.1em 0 0;*/}
.ccount {font-size:11px;padding-top:2px;margin-right:5px;color:#fff;font-size:11px;text-align:center;background-image:url(/images/30/ccount_bg_right.gif);background-repeat:no-repeat;background-position:top;width:28px;height:24px;}
.ccount a, .ccount a:visited {color:#fff;}

.bookmark .info .comment, .bubbletalk {border: 1px solid #fff; *float:left; *height: 100%;margin-top:0;/*8px;*/*margin-top:6px;margin-bottom: 7px;padding:0;margin-left:8px;*margin-left:6px;}
.bookmark .info .comment, .bubbletalk {background-image: url(/images/30/bubble_bottom.gif);background-position: bottom left;background-repeat: no-repeat;min-height: 30px;width: 430px;}
.bookmark .info .comment-inner, .bubbletalk-inner {background-image: url(/images/30/bubble_top.gif);background-position: top left;background-repeat: no-repeat;padding: 10px 15px 10px 20px;}
.bookmark .comment .attribute {clear:both;*margin:0;}

/*.bookmark .info .owner {margin:0;padding:0;height:10px!important;}*/
.bookmark1 .info .title {font:120% Arial;font-weight:bold;}
.bookmark1 .time {float:right; font-size:90%;color:#99cc00;}
.bookmark1 {padding:2px;clear:both;border-bottom:1px dotted #ccc;clear:none;margin-bottom:5px;}
.bookmark ul.titles {margin:0;padding:0;clear:both;width:100%;/*margin:1em 0 0 0;*/}
.bookmark .title_info {padding:0;}

.title .scount {padding:0 0 4px 0;width:45px;*padding:0;}
.titles li {margin-bottom:8px;clear:both;font-weight:normal;padding: 0;/*0.25em 0;*/}
ul.titles {margin:0;padding:0;}

.single .bookmark {margin-top:15px;}
.single .bookmark .comment { display:none; }

.list .bookmark .toolbar { display:none;}
.list .compact .bookmark {width:100%;clear:both;/*margin:0.8em 0;padding:0.2em;*/}
.list .compact .bookmark .push_count {/*background-color:#94dd2d;background-image:url(/images/30/push/scount_bg.gif);background-repeat:repeat-x;background-position:bottom;border:1px solid #b4e103;color:#fff;font-weight:bold;text-align:center;width:100%;*/}
.list .compact .bookmark .push_count a {/*color:#fff;font-weight:normal;font-size:100%;padding:0 10px;*/}
.list .compact .bookmark .push_count a:hover {/*text-decoration:underline;background:#ffeb81;border:1px solid #efda68;*/}
.list .compact .bookmark .push_ppl {font-weight:normal;}
.list .complete .bookmark {float:left;}

.compact .bookmark .thumbnail {display:none;}
.compact .bookmark .info {margin-left:60px!important;}
.compact .bookmark .quotes {display:none;}
.compact .bookmark .quote {display:none;}
.compact .bookmark .count {float:left;}
.compact .bookmark .info .source {display:none;}
.compact .bookmark .push {float:left;}
.compact .bookmark .push_button {display:none;}
.compact {margin-left:0;}
.compact .bookmark .count {float:left; margin:0 5px;}
.bookmark .time {float:right; font-size:90%;/*color:#99cc00;*/}

.complete .bookmark {/*margin:10px 0;float:none;*/width:100%;float:left;}
.complete .bookmark .comment {clear:none;}
.complete .bookmark .thumbnail a.user {border-bottom:none!important;}
.complete .bookmark .thumbnail, .single .bookmark .thumbnail {float:left;text-align:center;width:100;height:75;text-align:center; overflow: hidden;border: 1px solid #ddd; padding:1px; margin:0;}
.complete .bookmark .info {margin-left:110px;*padding:0;*margin:0;*margin-left:120px;}
.complete .bookmark .info .titles {clear:none;}
.complete .timeline {/*color:#777;*/}
.bookmark .info .source {float:right;}

/* old setting */
.bookmark_updated {background:#F4F4F4;}
.bookmark {/*margin: 10px 0px;padding: 0 0 5px 0;clear: both;*/}
.bookmark .title_url {display:none;}
.bookmark .source {}
.bookmark .source a { border-bottom:1px dotted; }
.bookmark_mover {background:#EEE;cursor:hand;}
.bookmark .selection_box {display:none;}
.bookmark .thumbnail {float:left;width:100px;height:75px;text-align:center;}
.bookmark .owners {/*font:12px Arial;/text-align:right;margin: 3px 0 0 0;}
.bookmark .owners a{margin: 0px 0px 0 0;padding: 2px 5px 0 0;/*color:#666;*/}
.bookmark .owner {padding:0;margin-bottom:8px!important;}
.bookmark .author a{/*color:#055B00;*/}
.bookmark a.user {padding:0;margin:0;border-bottom:1px dotted;*border-bottom:none;*text-decoration:underline;}
.bookmark .info {margin-left:120px;margin-right:50px;}
.bookmark .info .title {font:16px Arial;font-weight:bold;}
.bookmark .info h3 {margin:0;padding: 0 0 3px 0;}
.bookmark .info .url {text-align:right;font:11px Arial;margin:5px 0;}
.bookmark .info .url a {}
.bookmark .info .description {font:100% Arial;/*12px*/line-height:160%;padding: 5px 0;}
.bookmark .description { display:none; }

.bookmark .channel {display:none;}
.bookmark .channel_more {display:none;}

.bookmark .info .attribute_title img {vertical-align: text-top;}
.bookmark .info .attribute li{list-style:none;display:inline;margin-right:10px;}
.bookmark .info .attribute {font:90% Arial;margin: 3px 0 0 0;overflow:hidden;word-wrap:break-word;line-height: 20px;clear:both;width:100%;}
.bookmark .info .attribute a {/*color:#99cc00;*/border-bottom: 1px dotted;text-decoration:none;padding:0;margin:0 0.3em;*border-bottom:none;*text-decoration:underline;}
.bookmark .attribute .channel {display:inline;}
.bookmark .attribute img { display:none; }
.bookmark .attribute ul {padding:0;margin:0;}

/* Suspicious setting - SY */
.bookmark .attribue li {display:inline;list-style:none;margin-right:20px;}
.bookmark .attribue {font:12px Arial;margin: 3px 0 0 0;word-wrap:break-word;line-height: 20px;}
.bookmark .attribue a {text-decoration:underline;}
.bookmark .attribue img{vertical-align: text-top;}

.continue { display:none;}
.continue a {color: #446600;text-decoration: underline;font: 12px Arial;}

.bookmark a.tag {text-decoration: underline;/*color: #666;*/padding: 2px 5px;}
.bookmark .tag_title{/*color: #222;*/}
.bookmark .group_tag_title{/*color: #666;*/}
.bookmark a.group_tag{text-decoration: underline;/*color: #009999;*/padding: 2px 5px;}

.bookmark .toolbar {text-align:left;font:12px Arial;margin: 3px 30px 0 0;padding: 2px 0;/*color:#669900;*/}
.bookmark .toolbar a{/*color: #666;*/vertical-align: text-top;}
.bookmark .toolbar img{padding: 0 1px 0 0;}
html:first-child .bookmark .titles li {clear:none!important;}

/* push */
.push {float:right;padding:3px 0;text-align:center;}
.push_count {font:18px Arial;background:url(/images/30/push/push_num.gif);color:white;width:41px;}
.push_count a {color:white;}
.push_count a.changed {color:red;}

/* group */
.group_list .title {background-color:#f0efeb;background-image:url(/images/30/bg_silver.gif);background-repeat:repeat-x;border-bottom:1px solid #d1dbdf;}
.group_list h2 span {/*color:orange;*/font-size:125%;}
.group_list h2 {font-size:100%;padding:0 0.3em;margin:0;}

.group {float:left;width:105px;height:113px;margin:5px 10px;padding:0;text-align:center!important;overflow:hidden;}
.group .thumbnail {width:98px;height:75px;border:none;padding:2px;margin:0;text-align:center;overflow:hidden;border:1px solid #ddd;}
.group img {width:96px;}
.group .owners {display:none;}
.group .info li {width:96px;height:35px;line-height:1.2em;overflow:hidden;padding:0;margin:0;}
.group .info li a {text-decoration:none;border:none;}
.group .info h3 {font-size:100%;padding:0.2em 0;line-height:1.2em;overflow:hidden;}

.grid .group {float:left;margin-right:2px;*margin-right:10px;*margin-left:0;}
.ssize .group {float:left;width:55px;height:42px;margin:2px;padding:0;}
.ssize .group .thumbnail {width:48px;height:36px;overflow:hidden;}
.ssize .group .thumbnail img {width:46px;}

.scompact .group {padding:0;margin:2px;width:44px;height:60px;overflow:hidden;}
.scompact .group .thumbnail {border:1px solid #ccc;;background: #fff;height:42px;width:42px;padding:0;margin:0;overflow:hidden;}
.scompact .group .thumbnail img {width:40px;}
.scompact .group .info h3 {float:left;width:40px;line-height:1.3em;height:30px;font-size:85%;overflow:hidden;}

.complete .group {margin:0 0 5px 0;padding: 0 0 2px 0;clear:none;width:100%;border-bottom: 1px solid #ddd;}
.complete .group .thumbnail {float:left;}
.complete .group .info {margin-left:120px;text-align:left!important;}
.complete .group .info h3 {font-weight:bold;margin:0;padding:0 0 3px 0;}
.complete .group .info h3 a {font-size: 120%; line-height: 140%}
.complete .group .info p {font:12px Arial;margin:0;line-height: 140%;}
.complete .group .tag {font:12px Arial;}
.complete .group a.tag {text-decoration:underline;/*color: #333;*/padding: 5px;}
.complete .group .tags{height:20px;word-wrap:break-word;}
.complete .group .owners {font:12px Arial;margin: 2px 0px 0px 0}
.complete .group .owners a {text-decoration:underline;margin: 0 10px 0 0;padding: 0 10px 0 0;/*border-right: 1px dotted #999;color: #888;*/}
.complete .group .owners ul {margin:0;padding:0;}
.complete .group .owners li{display:inline;list-style:none;}
.complete .group { min-height:98px; height:auto;}
* html .complete .group { height:98px;}
.complete .object_list .group {*float:left;*clear:both;*width:100%;*height:100%;}
.complete .object_list .group p.description {margin:5px 0;}
.grid .object_list .group {*float:left;*clear:none;/*width:100%;*height:100%;*/}

/* user */
.people {float:left;width:65px;height:83px;/*80px;*/ margin:0.3em 0.2em;padding: 2px;text-align:center;overflow:hidden;}
.people .thumbnail {float:left;width: 58px;height:60px;border:1px solid #ddd;padding:2px;overflow:hidden;background:#fff;}
.people .thumbnail img {width:58px;} 
.people .info {width:100%;height:auto;}
.people .title {width:60px;height:15px;clear:both;padding:0.1em;font-size:100%;line-height:1.2em;overflow:hidden;}
.people .title a{padding:0;border:none!important;font-weight:normal;}
.people ul.tags {display:none;}
.people a.user {}

.user-data {border-bottom:1px dotted #ccc;float:left;width:100%;clear:both;}
.user-data .data .title {width:200px;height:auto;vertical-align:bottom;font-size:100%;}

.grid .list-item {*clear:both;}
.grid .people .thumbnail{float:left;}
.grid .people {float:left; margin-right:0.3em;text-align: center;}

.ssize .people {height:42px;width:42px;margin:2px;border:none;}
.ssize .people .thumbnail{border:1px solid #ccc;background: #fff;height:42px;width:42px;padding:1px;margin:0;overflow:hidden;}
.ssize .people .thumbnail img{width:40px;border:none;}

.complete .people {border:none;border-bottom:1px dotted #ccc;clear:both;width:100%;padding: 0.3em 0;height:100%;text-align:left;}
.complete .people .thumbnail {float:left;}
.complete .people .title {clear:none; width:100%;}
.complete .people ul {padding:0;margin:0;}
.complete .people li {margin: 0.3em 0;/*color:orange;*/list-style-type:none;clear:none;}
.complete .people .info {margin-left:80px;vertical-align:bottom;*width:85%;}
.complete .people p.description {width:86%;}
#sidebar1 .box .complete .people {float:none;padding:0 0 5px;}
#sidebar1 .box .complete .people .info {width:70%;}
#sidebar1 .box .complete .people h3{font-size:120%;height:1.2em;margin-bottom:5px;*margin-bottom:3px;}
#sidebar1 .box .complete .people h3 b a{font-weight:bold!important;}
#sidebar1 .box .complete .people .thumbnail {border:none!important;height:auto;text-align:center;}
#sidebar1 .box .complete .people .thumbnail img {border:1px solid #ddd;}
#sidebar1 .box .complete .people .thumbnail a.user {clear:both!important;}
#sidebar1 .box .complete .people .more {margin-top:5px;*margin-top:7px;}

/* Mutual Area */
.mutual .people {background:#dffeba;/*color:orange;padding: 0 2px 4px 2px;*/padding:2px;}
.mutual .people .thumbnail a{border:none!important;}

/* single user info */
.single .people {margin:5px 0;padidng:0;border-bottom:3px double #ccc;}
.single .people .info {width:80%;*padding:0;margin-left:85px!important;*margin-left:80px!important;} 
.single .people h1 {font-size:155%;height:100%;width:100%;padding:0;margin:0;}
.single .peole .title {/*font-size:200%;color:orange;*/}
.single .people ul {padding:0;margin: 0;margin-left:15px;*margin:0;*margin-left:2px;*width:90%;}
.single .people ul li ul {padding:0;margin:0;list-sytle-type:none;}
.single .people ul li {margin:3px 0;padding:0;list-style-type:circle;*list-style-type:none;}
.single .people li a {color:orange;}
.single .people p {*margin-left:2px;min-height:1.2em;}
#my .single .people h1{padding:0!important;margin:0;}
#my .packinfo h2 a {color:orange;}

/* video */
.video {padding:2px 4px;margin:0;float:left;width:115px;height:120px;overflow:hidden;background:#fff;}
.video .thumbnail {padding:3px;margin:0;width:110px;height:auto;background:#fff;border:1px solid #ccc;margin-bottom:0.3em;overflow:hidden;}
.video .thumbnail img {width:110px;height:75px;}
.video .info .title {font-size:100%;float:left;padding:0;margin:0!important;line-height:1.2em;height:1.2em;overflow:hidden;text-align:left;}

.icon .video {padding:0;margin:0;height:80px;border:1px solid #ccc;}
.icon .video .thumbnail {border:none;}
.grid .video .thumbnail {float:left;}
.grid .video  {margin:0;}

.popular_videos .video {padding:0;margin:0 0 0 3px;}
.popular_videos .title {border-bottom:1px dotted #ccc;margin:3px 0 3px 5px;background-image:url(/images/30/icons/television.gif);background-repeat:no-repeat;padding-left: 20px;}
.popular_videos h2 {padding:0;}
.popular_videos {float:left;width:100%;padding:0;*margin:0;background-color:#f6f6f6;}
.popular_videos .boxinner {padding:0;/*10px 0 0 3px;*/}

/* comment */
.comment {font:13px Arial;margin-bottom:15px;float:left;width:100%;padding: 5px 0;border-bottom: 1px dotted #ccc;word-wrap:break-word;overflow:hidden;clear:both;}
.comment_header {margin:10px 0;*margin-top:20px;}
.comment a {text-decoration:none;}
.comment .col1 {float:left;width: 90px;color:#888;}
.comment .col2 {margin:0px;margin-left:90px;padding: 0px;}
.comment .col3 {margin-left:90px;}
.comment col2 p {float:right;}
.comment h2 {font: 15px Arial;border-bottom:none;font-weight:bold;margin-bottom:2px;}
.comment h2 a {}
.comment h3 {font: 12px Arial;margin: 2px 0 0 0;}
.comment p {font:1em Arial;line-height:140%;}
.comment p a {/*  color: blue;*/}
.comment .said {font: 12px Arial;font-weight:none;}
.comment .timeline {display:none;}
.thread .reply_count {display:none;/*float:left;font:bold 12px Arial;width:30px;text-align:left;*/}
.comment .reply_time {float:right;font-size:85%;color:#888;}
.comment .toolbar {float:right;clear:right;color:green;font:12px Georgia;margin:0;padding:0;}
.thread .reply_info {margin-left:30px;font-size:100%;}
.comment .reply_info p {margin:10px 0;}
.comment .reply_info p a {color:#888;}
.comment .reply_info p a:hover {color:#888;text-decoration:underline;}
 
.comment .credit {font-size:85%;}
.comment .col1 .thumbnail a.user {}
.comment_header .reply_time {font-size:100%;}
.comment ul.hul { margin-top:15px;}

.comment_post { color:#888; line-height: 140%;}
.comment_post a { text-decoration:underline;}

/* pack */
.pack {float:left;width:100%;clear:both;margin:0 0 5px 0;padding:5px 0;*padding:0;*width:98%;}
.pack .bookmark {*margin-top:2px;*margin-bottom:0;*width:100%;}  
.pack .bookmark .info {width:82%;*width:81%;*margin:0;*padding:0;}
.pack .bookmark p.quotes {padding:0;margin:0 0 7px 0;}
.pack .bookmark .info .title {padding:0;margin-bottom:3px;}
.pack .bookmark .info small {color:#386592;}
.packinfo {background:#f6f6f6;padding:2px;margin-bottom:5px;*padding:5px 3px 2px 3px;}
.packinfo h2 {color:#386592;}
.packinfo .title {*width:60%;margin:0;padding:0;}
.packthumbnail {float:left;margin:0px;text-align:center;}
.packthumbnail img { width:50px; }
.packthumbnail a.user {}
.packdata .bookmark {clear:none;/*padding:0;*/border-bottom:1px dotted #ccc;}
.packdata {margin-left:60px;}
.packtoolbar {float:right;font-size:85%;margin:8px 8px 0 0;*margin-right:2px;}
.pack .packdata .bookmark .info .owner {padding:0;margin:0;}
.pack .more {*float:none;*clear:none;*text-align:right;*width:100%;}

.pgpack .pack {padding:0;margin:0;}
.pgpack .pack .packinfo {}
.pgpack .pack .packdata .bookmark {float:left;padding-bottom:5px!important;width:100%;*width:99%;}
.pgpack .pack .packdata .bookmark .info {margin-left:0;}
.pgpack .complete .bookmark {margin:0;padding:0;float:left;clear:right;margin-bottom:0.3em;*clear:none;}
.pgpack .compact .bookmark {margin:0;padding:0;}
.pgpack .packdata .bookmark .thumbnail { float:right;}
.pgpack .complete .pack .packdata .bookmark .info {margin-left:5px!important;float:left;clear:none;padding:0;margin:0;}
.pgpack .compact .pack .packdata .bookmark .info {}
.pgpack .complete .bookmark .info {margin-left:5px!important;float:left;clear:none;padding:0;margin:0;}
.pgpack .packdata .bookmark .titles {margin-top:0;}
.pgpack .packdata .bookmark .titles li {margin-bottom:10px!important;/*margin-bottom:3px;*/clear:both;}
html:first-child .pgpack .packdata .bookmark .titles li {border:1px solid #fff;}

.cpack .pack .bookmark {float:left;clear:both;padding-bottom:10px;margin-bottom:10px;width:100%;*width:99%;}
.cpack .pack .packdata .bookmark .thumbnail {float:left;}
.cpack .pack .packthumbnail {display:none;}
.cpack .pack .packdata {margin-left:0;padding:0;}
.cpack .pack {*float:left;*clear:both;*width:100%;}

.cpack .complete .pack .packbody .packdata .bookmark {border-bottom:1px dotted #ccc;float:left;padding-bottom:0.2em;}
.cpack .complete .pack .packbody .packdata .bookmark .more {float:none;}
.cpack .pack .packbody .bookmark .comment {clear:none;}
.cpack .bookmark .info {*width:75%;}
.cpack .compact .bookmark .info {}
.cpack .bookmark ul.titles {padding:0;margin:0;clear:none;}
.cpack .bookmark .titles li {clear:none;}

.compact .pack .push_count {/*background-color:#94dd2d;background-image:url(/images/30/push/scount_bg.gif);background-repeat:repeat-x;background-position:bottom;border:1px solid #b4e103;color:#fff;font-weight:bold;text-align:center;width:100%;*/}
.compact .pack .push_count a {/*color:#fff;font-weight:normal;font-size:100%;padding:0 10px;*/}
.compact .pack .push_count a:hover {/*text-decoration:underline;background:#ffeb81;border:1px solid #efda68;*/}
.compact .pack .push_ppl {font-weight:normal;}

/* hot */
#hot .pack {*float:none;width:100%;*width:98%;}
#hot .pack .packinfo {background:none;border-bottom: 1px dotted #ccc;}
#hot .pack .title {color:#ff6600;}
#hot .packdata {margin-left:0;}
#hot .pack .bookmark {border-bottom:3px double #ccc;width:99%;margin:0;padding:0 0 0 5px;}
#hot .pack .bookmark li {font-size:115%;margin:3px 0;}

/* user-data */
.user-data .user { float:left; }
.user-data .data { margin-left:70px; }

/* userprofile-do not motify */
.userprofile {margin:0;padding: 10px;}
.userprofile .thumbnail {margin:0;padding:0;float:left;width:60px;text-align:center;}
.userprofile .info {margin: 0 0 0 70px;padding: 0;}
.userprofile .info .description {margin: 0 0 5px 0;padding: 0;}
.userprofile .info .profile_list{padding: 0 0 0 20px;margin: 0px 0 0 0px;color: #336600;line-height: 1.6;}
.userprofile .info .title {display: none;}
.userprofile .info .tag {/*color: #446600;*/text-decoration: underline;padding: 0 10px 0 0;}

/* path */
.path {font-size:100%;color:orange;}
.path li strong a {color:orange!important;}

/* textlink */
.textlink {cursor:pointer;text-decoration:none;}
#userinfo .textlink {/*color:#004E67;*/}
.h_path .textlink {color:#ff6600;}
.bookmark_toolbuttons .textlink {color:orange;}

/* Errors */
.fieldWithErrors {padding:2px;border:1px solid orange;display:table;}
#ErrorExplanation {width: 400px;border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0;}
#ErrorExplanation h2 {text-align: left;font-weight: bold;padding: 5px 5px 5px 15px;font-size: 12px; margin: -7px;background-color: #c00; color: #fff;}
#ErrorExplanation p {color: #333;margin-bottom: 0;padding: 5px;}
#ErrorExplanation ul li {font-size: 12px;list-style: square;}

.priority_mode0 .h_priority_0 {}
.priority_mode0 .h_priority_1 {}
.priority_mode0 .h_priority_2 {}
.priority_mode1 .h_priority_0 {display:none;}
.priority_mode1 .h_priority_1 {}
.priority_mode1 .h_priority_2 {}
.priority_mode2 .h_priority_0 {display:none;}
.priority_mode2 .h_priority_1 {display:none;}
.priority_mode2 .h_priority_2 {}

#error { clear:both;font-size:16px; border:1px solid orange; padding:20px; color:red;margin-top:70px;text-align:center;width:600px;margin-bottom:100px;}

/* form - for signup now */
.dataform {padding: 0 10px;margin:0;color:#555;}
.dataform p.instruction, .dataform p.note {padding:3px;margin:0.3em 0;font-size:100%;line-height:1.5em;background:#99cc00!important;color:#fff;}
.dataform .stepsbox {border-bottom:1px dotted #ccc;background:#fff;}
.dataform ul.stepsbox {padding:5px 0;margin:3px 0;}
.dataform .stepsbox li {margin:0 0 6px 0;padding:0 10px;font-weight:bold;font:100% arial bold;display:inline;}
.dataform form {border:1px dotted #dfdfdf;background:#f7f7f7;padding:10px;margin:0;}
form span.form_note {font-size:85%;color:#888;}
form .clear {font-size:85%;}
.dataform form td {vertical-align:top;}
.dataform form hr {color:#ddd;border:1px dotted #ddd;}
.dataform form input, .dataform form textarea, .dataform form select {border:1px solid #ccc;padding:2px 0;width:90%;margin-bottom:3px;}
.dataform form #remember_me_1 {text-align:left!important;width:15px;border:1px solid #ccc;}
.dataform .fieldWithErrors, .dataform .errorExplanation h2 {color:orange;}
.dataform .errorExplanation p {margin:8px 0;color:#555;font-size:100%;}
.dataform .errorExplanation li {margin:8px 0;color:#555; list-style-type:disc;}
.dataform .errorExplanation ul {margin: 0 0 0 16px;}
.dataform form .submit_button {width:40px!important;*height:20px;*padding-bottom:0;} 

/*sign in page*/
.form_features {font-size:16px;color:#00abdf;}
.form_features a {}
.form_features ul {padding:0;margin:0;}
.form_features li {background-image:url(/images/30/icons/arrow_icon_green.gif);background-repeat:no-repeat;background-position:top left;margin:5px 0;padding:0 0 0 10px;font-size:15px;*border:1px solid #fff;}
.form_features li a {color:#707070;}
.form_features .link {background:#fff;color:#ff6600;font-weight:bold;padding:0;margin-left:5px;border:none;border-left:2px solid #ff6600;*border:none;*margin-left:0;*height:20px;*text-decoration:underline;*font-size:16px;}
.form_features .submit_button {margin:15px 0 0 5px;font-size:13px;*padding-bottom:0;*height:25px;}

/* toc - for tools */
.toc_col {float:left;width:32%;}
.toc_item {margin:0px 15px 15px 0;padding:0px;background:#fff;border:none;}
.toc_item h2 {clear:both;padding:2px 0 2px 22px;*padding-left:25px;margin:5px 0 5px 0;border-bottom:1px solid #ddd;*padding-top:0;background-image:url(/images/30/icons/bullet_wrench.gif);background-position:2px 4px;background-repeat: no-repeat;*background-position:top 3px;}

.toc_item h4{font-size: 15px;color: #446600;padding: 3px;margin: 0;background: #eee;border-bottom: 2px solid #D5FF80;}
.toc .description {padding:0;margin: 0;/*padding: 3px;font-size: 15px;color: #888;*/}
.toc .description .link {border-bottom: 1px dotted;*border-bottom:none;*text-decoration:underline;font-size:90%;margin-left:15px;}
.toc_item ul{margin:0;padding:0;/*padding: 5px 25px 10px 20px;*/}
.toc_item li{padding: 0 0 0 20px;margin: 5px 0;background-image:url(/images/30/icons/bullet_green.gif);background-repeat:no-repeat;background-position: 0;}
.toc_item li a{/*color: #446600;*/}

/* tag colud-might not needed */
a.tc1 { color: #808080; }
a.tc2 { color: black; }
a.tc3 { color: #99CC00; }
a.tc4 { color: #669900; }
a.tc5 { color: #FF6600; }
a.tc6 { color: orange; }
.ts1 { font-family:Arial; font-size: 80%; }
.ts2 { font-family:Arial; font-size: 90%; }
.ts3 { font-family:Arial; font-size: 100%; }
.ts4 { font-family:Arial; font-size: 120%; }
.ts5 { font-family:Arial; font-size: 150%; }
.ts6 { font-family:Arial; font-size: 170%; }

/* channel bookmark tag cloud */
.tagcloud {line-height: 24px; padding: 2px; margin: 0px;}
.tagcloud .c1 a { color: #669900; padding: 3px;}
.tagcloud .c2 a { color: #99cc00; padding: 3px;}
.tagcloud .c3 a { color: #999900; padding: 3px;}
.tagcloud .c4 a { color: #CC9933; padding: 3px;}
.tagcloud .c5 a { color: orange; padding: 3px;}
.tagcloud .c6 a { color: darkorange; padding: 3px;}
.tagcloud .s1 { font-family:Arial; font-size: 11px; }
.tagcloud .s2 { font-family:Arial; font-size: 12px; }
.tagcloud .s3 { font-family:Arial; font-size: 13px;}
.tagcloud .s4 { font-family:Arial; font-size: 15px;;}
.tagcloud .s5 { font-family:Arial; font-size: 16px;font-weight: bold;}
.tagcloud .s6 { font-family:Arial; font-size: 19px;font-weight: bold;}

/* for user message */
.post {height:60px;font:13px Arial; overflow:hidden;word-wrap:break-word;}
.post .author {clear:left;float:left; width:120px;overflow:hidden;word-wrap:break-word;}
.post .author img {vertical-align:middle;}
.post a:hover {text-decoration:underline; }
.post .subject  {padding:5px 0;width:415px;*width:420px;float:left;word-wrap:break-word;overflow:hidden;word-wrap:break-word;}
.post .subject a {font-size: 16px;font-family:Arial,verdana,sans-serif;}
.post .replies {float:left;padding:5px 0;font-size:85%;margin-left:5px;overflow:hidden;}
.post .header {font-size:16px;font-family: Arial;font-weight:bold;padding:5px 0;}
.post .timeline {float:right;}
.um_message_group {width:95%;margin-left:8px;float:right;height:60px;}
.um_message_group .unread a {font-weight:bold;color:black;}
#um_message_header .post {height:100%; font:13px; overflow:hidden; word-wrap:break-word;}
#um_message_header .author {overflow:hidden;word-wrap:break-word;width:120px;}
#um_message_header .subject {/*width: 390px;*/}
.um_message_wrap .post {height:100%;font-size:13px;border-bottom:1px dotted #ccc;overflow:hidden;word-wrap:break-word;}
.um_checkbox {position:relative; top: 25px;}
.check_header input, .um_checkbox input {margin-top:5px;margin-left:5px;*margin-top:0;*margin-left:3px;}
.um_message_button {float:right;margin:5px 0;}
.um_message_header_group {width:100%;height:30px;float:left;background: #cdeb8b;color:#888;}
.um_header_group {width:95%;float:left; height:30px;margin-left:8px;}
.check_header {position: relative;top:5px;float:left; width: 20px;}
#search_box .stext_c1_f1 {margin-top:2px;width:210px; float:right;}

/* edit bookmark */
#edit { color:#333; }
#edit .col1 {float:left; width:60%;}

#edit .note { font-size:120%;margin:10px;padding-bottom:5px;}
#edit .note a { color:#386592;border-bottom:1px dotted;*border-bottom:none;*text-decoraiton:underline;}

#edit .bookmark .thumbnail {float:left;padding:0.2em;}
#edit .bookmark .thumbnail img {border:1px solid #EEE; padding:1px; width:100px; height:75px; overflow:hidden;}
#edit .bookmark .thumbnail label {font-size:100%;}
#edit .bookmark .thumbnail input {background-color:#e6e6e6;background-image:url(/images/30/button/button_lite_silv.gif);background-repeat:repeat-x;border:1px solid #ccc;color:#707070;font-weight:bold;clear:both;font-size:100%;width:30px;margin:0.3em 0;padding: 1px 2px;}
#edit .bookmark .info { margin-right:0;}
#edit .bookmark .info .thover1 { width:98%; }

#edit label { font-size:15px;font-weight:bold;color:#314c68;}
#edit label strong { font-weight:bold;}

#edit .col1 .fc1 {width:12%;}
#edit .col1 #url_text { font-size:80%;color:gray;background:#EEE;}
#edit .col1 #user_bookmark_permission { width:85%;margin-bottom:3px;}
#edit .col1 #user_bookmark_category_id { width:65%;margin-bottom:3px;}
#edit .col1 input { width:85%;margin-bottom:3px; }
#edit .col1 textarea { width:85%;margin-bottom:3px;}
#edit .col1 #quotes_input textarea, #edit .col1 #quotes_text { width:85%; border:1px solid #eee;margin-bottom:3px;}
#edit .col1 #quotes_text { height:80px; overflow:hidden;}
#edit .col1 #quotes_edit, #edit .col1 #quotes_done { float:left;}
#edit .col1 #user_category_label { width:67%;}
#edit .col1 #select_user_parent_category select { width:60%;}

#edit .col1 .submit_button { width:60px;padding:1px; float:right;margin-right:5px;}

#edit #imgs .select {border:2px solid #ddd;}
#edit #imgs img {margin:0.3em 0.1em;border:1px solid #ddd;padding:1px;cursor:pointer;}
#edit .col2 .data .tags_selection {margin:0;padding:0;}
#edit .col2 .data .tags_selection ul {margin:0;padding:0;}
#edit .col2 .data .popular_tags_selection {margin: 6px 0 0 0;background:#eee;padding:3px;}
#edit .col2 .data .popular_tags_selection span {margin: 0 3px;border:}
#edit .col2 .data .tags_selection li .category_list {background:#fff;border-bottom:2px solid #ddd;}
#edit .col2 .data .tags_selection li {margin:2px 0; padding:0;}
#edit .col2 .data .object_list {padding:0;margin:0;}
#edit .col2 .data .object_list span {margin:0 4px 0 3px; padding:0;font-size: 95%;}
#edit .col2 select {margin:3px 0;width:47%;}
#edit .col2 .data {margin:8px 0;border-bottom:1px dotted #ccc;padding:0.2em 0;}
#edit .col2 {margin-right:0;border-left:1px dashed #fff;}
#edit #selection {float:left;padding:0;margin:0;width:38%;height:323px;overflow:auto;border-left:1px dotted #ccc;background:#fafafa;}
#edit .share2twitter label { font-size:12px;}
#edit .share2twitter .fc1 { width:100px;}
#edit ul.tabs {border-bottom:1px solid #ddd;float:left;padding:0;width:38%;}

/*
#edit label {color:#666;font-size:100%;font-weight:normal;}
.edit .bookmark #title_text {}
.edit .bookmark #url_text {color:#999;font-size:85%;padding:0.1em 0;border-bottom:1px dotted;overflow:hidden;}
#edit .col1 .onclick_button {color:#999;font-size:85%;width:100%;}
#edit form .col1 p.note {font-size:115%;margin:0;color:#00abdf;padding:3px;width:100%;}
#edit form .col1 p.note a {color:#00abdf;}
#edit .col1 .submit_button {margin:1em 0;padding: 0 0.5em;float:right;}
.edit .bookmark .thumbnail {float:left;padding:0.2em;}
.edit .bookmark .thumbnail img {border:1px solid #EEE; padding:1px;}
.edit .bookmark .thumbnail label {font-weight:normal;width:100%;}
.edit .bookmark .thumbnail input {background:#ccc;border:1px solid #fff;color:white;font-weight:bold;font-size:100%;width:30px;margin:0.3em 0;}
.edit .bookmark .info {margin-left:110px;}
.edit .bookmark .info .title {font-size:115%;}
#edit .bookmark {padding:0;margin:0;float:left;width:100%;}
#edit #imgs .select {border:2px solid #ddd;}
#edit #imgs img {margin:0.3em 0.1em;width:95px;height:auto;border:1px solid #ddd;padding:1px;}
#edit .col2 .data .tags_selection li .category_list {background:#eeffcc;border:2px solid #fff;padding:2px;}
#edit .col2 .data .tags_selection li {margin:2px;}
#edit .col2 .data .object_list {margin-left:10px;}
#edit .col1 {float:left; width:60%;padding:5px;padding-right:8px;}
#edit .col2 select {margin:0.2em 0;}
#edit .col2 .data {margin:0.2em 0;border-bottom:1px dotted #ccc;padding:0.2em 0;}
#edit .col2 {margin-right:0;border-left:1px dashed #fff;}
#edit form p.quote {}
#edit #user_bookmark_description {background:#fff;border:1px solid #ccc;padding:0;margin:0 0 2px 9px;vertical-align:top;}
#edit #quotes_text {height:60px; overflow:auto; border:1px solid #ccc;padding:0;vertical-align:top;width:80%;}
#edit #quotes_input {width:80%;}
#edit {margin: 0.5em 0;}
.edit input {width:80%;}
#edit .edit_bm1 .info {}
#edit .edit {background:#f7f7f7;border:1px solid #ddd;float:left;width:100%;}
#edit select {width:45%;margin: 0.1em 0;}
#edit .col1 select, #edit .col1 input {margin-left:5px;}
#edit #selection {float:left;padding-left:5px;width:36%;border-left:1px dashed #ccc;background:#fff;min-height:391px;}
*html #edit #selection {height:391px;}
#edit #maintab_new {float:left;background:#fff;width:26%;}
#edit .bookmark textarea { width:90%; }
*/

/* bookmark edit box */
#edit .tabbox {margin:0;padding:10px 0 0 0;margin-bottom:3px;margin-top: 5px;}
#edit .tabbox li {display:inline;border:2px solid #DDD;padding:4px 15px;background: #eaeaea;letter-spacing: 1px;margin-right: 5px;}
#edit .tabbox li.selected {background:#fff;border-bottom: 3px solid #fff;}
#edit .tabbox li.selected a{font-weight: bold;font-size: 13px;}
#edit .tabbox li a {color: #669900 !important;font: 13px Arial;}
#edit .tabbox ul {margin:0;padding:0;border:1px solid;}
#edit .tabbox li:hover {background:#fff;}
#edit .tabbox li a:hover {background:#fff;color: #ff6600;}
#edit .tabarea {background:#FFF;padding:5px 10px;clear:both;margin:0px;border:3px solid #ddd;font:13px Arial;}
#edit .tabarea .more {text-align: right;font-size: 15px;color: #ff6600;margin-top: 10px;}
#edit .tabarea .more a {text-decoration: underline;}
#edit .tabarea img {margin: 0 10px 0 0;vertical-align: text-top;}

/*user selection*/
.scompact .people {padding:0;margin:2px;width:44px;height:65px;}
.scompact .people .thumbnail {border:1px solid #ccc;;background: #fff;height:42px;width:42px;padding:0;margin:0;overflow:hidden;}
.scompact .people .thumbnail img {width:40px;}
.scompact .info h3 {float:left;width:40px;line-height:1.3em;height:15px;font-size:85%;overflow:hidden;}

/* group selection*/
.group_selection {display: block;float:left;width: 45%; height:44px;padding: 0px 0;margin: 3px 3px 0px 0;_border:1px solid green;overflow: hidden;word-wrap: break-word;}
.group_selection_thumbnail {display: block;float: left;border:none;border-bottom: 1px dotted #ccc;width: 210px;height: 35px;padding: 4px 0;overflow: hidden;word-wrap: break-word;}
.group_selection img {width:40px;height:32px;vertical-align: top;padding:1px;border: 1px dotted #ddd;margin-right: 3px;}
.group_tover {background:#FF6600;cursor:pointer;}
.s_group {background:#d5ff80;border: none ;color: #888;}

/* tags selection */
.tags_selection_box {/*margin-top: 2px;*/padding: 0 5px;}
.tags_selection_box li {list-style:none;/*margin:0px;*/}
.tags_selection_box ul {margin:0;padding:0;}
/*.tags_selection_box h4.stitle{color: #333;margin-top: 15px;margin-bottom: 0;}*/
.tags_selection_box .tags_selection {margin: 0;padding: 0 5px;line-height:160%;}
.tags_selection_box .tag_selection {margin: 0 2px;padding: 0 3px;line-height:160%;}
.tags_selection_box .tags_selection ul{padding: 0;margin: 5px 0;}
.tags_selection .category_list {padding-left: 10px;}
.tover {color:#ff6600;text-decoration:underline;background:none; cursor:pointer}
.s_tag {background-color: #d4f6a0; color: #555;}
.c_tag {border: 1px solid #669900;}
.c_s_tag {background-color: #d4f6a0; color: #555; border: 1px solid #669900;}

/* columns22 */
.columns22 {float:left;clear:both;margin:0 0 15px 0;}
.columns22 .col1 {float:left;width:48%;}
.columns22 .col2 {margin-left:50%;*float:left;*margin-left:7px;width:48%;}
.columns22 h3 {font-size:120%;font-weight:bold;line-height:1.2em;height:2.4em;overflow:hidden;border:none;}
.columns22 .complete .group {border-bottom:1px dotted #ccc;height:116px;overflow:hidden;}
.columns22 .complete .bookmark {border-bottom:1px dotted #ccc;padding:10px 0 0 0;height:116px;overflow:hidden;}
.columns22 .complete .bookmark .title {height:1.6em;}
.columns22 .complete .bookmark .info p {line-height:1.3em;padding:0;font-size:100%;}
.columns22 .complete .bookmark .info p.description {font-size:100%;height:70px;*height:69px;overflow:hidden;margin-top:2px;padding:0;border:1px solid #fff;}
.columns22 h2 {font-weight:bold;font-size:125%;border-bottom:1px solid #99cc00;padding:0 0 6px 13px;background-image:url(/images/30/icons/bullet_green.gif);background-repeat:no-repeat;background-position: 0 3px;*background-position:0 1px;}
.columns22 h2 a {color:orange;}
.columns22 .complete li {border:none;}
.columns22 .scount {padding:0 0 3px 0;}
.columns22 ul.titles {float:left;font-size:115%;}
.columns22 .titles li {font-weight:bold;margin:6px 0;}
.columns22 .complete .people {height:76px;overflow:hidden;}
.columns22 .complete .people .info {margin-left:68px;}
.columns22 .complete .people .title {height:auto;line-height:1.2em;}

/* auto_complete */
.h_auto_complete .auto_complete{width:100%;}
/*.h_auto_complete .auto_complete .submit_button_c1 {background:#eee;border:1px solid #ccc;color:#777;}*/
.h_auto_complete .overflow_scroll {color:#999;width:190px;*width:190px;}
.h_auto_complete .scroll_wrap {height:90px;}
.h_auto_complete .scroll_menu {border:1px solid #ddd;width:188px;*width:188px;background:#fff;}
.h_auto_complete .hr {border-top:1px solid #ddd;}
.h_auto_complete .scroll_menu .selected {background:#f6f6f6;color:#007bdf;}
.h_auto_complete .h_border {border-bottom:1px dotted #ccc;float:left;padding: 0.3em 0;}

/* groups */
.categorybox {background:#fff9da;border-bottom:none!important;padding:5px;}
.categorybox .item {float:left;margin: 0 7px 5px 7px;word-wrap:break-word; word-break:break-all;*margin:0;*margin-right:5px;*padding:0;}
.categorybox .item u {font-size:115%;*font-size:100%;*padding:0;}

/* share */
#share {background:#fff;margin:0 auto;padding:0 10px;}
#share .share_content {padding-left:16px;}
#share form {padding:0;margin:0;}
.share2friend label {font-size:100%;color:#888;}
#share .bookmark .info h3 {color:#004E67;}
#share .bookmark {float:left;background:#ddd;padding:3px;padding-bottom:8px;margin:0;border:2px solid #eee;width:99.5%;}
#share .bookmark img {border:2px solid #fff;}
#share h1 {margin:0.3em 0;padding:0;font-size:120%;font-weight:bold;color:orange;}
#share hi img {*vertical-align:middle;}
#share textarea {/*width:250px; margin-top:0.3em;*/}
.share2friend form {float:left;width:55%;border:none;}
#share #user_selection_box {float:left;margin-left:3px;width:90%;}
#share #member_nickname, #share #member_title {width:300px;}
#share #tuser_username, #share #tuser_password {width:100%;/*margin-left:5px;margin-bottom:3px;*/}
#share .remember {margin-left:0!important;/*margin-left:29px;*/}
#share #member_email {width:300px;/*margin-top:3px;*/}
#share .share2group {width:90%;padding-left:3px;margin:0 0.3em;}
#share .share2group select {margin:0.3em 0;}
#share form li {margin:0.2em 0;}
#share .submit_button_c1 {text-align:center;padding:0 0 0 0.3em;margin:0.3em 0;font-size:90%;}
#share #object_comment_comment {width:80%;}

/* messages */
.messages {background:#ffffdb;clear:both;padding:0px 5px;margin:5px 0 10px 0;color:#888;width:98%;float:left;}
.messages li {margin:8px 0;}
.messages li small {font-size:85%;vertical-align:middle;}
.messages li a.user {border-bottom: 1px dotted;font-weight:bold;*border-bottom:none;*text-decoration:underline;}
.messages img {margin-right:0.8em;vertical-align:middle;}

/* video player */ 
#videoplayer {background:#000;height:800px;}
#videoplayer_inner {width:650px;margin:0 auto;text-align:center;}
#videoplayer .channels {font-size:120%;margin:0 0 0 10px;padding:5px;float:left;*padding:0;*padding-left:10px;*margin:5px 0 0 5px;*position:absolute;}
#videoplayer .channels a {color:#ccc;}
#videoplayer .channels li {width:70px;padding:0 0 5px 0;margin:15px 0px;border-bottom:1px dotted #464646;text-align:left;background-image:url(/images/30/icons/video_watch_icon.gif);background-repeat:no-repeat;background-position: 0 2px; padding-left:17px;}
#videoplayer .channels li a:hover {color:#99cc00;}
#videoplayer .pannel li { display:inline; }
#videoplayer h1 {font-size:125%; font-weight:bold; margin:3px 0 ;/*height:60px;*/overflow:hidden; width:100%;}
#videoplayer h1 a {color:#fff;}
#videoplayer #embedcode {padding:20px 0 20px 0;*padding-left:80px;height:auto;margin:0;background-color:#000;background-image:url(/images/30/watch_bg_bk.gif);background-repeat:repeat-x;border:1px solid #222;}
#videoplayer #topnav {border-bottom: 1px solid gray;}

/* susbscription user */
#sidebar1 .u_subscriptions h2 {background-image:url(/images/30/icons/bullet_green.gif);padding-left:18px;background-position: 3px;*background-position:3px 2px;}
.tag_sidebar {padding:3px;margin: 0;}
#susbscription_user ul, #user_subscription_tag ul, #susbscription_bookmark ul {background:#fff9db;padding: 0 3px;}
#susbscription_user li, #user_subscription_tag li, #susbscription_bookmark li {margin:3px 0;padding: 3px 0;}
#susbscription_user li img {vertical-align:middle;}
#susbscription_user li .textlink, #user_subscription_tag .textlink, #susbscription_bookmark .textlink {margin-left: 3px;border-bottom:1px dotted;color:#333;*border-bottom:none;*text-decoration:underline;}

/* Forum Groups */
.board_search .stext_c1_f1 {width:100%!important;margin:0;clear:both;}
.board_search .search_input {width:200px;margin-left:6px!important; }
.sidebar_tips center{text-align:right!important;}
.sidebar_tips a {text-decoration:underline;}
.board_search {overflow:hidden;width:300px;padding:0!important;margin-bottom:15px;background:#f1f1f1 url(/images/30/signin-bg-top.gif) left top no-repeat;border:none!important;}
.board_search  .boxinner {color:#9b9b9b;padding: 10px 12px 40px 5px;background: url(/images/30/signin-bg-bottom.gif) left bottom no-repeat;}
*html .board_search .boxinner {height:5px;padding-bottom:15px;}
.board_search .submit_button_c1 {margin-left:5px!important;}
.board_search .search_input {*width:185px;*margin-left:3px!important; }
#sidebar1 .complete .group p.description {padding:0;}

.forum_header {font-size:115%;clear:both;border-bottom:1px solid #99cc00;height:18px;margin: 10px 0;}
.forum_header .c1, .forum_header .c2, .forum_header .c3, .forum_header .c4 {float:left;}
.forum_header .c1 {width: 18%;}
.forum_header .c2{width:72%!important;}
.forum_post {border-bottom:1px dotted #ccc;;clear:both;float:left;clear:both!important;margin: 0;padding:10px 0;width:100%!important;}
.forum_post .author, .forum_post .subject, .forum_post .replies {float:left;}
.forum_post .author {width:18%!important;}
.forum_post .author div {padding:0;margin:0;width:100%;margin-top: 3px;}
.forum_post .subject {width:73%!important;font-size: 115%;font-weight:bold;}
.forum_post  .replies {color:#555;text-align:center;margin-right:10px;isplay:block;font-size:100%!important;text-decoration:underline;font-weight:normal;}
.forum_post .date {float:right;text-align:left!important;}


/* Table Format */
.thover1 {border-collapse: collapse;margin: 0;padding: 0;}
.thover1 td {padding: 3px;vertical-align:top;}
.thover1 tbody td {background-color:#f6f6f6;}
.thover1 tbody tr:hover td {background-color: #d4f6a0;}
.thover1 tbody a {color: #333;}
.thover1 tbody a:visited {color: #999999;}
.thover1 tbody a:hover {color: #33c;}
.thover1 tbody a:active {color: #33c;}

/* tabsbutton */
.tabsbutton {float:right;}
.tabsbutton li {margin:0 5px;background:orange;padding:2px;}
.tabsbutton li a, .tabsbutton li a:visited { color:white; }

/* adlink */
.adlink {margin:10px 0;}
.adlink li {margin-right:30px;}
.adlink strong {color:#FF6600;font-weight:bold;}



/*=================================================================================
* for IE6 debug
*:first-child+html for IE7 debug
html:first-child for Opera debug
=================================================================================*/