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: 80px;
 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 }
 454
 455 .input_form .form_settings li input {
 456     width: 388px;
 457     margin-left: 0;
 458     margin-right: 0;
 459     padding: 4px 5px 4px 5px;
 460     border: 1px solid #a6a6a6;
 461     -webkit-border-radius: 4px;
 462     -moz-border-radius: 4px;
 463     border-radius: 4px;
 464     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 465     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 466     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 467     font-size: 1em;
 468 }
 469
 470 .input_form .form_settings li textarea {
 471     width: 388px;
 472     margin-left: 0;
 473     padding: 4px 5px 4px 5px;
 474     border: 1px solid #a6a6a6;
 475     -webkit-border-radius: 4px;
 476     -moz-border-radius: 4px;
 477     border-radius: 4px;
 478     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 479     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 480     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 481     z-index: 97;
 482     font-size: 1em;
 483 }
 484
 485 .input_form .form_settings p.form_guide {
 486     margin-left: 5px;
 487 }
 488
 489 .input_form .form_settings .submit {
 490     position: relative;
 491     top: 0;
 492     right: 0;
 493     float: right;
 494     width: 100px;
 495     height: 26px;
 496     line-height: 26px;
 497     padding: 0px 10px;
 498     margin: 0px;
 499     color:#fff;
 500     font-weight: bold;
 501     text-transform: uppercase;
 502     font-size: 1.1em;
 503     z-index: 1;
 504 }
 505
 506 .to-selector {
 507     padding-top: 15px;
 508     z-index: 99;
 509 }
 510
 511 .form_settings label[for=notice_to] {
 512     left: 5px;
 513     margin-left: 0px;
 514     margin-right: 10px;
 515     position: relative;
 516     clear: left;
 517 }
 518
 519 .checkbox-wrapper {
 520     padding: 2px;
 521     margin-left: 10px;
 522 }
 523
 524 .form_notice .checkbox-wrapper {
 525     display: inline;
 526     margin-left: 10px;
 527 }
 528
 529 .form_settings .checkbox-wrapper label.checkbox {
 530     margin-left: 0px;
 531     margin-top: 6px;
 532     line-height: 1.2em;
 533     left: -3px;
 534     float: none;
 535 }
 536
 537 .checkbox-wrapper #notice_private {
 538     display:none;
 539 }
 540
 541 .checkbox-wrapper.unchecked label.checkbox {
 542     padding-left: 20px;
 543     background: url(../images/lock_open.png) no-repeat 0px 0px;
 544     opacity: 0.6;
 545 }
 546
 547 .checkbox-wrapper.unchecked label.checkbox:hover {
 548     opacity: 1;
 549     cursor: pointer;
 550 }
 551
 552 .checkbox-wrapper.checked label.checkbox {
 553     padding-left: 20px;
 554     background: url(../images/lock.png) no-repeat 0px 0px;
 555     color: red;
 556     opacity: 1;
 557 }
 558
 559 .checkbox-wrapper.checked label.checkbox:hover {
 560     cursor: pointer;
 561 }
 562
 563 #aside_primary {
 564     width: 218px;
 565     float: left;
 566     overflow: hidden;
 567     position: relative;
 568     left: 802px;
 569     padding: 22px 10px 40px 10px;
 570     margin-top: 0px;
 571     background: none;
 572 }
 573
 574 #aside_primary .section {
 575     width: 100%;
 576     margin-left: 0px;
 577     margin-right: 0px;
 578     font-size: 0.88em;
 579 }
 580
 581 #aside_primary h2 {
 582     margin-bottom: 10px;
 583     padding-bottom: 6px;
 584     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 585     color: #7a7c87;
 586     font-size: 1.25em;
 587     letter-spacing: 2px;
 588     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 589     text-transform: uppercase;
 590 }
 591
 592 .profile_block .entity_actions {
 593     float: right;
 594     width: 110px;
 595     margin-top: 2px;
 596     margin-bottom: 2px;
 597 }
 598
 599 .profile_block .entity_moderation:hover ul,
 600 .profile_block .entity_role:hover ul {
 601     right: 20px;
 602 }
 603
 604 .profile_block_name {
 605     font-size: 14px;
 606     font-weight: bold;
 607 }
 608
 609 .profile_block_location {
 610     font-weight: bold;
 611 }
 612
 613 .profile_block_description {
 614     line-height: 1.2em;
 615 }
 616
 617 #site_nav_object ul {
 618     background: url('../images/brdr_black_dot.png') repeat-x top left;
 619 }
 620
 621 #site_nav_object li {
 622     display: block;
 623     margin: -8px 0px 8px 0px;
 624     padding-top: 8px;
 625 }
 626
 627 #site_nav_object a {
 628     font-size: 14px;
 629     display: block;
 630     padding: 0px 0px 1px 10px;
 631     -webkit-border-radius: 4px;
 632     -moz-border-radius: 4px;
 633     border-radius: 4px;
 634     text-transform: uppercase;
 635     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 636 }
 637
 638 #site_nav_object a:hover, #site_nav_object .current a {
 639     color: #fff;
 640     text-decoration: none;
 641     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 642     background: #364a84;
 643     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 644     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 645     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 646 }
 647
 648 .section ul.entities {
 649     width: 240px;
 650 }
 651
 652 .section .entities li {
 653     margin-right: 3.6px;
 654     margin-bottom: 5px;
 655     width: 24px;
 656 }
 657
 658 #popular_notices .avatar {
 659     position: relative;
 660     top: 4px;
 661     margin-bottom: 6px;
 662 }
 663
 664 #aside_primary td {
 665     padding-right: 20px;
 666     padding-bottom: 14px;
 667 }
 668
 669 #aside_primary td .nickname {
 670     line-height: 1.6em;
 671 }
 672
 673 .section .avatar {
 674     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 675     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 676     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 677 }
 678
 679 .invite_button {
 680     height: 2.1em;
 681     line-height: 2.1em;
 682     display: block;
 683     text-align: center;
 684     color:#fff;
 685     font-weight: bold;
 686     text-transform: uppercase;
 687     font-size: 1.2em;
 688     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 689     border: 1px solid #d7621c;
 690     border-radius: 4px;
 691     -moz-border-radius: 4px;
 692     -webkit-border-radius: 4px;
 693     background: #FB6104;
 694     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
 695     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
 696     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
 697 }
 698
 699 .invite_button:hover {
 700     color: #fff;
 701     text-decoration: none;
 702     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
 703     background: #ff9d63;
 704     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
 705     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
 706     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
 707 }
 708
 709 #content h1 {
 710     border-bottom: 3px solid #A6ADBF;
 711     color: #A6ADBF;
 712     font-size: 1.4em;
 713     letter-spacing: 4px;
 714     text-transform: none;
 715 }
 716
 717 #notices_primary {
 718     margin-top: -5px;
 719 }
 720
 721 #content .notice {
 722     padding-bottom: 4px;
 723     border-bottom: 2px dotted #eee;
 724 }
 725
 726 .notice {
 727     line-height: 1.36em;
 728     margin-bottom: 10px;
 729 }
 730
 731 #content .notice .author .photo {
 732     left: 0px;
 733     top: 7px;
 734 }
 735
 736 #content .notice .entry-title {
 737     min-height: 35px;
 738 }
 739
 740 #showstream .notice .entry-title {
 741     min-height: 1px;
 742 }
 743
 744 #shownotice .notice .entry-title {
 745     min-height:123px;
 746 }
 747
 748 .notice div.entry-content {
 749     font-size: 0.88em;
 750     line-height: 1.2em;
 751     margin-top: 6px;
 752     opacity: 0.6;
 753 }
 754
 755 .notice:hover div.entry-content {
 756     opacity: 1;
 757 }
 758
 759 .user_in .notice div.entry-content {
 760     max-width: 440px;
 761 }
 762
 763 div.entry-content a.response:before {
 764         content: "(";
 765 }
 766
 767 div.entry-content a.response:after {
 768         content: ")";
 769 }
 770
 771 .notice-options {
 772     margin-top: 4px;
 773     margin-bottom: 10px;
 774 }
 775
 776 .threaded-replies {
 777     clear: both;
 778     float: left;
 779     width: 458px;
 780     margin-left: 59px;
 781     margin-top: 10px;
 782     margin-bottom: 10px;
 783     padding-right: 2px;
 784     border-left: 3px solid #ECECF2;
 785     background: #fafafa;
 786     font-size: 1em;
 787 }
 788
 789 .user_in .threaded-replies {
 790     margin-top: 0px;
 791 }
 792
 793 #content .notice .threaded-replies .notice,
 794 #content .notice .threaded-replies .notice-data {
 795     width: 440px;
 796     min-height: 1px;
 797     padding-bottom: 14px;
 798     padding-top: 5px;
 799     border-bottom: 2px dotted #eee;
 800     line-height: 1.36em;
 801     margin-top: 0px;
 802     margin-bottom: 0px;
 803     margin-left: 10px;
 804     background: none;
 805 }
 806
 807 #content .notice .threaded-replies .entry-title {
 808     min-height: 1px;
 809 }
 810
 811 #content .threaded-replies .notice .author .photo {
 812     height: 24px;
 813     width: 24px;
 814     top: 12px;
 815     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 816     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 817     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 818 }
 819
 820 #content .notice .threaded-replies .notice .entry-title {
 821     margin: 2px 7px 0px 35px;
 822 }
 823
 824 #content .notice .threaded-replies .notice div.entry-content {
 825     clear:left;
 826     float:left;
 827     margin-left: 35px;
 828     margin-top: 6px !important;
 829 }
 830
 831 #content .notice .threaded-replies .notice div.entry-content.notice-faves {
 832     margin-top: 2px !important;
 833 }
 834
 835 #content .notice .threaded-replies .notice .notice-options {
 836     margin-top: 5px;
 837     margin-bottom: 0px;
 838 }
 839
 840 .threaded-replies li {
 841     list-style-type: none;
 842 }
 843
 844 .threaded-replies .notice-reply-comments {
 845     margin: 2px 0px 4px 10px;
 846 }
 847
 848 .threaded-replies .placeholder {
 849     margin: 10px;
 850     width: 426px;
 851     padding: 4px 4px 4px 6px;
 852     border: 1px solid #a6a6a6;
 853     -webkit-border-radius: 4px;
 854     -moz-border-radius: 4px;
 855     border-radius: 4px;
 856     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 857     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 858     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 859     color: #888;
 860 }
 861
 862 .threaded-replies .notice-reply {
 863     clear: left;
 864     position: relative;
 865     padding: 10px;
 866     padding-bottom: 44px;
 867 }
 868
 869 .threaded-replies .form_notice textarea {
 870     width: 395px;
 871 }
 872
 873 .threaded-replies .form_notice label.notice_data-attach {
 874     top: 10px;
 875     right: 10px;
 876 }
 877
 878 .threaded-replies .form_notice .notice_data-geo_wrap label,
 879 .threaded-replies .form_notice .notice_data-geo_wrap input {
 880     top: 36px;
 881     right: 10px;
 882 }
 883
 884 .threaded-replies .form_notice .count {
 885     top: 60px;
 886     right: 50px;
 887 }
 888
 889 .threaded-replies .form_notice #notice_action-submit {
 890     left: 10px;
 891     margin-top: -44px;
 892 }
 893
 894 .threaded-replies .form_notice .error,
 895 .threaded-replies .form_notice .success,
 896 .threaded-replies .form_notice .notice-status {
 897     width: 390px;
 898 }
 899
 900 .threaded-replies .to-selector {
 901     display: none;
 902 }
 903
 904 .user_in.realtime-popup .notice div.entry-content {
 905     max-width: 320px;
 906 }
 907
 908 .realtime-popup .threaded-replies {
 909     margin-left: 15px;
 910 }
 911
 912 .realtime-popup .threaded-replies .form_notice textarea {
 913     width: 385px !important;
 914 }
 915
 916 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
 917     top: 10px !important;
 918     right: 10px !important;
 919 }
 920
 921 #content .notice .notice {
 922     width: 100%;
 923     margin-left: 0;
 924     margin-top: 16px;
 925     margin-bottom: 10px;
 926 }
 927
 928 .notice .notice {
 929 background-color:rgba(200, 200, 200, 0.050);
 930 }
 931 .notice .notice .notice {
 932 background-color:rgba(200, 200, 200, 0.100);
 933 }
 934 .notice .notice .notice .notice {
 935 background-color:rgba(200, 200, 200, 0.150);
 936 }
 937 .notice .notice .notice .notice .notice {
 938 background-color:rgba(200, 200, 200, 0.300);
 939 }
 940
 941 .pagination {
 942     height: 1.2em;
 943 }
 944
 945 #jOverlayContent button {
 946     top: 20px;
 947     right: 36px;
 948 }
 949
 950 .entity_profile {
 951     float: left;
 952     width: 360px;
 953     margin-top: 4px;
 954 }
 955
 956 .entity_profile .entity_depiction {
 957     margin-top: 4px;
 958 }
 959
 960 .entity_actions {
 961     width: 140px;
 962     margin-top: 8px;
 963     margin-bottom: 10px;
 964 }
 965
 966 .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 {
 967         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 968     border-radius: 4px;
 969     -moz-border-radius: 4px;
 970     -webkit-border-radius: 4px;
 971     background-color: #CDD1DD !important;
 972 }
 973
 974 .entity_moderation:hover ul,
 975 .entity_role:hover ul {
 976     border-radius: 4px;
 977     -moz-border-radius: 4px;
 978     -webkit-border-radius: 4px;
 979 }
 980
 981 .entity_send-a-message .form_notice legend {
 982         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 983 }
 984
 985 .entity_send-a-message .form_notice {
 986     border: 1px solid #7B4E82;
 987 }
 988
 989 .entity_send-a-message .form_notice #notice_action-submit {
 990     color: #fff !important;
 991     top: 46px;
 992 }
 993
 994 #aside_primary #entity_remote_subscribe a:hover {
 995     background-color: #fff !important;
 996 }
 997
 998 #entity_remote_subscribe .dialogbox {
 999     border: 1px solid #7B4E82;
