/* global community styles
---------------------------------------*/
#members-container { padding:0; width:950px }
#members-content { width:620px; float:left }
#members-content h1, #members-content h2, #members-content button, #membership-tour h2 { font-family:Arial, Helvetica, sans-serif }
#members-content h2, #members-content p, #sort-tool { margin:0 0 15px 0 }
#members-content h2, #membership-tour h2, #members-content button { font-size:16px }
#members-content h3, #members-content h4 { font-size:11px }
#members-content fieldset button { font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif }
#members-content .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-content .addcontact-hvr, { background:url(/i/x/c/button-add-over.gif) no-repeat }
#members-content .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-content .delete-hvr, #clipthis-login .close-hvr { background:url(/i/x/c/button-delete-over.gif) no-repeat }
#members-content .form-styling p { margin:10px 0 }
#members-content .highlight { padding:10px; background:#fafafa; border:1px solid #d9d9d9 }
#members-content .page-nav { margin:10px 0; text-align:right }
#members-content .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:#fcd72d; border-color:#f7991c; 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; background:#FFF url(/i/x/c/gradient.gif) repeat-x bottom }
.form-styling fieldset fieldset { margin:0; padding:0; border:none; background:none }
.form-styling legend { font:bold 14px Arial, Helvetica, sans-serif; color:#4d4d4d }
.form-styling legend span.grey { font-weight:normal; color:#777 }
.form-styling fieldset fieldset legend { font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif }
.form-styling input, .form-styling select, .form-styling textarea { padding:3px }
.form-styling br { clear:left }
.fieldset-styling label, .fieldset-styling input, .fieldset-styling textarea, .fieldset-styling select, #user-name { margin:5px 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, #user-name { width:310px }
.fieldset-styling select { width:320px }
.icon-comments, .icon-contacts, .icon-email, .icon-profile { padding:2px 0 2px 21px; background:url(/i/x/c/post-talkback.gif) no-repeat 0 50% }
.icon-contacts { padding-bottom:3px; background-image:url(/i/x/c/contacts.gif) }
.icon-email { background-image:url(/i/x/c/email.gif) }
.icon-profile { background-image:url(/i/x/c/profile.gif) }
.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:#7f9aaf; text-align:left }
.table-style th, .table-style td { padding:6px 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 }
.table-style a { color:#667C8C }

/* member detail summary box
---------------------------------------*/
#members-sidebar { width:300px; float:right }
#members-sidebar .pages { margin:0 0 5px 0 }
#members-snapshot, #members-bio, #members-tags { border:1px solid #CCC; background:#FFF url(/i/x/c/gradient.gif) repeat-x bottom }
#members-snapshot #members-avatar { float:left; padding:10px; width:48px; text-align:center }
#members-snapshot #members-avatar img, #members-details ul { margin:0 0 5px 0 }
#members-snapshot .log-out { margin:-5px 0 0 0; text-align:right; color:#999 }
#members-snapshot .member-tools li { margin:0 0 2px 0 }
#members-snapshot h2 { font:bold 14px Arial, Helvetica, sans-serif }
#members-snapshot img, .msg-button img { margin:0 3px 0 0; vertical-align:text-top }
#members-details { margin:0 0 0 68px; padding:10px; border-left:1px solid #CCC }
#members-details ul { line-height:16px }
#members-details a, #members-tags li a { font-weight:bold }
#members-details p a { font-weight:normal }
#members-bio, #members-tags { padding:10px; border-top:none }
#members-bio p, #members-tags p { margin:0 0 10px 0 }
#members-tags li { padding:0 0 0 15px; background:url(/i/x/c/arrow-grey.gif) no-repeat 0 4px; line-height:16px }

/* member login - right hand col
---------------------------------------*/
#rhc-member-login label span { display:block; width:50px; float:left; cursor:default }
#rhc-member-login h2, #rhc-member-login .label-style, #rhc-email, #rhc-password { margin:0 0 5px 0 }
#rhc-email, #rhc-password { width:150px }
#rhc-member-login button { margin:0 5px 0 0; padding:1px 0 4px 0; width:60px; background:url(/i/x/c/btn-login.gif) no-repeat; border:0; cursor:pointer }
#rhc-remember { padding:0 0 5px 50px }

/* top navigation
---------------------------------------*/
#members-hd { margin:0 0 20px 0 }
#members-hd h1 { float:left; font-size:21px; font-weight:normal }
#members-nav { margin:0 0 5px 0; background:url(/i/x/c/nav-border.gif) repeat-x bottom }
#members-nav ul { float:right; font:120% Verdana, Arial, Helvetica, sans-serif; line-height:normal }
#members-nav li { margin:0 0 0 3px; padding:0 6px 0 0; float:left; background:#FFF url(/i/x/c/tab-bg.gif) no-repeat 100% 0; border-bottom:1px solid #CCC }
#members-nav a, #members-nav a:visited, #members-nav span { padding:6px 9px 5px 15px; float:left; display:block; background:#FFF url(/i/x/c/tab-bg.gif) no-repeat; text-decoration:none; color:#999 }
#members-nav #active { background-position:100% -150px; border-width:0 }
#members-nav #active span { background-position:0 -150px; color:#000; padding-bottom:6px }
#members-nav li:hover { background-position:100% -300px }
#members-nav li:hover a { background-position:0 -300px }
#members-subnav { color:#CCC }
#members-subnav a { text-decoration:underline }
#members-subnav span { color:#4d4d4d }

/* profile / registration
---------------------------------------*/
#avatars li { margin:0 5px 10px 0; float:left; width:75px }
#avatars input { vertical-align:top }
#newsletters li { margin:8px 0 0 0 }
#newsletters label { padding:0 0 0 5px }
#profile-info #display-options { margin:0 30px 0 0; text-align:right }
#profile-info #display-options span { padding:0 0 0 17px; font-weight:bold }
#profile-info fieldset { margin:5px 0 0 0; float:left; display:inline }
#profile-info fieldset legend, #profile-info fieldset label { display:none }
#profile-info fieldset input { width:auto }
#profile-info fieldset span { padding:0 0 0 20px; float:left }
#regoform #whats-this { position:relative }
#regoform #tooltip { padding:0 0 0 13px; background:url(/i/x/tool-tip.gif) no-repeat 0 5px; width:195px; display:block; position:absolute; top:10px; left:-999px; text-align:left }
#regoform #tooltip span { padding:10px; background:#dde5ed; display:block }
#sign-up { line-height:16px }
#sign-up h1 { margin:0 0 15px 0; font-family:tahoma,verdana,arial }
#sign-up hr { margin:0 0 15px 0; background:#CCC; color:#CCC; height:1px; visibility:visible; border:0 }
#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 }
#user-name { padding:0 0 10px 0 }
#yourprofile-bio { margin:0 0 15px 0; line-height:16px }
#yourprofile-bio h2 { margin:0 0 5px 0 }
#yourprofile-bio .members-avatar { margin:0 10px 0 0; float:left }
#yourprofile-bio .options { text-align:right }
#yourprofile-bio .options img { margin:0 3px 0 8px; vertical-align:middle }
.submit { text-align:center }
.note { padding:2px 0 5px 180px }
.req { color:#E00 }

/* discussions / clips / tags
---------------------------------------*/
#members-content .listing h3, #members-content .listing p { margin:0 }
#tag-listing { float:left; width:250px }
#tagged-stories { float:right; width:340px }
.listing li { margin:0 0 10px 0; padding:0 0 10px 15px; position:relative; background:url(/i/x/c/arrow-grey.gif) no-repeat 0 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
---------------------------------------*/
#contact-listing .item { margin:0 0 10px 10px; padding:10px; float:left; position:relative; width:283px; border:1px solid #CCC; background:#FFF url(/i/x/c/gradient.gif) repeat-x bottom }
#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 { background:url(/i/x/c/email-compose.gif) no-repeat 10px 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; height:26px; line-height:normal }
.msg-tools ul { float:right }
.msg-button { margin:0 0 0 5px; float:left; background:url(/i/x/c/btn-grey-left.gif) no-repeat }
.msg-button span { display:block; background:url(/i/x/c/btn-grey-right.gif) no-repeat top right }
.msg-button a { padding:5px 10px 7px 32px; display:block }
#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 }

/* clip this login
---------------------------------------*/
#story-toolbar { position:relative }
#clipthis-loginTop { padding:0 2px 0 0; position:absolute; top:35px; right:0; width:230px; background:url(/i/x/c/login-top.png) no-repeat }
#clipthis-loginTop .close { right:7px }
#clipthis-loginBottom { padding:0 2px 0 0; position:absolute; top:35px; right:0; width:230px; background:url(/i/x/c/login-top.png) no-repeat }
#clipthis-loginBottom .close { right:7px }
#fcliplogin { padding:10px; width:auto; float:none; background:url(/i/x/c/login-btm.png) no-repeat bottom }
#fcliplogin a { text-decoration:underline }
#fcliplogin br { clear:left }
#fcliplogin .login-btn { padding:6px 0 0 50px }
#fcliplogin .login-remember { margin:0 8px 0 0 }
#fcliplogin .login-label, #fcliplogin .login-input { margin:6px 0 0 0; display:block; float:left; width:50px }
#fcliplogin .login-input { width:155px }

/* membership tour
---------------------------------------*/
#membership-tour p { margin:15px 0 0 0; line-height:16px }
#membership-tour .feature { padding:15px 0 0 0; margin:15px 0 0 0; border-top:1px dotted #CCC }
#membership-tour .thumbnail { margin:0 0 0 15px; float:right; width:172px }
#membership-tour .thumbnail .enlarge { padding:3px 0 0 0; border-top:3px solid #e5e5e5; text-align:center }
#membership-tour .thumbnail img { border:1px solid #CCC }
#membership-benefits { margin:15px 0 }
#membership-benefits h2 { margin:10px 0; font-size:14px }
#membership-benefits h2, #membership-benefits p { padding:0 0 0 10px }
#membership-benefits .benefits { margin:0 10px 0 0; width:145px; float:left }
#membership-benefits .last { margin:0; float:right }

/* 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:99 }
#TB_window { display:none; position:absolute; top:150px; background:#FFF url(/i/x/c/gradient.gif) repeat-x bottom; border:4px solid #525252; text-align:left; color:#000; z-index:100 }
#TB_title { background:#7f9aaf; 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 }