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