1000     border-radius: 8px;
1001         -moz-border-radius: 8px;
1002         -webkit-border-radius: 8px;
1003 }
1004
1005 #entity_remote_subscribe input {
1006     padding-left: 4px;
1007 }
1008
1009 #entity_remote_subscribe .submit_dialogbox {
1010     margin-top: 10px;
1011     float: right;
1012 }
1013
1014 #filter_tags_item .submit {
1015   left: 6px;
1016   top: -3px;
1017 }
1018
1019 #pagination {
1020     height: 1.2em;
1021     padding-bottom: 12px;
1022     -webkit-border-radius: 6px;
1023     -moz-border-radius: 6px;
1024     border-radius: 6px;
1025 }
1026
1027 #footer {
1028     position: relative;
1029     top: -6px;
1030     color: #000;
1031     margin-left: 0px;
1032     margin-right: 0px;
1033     -webkit-border-top-left-radius: 6px;
1034     -webkit-border-top-right-radius: 6px;
1035     -moz-border-radius-topleft: 6px;
1036     -moz-border-radius-topright: 6px;
1037     border-top-left-radius: 6px;
1038     border-top-right-radius: 6px;
1039 }
1040
1041 #footer a {
1042     color: #3e3e8c;
1043 }
1044
1045 #site_nav_global_secondary {
1046     margin-bottom: 10px;
1047 }
1048
1049 .error, .success, .notice-status {
1050     background-color: #F7E8E8;
1051     padding: 4px 10px;
1052     -webkit-border-radius: 6px;
1053     -moz-border-radius: 6px;
1054     border-radius: 6px;
1055 }
1056 .success, .notice-status {
1057     background-color: #f2f2f2;
1058 }
1059
1060 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit {
1061     height: 1.9em;
1062     padding: 0px 10px;
1063     color:#fff;
1064     font-weight: bold;
1065     text-transform: uppercase;
1066     font-size: 1.2em;
1067     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1068     border: 1px solid #d7621c;
1069     border-radius: 4px;
1070     -moz-border-radius: 4px;
1071     -webkit-border-radius: 4px;
1072     background: #FB6104;
1073     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1074     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1075     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1076 }
1077
1078 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover {
1079     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1080     background: #ff9d63;
1081     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1082     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1083     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1084 }
1085
1086 .form_settings input#settings_design_reset, .form_settings input.cancel {
1087     background: #e2e2e2;
1088     color: #8e181b;
1089     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1090 }
1091
1092 .form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover {
1093     background: #f2f2f2;
1094     color: #8e181b;
1095     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1096 }
1097
1098 .form_settings input.checkbox, .form_settings input.radio {
1099     margin-left: 24%;
1100     margin-top: 2px;
1101     position: relative;
1102     left: -14px;
1103 }
1104
1105 .form_settings label.checkbox, .form_settings label.radio {
1106     width: auto;
1107     max-width: 60%;
1108     position: relative;
1109     left: -30px;
1110 }
1111
1112 .form_settings li input.radio {
1113     clear: left;
1114 }
1115
1116 .form_settings label.radio {
1117     margin-left: 10px;
1118     margin-right: 10px;
1119     text-align: left;
1120 }
1121
1122 #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 {
1123     margin-left: 26%;
1124 }
1125
1126 .form_settings fieldset fieldset {
1127     margin-bottom: 30px;
1128     padding-top: 25px;
1129 }
1130
1131 #invite #content p {
1132     margin-bottom: 15px;
1133 }
1134
1135 #invite #content ul {
1136     list-style-type: none;
1137     margin-bottom: 25px;
1138     margin-left: 25px;
1139 }
1140
1141 #invite #content li {
1142     background: url(../images/resultset_next.png) no-repeat 0px 3px;
1143     padding-left: 20px;
1144     margin-bottom: 10px;
1145 }
1146
1147 #invite #content #form_invite ul, #invite #content #form_invite li {
1148     margin-left: 0px;
1149     padding-left: 0px;
1150     background: none;
1151 }
1152
1153 #form_invite input[type=text], #form_invite textarea {
1154     width: 250px;
1155     padding: 5px;
1156     border: 1px solid #a6a6a6;
1157     -webkit-border-radius: 4px;
1158     -moz-border-radius: 4px;
1159     border-radius: 4px;
1160     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1161     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1162     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1163 }
1164
1165 #form_invite textarea {
1166     clear: left;
1167     width: 508px;
1168     height: 48px;
1169 }
1170
1171 #form_invite a.add_row, #form_invite a.remove_row {
1172     display: block;
1173     height: 16px;
1174     width: 16px;
1175     overflow: hidden;
1176     background-image: url('../../base/images/icons/icons-01.gif');
1177     background-repeat: no-repeat;
1178 }
1179
1180 #form_invite a.remove_row {
1181     background-position: 0px -1252px;
1182     display: inline-block;
1183     position: relative;
1184     top: 4px;
1185     left: 10px;
1186     line-height: 4em;
1187 }
1188
1189 #form_invite a.add_row {
1190     clear: both;
1191     position: relative;
1192     top: 10px;
1193     background-position: 0px -1186px;
1194     width: 120px;
1195     padding-left: 20px;
1196     line-height: 1.2em;
1197 }
1198
1199 #form_invite label[for=personal] {
1200     display: block;
1201     margin-top: 25px;
1202 }
1203
1204 #content thead th {
1205 text-align:left;
1206 }
1207 #content tbody th {
1208 vertical-align:top;
1209 text-align:left;
1210 font-weight:normal;
1211 padding-top:11px;
1212 padding-right:18px;
1213 }
1214 #content tbody tr {
1215     border-top: 1px dotted #bbb;
1216 }
1217 #content td {
1218 padding:11px 18px 11px 0;
1219 vertical-align:top;
1220 }
1221 #content td:last-child {
1222 padding-right:0;
1223 }
1224
1225 /* Search */
1226
1227 #form_search {
1228     padding-bottom: 10px;
1229     margin-bottom: 20px;
1230     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
1231 }
1232
1233 #form_search fieldset {
1234     margin-bottom: 0px;
1235 }
1236
1237 #form_search ul.form_data #q {
1238     margin-left: 10px;
1239     width: 210px;
1240 }
1241
1242 #form_search input.submit {
1243     height: 1.6em;
1244     line-height: 1.6em;
1245     font-size: 1.1em;
1246     padding-bottom: 2px;
1247     margin-left: 5px;
1248 }
1249
1250 #noticesearch .entity_actions {
1251     margin: 0px;
1252 }
1253
1254 #noticesearch p.error {
1255     margin-top: 60px;
1256 }
1257
1258 /* Bookmark specific styles */
1259
1260 .bookmark h3 {
1261     margin: 0px 0px 8px 0px;
1262     float: left;
1263     line-height: 1.2em;
1264     max-width: 92%;
1265 }
1266
1267 .bookmark-notice-count {
1268     border-radius: 4px;
1269         -moz-border-radius: 4px;
1270         -webkit-border-radius: 4px;
1271     padding: 1px 6px;
1272     font-size: 1.2em;
1273     line-height: 1.2em;
1274     background: #fff;
1275     border: 1px solid #7b8dbb;
1276     color: #3e3e8c !important;
1277     position: relative;
1278     right: 4px;
1279     margin-left: 10px;
1280 }
1281
1282 .bookmark-notice-count:hover {
1283     text-decoration: none;
1284     background: #f2f2f2;
1285     border: 1px solid #7b8dbb;
1286     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1287 }
1288
1289 .notice .bookmark-description {
1290     clear: both;
1291     margin-left: 0px;
1292     margin-bottom: 0px;
1293 }
1294
1295 .notice .bookmark-author {
1296     margin-left: 0px;
1297     float: left;
1298 }
1299
1300 .bookmark-tags {
1301     clear: both;
1302     margin-bottom: 8px;
1303     line-height: 1.6em;
1304 }
1305
1306 ul.bookmark-tags a {
1307     border-radius: 4px;
1308         -moz-border-radius: 4px;
1309         -webkit-border-radius: 4px;
1310     padding: 1px 6px;
1311     background: #f2f2f2;
1312     color: #3e3e8c !important;
1313     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1314     font-size: 0.88em;
1315 }
1316
1317 ul.bookmark-tags a:hover {
1318     background-color: #cdd1dd;
1319     text-decoration: none;
1320 }
1321
1322 .bookmark-avatar {
1323     float: none !important;
1324     position: relative;
1325     top: 2px;
1326 }
1327
1328 .bookmark div.entry-content {
1329     font-size: 0.88em;
1330     line-height: 1.2em;
1331     margin-top: 6px;
1332     opacity: 0.6;
1333     margin-bottom: 0px;
1334 }
1335
1336 .bookmark:hover div.entry-content {
1337     opacity: 1;
1338 }
1339
1340 .bookmark .notice-options {
1341     margin-top: 16px;
1342 }
1343
1344 #bookmarkpopup {
1345     min-width: 600px;
1346     margin-top: 0px;
1347     height: 100%;
1348     border: 10px solid #364A84;
1349     background: #364A84;
1350 }
1351
1352 #bookmarkpopup #wrap {
1353     width: auto;
1354     min-width: 560px;
1355     padding: 40px 0px 25px 0px;
1356     margin-right: 2px;
1357     background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
1358 }
1359
1360 #bookmarkpopup #header {
1361     width: auto;
1362     padding: 0px 10px;
1363 }
1364
1365 #bookmarkpopup .form_settings label {
1366     margin-top: 2px;
1367     text-align: right;
1368     width: 24%;
1369     font-size: 1.2em;
1370 }
1371
1372 #bookmarkpopup .form_settings .form_data input {
1373     width: 60%;
1374 }
1375
1376 #bookmarkpopup .form_guide {
1377     color: #777;
1378 }
1379
1380 #bookmarkpopup #submit {
1381     float: right;
1382     margin-right: 0px;
1383 }
1384
1385 #bookmarkpopup fieldset fieldset {
1386     margin-bottom: 10px;
1387 }
1388
1389 #form_initial_bookmark.form_settings .form_data li {
1390     margin-bottom: 0px;
1391 }
1392
1393 #form_new_bookmark.form_settings .bookmarkform-thumbnail {
1394     position: absolute;
1395     top: 50px;
1396     right: 0px;
1397 }
1398
1399 /* Onboard specific styles */
1400
1401 #cboxOverlay{
1402     background: url(../images/lightbox_bg.png) repeat 0 0 !important;
1403 }
1404
1405 #cboxContent{
1406     background: #fff url(../logo.png) no-repeat 10px bottom !important;
1407 }
1408
1409 .onboard_iframe {
1410     background: none;
1411     padding: 10px;
1412 }
1413
1414 .onboard_iframe #wrap {
1415     width: auto;
1416     background: none;
1417 }
1418
1419 .onboard_welcome p {
1420     margin-bottom: 10px;
1421 }
1422
1423 .onboard_welcome ul {
1424     list-style-type: none;
1425     margin-bottom: 10px;
1426 }
1427
1428 .onboard_welcome ul li {
1429     background: url(../images/resultset_next.png) no-repeat 0px 3px;
1430     padding-left: 20px;
1431     margin-left: 10px;
1432 }
1433
1434 #aside_primary #onboard_section {
1435     background: #f2f2f2;
1436     width: 198px;
1437     padding: 10px;
1438     border-radius: 4px;
1439     -moz-border-radius: 4px;
1440     -webkit-border-radius: 4px;
1441     border: 1px solid #516499;
1442     background: #fafafa;
1443 }
1444
1445 #onboard_section H2 {
1446     -webkit-border-top-left-radius: 4px;
1447     -moz-border-radius-topleft: 4px;
1448     border-top-left-radius: 4px;
1449     -webkit-border-top-right-radius: 4px;
1450     -moz-border-radius-topright: 4px;
1451     border-top-right-radius: 4px;
1452     position: relative;
1453     top: -11px;
1454     left: -11px;
1455     padding: 2px 0px 2px 10px;
1456     margin-right: -22px;
1457     margin-bottom: 5px;
1458     color: #fff;
1459     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
1460     background: #364A84;
1461     background: -moz-linear-gradient(top, #516499 , #364a84);
1462     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
1463     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
1464 }
1465
1466 #onboard_section ul {
1467     list-style-type: none;
1468 }
1469
1470 #onboard_section .onboard-step-incomplete {
1471     background: url(../images/resultset_next.png) no-repeat 0px 1px;
1472     padding-left: 20px;
1473     margin-bottom: 10px;
1474 }
1475
1476 #onboard_section .onboard-step-complete {
1477     background: url(../images/tick.png) no-repeat 0px 1px;
1478     padding-left: 20px;
1479     margin-bottom: 10px;
1480     text-decoration: line-through;
1481     color: #555;
1482 }
1483
1484 /* Billing specific styles */
1485
1486 #content table.billing_info {
1487     margin-top: 10px;
1488     background:rgba(240, 240, 240, 0.4);
1489 }
1490
1491 #content table.billing_info th {
1492     text-align: right;
1493     width: 50%;
1494 }
1495
1496 .invalid {
1497     border: solid 2px red !important;
1498 }
1499
1500 #payment_history table {
1501     width: 100%;
1502 }
1503
1504 #billingadminpanel .form_settings input {
1505     margin-right: 0px;
1506 }
1507
1508 /* Directory specific styles */
1509
1510 div#profile_directory div.alpha_nav > a {
1511     border-left: 1px solid #ccc !important;
1512     padding-left: 3.5px !important;
1513     padding-right: 4px !important;
1514     margin-right: 0px;
1515     float: left;
1516     line-height: 1.4em;
1517 }
1518
1519 div#profile_directory div.alpha_nav > a.first {
1520     border-left: none !important;
1521 }
1522
1523 div#profile_directory div.alpha_nav a.current {
1524     background-color: #ECECF2 !important;
1525 }
1526
1527 table.profile_list {
1528     margin-top: 25px;
1529 }
1530
1531 .profile_list th {
1532     font-size: 0.8em;
1533 }
1534
1535 .profile_list th#created {
1536     width: 100px;
1537 }
1538
1539 .profile_list th#subscriptions {
1540     width: 90px;
1541 }
1542
1543 .profile_list th.current {
1544         background: none !important;
1545 }
1546
1547 .profile_list th.current.reverse {
1548         background: none !important;
1549 }
1550
1551 .profile_list th.current a {
1552         padding-right: 25px;
1553         background: url(../images/bluearrow_down.png) no-repeat top right;
1554 }
1555
1556 .profile_list th.current.reverse a {
1557         background: url(../images/bluearrow_up.png) no-repeat top right;
1558 }
1559
1560 table.profile_list tr.alt {
1561     background-color: #fafafa !important;
1562     border: none !important;
1563 }
1564
1565 td.entity_profile {
1566     width: auto;
1567     min-width: 250px;
1568 }
1569
1570 .profile_list .fn {
1571     display: block;
1572     font-size: 1.1em;
1573     width: auto;
1574 }
1575
1576 .profile_list .nickname, .profile_list .fn.nickname {
1577     position: relative;
1578     top: -8px;
1579     display: block;
1580     margin-bottom: -12px;
1581     font-size: 1.4em;
1582 }
1583
1584 .profile_list .label {
1585     display: block;
1586     margin-left: 59px !important;
1587 }
1588
1589 .profile_list .note {
1590     font-size: 0.88em;
1591     line-height: 1.36em;
1592 }
1593
1594 .profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count {
1595     font-size: 0.88em;
1596 }
1597
1598 .profile_list td.entity_actions {
1599     width: 24px;
1600     max-width: 24px;
1601     min-width: 24px;
1602     height: 20px;
1603     padding-left: 6px !important;
1604     position: relative;
1605     float: none;
1606     display: table-cell !important;
1607 }
1608
1609 .profile_list .entity_actions ul {
1610     position: absolute;
1611     right: 20px;
1612 }
1613
1614 .profile_list .entity_actions input {
1615     width: 22px;
1616     height: 22px;
1617     padding-top: 1px;
1618     padding-right: 0px;
1619     padding-left: 20px;
1620     display: block;
1621     overflow: hidden;
1622     font-size: 0em;
1623     border: 1px solid #CDD1DD;
1624 }
1625
1626 .profile_list .form_group_leave input.submit,
1627 .profile_list .form_user_unsubscribe input.submit {
1628     background-position: 2px -1250px;
1629 }
1630
1631 .profile_list .form_group_join input.submit,
1632 .profile_list .form_user_subscribe input.submit {
1633     background-position: 2px -1184px;
1634 }
1635
1636 .profile_list .entity_actions input:hover {
1637     width: auto;
1638     padding-right: 10px;
1639     overflow: visible;
1640     font-size: 1em;
1641     line-height: 1.3em;
1642     border: 1px solid #A6ADBF;
1643     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1644     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1645     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1646 }
1647
1648 /* Event specific styles */
1649
1650 .notice .vevent div {
1651     margin-bottom: 8px;
1652 }
1653
1654 .event-info {
1655     margin-left: 0px !important;
1656     margin-top: 2px !important;
1657 }
1658
1659 .notice .event-info + .notice-options {
1660     margin-top: 14px;
1661 }
1662
1663 .notice .threaded-replies .event-info + .notice-options {
1664     margin-top: 20px;
1665 }
1666
1667 #form_event_rsvp #new_rsvp_data {
1668     display: inline;
1669     margin: 10px 0px;
1670 }
1671
1672 #form_event_rsvp input.submit {
1673     height: auto;
1674     padding: 0px 10px;
1675     margin-left: 10px;
1676     color:#fff;
1677     font-weight: bold;
1678     text-transform: uppercase;
1679     font-size: 1.1em;
1680     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1681     border: 1px solid #d7621c;
1682     border-radius: 4px;
1683     -moz-border-radius: 4px;
1684     -webkit-border-radius: 4px;
1685     background: #FB6104;
1686     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1687     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1688     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1689 }
1690
1691 #form_event_rsvp input.submit:hover {
1692     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1693     background: #ff9d63;
1694     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1695     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1696     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1697 }
1698
1699 #input_form_event .form_settings .form_data {
1700     float: left;
1701 }
1702
1703 #input_form_event .form_settings .form_data li {
1704     float: left;
1705     width: auto;
1706 }
1707
1708 #input_form_event .form_settings .form_data label {
1709     width: auto;
1710 }
1711
1712 #event-startdate, #event-starttime, #event-enddate, #event-endtime {
1713     width: 120px;
1714     margin-right: 20px;
1715 }
1716
1717 /* Limited-scope specific styles */
1718
1719 .limited-scope .entry-content .timestamp {
1720     padding-left: 20px;
1721     position: relative;
1722 }
1723
1724 .limited-scope .entry-content .timestamp:before {
1725     content: url(../images/lock.png);
1726     position: absolute;
1727     top: -2px;
1728     left: 0px;
1729 }
1730
1731 .limited-scope li .entry-content .timestamp {
1732     padding-left: 0px;
1733 }
1734
1735 .limited-scope li .entry-content .timestamp:before {
1736     content: none;
1737 }
1738
1739 .limited-scope li.limited-scope .entry-content .timestamp {
1740     padding-left: 20px;
1741 }
1742
1743 .limited-scope li.limited-scope .entry-content .timestamp:before {
1744     content: url(../images/lock.png);
1745     position: absolute;
1746     top: -2px;
1747     left: 0px;
1748 }
1749
1750 /* QnA specific styles */
1751
1752 #content .question .entry-title, #content .qna-full-question .entry-title {
1753     min-height: 1px;
1754 }
1755
1756 .question div.question-description {
1757     font-size: 1em;
1758     line-height: 1.36em;
1759     margin-top: 0px;
1760     opacity: 1;
1761 }
1762
1763 .question div.answer-content, .qna-full-question div.answer-content {
1764     opacity: 1;
1765 }
1766
1767 .question .answer-count, .qna-full-question .answer-count {
1768     display: block;
1769     clear: left;
1770 }
1771
1772 .question .answer-count:before, .qna-full-question .answer-count:before {
1773     content: '(';
1774 }
1775
1776 .question .answer-count:after, .qna-full-question .answer-count:after {
1777     content: ')';
1778 }
1779
1780 .question .notice-answer {
1781     margin-left: 10px;
1782     padding-bottom: 10px;
1783 }
1784
1785 ul.qna-dummy {
1786     clear: left;
1787     float: left;
1788     list-style-type: none;
1789     width: 458px;
1790     margin-left: 59px;
1791     padding-right: 2px;
1792     border-left: 3px solid #ECECF2;
1793     background: #fafafa;
1794     font-size: 1em;
1795 }
1796
1797 ul.qna-dummy + ul.threaded-replies li.notice:first-child {
1798     border-top: 2px dotted #eee;
1799     margin-top: -10px;
1800     padding-top: 10px;
1801 }
1802
1803 .qna-dummy-placeholder input {
1804     margin: 10px;
1805     width: 426px;
1806     padding: 4px 4px 4px 6px;
1807     border: 1px solid #a6a6a6;
1808     -webkit-border-radius: 4px;
1809     -moz-border-radius: 4px;
1810     border-radius: 4px;
1811     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1812     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1813     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1814     color: #888;
1815 }
1816
1817 li.notice-answer + li.notice {
1818     border-top: 2px dotted #eee;
1819     margin-top: -10px;
1820     padding-top: 10px;
1821 }
1822
1823 .question fieldset, .qna-full-question fieldset {
1824     margin: 0px;
1825 }
1826
1827 .question fieldset legend, .qna-full-question fieldset legend, .answer fieldset legend {
1828     display: none;
1829 }
1830
1831 .question label[for=qna-answer], .qna-full-question label[for=qna-answer] {
1832     display: none;
1833 }
1834
1835 .question #qna-answer, .qna-full-question #qna-answer {
1836     width: 426px;
1837     height: 54px;
1838     padding: 6px 5px;
1839     border: 1px solid #a6a6a6;
1840     -webkit-border-radius: 4px;
1841     -moz-border-radius: 4px;
1842     border-radius: 4px;
1843     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1844     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1845     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1846     font-size: 1.2em;
1847     margin-top: 10px;
1848     margin-bottom: 10px;
1849 }
1850
1851 .qna-full-question textarea {
1852     width: 508px;
1853 }
1854
1855 .question-description input.submit, .answer-content input.submit {
1856     height: auto;
1857     padding: 0px 10px;
1858     margin: 6px 0px 10px 0px;
1859     color:#fff;
1860     font-weight: bold;
1861     text-transform: uppercase;
1862     font-size: 1.1em;
1863     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1864     border: 1px solid #d7621c;
1865     border-radius: 4px;
1866     -moz-border-radius: 4px;
1867     -webkit-border-radius: 4px;
1868     background: #FB6104;
1869     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1870     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1871     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1872 }
1873
1874 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1875     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1876     background: #ff9d63;
1877     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1878     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1879     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1880 }
1881
1882 .question .question-description #answer-form input.submit {
1883     margin-top: 0px;
1884 }
1885
1886 .question p.best, .answer p.best {
1887     background: url(../images/rosette.png) no-repeat top left;
1888     padding-left: 20px;
1889 }
1890
1891 }/*end of @media screen, projection, tv*/