theme/neo/css/display.css

   1 /** theme: neo
   2  *
   3  * @package   StatusNet
   4  * @author    Samantha Doherty <sammy@status.net>
   5  * @copyright 2011 StatusNet, Inc.
   6  * @license   http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
   7  * @link      http://status.net/
   8  */
   9
  10 @font-face {
  11     font-family: 'Lato';
  12     src: url('../fonts/lato-regular-webfont.eot?') format('eot'), url('../fonts/lato-regular-webfont.woff') format('woff'), url('../fonts/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato-regular-webfont.svg#webfontCjmEHx3G') format('svg');
  13     font-weight: normal;
  14     font-style: normal;
  15 }
  16
  17 @font-face {
  18     font-family: 'Lato';
  19     src: url('../fonts/lato-bold-webfont.eot?') format('eot'), url('../fonts/lato-bold-webfont.woff') format('woff'), url('../fonts/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato-bold-webfont.svg#webfontCjmEHx3G') format('svg');
  20     font-weight: bold;
  21     font-style: normal;
  22 }
  23
  24 @font-face {
  25     font-family: 'Lato';
  26     src: url('../fonts/lato-italic-webfont.eot?') format('eot'), url('../fonts/lato-italic-webfont.woff') format('woff'), url('../fonts/lato-italic-webfont.ttf') format('truetype'), url('../fonts/lato-italic-webfont.svg#webfontCjmEHx3G') format('svg');
  27     font-weight: normal;
  28     font-style: italic;
  29 }
  30
  31 @media screen, projection, tv {
  32
  33 body {
  34     background-color: #C6C8CC;
  35     background-image: url(../images/bg.png);
  36     font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
  37     font-size: 14px;
  38     line-height: 1.6;
  39     color: #222;
  40 }
  41
  42 input, textarea, select, option {
  43     font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
  44     font-size: 1em;
  45 }
  46
  47 a {color: #3e3e8c;}
  48 a:hover {color: blue;}
  49
  50 abbr {border-bottom: none;}
  51
  52 h1 {font-size: 1.6em;}
  53 h2 {font-size: 1.6em;}
  54 h3 {font-size: 1.4em;}
  55 h4 {font-size: 1.4em;}
  56 h5 {font-size: 1.2em;}
  57 h6 {font-size: 1em;}
  58
  59 #wrap {
  60     width: 960px;
  61     margin: 0px auto;
  62     background: #fff url('../images/brdr_black_dot.png') repeat-x 0px 10px;
  63     border-left: 10px solid #fff;
  64     border-right: 10px solid #fff;
  65     padding-top: 10px;
  66 }
  67
  68 #header {
  69     width: 960px;
  70     padding: 0px;
  71     padding-top: 12px;
  72 }
  73
  74 address {
  75     float: left;
  76     position: relative;
  77     top: 1px;
  78     left: 2px;
  79     margin: 0px;
  80     padding: 0px;
  81     height: 24px;
  82     width: 148px;
  83     z-index: 99;
  84 }
  85
  86 #site_nav_global_primary {
  87     display: block;
  88     position: absolute;
  89     top: 10px;
  90     right: 0;
  91     width: 800px;
  92     margin: 0px;
  93     height: 24px;
  94     line-height: 20px;
  95     -webkit-border-top-right-radius: 6px;
  96     -moz-border-radius-topright: 6px;
  97     border-top-right-radius: 6px;
  98     background: #364A84;
  99     background: -moz-linear-gradient(top, #516499 , #364a84);
 100     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
 101     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 ); /* XXX move all to ie.css */
 102 }
 103
 104 #site_nav_global_primary ul {
 105     float: right;
 106 }
 107
 108 #site_nav_global_primary li {
 109     margin-right: 0px;
 110 }
 111
 112 #site_nav_global_primary li:last-child {
 113     margin-right: 10px;
 114 }
 115
 116 #site_nav_global_primary a {
 117     color: #fff !important;
 118     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 119     padding: 2px 10px 2px 10px;
 120     height: 20px;
 121     display: block;
 122     float: left;
 123 }
 124
 125 #site_nav_global_primary a:hover {
 126     color: #fff !important;
 127     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 128     background: #4c619c;
 129     text-decoration: none;
 130 }
 131
 132 #site_notice {
 133     color: #000;
 134     float: right;
 135     width: 280px;
 136     padding: 10px;
 137     margin-left: 40px;
 138     -webkit-border-radius: 6px;
 139     -moz-border-radius: 6px;
 140     border-radius: 6px;
 141 }
 142
 143 #site_notice a {
 144     color: #3e3e8c;
 145 }
 146
 147 #anon_notice {
 148     color: #000;
 149     clear: both;
 150     background: none;
 151     padding: 0px;
 152     margin-bottom: 10px;
 153 }
 154
 155 #anon_notice a {
 156     color: #3e3e8c;
 157 }
 158
 159 #core {
 160     clear: both;
 161     margin: 0px;
 162     width: 958px;
 163     border-top: 5px solid #FB6104;
 164     border-left: 1px solid #d8dae6;
 165     border-right: 1px solid #d8dae6;
 166 }
 167
 168 #aside_primary_wrapper {
 169     width: 100%;
 170     float: left;
 171     overflow: hidden;
 172     position: relative;
 173     background-color: #ececf2;
 174 }
 175
 176 #content_wrapper  {
 177     width: 100%;
 178     float: left;
 179     position: relative;
 180     right: 239px;
 181     background-color: #fff;
 182     border-right: 1px solid #d8dae6;
 183 }
 184
 185 #site_nav_local_views_wrapper  {
 186     width: 100%;
 187     float: left;
 188     position: relative;
 189     right: 561px;
 190     background-color: #ececf2;
 191     border-right: 1px solid #d8dae6;
 192 }
 193
 194 #site_nav_local_views {
 195     width: 138px;
 196     float: left;
 197     overflow: hidden;
 198     position: relative;
 199     left: 800px;
 200     margin-top: 0px;
 201     padding: 22px 10px 40px 10px;
 202 }
 203
 204 #site_nav_local_views H3 {
 205     margin-bottom: 10px;
 206     padding-bottom: 6px;
 207     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 208     color: #7a7c87;
 209     font-size: 1.1em;
 210     letter-spacing: 2px;
 211     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 212     text-transform: uppercase;
 213 }
 214
 215 #site_nav_local_views li {
 216     display: block;
 217     margin: 0px 0px 8px 0px;
 218 }
 219
 220 #site_nav_local_views li ul {
 221     margin-bottom: 20px;
 222 }
 223
 224 #site_nav_local_views a {
 225     display: block;
 226     width: 118px;
 227     padding: 0px 10px 1px 10px;
 228     -webkit-border-radius: 4px;
 229     -moz-border-radius: 4px;
 230     border-radius: 4px;
 231     text-transform: uppercase;
 232     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 233     word-wrap: break-word;
 234 }
 235
 236 #site_nav_local_views a:hover, #site_nav_local_views .current a {
 237     color: #fff;
 238     text-decoration: none;
 239     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 240     background: #364a84;
 241     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 242     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 243     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 244 }
 245
 246 #content {
 247     width: 520px;
 248     float: left;
 249     overflow: hidden;
 250     position: relative;
 251     left: 801px;
 252     margin: 0px;
 253     padding: 20px 20px 40px 20px;
 254 }
 255
 256 /* Input forms */
 257
 258 .input_forms {
 259     float: left;
 260     position: relative;
 261     top: -20px;
 262     left: -20px;
 263     padding: 18px 20px 0px 20px;
 264     background: #fafafa url('../images/brdr_black_dot.png') repeat-x bottom left;
 265 }
 266
 267 #input_form_nav {
 268     float: left;
 269     margin-bottom: 10px;
 270 }
 271
 272 #input_form_nav li a {
 273     display: block;
 274     float: left;
 275     padding: 0px 10px 1px 10px;
 276     margin-right: 10px;
 277     -webkit-border-radius: 4px;
 278     -moz-border-radius: 4px;
 279     border-radius: 4px;
 280     border: 1px solid #ECECF2;
 281     font-weight: bold;
 282     line-height: 1.4em;
 283     text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
 284     background: #ececf2;
 285     background: -moz-linear-gradient(top, #ffffff , #ececf2);
 286     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececf2));
 287     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececf2',GradientType=0 );
 288 }
 289
 290 #input_form_nav li:hover a, #input_form_nav li.current a {
 291     color: #fff;
 292     text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
 293     border: 1px solid #ececf2;
 294     background: #364a84;
 295     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 296     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 297     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 298 }
 299
 300 .input_form_nav_tab a, .input_form_nav_tab.current {
 301     text-decoration: none !important; /* XXX cf rebase */
 302 }
 303
 304 .input_form {
 305     position: relative;
 306     float: left;
 307     width: 520px;
 308     padding-bottom: 20px;
 309 }
 310
 311 #input_form_status, #input_form_direct {
 312     padding-bottom: 50px;
 313 }
 314
 315 .form_notice {
 316     padding: 0px;
 317     background: none;
 318 }
 319
 320 .form_notice fieldset {
 321     width: auto;
 322     position: static;
 323 }
 324
 325 .form_notice #notice_data-text-label {
 326     display: none; /* XXX move into input with js */
 327 }
 328
 329 .form_notice_placeholder .placeholder {
 330     width: 508px;
 331     padding: 4px 4px 4px 6px;
 332     border: 1px solid #a6a6a6;
 333     -webkit-border-radius: 4px;
 334     -moz-border-radius: 4px;
 335     border-radius: 4px;
 336     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 337     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 338     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 339     z-index: 97;
 340     font-size: 1em;
 341     color: #888;
 342 }
 343
 344 .form_notice textarea {
 345     width: 483px;
 346     height: 42px;
 347     padding: 6px 5px 18px 5px;
 348     border: 1px solid #a6a6a6;
 349     -webkit-border-radius: 4px;
 350     -moz-border-radius: 4px;
 351     border-radius: 4px;
 352     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 353     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 354     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 355     z-index: 97;
 356     font-size: 1.2em;
 357 }
 358
 359 #form_notice-direct.form_notice textarea {
 360     width: 508px;
 361 }
 362
 363 .form_notice label.notice_data-attach {
 364     top: 0px;
 365     right: 0px;
 366     z-index: 96;
 367 }
 368
 369 .form_notice .notice_data-geo_wrap label,
 370 .form_notice .notice_data-geo_wrap input {
 371     top: 26px;
 372     right: 0px;
 373     z-index: 99;
 374 }
 375
 376 .form_notice .count {
 377     position: absolute;
 378     top: 50px;
 379     right: 32px;
 380     font-size: 0.8em;
 381     height: 1em;
 382     z-index: 99;
 383 }
 384
 385 #form_notice-direct.form_notice .count {
 386     top: 78px;
 387     right: 7px;
 388 }
 389
 390 .form_notice #notice_action-submit {
 391     position: absolute;
 392     top: 100%;
 393     left: 0px;
 394     margin-top: -49px;
 395     float: left;
 396     width: 100px;
 397     padding: 0px;
 398     z-index: 99;
 399 }
 400
 401 .form_notice .error,
 402 .form_notice .success,
 403 .form_notice .notice-status {
 404     width: 478px;
 405     position: relative;
 406     top: 0px;
 407     float: none;
 408     clear: none;
 409     margin-left: 0px;
 410     margin-top: 10px;
 411     padding: 5px 5px 5px 10px;
 412     border: 1px solid #ccc;
 413     -webkit-border-radius: 4px;
 414     -moz-border-radius: 4px;
 415     border-radius: 4px;
 416 }
 417
 418 .form_notice .error {
 419     border: 1px solid #d05858;
 420 }
 421
 422 .form_notice .attach-status code {
 423     font-size: 1em;
 424 }
 425
 426 .input_form fieldset {
 427     margin: 0px;
 428     padding: 0px;
 429 }
 430
 431 .input_form fieldset fieldset {
 432     width: 400px;
 433     float: left;
 434     background: none;
 435     border: none;
 436     margin-bottom: 0px !important;
 437     padding: 0px !important;
 438 }
 439
 440 .input_form .form_settings .form_data li {
 441     position: relative;
 442     margin-bottom: 12px;
 443 }
 444
 445 .input_form fieldset fieldset label {
 446     position: absolute;
 447     top: 0;
 448     left: 6px;
 449     float: none;
 450     text-align: left;
 451     color: #888;
 452     cursor: text;
 453     background: #fff;
 454 }
 455
 456 .input_form .form_settings li input {
 457     width: 388px;
 458     margin-left: 0;
 459     margin-right: 0;
 460     padding: 4px 5px 4px 5px;
 461     border: 1px solid #a6a6a6;
 462     -webkit-border-radius: 4px;
 463     -moz-border-radius: 4px;
 464     border-radius: 4px;
 465     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 466     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 467     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 468     font-size: 1em;
 469 }
 470
 471 .input_form .form_settings li textarea {
 472     width: 388px;
 473     margin-left: 0;
 474     padding: 4px 5px 4px 5px;
 475     border: 1px solid #a6a6a6;
 476     -webkit-border-radius: 4px;
 477     -moz-border-radius: 4px;
 478     border-radius: 4px;
 479     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 480     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 481     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 482     z-index: 97;
 483     font-size: 1em;
 484 }
 485
 486 .input_form .form_settings p.form_guide {
 487     margin-left: 5px;
 488 }
 489
 490 .input_form .form_settings .submit {
 491     position: relative;
 492     top: 0;
 493     right: 0;
 494     float: right;
 495     width: 100px;
 496     height: 26px;
 497     line-height: 26px;
 498     padding: 0px 10px;
 499     margin: 0px;
 500     color:#fff;
 501     font-weight: bold;
 502     text-transform: uppercase;
 503     font-size: 1.1em;
 504     z-index: 1;
 505 }
 506
 507 .to-selector {
 508     padding-top: 15px;
 509     z-index: 99;
 510 }
 511
 512 .form_settings label[for=notice_to] {
 513     left: 5px;
 514     margin-left: 0px;
 515     margin-right: 10px;
 516     position: relative;
 517     clear: left;
 518 }
 519
 520 .checkbox-wrapper {
 521     padding: 2px;
 522     margin-left: 10px;
 523 }
 524
 525 .form_notice .checkbox-wrapper {
 526     display: inline;
 527     margin-left: 10px;
 528 }
 529
 530 .form_settings .checkbox-wrapper label.checkbox {
 531     margin-left: 0px;
 532     margin-top: 6px;
 533     line-height: 1.2em;
 534     left: -3px;
 535     float: none;
 536 }
 537
 538 .checkbox-wrapper #notice_private {
 539     display:none;
 540 }
 541
 542 .checkbox-wrapper.unchecked label.checkbox {
 543     padding-left: 20px;
 544     background: url(../images/lock_open.png) no-repeat 0px 0px;
 545     opacity: 0.6;
 546 }
 547
 548 .checkbox-wrapper.unchecked label.checkbox:hover {
 549     opacity: 1;
 550     cursor: pointer;
 551 }
 552
 553 .checkbox-wrapper.checked label.checkbox {
 554     padding-left: 20px;
 555     background: url(../images/lock.png) no-repeat 0px 0px;
 556     color: red;
 557     opacity: 1;
 558 }
 559
 560 .checkbox-wrapper.checked label.checkbox:hover {
 561     cursor: pointer;
 562 }
 563
 564 #aside_primary {
 565     width: 218px;
 566     float: left;
 567     overflow: hidden;
 568     position: relative;
 569     left: 802px;
 570     padding: 22px 10px 40px 10px;
 571     margin-top: 0px;
 572     background: none;
 573 }
 574
 575 #aside_primary .section {
 576     width: 100%;
 577     margin-left: 0px;
 578     margin-right: 0px;
 579     font-size: 0.88em;
 580 }
 581
 582 #aside_primary h2 {
 583     margin-bottom: 10px;
 584     padding-bottom: 6px;
 585     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 586     color: #7a7c87;
 587     font-size: 1.25em;
 588     letter-spacing: 2px;
 589     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 590     text-transform: uppercase;
 591 }
 592
 593 .profile_block .entity_actions {
 594     float: right;
 595     width: 110px;
 596     margin-top: 2px;
 597     margin-bottom: 2px;
 598 }
 599
 600 .profile_block .entity_moderation:hover ul,
 601 .profile_block .entity_role:hover ul {
 602     right: 20px;
 603 }
 604
 605 .profile_block_name {
 606     font-size: 14px;
 607     font-weight: bold;
 608 }
 609
 610 .profile_block_location {
 611     font-weight: bold;
 612 }
 613
 614 .profile_block_description {
 615     line-height: 1.2em;
 616 }
 617
 618 #site_nav_object ul {
 619     background: url('../images/brdr_black_dot.png') repeat-x top left;
 620 }
 621
 622 #site_nav_object li {
 623     display: block;
 624     margin: -8px 0px 8px 0px;
 625     padding-top: 8px;
 626 }
 627
 628 #site_nav_object a {
 629     font-size: 14px;
 630     display: block;
 631     padding: 0px 0px 1px 10px;
 632     -webkit-border-radius: 4px;
 633     -moz-border-radius: 4px;
 634     border-radius: 4px;
 635     text-transform: uppercase;
 636     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 637 }
 638
 639 #site_nav_object a:hover, #site_nav_object .current a {
 640     color: #fff;
 641     text-decoration: none;
 642     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 643     background: #364a84;
 644     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 645     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 646     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 647 }
 648
 649 .section ul.entities {
 650     width: 240px;
 651 }
 652
 653 .section .entities li {
 654     margin-right: 3.6px;
 655     margin-bottom: 5px;
 656     width: 24px;
 657 }
 658
 659 #popular_notices .avatar {
 660     position: relative;
 661     top: 4px;
 662     margin-bottom: 6px;
 663 }
 664
 665 #aside_primary td {
 666     padding-right: 20px;
 667     padding-bottom: 14px;
 668 }
 669
 670 #aside_primary td .nickname {
 671     line-height: 1.6em;
 672 }
 673
 674 .section .avatar {
 675     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 676     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 677     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 678 }
 679
 680 .invite_button {
 681     height: 2.1em;
 682     line-height: 2.1em;
 683     display: block;
 684     text-align: center;
 685     color:#fff;
 686     font-weight: bold;
 687     text-transform: uppercase;
 688     font-size: 1.2em;
 689     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 690     border: 1px solid #d7621c;
 691     border-radius: 4px;
 692     -moz-border-radius: 4px;
 693     -webkit-border-radius: 4px;
 694     background: #FB6104;
 695     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
 696     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
 697     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
 698 }
 699
 700 .invite_button:hover {
 701     color: #fff;
 702     text-decoration: none;
 703     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
 704     background: #ff9d63;
 705     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
 706     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
 707     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
 708 }
 709
 710 #content h1 {
 711     border-bottom: 3px solid #A6ADBF;
 712     color: #A6ADBF;
 713     font-size: 1.4em;
 714     letter-spacing: 4px;
 715     text-transform: none;
 716 }
 717
 718 #notices_primary {
 719     margin-top: -5px;
 720 }
 721
 722 #content .notice {
 723     padding-bottom: 4px;
 724     border-bottom: 2px dotted #eee;
 725 }
 726
 727 .notice {
 728     line-height: 1.36em;
 729     margin-bottom: 10px;
 730 }
 731
 732 #content .notice .author .photo {
 733     left: 0px;
 734     top: 7px;
 735 }
 736
 737 #content .notice .entry-title {
 738     min-height: 35px;
 739 }
 740
 741 #showstream .notice .entry-title {
 742     min-height: 1px;
 743 }
 744
 745 #shownotice .notice .entry-title {
 746     min-height:123px;
 747 }
 748
 749 .notice div.entry-content {
 750     font-size: 0.88em;
 751     line-height: 1.2em;
 752     margin-top: 6px;
 753     opacity: 0.6;
 754 }
 755
 756 .notice:hover div.entry-content {
 757     opacity: 1;
 758 }
 759
 760 .user_in .notice div.entry-content {
 761     max-width: 440px;
 762 }
 763
 764 div.entry-content a.response:before {
 765         content: "(";
 766 }
 767
 768 div.entry-content a.response:after {
 769         content: ")";
 770 }
 771
 772 .notice-options {
 773     margin-top: 4px;
 774     margin-bottom: 10px;
 775 }
 776
 777 .threaded-replies {
 778     clear: both;
 779     float: left;
 780     width: 458px;
 781     margin-left: 59px;
 782     margin-top: 10px;
 783     margin-bottom: 10px;
 784     padding-right: 2px;
 785     border-left: 3px solid #ECECF2;
 786     background: #fafafa;
 787     font-size: 1em;
 788 }
 789
 790 .threaded-replies:empty {
 791     display: none;
 792 }
 793
 794 .user_in .threaded-replies {
 795     margin-top: 0px;
 796 }
 797
 798 #content .notice .threaded-replies .notice,
 799 #content .notice .threaded-replies .notice-data {
 800     width: 440px;
 801     min-height: 1px;
 802     padding-bottom: 14px;
 803     padding-top: 5px;
 804     border-bottom: 2px dotted #eee;
 805     line-height: 1.36em;
 806     margin-top: 0px;
 807     margin-bottom: 0px;
 808     margin-left: 10px;
 809     background: none;
 810 }
 811
 812 #content .notice .threaded-replies .entry-title {
 813     min-height: 1px;
 814 }
 815
 816 #content .threaded-replies .notice .author .photo {
 817     height: 24px;
 818     width: 24px;
 819     top: 12px;
 820     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 821     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 822     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 823 }
 824
 825 #content .notice .threaded-replies .notice .entry-title {
 826     margin: 2px 7px 0px 35px;
 827 }
 828
 829 #content .notice .threaded-replies .notice div.entry-content {
 830     clear:left;
 831     float:left;
 832     margin-left: 35px;
 833     margin-top: 6px !important;
 834 }
 835
 836 #content .notice .threaded-replies .notice div.entry-content.notice-faves {
 837     margin-top: 2px !important;
 838 }
 839
 840 #content .notice .threaded-replies .notice .notice-options {
 841     margin-top: 5px;
 842     margin-bottom: 0px;
 843 }
 844
 845 .threaded-replies li {
 846     list-style-type: none;
 847 }
 848
 849 .threaded-replies .notice-reply-comments {
 850     margin: 2px 0px 4px 10px;
 851 }
 852
 853 .threaded-replies .placeholder {
 854     margin: 10px;
 855     width: 426px;
 856     padding: 4px 4px 4px 6px;
 857     border: 1px solid #a6a6a6;
 858     -webkit-border-radius: 4px;
 859     -moz-border-radius: 4px;
 860     border-radius: 4px;
 861     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 862     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 863     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 864     color: #888;
 865 }
 866
 867 .threaded-replies .notice-reply {
 868     clear: left;
 869     position: relative;
 870     padding: 10px;
 871     padding-bottom: 44px;
 872 }
 873
 874 .threaded-replies .form_notice textarea {
 875     width: 395px;
 876 }
 877
 878 .threaded-replies .form_notice label.notice_data-attach {
 879     top: 10px;
 880     right: 10px;
 881 }
 882
 883 .threaded-replies .form_notice .notice_data-geo_wrap label,
 884 .threaded-replies .form_notice .notice_data-geo_wrap input {
 885     top: 36px;
 886     right: 10px;
 887 }
 888
 889 .threaded-replies .form_notice .count {
 890     top: 60px;
 891     right: 50px;
 892 }
 893
 894 .threaded-replies .form_notice #notice_action-submit {
 895     left: 10px;
 896     margin-top: -44px;
 897 }
 898
 899 .threaded-replies .form_notice .error,
 900 .threaded-replies .form_notice .success,
 901 .threaded-replies .form_notice .notice-status {
 902     width: 390px;
 903 }
 904
 905 .threaded-replies .to-selector {
 906     display: none;
 907 }
 908
 909 .user_in.realtime-popup .notice div.entry-content {
 910     max-width: 320px;
 911 }
 912
 913 .realtime-popup .threaded-replies {
 914     margin-left: 15px;
 915 }
 916
 917 .realtime-popup .threaded-replies .form_notice textarea {
 918     width: 385px !important;
 919 }
 920
 921 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
 922     top: 10px !important;
 923     right: 10px !important;
 924 }
 925
 926 #content .notice .notice {
 927     width: 100%;
 928     margin-left: 0;
 929     margin-top: 16px;
 930     margin-bottom: 10px;
 931 }
 932
 933 .notice .notice {
 934 background-color:rgba(200, 200, 200, 0.050);
 935 }
 936 .notice .notice .notice {
 937 background-color:rgba(200, 200, 200, 0.100);
 938 }
 939 .notice .notice .notice .notice {
 940 background-color:rgba(200, 200, 200, 0.150);
 941 }
 942 .notice .notice .notice .notice .notice {
 943 background-color:rgba(200, 200, 200, 0.300);
 944 }
 945
 946 .pagination {
 947     height: 1.2em;
 948 }
 949
 950 #jOverlayContent button {
 951     top: 20px;
 952     right: 36px;
 953 }
 954
 955 .entity_profile {
 956     float: left;
 957     width: 360px;
 958     margin-top: 4px;
 959 }
 960
 961 .entity_profile .entity_depiction {
 962     margin-top: 4px;
 963 }
 964
 965 .entity_actions {
 966     width: 140px;
 967     margin-top: 8px;
 968     margin-bottom: 10px;
 969 }
 970
 971 .entity_actions a, .entity_actions p, .entity_actions .entity_subscribe input, .entity_actions .entity_block input, .entity_actions .entity_moderation input, .entity_actions .entity_role input, .entity_actions .entity_nudge input, .entity_actions .entity_delete input, .entity_actions input.submit {
 972         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 973     border-radius: 4px;
 974     -moz-border-radius: 4px;
 975     -webkit-border-radius: 4px;
 976     background-color: #CDD1DD !important;
 977 }
 978
 979 .entity_moderation:hover ul,
 980 .entity_role:hover ul {
 981     border-radius: 4px;
 982     -moz-border-radius: 4px;
 983     -webkit-border-radius: 4px;
 984 }
 985
 986 .entity_send-a-message .form_notice legend {
 987         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 988 }
 989
 990 .entity_send-a-message .form_notice {
 991     border: 1px solid #7B4E82;
 992 }
 993
 994 .entity_send-a-message .form_notice #notice_action-submit {
 995     color: #fff !important;
 996     top: 46px;
 997 }
 998
 999 #aside_primary #entity_remote_subscribe a:hover {
