delicious-yebyen_files/delicious.css

   1 /* see cssNotes page on corp delicious twiki in reference to numbered notes around the file */
   2
   3 html, body, form { margin: 0; padding: 0; }
   4 body { font-family: arial, sans-serif; background-color: #fff; }
   5 ul, ol, li, h1, h2, h3, h4, h5, p { margin: 0 0 0.5em 0; padding: 0; }
   6 li { margin-left: 2em; }
   7 a img { border: 0; }
   8 a:link { text-decoration: none; color: #00f; }
   9 a:visited { text-decoration: none; color: #639; }
  10 a:hover { text-decoration: underline; }
  11 a:active { text-decoration: underline; }
  12 input { text-indent: 2px; _text-indent: 0; }
  13 input[type="submit"] { text-indent: 0; }
  14 hr { display: none; }
  15
  16 h1 { font-size: 130%; }
  17 h2 { font-size: 120%; }
  18 h3 { font-size: 110%; }
  19 h4 { font-size: 100%; }
  20 h5 { font-size: 100%; }
  21
  22 .hide, .dupe { display: none; }
  23 .nomb { margin-bottom: 0; }
  24 .nom { margin: 0; }
  25 .mt { margin-top: 1em; }
  26 .mb { margin-bottom: 1em; }
  27 .mt2 { margin-top: 2em; }
  28 .mb2 { margin-bottom: 2em; }
  29 .mbsmall { margin-bottom: 0.3em; }
  30 .unbold { font-weight: normal; }
  31 .cleardiv { clear: both; height: 1px; font-size: 0; line-height: 0; } /*13*/
  32 .grey { color: #666; }
  33 .ltgrey { color: #999; }
  34 .size100 { font-size: 100%; }
  35 .smaller { font-size: 85%; }
  36 .verysmall { font-size: 76.01%; }
  37 .readwrap { width: 40em; }
  38 .readwrap h1, .readwrap h2, .readwrap h3, .readwrap h4, .readwrap h5 { margin-top: 1em; }
  39 .flat-list { list-style-type: none; }
  40 .flat-list li { margin-left: 0; }
  41 .inline-list { display: inline; list-style-type: none; margin: 0; padding: 0; }
  42 .inline-list li { display: inline; margin: 0; padding: 0; }
  43 .error, .important, .notice { color: red; }
  44 .succeed { color: green; }
  45 .left { float: left; }
  46 .right { float: right; }
  47 .alwaysblue a:link, .alwaysblue a:visited { color: #00f; }
  48 .hand:hover { cursor: pointer; }
  49
  50 #header-mini { background-color: #ddd; padding: 0.3em 0.5em; margin: 0 0 8px; }
  51 #header-mini h1 { font-size: 130%; margin: 0; background: /*20!!*/url(http://images.del.icio.us/static/img/delicious.gif)/*20!!*/ center left no-repeat; padding: 0 0 0 26px; }
  52 #header { background-color: #fff; padding: 0.3em 1em 1em; _padding-top: 0.8em; /*14*/ _height: 1px; /*1*/ }
  53 #header a:link, #header a:visited { color: #00f; }
  54 #header-l { float: left; background: /*20!!*/url(http://images.del.icio.us/static/img/delicious.42px.gif)/*20!!*/ bottom left no-repeat; padding: 0 0 0 42px; min-height: 42px; _height: 42px; }
  55 #header-r { float: right; text-align: right; }
  56 #header h1 { font-size: 130%; margin: 0; line-height: 1.8; padding: 0.6em 0 0.17em 11px; /*17*/ _line-height: 1.45; _padding: 0.47em 0 0.3em 11px; /*12*/ }
  57 #header .auth-h1 { padding: 0 0 0 11px; /*17*/ }
  58 .fp #header .unauth-h1 { line-height: 1.1; padding: 0.37em 0 0 11px; _padding-top: 0; /*21*/ }
  59 #header #socialbookmarking { color: #bbb; }
  60 #header-global-links { font-size: 80%; margin: 0; line-height: 2.925; height: 2.925em; _line-height: 2.35625em; _height: 2.35625em; /*12*/ white-space: nowrap; _width: 1px; /*2*/ }
  61 #header-auth-links { font-size: 80%; margin: 0; line-height: 1.25; height: 1.25em; white-space: nowrap; _width: 1px; /*2*/ }
  62 #header-auth-links.no-global { font-size: 80%; margin: 2.1em 0 0 0; _margin-top: 1.5em; line-height: 1.25; height: 1.25em; white-space: nowrap; _width: 1px; /*2*/ }
  63 #header-user-links { font-size: 80%; margin: 0; padding-left: 0.938em; line-height: 1.25; height: 1.25em; white-space: nowrap; _width: 1px; /*2*/ }
  64 #header #hdr-profile { font-weight: normal; font-size: 70%; }
  65
  66 #header-warning { text-align: center; background-color: #f99; font-size: 80%; padding: 0.5em; margin: 0 1.25em 0.33em; }
  67
  68 #main { margin: 1em 1em 0 1em; }
  69 .fp #main { margin: 0em 1em 0 1em; }
  70
  71 #banner-hr { background-color: #eee; height: 0.4em; border: 1px solid #ccc; border-width: 1px 0 0 0; margin: 0 1em 0.33em 1em; clear: both; }
  72
  73 #fp-intro { padding-bottom: 0.7em; }
  74 #fp-bullets { float: left; width: 65%; }
  75 #fp-bullets h2 { font-size: 130%; margin: 0.3em 0 0.75em 53px; /*22*/ padding: 0; }
  76 #fp-bullets span { display: block; float: left; margin-left: -53px; _margin-left: -26px; text-align: right; width: 42px; margin-right: 11px; _margin-right: 7px; /*23*/ }
  77 #fp-bullets .learnmore { font-size: 80%; float: left; margin: 0 0 1em 1em; padding-top: 0.5em; }
  78 #fp-bullets #getstarted { text-align: right; padding-right: 2em !important; }
  79 #fp-tagblurb { float: right; width: 34%; background-color: #999; color: #fff; }
  80 #fp-tagblurb h2 { font-size: 160%; margin: 0 0 0.2em 0; padding: 0; }
  81 #fp-tagblurb-inner { padding: 1.5em; font-size: 80%; line-height: 1.2; }
  82 #fp-tagblurb-inner a:link, #fp-tagblurb-inner a:visited { color: #fff; }
  83 #fp-tagblurb-inner .learnmore { text-align: right; margin: 0; padding: 0; }
  84
  85 #fp-hotlist { float: left; width: 65%; }
  86 #fp-hotlist-title { font-size: 120%; background-color: #000; color: #fff; padding: 0.3em 1em; position:relative; }
  87 #fp-hotlist-byline { display: inline; font-weight: normal; font-size: 65%; margin: 0 0 0 2.75em; padding: 0; }
  88 #fp-hotlist-bylinks { text-align: right;/*24*/ font-size: 80%; padding: 0.3em 1em; color: #666; }
  89 #fp-hotlist .hotnow { float: left; font-size: 80%; color:#999; width: 94px; text-align:center; margin: 0; padding: 0.3em 0; }
  90 #fp-hotlist .hotlist {margin:0; font-size:80%; color:#888; line-height:1.2em; position:relative; padding:0;}
  91 #fp-hotlist .hotlist ol {margin:0; padding:0; list-style-type: none;}
  92 #fp-hotlist .hotlist ol li {margin:0 0 0.6em 0; padding:0 0 .6em 102px; position:relative; border-bottom:1px solid white; clear:both; _height: 68px; min-height: 68px}
  93 #fp-hotlist .hotlist li h4 {font-size:120%; margin:0.1em 8em .2em 0; line-height:1.2em; }
  94 #fp-hotlist .hotlist li h4 img { position: absolute; left: 0; top: 0; border: 1px solid #ccc; padding: 1px; }
  95 #fp-hotlist .hotlist li .savethis {margin-left:0.5em; font-size:82%; font-weight:normal}
  96 #fp-hotlist .hotlist li .savethis a { color: #708cf2; white-space: nowrap; }
  97 #fp-hotlist .hotlist li .savethis a:visited { color: #708cf2; }
  98 #fp-hotlist .hotlist li .meta {position:absolute; top: 0.1em; _top:0.3em; right:0; width:10em;}
  99 #fp-hotlist .hotlist li .meta strong {display:block; font-weight:normal; padding-top:.24em; }
 100 #fp-hotlist .hotlist li .meta strong .num {display:block; text-align:right; font-size:130%}
 101 #fp-hotlist .hotlist li .meta strong .num .numbox { background-color: blue; color: white; padding: 0.2em 0.3em; _padding-top: 0.1em; font-weight: bold; font-size: 82%; }
 102 #fp-hotlist .hotlist li .meta strong .num .numbox a { color: white; }
 103 #fp-hotlist .hotlist li .meta strong .num .numbox a:visited { color: white; }
 104 #fp-hotlist .hotlist li .meta strong .label {display:block; float:right; margin-left: 0.2em; _margin-left: 0; width:3.8em; _width:3.7em; padding-left:.2em; text-align:left; }
 105 #fp-hotlist .hotlist .tags a, #fp-hotlist .hotlist .tags a:visited {color:#444}
 106 #fp-hotlist .hotlist .tags { background:#eee; text-align:right; margin-right:4.2em; overflow:visible; position:relative; zoom:1;}
 107 #fp-hotlist .hotlist .tags {min-height:1.6em; _height:1.6em; }
 108 #fp-hotlist .hotlist .tags p { padding:.2em 0 .2em .2em; float:left; }
 109 #fp-hotlist .hotlist .tags .label {position:absolute; right:-4em; width:3.6em; text-align:left; background:#fff; padding-top:.2em}
 110 #fp-hotlist .hotlist .tags div {padding-top:.2em}
 111 #fp-hotlist .hotlist .tags ul { background:#eee; margin:0; padding:0; list-style:none; position:relative}
 112 #fp-hotlist .hotlist .tags ul { display:inline; _float:right}
 113 #fp-hotlist .hotlist .tags ul li { margin:0; padding:0 .3em; display:inline; border-left:2px solid #fff; border-bottom:none; }
 114 #fp-hotlist .hotlist .tags li a, #fp-hotlist .listitem .tags li a:visited {color:#666;}
 115 #fp-hotlist .hotlist .tags li a:hover {color:#666; padding:0}
 116
 117 #curated { float: right; width: 34%; }
 118 #curated h3 { background-color: #eee; padding: 0.3em 1em; margin: 0 0 0.4em 0; font-size: 120%; position: relative; }
 119 #curated .linkmore { position: absolute; display: block; top: 0.8em; right: 0.61em; font-size: 65%; font-weight: normal; }
 120 #curated ol li h4 { margin: 1.4em 0 0 0; padding: 0.2em 0.6em; font-size: 90%; }
 121 #curated ol { list-style-type: none; margin:0; padding:0; }
 122 #curated li { margin: 0; padding: 0; }
 123 #curated ol li ol li { margin: 0 0 0 1.463em; padding: 0.2em 0em; border-top: 1px solid #ddd; font-size: 82%; line-height: 1.15; }
 124 #curated ol li ol li.first { border-top: none !important; }
 125
 126 #infobar { font-size: 80%; background-color: #eee; padding: 0.5em 0.8em; border: 1px solid #ccc; border-width: 1px 0; /*8*/ margin: 0 1.25em 0.417em; min-height: 2.3em; _height: 2.3em; clear: both; }
 127 #infobar .search-box { float: right; padding-top: 0.25em; }
 128 #infobar #page-desc { font-size: 100%; font-weight: normal; margin: 0; padding: 0.3em 0 0.7em 0; line-height: 1.3; }
 129 #infobar #page-desc.multi-line { padding-bottom: 0.2em; }
 130 #infobar a:link, #infobar a:visited { color: #00f; }
 131
 132 .posts { list-style-type: none; }
 133 .posts li { margin: 0; background-color: #fff; }
 134 .post { font-size: 76.01%; padding: 0 0 0.75em 0; }
 135 .post .desc { font-weight: normal; font-size: 132%; line-height: 1.2; margin: 0;  }
 136 .post .meta { color: #999; font-size: 100%; }
 137 .post .meta a { color: #99F; }
 138 .post p.notes, .post .meta .extended { font-size: 100%; color: #333; margin: 0.1em 0; padding: 0; }
 139
 140 #inline-suggestions { border: 2px solid #eee; border-top: none; position: absolute; background-color: #fff; padding: 2px; }
 141 #inline-suggestions .tag { font-size: 80%; display: block; color: #000; cursor: default;  }
 142 #inline-suggestions .selected, #suggestions .tag:hover  { background-color: #008 !important; color: #fff !important; text-decoration: none; cursor: pointer; }
 143
 144 table.post-form { width: '75%'; min-width: '400px'; max-width: '800px'; }
 145
 146 .posts .gripe { border: 2px solid #f0f; }
 147 .posts .private h4.desc { color: #888; }
 148 .posts .first-old-post { border-top: 1px dashed #ccc; padding-top: 0.5em; margin-top: 0.5em; }
 149
 150 .post button { border: 2px outset #eee; background-color: #eee; font-size: 100%;  }
 151 .post input.url, .post input.tags, .post input.notes { font-size: 1.1em; color: #000; }
 152 .post input.desc { font-size: 145%; }
 153 .post textarea.notes, .post input.notes { color: #000; font-size: 110%; }
 154 .post label { font-size: 130%; }
 155 .post td.first { text-align: right; width: 2em; }
 156
 157 .post h4.desc { display: inline; }
 158 .post .commands { display: inline; color: #999; }
 159 .post .commands a { color: #99f; }
 160 .colorBar { font-size: 132%; padding: 0 1em; }
 161 .highlighted { padding: 0.5em; background-color: #ffffd0 !important; }
 162 .by-url .post { margin: 0 0 0 7em; position: relative; }
 163 .by-url .date { position: absolute; top: 0; left: -6.36em; font-size: 1.1em; color: #000; }
 164 .by-minute .post { margin: 0 0 0 8em; position: relative; z-index: 0; }
 165 .by-minute .date { position: absolute; top: 0.2em; left: -8em; color: #000; }
 166 img.player { margin-right: 0.5em; cursor: pointer; }
 167 object.player, embed.player { vertical-align: bottom; }
 168
 169 #sidebar, #related-sidebar { float: right; border: 0.5em solid #fff; border-width: 0 1em 0.5em 0.33em; /*16*/ margin: 0 0 0 0; /*19*/ padding: 0; }
 170 #sidebar a:visited, #related-sidebar a:visited { color: #00f; }
 171 #related-sidebar { border-width: 0 0 0.33em 0.33em; margin: 0 0 0 0; /*19*/ }
 172 .sidebar-inner { background-color: #eee; font-size: 80%; border: 1px solid #ccc; border-width: 1px 0; padding: 1em; /*11*/ }
 173 #related-sidebar .sidebar-inner { padding: 1em 1.5em 1em 0.5em; }
 174 .sidebar-inner.h2-on-top { padding-top: 0.25em !important; /*18*/}
 175 .sidebar-break { margin: 0 -1em 1em; border: 1px solid #ccc; border-width: 1px 0; background-color: white; height: 0.43em; overflow: hidden; line-height: 1%; }
 176 #sponsored .sidebar-break { margin: 0 0 1em; border: 1px solid #ddd; border-width: 1px; background-color: #ddd; height: 1px; overflow: hidden; line-height: 1px; }
 177 #sidebar.cloud { width: 28%; }
 178 #sidebar ul, #related-sidebar ul { list-style-type: none; margin: 0; }
 179 #sidebar li, #related-sidebar li { margin: 0; }
 180 #sidebar h2, #related-sidebar h2 { font-size: 140%; margin: 0 0 0.25em 0; line-height: 1; }
 181 #sponsored #sidebar { width: 14em; border-left-width: 1em; }
 182 #sponsored #sidebar h3 { margin: 0.4em 0 0.3em; padding: 0; font-size: 76%; font-weight: normal; color: #999; text-align: right; }
 183 #sponsored #sidebar .sidebar-inner { padding-bottom: 0; }
 184 #sponsored #sidebar .matchtitle { margin: 0; padding: 0; font-size: 110%; font-weight: normal; }
 185 #sponsored #sidebar .matchdesc { margin: 0; }
 186 #sponsored #sidebar .matchdomain { margin: 0 0 1em 0; color: #090; }
 187 .cloud .bundle h3 { text-align: left; font-size: 110%; margin: 0 0 0 -4px; padding-right: 0.2em; display: inline; }
 188 .cloud .bundles li li, .cloud .bundles ul { display: inline; }
 189 .cloud .bundles li.options li, .cloud .bundles li li.options { display: block; }
 190 .cloud li.options a { font-size: 100%; }
 191 .cloud li.bundle { text-align: justify; padding: 0 0 4px 10px; /*7*/ }
 192 .cloud li a { font-size: 90%; }
 193 .cloud li.multi { text-align: right; /*9*/ }
 194 .cloud .rel { text-align: justify; /*9*/ }
 195 .bundles .one { color: #77f; }
 196 .bundles .cur { color: red; }
 197 .bundles .cur:visited { color: red !important; }
 198 .bundles .ten, .bundles .cur { font-size: 110%; }
 199 .bundles .grey span { color: #888; }
 200 .bundles img { position: relative; padding-right: 4px; }
 201 ul.bundles li.ffhack { font-size: 1px; line-height: 0; display: block !important; } /*6*/
 202 .arrow { margin-left: -10px !important; }
 203 .arrow span { padding-left: 0 !important; }
 204 .bundles .label { color: #000; }
 205
 206 .list { padding: 0 0.5em 1em 1em; }
 207 .list .bundles, .cloud .bundles { padding-bottom: 0.5em; }
 208 .list .label span { font-weight: bolder; font-size: 110%; text-decoration: none; padding-left: 33px; }
 209 .list .bundle img { float: left; margin-right: 8px; text-align: right; padding: 6px 0 0 25px; }
 210 .list .bundles .bundle { margin-bottom: 0.5em !important }
 211 .list li li span, .list .option span { line-height: 1.2; float: left; width: 25px; margin-right: 8px; text-align: right; clear: left; }
 212 .list li li { line-height: 1.2; }
 213
 214 .pager { margin: 1em 0; font-size: 80%; }
 215
 216 .postui { font-size: 14px }
 217 .postui .tag { padding: 2px; text-decoration: none; }
 218 .postui ul { list-style-type: none; }
 219 .postui .selected, .postui .tag:hover  { background-color: #008 !important; color: #fff !important; text-decoration: none; }
 220 .postui .recommended { color: #080;  }
 221 .postui input { margin-left: 0; padding-left: 0; text-indent: 0; }
 222 td.rs { text-align: right; }
 223 .postui .bundle .tag, #suggest .tag { font-size: 90%; }
 224 a.noclicky, a.noclicky:hover { cursor: default; color: #000; text-decoration: none; }
 225 a.clicky { color: blue; cursor: pointer; }
 226 .postui ul li.bundle { padding: 0.25em 0.6em; text-align: justify; display: none; }
 227 .postui ul li.bundle {padding:0;margin:0 0 0.3em}
 228 .postui .bundle .label { display: inline; }
 229 .postui .fold { display: block; }
 230 .postui #notes { font-family: arial, sans-serif; font-size: 80%; }
 231 .postui .label span { text-align: left; font-weight: bolder; font-size: 100%; }
 232 .postui #sort { font-size: 85%; float: right; _margin-top: -25px; margin-top: 0.2em; white-space: nowrap; }
 233 .postui .bundles .label { color: #000; }
 234 .postui .bundles { margin-top: 0.5em; }
 235 .postui .bundle { margin: 0 0 0 1em; }
 236 .postui .popup { position: absolute; background-color: #eee; border-top: 1px solid #ccc }
 237
 238 #footer { padding: 0 0 0.5em 0; text-align: left; clear: left; }
 239 #footer-inner { margin: 3em 1em 0 1em; }
 240 #bottom { clear: left; height: 1px; overflow: hidden; }
 241 .fp #footer-inner { margin-top: 0.5em; }
 242 #footer-hr { background-color: #eee; height: 0.4em; border: 1px solid #ccc; border-width: 0 0 1px 0; margin: 0.5em 0; }
 243 #footer ul { font-size: 75%; }
 244 #footer li { display: inline; border-left: 1px solid #444; padding: 0 0.4em; margin: 0; }
 245 #footer li.first { border-left: 0; padding-left: 0; }
 246 #items-per-page { font-size: 76.01%; }
 247 #items-per-page a:link, #items-per-page a:visited { color: #00f; }
 248 .rss img { vertical-align: bottom; }
 249 #banme:link, #banme:hover { color: #fff; text-decoration: none; }
 250
 251 #offset-page { margin: 4em 0 0 4em; }
 252 #offset-page #leftside { float: left; margin: 0 1em 2em 0; width: 20em; }
 253 #offset-page .wider #leftside { float: left; margin: 0 1em 2em 0; width: 24em; }
 254 #offset-page #leftside p, #login #leftside h1, #login #leftside h2, #login #leftside h3 { margin-bottom: 0.75em; }
 255 #offset-page #rightside { float: left; width: 18em; margin-bottom: 2em; }
 256 #offset-page form { line-height: 1.4; }
 257 #offset-page .right-labels label {  }
 258 #offset-page label { font-size: 100%; display: block; float: left; clear: both; width: 4.5em; margin-right: 1em; }
 259 #offset-page .wider label { width: 9em; }
 260 #offset-page .label-indent { margin-left: 5.5em; }
 261 #offset-page .wider .label-indent { margin-left: 10em; }
 262 #offset-page #leftside img { padding: 5px 0 0 0; _padding: 0 0 1px 0; }
 263 #offset-page .sized { width: 10em; font-size: 80%; }
 264 #offset-page .wider .sized { width: 15em; font-size: 80%; }
 265 #offset-page .button { font-size: 80%; }
 266 #offset-page h3 { font-size: 100%; }
 267 #offset-page .notice { color: #f00; }
 268
 269 #signup-steps { list-style-type: none; margin: 0 0 1em 0; padding: 0 0 1em 0; font-weight: bold; color: #999; border-bottom: 1px #999 dashed; }
 270 #signup-steps { _padding-top: 0.5em; /*20*/ }
 271 #signup-steps li { display: inline; margin: 0 2em 0 0; }
 272 #signup-steps li span { background-color: #999; padding: 0.3em 0.5em; margin-right: 0.5em; color: white; }
 273 #signup-steps li.cur { color: #090; }
 274 #signup-steps li.cur span { background-color: #090; }
 275 #register { margin-right: 1em; width: 45em; }
 276 #register h4 { color: #090; }
 277 .next-steps { padding: 1em 0; }
 278 .next-steps h4 { display: inline; border: 1px solid #fc6; background-color: #ffc; padding: 0.3em 0.5em; margin-right: 1em; }
 279 .next-steps h4 a:link, .next-steps h4 a:visited { color: #00f; }
 280 #register .left-column { float: left; width: 19em; }
 281 #register .right-column { margin-left: 21em; width: 19em; }
 282 #register .left-column img { display: block; margin: 0 auto 1em; }
 283 #register .right-column img { display: block; margin: 0 auto 1em; }
 284 .flockregister { margin: 0 0 1em 0; padding: 1em; background-color: #fff0a2; max-width: 41.5em; -moz-border-radius: 10px; }
 285
 286 #keep-share-discover { background-color: #eee; padding: 0.5em; font-size: 76%; }
 287 #keep-share-discover p { margin-bottom: 0.75em; }
 288 #keep-share-discover .learn-more { text-align: right; margin-bottom: 0; }
 289
 290 a.expand-help { cursor: pointer; font-size: 64%; color: blue; text-decoration: none; font-weight: normal; padding-left: 1em; }
 291 a.expand-help:hover { text-decoration: underline; }
 292 .hidden-help { padding: 0.5em 0; }
 293 #bookmarklet-instructions .screenshot { border: 1px solid black; display: block; margin: 1em 0; }
 294 #bookmarklet-instructions img.button { vertical-align: bottom; }
 295 #bookmarklet-instructions .instruction { padding-bottom: 1em; }
 296 a.bookmarklet2:link, a.bookmarklet2:visited { color: #003DF5; font-weight: bold; }
 297 a.bookmarklet2:hover { text-decoration: none; }
 298 .instructions { color: #FF0000; font-weight: bold; }
 299
 300 #bundle-edit { margin-right: 11em; padding: 0; }
 301 #bundle-edit #leftcol { font-size: 80%; float: left; width: 15em; }
 302 #bundle-edit #leftcol p { margin-right: 1em; }
 303 #bundle-edit h3 { font-size: 135%; }
 304 #bundle-edit a { color: #00e; }
 305 #bundle-edit .tag { padding: 0.1em; line-height: 1.6; }
 306 #bundle-edit .one { color: #77f; }
 307 #bundle-edit .ten { font-size: 110%; color: #00f; }
 308 #bundle-edit .one-nb { }
 309 #bundle-edit .ten-nb { font-size: 110%; }
 310 #bundle-edit .member { background-color: #fcc; color: #f00; }
 311 #bundle-edit .used { border: 1px solid #faa; }
 312 #bundle-edit .usedmember { background-color: #fcc; color: #f00; border: 1px solid #f99; }
 313 #bundle-edit #bundle-list { list-style: none; margin: 0; padding: 0; }
 314 #bundle-edit #bundle-list li { margin: 0; padding: 0.3em; }
 315 #bundle-edit .bg { background-color: #eee; }
 316 #bundle-edit #tagarea { font-size: 80%; margin-left: 15em; padding: 0.5em; }
 317 #bundle-edit #taglist { text-align: justify; padding-bottom: 1em; }
 318 #bundle-edit #inputarea { padding-bottom: 1em; }
 319 #bundle-edit #flash-saved { vertical-align: top; }
 320 #bundle-edit textarea { font-family: arial, sans-serif; width: 23em; height: 4em; font-size: 100%; }
 321 #bundle-edit #save-button { padding-top: 0.2em; padding-bottom: 0.2em; vertical-align: top; }
 322
 323 .slider { position: relative; left: 0; top: 0; font-size: 0; display: inline; padding-right: 85px; min-width: 80px; }
 324 .slider-button { position: absolute; top: 2px; cursor: pointer; min-width: 10px; min-height: 10px; width: 10px; height: 14px !important; height: 14px; border: 2px solid #888; background-color: #ccc; }
 325 .slider-track { position: absolute; left: 0px; top: 10px; height: 4px; width: 80px; background-color: #444; }
 326
 327 .crumb {
 328  font-weight: 700; font-size: 1.0em; background-color: #fff;
 329  border: 1px solid #bbb; color: #000; font-family: arial, sans-serif; _vertical-align: middle; text-indent: 0.2em; _text-indent: 0;
 330 }
 331 .crumb-focus { background-color: #fff; border: 1px solid #666; }
 332
 333 #help-page { font-size: 90%; width: 40em; }
 334 #help-page h1, #help-page h2, #help-page h3, #help-page h4, #help-page h5 { margin: 1em 0; color: green; }
 335 #help-page h2 { margin: 1.5em 0 0.5em 0 !important; }
 336 #help-page h3 { font-size: 100%; margin: 1em 0 0.5em 0 !important; }
 337 #help-page ul { list-style-type: none; margin: 0 0 1em 0; padding: 0; }
 338 #help-page li { margin: 0.2em 0; padding: 0; }
 339 #help-page img.brdr { border: 1px solid #ccc; padding: 1px; margin: 1em; }
 340
 341 #notifybar { border-bottom: 2px dotted #ccc; margin: 0.3em 1em 0em 1em; }
 342 #notifycontent { font-size: 80%; text-align: right; padding: 0.5em 0 0.5em 0; }
 343 #notifytext { color: #999 }
 344 #notifyalerttext { color: red; }
 345 #notifyclose { padding-left: 1.5em; color: #999 }
 346
 347 #partner-img{padding:0 0 0 18em;}
 348
 349 /* please stop using these styles and replace them with semantic markup and css goodness */
 350 .delPostBold{font-weight:bold;padding: 1.0pc 0 0 0em}
 351 .delPostBold{font-weight:bold;padding: 1.0pc 0 0 0em}
 352 DIV.delRightTitle, DIV.delPostInfo { font-weight: bolder; font-size: 150%; margin-left: 0 }
 353 DIV.delRightTitle, .list h2 { margin: 0 0 0.5pc 0; padding: 0.5pc 0 0 0 }
 354 .delPage h2 { display:inline; font-size: 100%; font-weight: normal }
 355 .delPost { margin-bottom: 0.25pc; font-size: 100%; padding: 0.5ex 0 0 0 }
 356 DIV.delPostInfo { margin-bottom: 0.25pc; font-size: 100%; padding: 1.0pc 0 0 0 }
 357 DIV.delPostExtended { font-size: 90%; margin-left: 0 }
 358 DIV.delBookmark { float: left; }
 359 .delMain { padding: 0 }
 360 DIV.delPage { padding: 0.5em; background-color: #eee; }
 361 .delInfo { padding-left: 0.5em; margin-bottom: 0.25pc; font-size: 100%; padding-top: 0.5pc; }
 362 SPAN.delNote { font-size: 80%; }
 363 SPAN.delNum { float: left; width: 20px; margin-right: 8px; text-align: right;}
 364 a.delTag, a.delCmd { font-size: 80%; }
 365 div.helpcol{margin:10px 0 0 10px;float: left; width: 30%;}
 366 h3.helpcol{font-size:100%; padding:.5em 0 0 0;}
 367 ul.helpcol{ list-style:square; font-size:85%; margin:10px 0 5px 20px; }
 368 li.helpcol {margin: 0 0 0.5em 0; }
 369 .aboutTop{font-size:120%; font-weight:bold;padding:.2em;}
 370 .aboutBottom{font-size:100%;padding:.1em;}
 371 .aboutsmall{font-size:85%;padding:0 0 .5em 0;}
 372 .aboutline{font-size:85%;}
 373 .abouthead{font-size:100%; padding:.2em 0 .3em 0; font-weight:bold; color:#090;}
 374 ul.about{ list-style:square; font-size:85%; margin:1em 0 1em 1em; }
 375 li.about{margin: 0 0 0.5em 0; }
 376 .navactive{color:#0000FF; font-weight:bold;}
 377 .aboutMain { padding: 0.5ex 0.5em 0.5pc 0.5em; width: 40em;}
 378 .aboutpic{padding:1em 0 1em 0;}
 379 .api-response{background-color:#DDDDDD;}
 380 .api-doc h2{color:#C00;font-size:120%; font-weight:normal; padding:.5em 0 0 0;}
 381 .api-doc h3 { font-size: 110%; font-weight:normal; }
 382 .api-doc h4 { font-size: 85%;font-weight:normal; }
 383
 384 #partner-img{padding:0 0 0 18em;}
 385
 386 #notifybar { border-bottom: 2px dotted #ccc; margin: 0.3em 1em 0em 1em; }
 387 #notifycontent { font-size: 80%; text-align: right; padding: 0.5em 0 0.5em 0; }
 388 #notifytext { color: #999 }
 389 #notifyalerttext { color: red; }
 390 #notifyclose { padding-left: 1.5em; color: #999 }
 391
 392 .shortcut { }
 393 .shortcutform { }
 394 .shortcutform input.query { width: 75%; }
 395 .crumbform { display: inline; margin: 0; padding: 0; }
 396
 397 /*
 398 .saving .post-form { background: url(/static/img/indicator.white.gif) no-repeat 1.5em 10em; }
 399 */
 400
 401 .tagdesc_display { border-bottom: 1px solid #999; padding: 0.6em; margin-top: -0.5em }
 402 .tagdesc_display .options { white-space: nowrap; color: #999999;  }
 403 .tagdesc_display .options a { color: #9999ff; }
 404 .tagdesc_display p { margin: 0 1em 0 0; }
 405
 406 #tagdesc_show_wrapper { font-size: 85%; font-weight: normal; color: #999999; }
 407 #tagdesc_show { color: #9999ff; }
 408
 409 .tagdesc_new { font-size: 90%; color: red }
 410 a.tagdesc_create { font-weight: bold; }
 411
 412 .tagdesc_delete { padding-top: 0.5em; }
 413 .tagdesc_delete p { font-size: 80%; font-weight: bold;  }
 414
 415 .tagdesc_editor { width: 55%; background-color: #eee; padding: 0.6em; margin-left: 1.5em; font-size: 80% }
 416 .tagdesc_editor table { width: 100%; }
 417 .tagdesc_editor tr { vertical-align: middle; }
 418 .tagdesc_editor th { font-weight: normal;  width: 12ex; text-align: right; vertical-align: top }
 419 .tagdesc_editor td { font-weight: normal;  vertical-align: middle; padding-right: 2em; }
 420 .tagdesc_editor label { padding-right: 1em; }
 421 .tagdesc_editor .input_text { display: block; width: 100%; margin-bottom: 0.5em; font-family: sans-serif; font-size: 100% }
 422 .tagdesc_editor td.savecancel { }
 423 .tagdesc_editor td.savecancel div.counter { float: left; color: #888; }
 424 .tagdesc_editor td.savecancel div.counter_over { float: left; color: #f33; }
 425 .tagdesc_editor td.savecancel input { width: 10ex; display: block; float: right; }
 426 .tagdesc_editor td.savecancel input.save { margin-right: 1em; }
 427 .tagdesc_editor td.savecancel input.cancel { }
 428 .tagdesc_editor .deleteCell input { margin-right: 1em; }