
/* global community styles
---------------------------------------*/
#members-container { padding:0 0 20px 0 }
#members-container #col-1 h1, #members-container #col-1 h2, .form-styling button, #membership-tour h2 { font-family:Arial, Helvetica, sans-serif }
#members-subnav, #sort-tool, #msg-display p, #member-bio p { margin:0 0 15px 0 }
#members-container #col-1 h2, #membership-tour h2, .form-styling button { font-size:16px }
#members-container #col-1 h3, #members-container #col-1 h4 { font-size:11px }
#members-container #col-1 fieldset button { font:bold 10px Verdana, Arial, Helvetica, sans-serif; vertical-align:middle }
#members-container #col-1  .form-styling p, .form-styling p { margin:10px 0; line-height:16px }
#members-container #col-1 .addcontact { display:block; position:absolute; top:5px; right:5px; width:13px; height:13px; background:url(/i/x/c/button-add.gif) no-repeat; text-indent:-9999px }
#members-container #col-1 .addcontact-hvr { background:url(/i/x/c/button-add-over.gif) no-repeat }
#members-container #col-1 .delete, #clipthis-login .close { display:block; position:absolute; top:5px; right:5px; width:13px; height:13px; background:url(/i/x/c/button-delete.gif) no-repeat; text-indent:-9999px }
#members-container #col-1 .delete-hvr, #clipthis-login .close-hvr { background:url(/i/x/c/button-delete-over.gif) no-repeat }
#members-container #col-1 .highlight { margin:0 0 10px 0; padding:10px; border:1px solid #ffe580; background:#ffffeb }
#members-container #col-1 .page-nav { margin:10px 0; text-align:right }
#members-container #col-1 .page-nav span { float:left; display:block }
#sort-tool span, #sort-tool ul, #sort-tool li, #sort-tool li a { float:left }
#sort-tool li a { margin:0 0 0 5px; padding:3px 16px 3px 6px; border:1px solid #DDD }
#sort-tool li a:hover { background-color:#06C; border-color:#06C; text-decoration:none; color:#FFF }
#sort-tool .desc, #sort-tool .asc { background-position:100% 50%; background-repeat:no-repeat }
#sort-tool .desc { background-image:url(/i/x/c/sort-asc.gif) }
#sort-tool .asc { background-image:url(/i/x/c/sort-desc.gif) }
#sort-tool a.desc:hover { background-image:url(/i/x/c/sort-asc2.gif) }
#sort-tool a.asc:hover { background-image:url(/i/x/c/sort-desc2.gif) }
.form-styling fieldset { margin:0 0 10px 0; padding:0 10px 10px 10px; border:1px solid #CCC; font-size:11px }
.form-styling fieldset fieldset { margin:0; padding:0; border:none }
.form-styling legend { font:bold 16px Arial, Helvetica, sans-serif; color:#478625 }
.form-styling legend span.grey { font-weight:normal; color:#777 }
.form-styling input, .form-styling select, .form-styling textarea { padding:3px }
.form-styling br, .fieldset-styling br { clear:left }
.fieldset-styling label, .fieldset-styling input, .fieldset-styling textarea, .fieldset-styling select { margin:6px 0 0 0; float:left; display:block }
.fieldset-styling label { padding:0 10px 0 0; width:170px; text-align:right }
.fieldset-styling input, .fieldset-styling textarea, .fieldset-styling select { width:310px }
.fieldset-styling select { width:320px }
.search-bar { margin:0 0 20px 0; text-align:center }
.search-bar input { margin:10px 3px 0 0; width:330px }
.table-style { width:100%; border-collapse:collapse; border-spacing:0; border-left:1px solid #CCC; border-bottom:1px solid #CCC }
.table-style th { background:#9fcc4e; text-align:left }
.table-style th, .table-style td { padding:4px 10px; line-height:16px }
.table-style th, .table-style th a { color:#FFF }
.table-style td { border-right:1px solid #CCC }
.table-style tr.odd td { background:#f6f6f6 }

/* profile / registration
---------------------------------------*/
#avatars li { margin:0 5px 10px 0; float:left; width:75px }
#avatars input { vertical-align:top }
#display-image #current-avatar { margin:10px 10px 0 0; padding:4px; float:left; width:48px; border:1px solid #e5e5e5 }
#display-image #avatar-upload { float:left; width:540px }
#display-image #avatar-upload label, #display-image #avatar-upload input { vertical-align:text-top }
#my-interests li, #my-alerts li {float:left; width:145px }
#my-interests input, #my-interests label, #my-alerts input, #my-alerts label, #email-subscription label, #email-subscription input { vertical-align:middle }
#unsub input { margin:10px 5px 0 0; vertical-align:text-bottom }
#unsub ul li { margin:0 0 0 15px; list-style:disc; line-height:16px }
#your-profile #member-bio { padding:15px; line-height:16px; border:1px solid #e5e5e5 }
#your-profile #member-bio .member-since { margin-top:-5px }
#your-profile #member-bio .members-avatar { margin:5px 10px 0 0; float:left }
#your-profile #member-bio .msg-tools { margin:0 }
#your-profile .pagination { margin:0; line-height:20px; text-align:right }
#your-profile .section { margin:0 0 15px 0 }
#your-profile .section h2 { margin:0 0 10px 0 }
.submit { text-align:center }
.note { padding:2px 0 5px 180px; font-size:10px; color:#666 }
.req { color:#E00 }

/* discussions / clips / tags
---------------------------------------*/
#members-container #col-1 .listing h3, #members-container #col-1 .listing h4, #members-container #col-1 .listing p { margin:0 }
#tag-listing { float:left; width:200px }
#tagged-stories { float:right; width:400px }
.listing li { margin:0 0 10px 0; padding:0 0 10px 25px; position:relative; background:url(/i/x/c/arrow-grey.gif) no-repeat 10px 4px; border-bottom:1px dotted #CCC; line-height:16px }
.listing h4, .listing span { font-weight:normal }
.listing span, .clipped { color:#737373 }
.listing img { margin:0 5px 0 0; vertical-align:middle }
.deletable-listing li { padding-right:30px }
.discussions li { padding-left:24px; background:none }
.discussions img { margin:0 0 0 -24px; float:left }

/* contacts
---------------------------------------*/
.icon-contact-add, .icon-contact-remove { padding:2px 0 2px 22px; background:url(/i/x/c/contact-add.gif) no-repeat 0 50% }
.icon-contact-remove { background-image:url(/i/x/c/contact-remove.gif) }
#contact-listing .item { margin:0 0 10px 10px; padding:10px; float:left; position:relative; width:288px; border:1px solid #e5e5e5; background:#f8f8f8 }
#contact-listing .odd { margin-left:0; clear:left }
#contact-listing .thumb { float:left; position:absolute }
#contact-listing .details { padding:0 0 0 58px; line-height:14px; min-height:60px }

/* messages
---------------------------------------*/
.icon-email-compose, .icon-email-delete, .icon-email-inbox, .icon-email-open, .icon-email-reply { padding:2px 0 2px 22px; background:url(/i/x/c/email-compose.gif) no-repeat 0 50% }
.icon-email-delete { background-image:url(/i/x/c/email-delete.gif) }
.icon-email-inbox { background-image:url(/i/x/c/folder.gif) }
.icon-email-open { background-image:url(/i/x/c/email-open.gif) }
.icon-email-reply { background-image:url(/i/x/c/email-reply.gif) }
.msg-check, th.msg-check { text-align:center }
.msg-check { width:15px }
.msg-date { width:60px }
.msg-from { width:130px }
.msg-unread td.msg-from, .msg-unread td.msg-subject, .msg-unread { font-weight:bold }
.msg-tools { margin:0 0 10px 0; text-align:right }
.msg-tools img { vertical-align:middle }
.msg-button { margin:0 10px 0 0; display:inline }
.msg-button .icon-email { background-position:0 50% }
#msg-compose label { margin:10px 0 5px 0; display:block; font-weight:bold }
#msg-compose input, #msg-compose select { width:200px }
#msg-compose textarea, #msg-compose #subject { width:570px }
#msg-display { padding:15px; border:1px solid #CCC }
#msg-display .msg-options { color:#CCC }

/* my products
---------------------------------------*/
#col-1 #my-products h3 { margin:0; padding:5px 10px; background:#9fcc4e url(/i/x/m/form-top_green.gif) repeat-x; font:bold 14px Arial, Helvetica, sans-serif; color:#FFF }
#my-products { margin:10px 0 0 0 }
#my-products #want-it, #my-products #got-it { margin:0 10px 0 0; float:left; width:309px }
#my-products #got-it { margin:0 }
#my-products #want-it img, #my-products #got-it img { margin:0 0 5px 7px; float:right }
#my-products ul, #col-1 #my-products p, #my-products .product-item { margin:0 0 10px 0 }
#my-products .product-item { background:url(/i/x/m2/dot-h-grey.png) repeat-x 0 100% }
#my-products .product-listing { padding:10px 10px 0 10px; border:1px solid #e5e5e5; border-top:none }
#my-products .product-details li, #my-products .myproducts-move li { padding:0 4px 0 0; margin:0 4px 0 0; display:inline; border-right:1px solid #CCC }
#my-products li.l { padding:0; margin:0; border:none; background:none }
#my-products .myproducts-move li { font-weight:normal }
#my-products .product-opinions li { margin:0 0 0 16px; list-style:disc }

/* forums
---------------------------------------*/
#forums { padding:0 10px 20px 10px }
#forums table { width:100%; border-collapse:collapse; border-spacing:0; color:#444 }
#forums td { vertical-align:top }
#forums img { vertical-align:middle }

#forum-index h3, #box-members-online #current-user p strong { font:bold 14px Arial, Helvetica, sans-serif }
#forum-index .forum-group, .forum-styling .alt-row td { background:#f0f0f0 }
#forum-index .forum-group h2 { font-size:10px; color:#666 }
#forum-index .last-updated { width:190px; text-align:left }
#forum-statistics li { margin:0 0 6px 0 }
#forum-statistics strong, #forum-statistics span { float:left; display:block; width:430px }
#forum-statistics strong { width:110px }

.forum-styling th, .forum-styling td { padding:7px 10px; text-align:left; line-height:13px }
.forum-styling th { padding:6px 10px; font-weight:normal; background:#9FCC4E url(/plugins/forum/themes/cnet/images/thead-bg.png) repeat-x }
.forum-styling th, .forum-styling th a { color:#FFF }
.forum-styling th.tab-left { background-image:url(/plugins/forum/themes/cnet/images/thead-left.png); background-repeat:no-repeat }
.forum-styling th.tab-right { background-image:url(/plugins/forum/themes/cnet/images/thead-right.png); background-repeat:no-repeat; background-position:100% 0 }
.forum-styling td { border-bottom:1px solid #e0e0e0; font-size:10px }
.forum-styling td.thread a.thread-topic { font-weight:bold }
.forum-styling .last-updated, .forum-styling .replies, .forum-styling .topics, .forum-styling .views { width:90px; text-align:center }
.forum-styling .mod-thread { text-align:center; color:#666 }
.forum-styling .replies, .forum-styling .topics, .forum-styling .views { width:40px }
.forum-styling .thread-icon { padding-right:0; width:20px }

.forum-nav, .forum-error { margin:10px 0; color:#666 }
.forum-nav .fl { float:left; width:220px }
.forum-nav .fr { float:right; width:380px; text-align:right; line-height:20px }

#forum-topic { padding:0 10px; font:bold 21px Arial, Helvetica, sans-serif }
.forum-post { margin:15px 0 0 0; line-height:16px; border-bottom:1px solid #CCC }
.forum-post .user-col { padding:0 15px 0 0; width:48px; text-align:center }
.forum-post .user-col img { margin:0 0 5px 0 }
.forum-post .message-col .message-body { overflow:auto; width:540px }
.forum-post .message-col .username span { font-weight:normal }
.forum-post .message-col .post-tools { text-align:right }
.forum-post .message-col .date-posted { float:left; color:#666 }
.forum-post .message-col .date-posted span { font-size:10px }
.forum-post .message-col h3, .forum-post .message-col p, .forum-post .message-col q, .forum-post .message-col .post-tools { margin:0 0 10px 0 }
.forum-post .message-col q { margin-left:20px; padding:10px; display:block; border:1px solid #d9d9d9; background:#f7f7f7 }

#latest-forum-posts li { margin:0 0 8px 0; padding:0 0 8px 22px; background:url(/i/x/c/post-talkback.gif) no-repeat 0 0; border-bottom:1px dotted #CCC; color:#666 }
#latest-forum-posts li img { vertical-align:middle }
#latest-forum-posts .post-title { float:left; width:440px }
#latest-forum-posts .post-title h3 { display:inline }
#latest-forum-posts .last-updated { float:right; width:150px }

#box-members-online #current-user { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #CCC }
#box-members-online #current-user img { margin:0 10px 0 0; float:left }
#box-members-online ul li { margin:0 5px 5px 0; float:left; padding:2px; width:48px; border:1px solid #CCC }

/* lightbox settings
---------------------------------------*/
html, body { min-height:100%; height:auto !important; height:100% }
#TB_overlay { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.4; -moz-opacity:0.4; -khtml-opacity:0.4; filter:alpha(opacity=40); z-index:101 }
#TB_window { display:none; position:absolute; top:150px; background:#FFF; border:4px solid #525252; text-align:left; color:#000; z-index:102 }
#TB_title { background:#9fcc4e; height:24px }
#TB_title, #TB_title a { color:#FFF }
#TB_windowTitle{ padding:5px 0 5px 10px; float:left; margin-bottom:1px; font-weight:bold }
#TB_closeWindow{ padding:5px 10px 5px 0; float:right; margin-bottom:1px; text-align:right }
.TB_message { padding:10px }
.TB_message .warning { padding:0 0 3px 22px; background:url(/i/x/c/warning.gif) no-repeat }

* html #avatars input, * html #community-messages input, * html #profile-info fieldset input { margin:-3px }
* html #unsub input { vertical-align:baseline }
* html #contact-listing .details { height:60px }
* html .discussions li { position:static }