1000     background-color: #fff !important;
1001 }
1002
1003 #entity_remote_subscribe .dialogbox {
1004     border: 1px solid #7B4E82;
1005     border-radius: 8px;
1006         -moz-border-radius: 8px;
1007         -webkit-border-radius: 8px;
1008 }
1009
1010 #entity_remote_subscribe input {
1011     padding-left: 4px;
1012 }
1013
1014 #entity_remote_subscribe .submit_dialogbox {
1015     margin-top: 10px;
1016     float: right;
1017 }
1018
1019 #filter_tags_item .submit {
1020   left: 6px;
1021   top: -3px;
1022 }
1023
1024 #pagination {
1025     height: 1.2em;
1026     padding-bottom: 12px;
1027     -webkit-border-radius: 6px;
1028     -moz-border-radius: 6px;
1029     border-radius: 6px;
1030 }
1031
1032 #footer {
1033     position: relative;
1034     top: -6px;
1035     color: #000;
1036     margin-left: 0px;
1037     margin-right: 0px;
1038     -webkit-border-top-left-radius: 6px;
1039     -webkit-border-top-right-radius: 6px;
1040     -moz-border-radius-topleft: 6px;
1041     -moz-border-radius-topright: 6px;
1042     border-top-left-radius: 6px;
1043     border-top-right-radius: 6px;
1044 }
1045
1046 #footer a {
1047     color: #3e3e8c;
1048 }
1049
1050 #site_nav_global_secondary {
1051     margin-bottom: 10px;
1052 }
1053
1054 .error, .success, .notice-status {
1055     background-color: #F7E8E8;
1056     padding: 4px 10px;
1057     -webkit-border-radius: 6px;
1058     -moz-border-radius: 6px;
1059     border-radius: 6px;
1060 }
1061 .success, .notice-status {
1062     background-color: #f2f2f2;
1063 }
1064
1065 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit {
1066     height: 1.9em;
1067     padding: 0px 10px;
1068     color:#fff;
1069     font-weight: bold;
1070     text-transform: uppercase;
1071     font-size: 1.2em;
1072     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1073     border: 1px solid #d7621c;
1074     border-radius: 4px;
1075     -moz-border-radius: 4px;
1076     -webkit-border-radius: 4px;
1077     background: #FB6104;
1078     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1079     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1080     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1081 }
1082
1083 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover {
1084     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1085     background: #ff9d63;
1086     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1087     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1088     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1089 }
1090
1091 .form_settings input#settings_design_reset, .form_settings input.cancel {
1092     background: #e2e2e2;
1093     color: #8e181b;
1094     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1095 }
1096
1097 .form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover {
1098     background: #f2f2f2;
1099     color: #8e181b;
1100     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1101 }
1102
1103 .form_settings input.checkbox, .form_settings input.radio {
1104     margin-left: 24%;
1105     margin-top: 2px;
1106     position: relative;
1107     left: -14px;
1108 }
1109
1110 .form_settings label.checkbox, .form_settings label.radio {
1111     width: auto;
1112     max-width: 60%;
1113     position: relative;
1114     left: -30px;
1115 }
1116
1117 .form_settings li input.radio {
1118     clear: left;
1119 }
1120
1121 .form_settings label.radio {
1122     margin-left: 10px;
1123     margin-right: 10px;
1124     text-align: left;
1125 }
1126
1127 #form_login p.form_guide, #form_register #settings_rememberme p.form_guide, #form_openid_login #settings_rememberme p.form_guide, #settings_twitter_remove p.form_guide, #design_background-image_onoff p.form_guide {
1128     margin-left: 26%;
1129 }
1130
1131 .form_settings fieldset fieldset {
1132     margin-bottom: 30px;
1133     padding-top: 25px;
1134 }
1135
1136 #invite #content p {
1137     margin-bottom: 15px;
1138 }
1139
1140 #invite #content ul {
1141     list-style-type: none;
1142     margin-bottom: 25px;
1143     margin-left: 25px;
1144 }
1145
1146 #invite #content li {
1147     background: url(../images/resultset_next.png) no-repeat 0px 3px;
1148     padding-left: 20px;
1149     margin-bottom: 10px;
1150 }
1151
1152 #invite #content #form_invite ul, #invite #content #form_invite li {
1153     margin-left: 0px;
1154     padding-left: 0px;
1155     background: none;
1156 }
1157
1158 #form_invite input[type=text], #form_invite textarea {
1159     width: 250px;
1160     padding: 5px;
1161     border: 1px solid #a6a6a6;
1162     -webkit-border-radius: 4px;
1163     -moz-border-radius: 4px;
1164     border-radius: 4px;
1165     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1166     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1167     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1168 }
1169
1170 #form_invite textarea {
1171     clear: left;
1172     width: 508px;
1173     height: 48px;
1174 }
1175
1176 #form_invite a.add_row, #form_invite a.remove_row {
1177     display: block;
1178     height: 16px;
1179     width: 16px;
1180     overflow: hidden;
1181     background-image: url('../../base/images/icons/icons-01.gif');
1182     background-repeat: no-repeat;
1183 }
1184
1185 #form_invite a.remove_row {
1186     background-position: 0px -1252px;
1187     display: inline-block;
1188     position: relative;
1189     top: 4px;
1190     left: 10px;
1191     line-height: 4em;
1192 }
1193
1194 #form_invite a.add_row {
1195     clear: both;
1196     position: relative;
1197     top: 10px;
1198     background-position: 0px -1186px;
1199     width: 120px;
1200     padding-left: 20px;
1201     line-height: 1.2em;
1202 }
1203
1204 #form_invite label[for=personal] {
1205     display: block;
1206     margin-top: 25px;
1207 }
1208
1209 #content thead th {
1210 text-align:left;
1211 }
1212 #content tbody th {
1213 vertical-align:top;
1214 text-align:left;
1215 font-weight:normal;
1216 padding-top:11px;
1217 padding-right:18px;
1218 }
1219 #content tbody tr {
1220     border-top: 1px dotted #bbb;
1221 }
1222 #content td {
1223 padding:11px 18px 11px 0;
1224 vertical-align:top;
1225 }
1226 #content td:last-child {
1227 padding-right:0;
1228 }
1229
1230 /* Search */
1231
1232 #form_search {
1233     padding-bottom: 10px;
1234     margin-bottom: 20px;
1235     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
1236 }
1237
1238 #form_search fieldset {
1239     margin-bottom: 0px;
1240 }
1241
1242 #form_search ul.form_data #q {
1243     margin-left: 10px;
1244     width: 210px;
1245 }
1246
1247 #form_search input.submit {
1248     height: 1.6em;
1249     line-height: 1.6em;
1250     font-size: 1.1em;
1251     padding-bottom: 2px;
1252     margin-left: 5px;
1253 }
1254
1255 #noticesearch .entity_actions {
1256     margin: 0px;
1257 }
1258
1259 #noticesearch p.error {
1260     margin-top: 60px;
1261 }
1262
1263 /* Bookmark specific styles */
1264
1265 .bookmark h3 {
1266     margin: 0px 0px 8px 0px;
1267     float: left;
1268     line-height: 1.2em;
1269     max-width: 92%;
1270 }
1271
1272 .bookmark-notice-count {
1273     border-radius: 4px;
1274         -moz-border-radius: 4px;
1275         -webkit-border-radius: 4px;
1276     padding: 1px 6px;
1277     font-size: 1.2em;
1278     line-height: 1.2em;
1279     background: #fff;
1280     border: 1px solid #7b8dbb;
1281     color: #3e3e8c !important;
1282     position: relative;
1283     right: 4px;
1284     margin-left: 10px;
1285 }
1286
1287 .bookmark-notice-count:hover {
1288     text-decoration: none;
1289     background: #f2f2f2;
1290     border: 1px solid #7b8dbb;
1291     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1292 }
1293
1294 .notice .bookmark-description {
1295     clear: both;
1296     margin-left: 0px;
1297     margin-bottom: 0px;
1298 }
1299
1300 .notice .bookmark-author {
1301     margin-left: 0px;
1302     float: left;
1303 }
1304
1305 .bookmark-tags {
1306     clear: both;
1307     margin-bottom: 8px;
1308     line-height: 1.6em;
1309 }
1310
1311 ul.bookmark-tags a {
1312     border-radius: 4px;
1313         -moz-border-radius: 4px;
1314         -webkit-border-radius: 4px;
1315     padding: 1px 6px;
1316     background: #f2f2f2;
1317     color: #3e3e8c !important;
1318     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1319     font-size: 0.88em;
1320 }
1321
1322 ul.bookmark-tags a:hover {
1323     background-color: #cdd1dd;
1324     text-decoration: none;
1325 }
1326
1327 .bookmark-avatar {
1328     float: none !important;
1329     position: relative;
1330     top: 2px;
1331 }
1332
1333 .bookmark div.entry-content {
1334     font-size: 0.88em;
1335     line-height: 1.2em;
1336     margin-top: 6px;
1337     opacity: 0.6;
1338     margin-bottom: 0px;
1339 }
1340
1341 .bookmark:hover div.entry-content {
1342     opacity: 1;
1343 }
1344
1345 .bookmark .notice-options {
1346     margin-top: 16px;
1347 }
1348
1349 #bookmarkpopup {
1350     min-width: 600px;
1351     margin-top: 0px;
1352     height: 100%;
1353     border: 10px solid #364A84;
1354     background: #364A84;
1355 }
1356
1357 #bookmarkpopup #wrap {
1358     width: auto;
1359     min-width: 560px;
1360     padding: 40px 0px 25px 0px;
1361     margin-right: 2px;
1362     background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
1363 }
1364
1365 #bookmarkpopup #header {
1366     width: auto;
1367     padding: 0px 10px;
1368 }
1369
1370 #bookmarkpopup .form_settings label {
1371     margin-top: 2px;
1372     text-align: right;
1373     width: 24%;
1374     font-size: 1.2em;
1375 }
1376
1377 #bookmarkpopup .form_settings .form_data input {
1378     width: 60%;
1379 }
1380
1381 #bookmarkpopup .form_guide {
1382     color: #777;
1383 }
1384
1385 #bookmarkpopup #submit {
1386     float: right;
1387     margin-right: 0px;
1388 }
1389
1390 #bookmarkpopup fieldset fieldset {
1391     margin-bottom: 10px;
1392 }
1393
1394 #form_initial_bookmark.form_settings .form_data li {
1395     margin-bottom: 0px;
1396 }
1397
1398 #form_new_bookmark.form_settings .bookmarkform-thumbnail {
1399     position: absolute;
1400     top: 50px;
1401     right: 0px;
1402 }
1403
1404 /* Onboard specific styles */
1405
1406 #cboxOverlay{
1407     background: url(../images/lightbox_bg.png) repeat 0 0 !important;
1408 }
1409
1410 #cboxContent{
1411     background: #fff url(../logo.png) no-repeat 10px bottom !important;
1412 }
1413
1414 .onboard_iframe {
1415     background: none;
1416     padding: 10px;
1417 }
1418
1419 .onboard_iframe #wrap {
1420     width: auto;
1421     background: none;
1422 }
1423
1424 .onboard_welcome p {
1425     margin-bottom: 10px;
1426 }
1427
1428 .onboard_welcome ul {
1429     list-style-type: none;
1430     margin-bottom: 10px;
1431 }
1432
1433 .onboard_welcome ul li {
1434     background: url(../images/resultset_next.png) no-repeat 0px 3px;
1435     padding-left: 20px;
1436     margin-left: 10px;
1437 }
1438
1439 #aside_primary #onboard_section {
1440     background: #f2f2f2;
1441     width: 198px;
1442     padding: 10px;
1443     border-radius: 4px;
1444     -moz-border-radius: 4px;
1445     -webkit-border-radius: 4px;
1446     border: 1px solid #516499;
1447     background: #fafafa;
1448 }
1449
1450 #onboard_section H2 {
1451     -webkit-border-top-left-radius: 4px;
1452     -moz-border-radius-topleft: 4px;
1453     border-top-left-radius: 4px;
1454     -webkit-border-top-right-radius: 4px;
1455     -moz-border-radius-topright: 4px;
1456     border-top-right-radius: 4px;
1457     position: relative;
1458     top: -11px;
1459     left: -11px;
1460     padding: 2px 0px 2px 10px;
1461     margin-right: -22px;
1462     margin-bottom: 5px;
1463     color: #fff;
1464     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
1465     background: #364A84;
1466     background: -moz-linear-gradient(top, #516499 , #364a84);
1467     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
1468     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
1469 }
1470
1471 #onboard_section ul {
1472     list-style-type: none;
1473 }
1474
1475 #onboard_section .onboard-step-incomplete {
1476     background: url(../images/resultset_next.png) no-repeat 0px 1px;
1477     padding-left: 20px;
1478     margin-bottom: 10px;
1479 }
1480
1481 #onboard_section .onboard-step-complete {
1482     background: url(../images/tick.png) no-repeat 0px 1px;
1483     padding-left: 20px;
1484     margin-bottom: 10px;
1485     text-decoration: line-through;
1486     color: #555;
1487 }
1488
1489 /* Billing specific styles */
1490
1491 #content table.billing_info {
1492     margin-top: 10px;
1493     background:rgba(240, 240, 240, 0.4);
1494 }
1495
1496 #content table.billing_info th {
1497     text-align: right;
1498     width: 50%;
1499 }
1500
1501 .invalid {
1502     border: solid 2px red !important;
1503 }
1504
1505 #payment_history table {
1506     width: 100%;
1507 }
1508
1509 #billingadminpanel .form_settings input {
1510     margin-right: 0px;
1511 }
1512
1513 /* Directory specific styles */
1514
1515 div#profile_directory div.alpha_nav > a {
1516     border-left: 1px solid #ccc !important;
1517     padding-left: 3.5px !important;
1518     padding-right: 4px !important;
1519     margin-right: 0px;
1520     float: left;
1521     line-height: 1.4em;
1522 }
1523
1524 div#profile_directory div.alpha_nav > a.first {
1525     border-left: none !important;
1526 }
1527
1528 div#profile_directory div.alpha_nav a.current {
1529     background-color: #ECECF2 !important;
1530 }
1531
1532 table.profile_list {
1533     margin-top: 25px;
1534 }
1535
1536 .profile_list th {
1537     font-size: 0.8em;
1538 }
1539
1540 .profile_list th#created {
1541     width: 100px;
1542 }
1543
1544 .profile_list th#subscriptions {
1545     width: 90px;
1546 }
1547
1548 .profile_list th.current {
1549         background: none !important;
1550 }
1551
1552 .profile_list th.current.reverse {
1553         background: none !important;
1554 }
1555
1556 .profile_list th.current a {
1557         padding-right: 25px;
1558         background: url(../images/bluearrow_down.png) no-repeat top right;
1559 }
1560
1561 .profile_list th.current.reverse a {
1562         background: url(../images/bluearrow_up.png) no-repeat top right;
1563 }
1564
1565 table.profile_list tr.alt {
1566     background-color: #fafafa !important;
1567     border: none !important;
1568 }
1569
1570 td.entity_profile {
1571     width: auto;
1572     min-width: 250px;
1573 }
1574
1575 .profile_list .fn {
1576     display: block;
1577     font-size: 1.1em;
1578     width: auto;
1579 }
1580
1581 .profile_list .nickname, .profile_list .fn.nickname {
1582     position: relative;
1583     top: -8px;
1584     display: block;
1585     margin-bottom: -12px;
1586     font-size: 1.4em;
1587 }
1588
1589 .profile_list .label {
1590     display: block;
1591     margin-left: 59px !important;
1592 }
1593
1594 .profile_list .note {
1595     font-size: 0.88em;
1596     line-height: 1.36em;
1597 }
1598
1599 .profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count {
1600     font-size: 0.88em;
1601 }
1602
1603 .profile_list td.entity_actions {
1604     width: 24px;
1605     max-width: 24px;
1606     min-width: 24px;
1607     height: 20px;
1608     padding-left: 6px !important;
1609     position: relative;
1610     float: none;
1611     display: table-cell !important;
1612 }
1613
1614 .profile_list .entity_actions ul {
1615     position: absolute;
1616     right: 20px;
1617 }
1618
1619 .profile_list .entity_actions input {
1620     width: 22px;
1621     height: 22px;
1622     padding-top: 1px;
1623     padding-right: 0px;
1624     padding-left: 20px;
1625     display: block;
1626     overflow: hidden;
1627     font-size: 0em;
1628     border: 1px solid #CDD1DD;
1629 }
1630
1631 .profile_list .form_group_leave input.submit,
1632 .profile_list .form_user_unsubscribe input.submit {
1633     background-position: 2px -1250px;
1634 }
1635
1636 .profile_list .form_group_join input.submit,
1637 .profile_list .form_user_subscribe input.submit {
1638     background-position: 2px -1184px;
1639 }
1640
1641 .profile_list .entity_actions input:hover {
1642     width: auto;
1643     padding-right: 10px;
1644     overflow: visible;
1645     font-size: 1em;
1646     line-height: 1.3em;
1647     border: 1px solid #A6ADBF;
1648     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1649     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1650     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1651 }
1652
1653 /* Event specific styles */
1654
1655 .notice .vevent div {
1656     margin-bottom: 8px;
1657 }
1658
1659 .event-info {
1660     margin-left: 0px !important;
1661     margin-top: 2px !important;
1662 }
1663
1664 .notice .event-info + .notice-options {
1665     margin-top: 14px;
1666 }
1667
1668 .notice .threaded-replies .event-info + .notice-options {
1669     margin-top: 20px;
1670 }
1671
1672 #form_event_rsvp #new_rsvp_data {
1673     display: inline;
1674     margin: 10px 0px;
1675 }
1676
1677 #form_event_rsvp input.submit {
1678     height: auto;
1679     padding: 0px 10px;
1680     margin-left: 10px;
1681     color:#fff;
1682     font-weight: bold;
1683     text-transform: uppercase;
1684     font-size: 1.1em;
1685     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1686     border: 1px solid #d7621c;
1687     border-radius: 4px;
1688     -moz-border-radius: 4px;
1689     -webkit-border-radius: 4px;
1690     background: #FB6104;
1691     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1692     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1693     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1694 }
1695
1696 #form_event_rsvp input.submit:hover {
1697     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1698     background: #ff9d63;
1699     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1700     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1701     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1702 }
1703
1704 #input_form_event .form_settings .form_data {
1705     float: left;
1706 }
1707
1708 #input_form_event .form_settings .form_data li {
1709     float: left;
1710     width: auto;
1711 }
1712
1713 #input_form_event .form_settings .form_data label {
1714     width: auto;
1715 }
1716
1717 #event-startdate, #event-starttime, #event-enddate, #event-endtime {
1718     width: 120px;
1719     margin-right: 20px;
1720 }
1721
1722 /* Limited-scope specific styles */
1723
1724 .limited-scope .entry-content .timestamp {
1725     padding-left: 20px;
1726     position: relative;
1727 }
1728
1729 .limited-scope .entry-content .timestamp:before {
1730     content: url(../images/lock.png);
1731     position: absolute;
1732     top: -2px;
1733     left: 0px;
1734 }
1735
1736 .limited-scope li .entry-content .timestamp {
1737     padding-left: 0px;
1738 }
1739
1740 .limited-scope li .entry-content .timestamp:before {
1741     content: none;
1742 }
1743
1744 .limited-scope li.limited-scope .entry-content .timestamp {
1745     padding-left: 20px;
1746 }
1747
1748 .limited-scope li.limited-scope .entry-content .timestamp:before {
1749     content: url(../images/lock.png);
1750     position: absolute;
1751     top: -2px;
1752     left: 0px;
1753 }
1754
1755 /* QnA specific styles */
1756
1757 #content .question .entry-title, #content .qna-full-question .entry-title {
1758     min-height: 1px;
1759 }
1760
1761 .question div.question-description {
1762     font-size: 1em;
1763     line-height: 1.36em;
1764     margin-top: 0px;
1765     opacity: 1;
1766 }
1767
1768 .question div.answer-content, .qna-full-question div.answer-content {
1769     opacity: 1;
1770 }
1771
1772 .question .answer-count, .qna-full-question .answer-count {
1773     display: block;
1774     clear: left;
1775 }
1776
1777 .question .answer-count:before, .qna-full-question .answer-count:before {
1778     content: '(';
1779 }
1780
1781 .question .answer-count:after, .qna-full-question .answer-count:after {
1782     content: ')';
1783 }
1784
1785 .question .notice-answer {
1786     margin-left: 10px;
1787     padding-bottom: 10px;
1788 }
1789
1790 ul.qna-dummy {
1791     clear: left;
1792     float: left;
1793     list-style-type: none;
1794     width: 458px;
1795     margin-left: 59px;
1796     padding-right: 2px;
1797     border-left: 3px solid #ECECF2;
1798     background: #fafafa;
1799     font-size: 1em;
1800 }
1801
1802 ul.qna-dummy + ul.threaded-replies li.notice:first-child {
1803     border-top: 2px dotted #eee;
1804     margin-top: -10px;
1805     padding-top: 10px;
1806 }
1807
1808 .qna-dummy-placeholder input {
1809     margin: 10px;
1810     width: 426px;
1811     padding: 4px 4px 4px 6px;
1812     border: 1px solid #a6a6a6;
1813     -webkit-border-radius: 4px;
1814     -moz-border-radius: 4px;
1815     border-radius: 4px;
1816     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1817     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1818     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1819     color: #888;
1820 }
1821
1822 li.notice-answer + li.notice {
1823     border-top: 2px dotted #eee;
1824     margin-top: -10px;
1825     padding-top: 10px;
1826 }
1827
1828 .question fieldset, .qna-full-question fieldset {
1829     margin: 0px;
1830 }
1831
1832 .question fieldset legend, .qna-full-question fieldset legend, .answer fieldset legend {
1833     display: none;
1834 }
1835
1836 .question label[for=qna-answer], .qna-full-question label[for=qna-answer] {
1837     display: none;
1838 }
1839
1840 .question #qna-answer, .qna-full-question #qna-answer {
1841     width: 426px;
1842     height: 54px;
1843     padding: 6px 5px;
1844     border: 1px solid #a6a6a6;
1845     -webkit-border-radius: 4px;
1846     -moz-border-radius: 4px;
1847     border-radius: 4px;
1848     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1849     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1850     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1851     font-size: 1.2em;
1852     margin-top: 10px;
1853     margin-bottom: 10px;
1854 }
1855
1856 .qna-full-question textarea {
1857     width: 508px;
1858 }
1859
1860 .question-description input.submit, .answer-content input.submit {
1861     height: auto;
1862     padding: 0px 10px;
1863     margin: 6px 0px 10px 0px;
1864     color:#fff;
1865     font-weight: bold;
1866     text-transform: uppercase;
1867     font-size: 1.1em;
1868     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1869     border: 1px solid #d7621c;
1870     border-radius: 4px;
1871     -moz-border-radius: 4px;
1872     -webkit-border-radius: 4px;
1873     background: #FB6104;
1874     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1875     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1876     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1877 }
1878
1879 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1880     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1881     background: #ff9d63;
1882     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1883     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1884     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1885 }
1886
1887 .question .question-description #answer-form input.submit {
1888     margin-top: 0px;
1889 }
1890
1891 .question p.best, .answer p.best {
1892     background: url(../images/rosette.png) no-repeat top left;
1893     padding-left: 20px;
1894 }
1895
1896 }/*end of @media screen, projection, tv*/