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     padding: 0px 0px 1px 10px;
 227     -webkit-border-radius: 4px;
 228     -moz-border-radius: 4px;
 229     border-radius: 4px;
 230     text-transform: uppercase;
 231     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 232 }
 233
 234 #site_nav_local_views a:hover, #site_nav_local_views .current a {
 235     color: #fff;
 236     text-decoration: none;
 237     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 238     background: #364a84;
 239     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 240     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 241     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 242 }
 243
 244 #content {
 245     width: 520px;
 246     float: left;
 247     overflow: hidden;
 248     position: relative;
 249     left: 801px;
 250     margin: 0px;
 251     padding: 20px 20px 40px 20px;
 252 }
 253
 254 /* Input forms */
 255
 256 .input_forms {
 257     float: left;
 258     position: relative;
 259     top: -20px;
 260     left: -20px;
 261     padding: 18px 20px 0px 20px;
 262     background: #fafafa url('../images/brdr_black_dot.png') repeat-x bottom left;
 263 }
 264
 265 #input_form_nav {
 266     float: left;
 267     margin-bottom: 10px;
 268 }
 269
 270 #input_form_nav li a {
 271     display: block;
 272     float: left;
 273     padding: 0px 10px 1px 10px;
 274     margin-right: 10px;
 275     -webkit-border-radius: 4px;
 276     -moz-border-radius: 4px;
 277     border-radius: 4px;
 278     border: 1px solid #ECECF2;
 279     font-weight: bold;
 280     line-height: 1.4em;
 281     text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
 282     background: #ececf2;
 283     background: -moz-linear-gradient(top, #ffffff , #ececf2);
 284     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececf2));
 285     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececf2',GradientType=0 );
 286 }
 287
 288 #input_form_nav li:hover a, #input_form_nav li.current a {
 289     color: #fff;
 290     text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
 291     border: 1px solid #ececf2;
 292     background: #364a84;
 293     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 294     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 295     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 296 }
 297
 298 .input_form_nav_tab a, .input_form_nav_tab.current {
 299     text-decoration: none !important; /* XXX cf rebase */
 300 }
 301
 302 .input_form {
 303     position: relative;
 304     float: left;
 305     width: 520px;
 306     padding-bottom: 20px;
 307 }
 308
 309 #input_form_status, #input_form_direct {
 310     padding-bottom: 50px;
 311 }
 312
 313 .form_notice {
 314     padding: 0px;
 315     background: none;
 316 }
 317
 318 .form_notice fieldset {
 319     width: auto;
 320     position: static;
 321 }
 322
 323 .form_notice #notice_data-text-label {
 324     display: none; /* XXX move into input with js */
 325 }
 326
 327 .form_notice_placeholder .placeholder {
 328     width: 508px;
 329     padding: 4px 4px 4px 6px;
 330     border: 1px solid #a6a6a6;
 331     -webkit-border-radius: 4px;
 332     -moz-border-radius: 4px;
 333     border-radius: 4px;
 334     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 335     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 336     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 337     z-index: 97;
 338     font-size: 1em;
 339     color: #888;
 340 }
 341
 342 .form_notice textarea {
 343     width: 483px;
 344     height: 42px;
 345     padding: 6px 5px 18px 5px;
 346     border: 1px solid #a6a6a6;
 347     -webkit-border-radius: 4px;
 348     -moz-border-radius: 4px;
 349     border-radius: 4px;
 350     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 351     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 352     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 353     z-index: 97;
 354     font-size: 1.2em;
 355 }
 356
 357 #form_notice-direct.form_notice textarea {
 358     width: 508px;
 359 }
 360
 361 .form_notice label.notice_data-attach {
 362     top: 0px;
 363     right: 0px;
 364     z-index: 96;
 365 }
 366
 367 .form_notice .notice_data-geo_wrap label,
 368 .form_notice .notice_data-geo_wrap input {
 369     top: 26px;
 370     right: 0px;
 371     z-index: 99;
 372 }
 373
 374 .form_notice .count {
 375     position: absolute;
 376     top: 50px;
 377     right: 32px;
 378     font-size: 0.8em;
 379     height: 1em;
 380     z-index: 99;
 381 }
 382
 383 #form_notice-direct.form_notice .count {
 384     top: 80px;
 385     right: 7px;
 386 }
 387
 388 .form_notice #notice_action-submit {
 389     position: absolute;
 390     top: 100%;
 391     left: 0px;
 392     margin-top: -49px;
 393     float: left;
 394     width: 100px;
 395     padding: 0px;
 396     z-index: 99;
 397 }
 398
 399 .form_notice .error,
 400 .form_notice .success,
 401 .form_notice .notice-status {
 402     width: 478px;
 403     position: relative;
 404     top: 0px;
 405     float: none;
 406     clear: none;
 407     margin-left: 0px;
 408     margin-top: 10px;
 409     padding: 5px 5px 5px 10px;
 410     border: 1px solid #ccc;
 411     -webkit-border-radius: 4px;
 412     -moz-border-radius: 4px;
 413     border-radius: 4px;
 414 }
 415
 416 .form_notice .error {
 417     border: 1px solid #d05858;
 418 }
 419
 420 .form_notice .attach-status code {
 421     font-size: 1em;
 422 }
 423
 424 .input_form fieldset {
 425     margin: 0px;
 426     padding: 0px;
 427 }
 428
 429 .input_form fieldset fieldset {
 430     width: 400px;
 431     float: left;
 432     background: none;
 433     border: none;
 434     margin-bottom: 0px !important;
 435     padding: 0px !important;
 436 }
 437
 438 .input_form .form_settings .form_data li {
 439     position: relative;
 440     margin-bottom: 12px;
 441 }
 442
 443 .input_form fieldset fieldset label {
 444     position: absolute;
 445     top: 0;
 446     left: 6px;
 447     float: none;
 448     text-align: left;
 449     color: #888;
 450     cursor: text;
 451 }
 452
 453 .input_form .form_settings li input {
 454     width: 388px;
 455     margin-left: 0;
 456     margin-right: 0;
 457     padding: 4px 5px 4px 5px;
 458     border: 1px solid #a6a6a6;
 459     -webkit-border-radius: 4px;
 460     -moz-border-radius: 4px;
 461     border-radius: 4px;
 462     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 463     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 464     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 465     font-size: 1em;
 466 }
 467
 468 .input_form .form_settings li textarea {
 469     width: 388px;
 470     margin-left: 0;
 471     padding: 4px 5px 4px 5px;
 472     border: 1px solid #a6a6a6;
 473     -webkit-border-radius: 4px;
 474     -moz-border-radius: 4px;
 475     border-radius: 4px;
 476     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 477     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 478     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 479     z-index: 97;
 480     font-size: 1em;
 481 }
 482
 483 .input_form .form_settings p.form_guide {
 484     margin-left: 5px;
 485 }
 486
 487 .input_form .form_settings .submit {
 488     position: relative;
 489     top: 0;
 490     right: 0;
 491     float: right;
 492     width: 100px;
 493     height: 26px;
 494     line-height: 26px;
 495     padding: 0px 10px;
 496     margin: 0px;
 497     color:#fff;
 498     font-weight: bold;
 499     text-transform: uppercase;
 500     font-size: 1.1em;
 501     z-index: 1;
 502 }
 503
 504 .to-selector {
 505     padding-top: 15px;
 506     z-index: 99;
 507 }
 508
 509 .form_settings label[for=notice_to] {
 510     left: 5px;
 511     margin-left: 0px;
 512     margin-right: 10px;
 513     position: relative;
 514     clear: left;
 515 }
 516
 517 .checkbox-wrapper {
 518     padding: 2px;
 519     margin-left: 10px;
 520 }
 521
 522 .form_notice .checkbox-wrapper {
 523     display: inline;
 524     margin-left: 10px;
 525 }
 526
 527 .form_settings .checkbox-wrapper label.checkbox {
 528     margin-left: 0px;
 529     margin-top: 6px;
 530     line-height: 1.2em;
 531     left: -3px;
 532     float: none;
 533 }
 534
 535 .checkbox-wrapper #notice_private {
 536     display:none;
 537 }
 538
 539 .checkbox-wrapper.unchecked label.checkbox {
 540     padding-left: 20px;
 541     background: url(../images/lock_open.png) no-repeat 0px 0px;
 542     opacity: 0.6;
 543 }
 544
 545 .checkbox-wrapper.unchecked label.checkbox:hover {
 546     opacity: 1;
 547     cursor: pointer;
 548 }
 549
 550 .checkbox-wrapper.checked label.checkbox {
 551     padding-left: 20px;
 552     background: url(../images/lock.png) no-repeat 0px 0px;
 553     color: red;
 554     opacity: 1;
 555 }
 556
 557 .checkbox-wrapper.checked label.checkbox:hover {
 558     cursor: pointer;
 559 }
 560
 561 #aside_primary {
 562     width: 218px;
 563     float: left;
 564     overflow: hidden;
 565     position: relative;
 566     left: 802px;
 567     padding: 22px 10px 40px 10px;
 568     margin-top: 0px;
 569     background: none;
 570 }
 571
 572 #aside_primary .section {
 573     width: 100%;
 574     margin-left: 0px;
 575     margin-right: 0px;
 576     font-size: 0.88em;
 577 }
 578
 579 #aside_primary h2 {
 580     margin-bottom: 10px;
 581     padding-bottom: 6px;
 582     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 583     color: #7a7c87;
 584     font-size: 1.25em;
 585     letter-spacing: 2px;
 586     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 587     text-transform: uppercase;
 588 }
 589
 590 .profile_block .entity_actions {
 591     float: right;
 592     width: 110px;
 593     margin-top: 2px;
 594     margin-bottom: 2px;
 595 }
 596
 597 .profile_block .entity_moderation:hover ul,
 598 .profile_block .entity_role:hover ul {
 599     right: 20px;
 600 }
 601
 602 .profile_block_name {
 603     font-size: 14px;
 604     font-weight: bold;
 605 }
 606
 607 .profile_block_location {
 608     font-weight: bold;
 609 }
 610
 611 .profile_block_description {
 612     line-height: 1.2em;
 613 }
 614
 615 #site_nav_object ul {
 616     background: url('../images/brdr_black_dot.png') repeat-x top left;
 617 }
 618
 619 #site_nav_object li {
 620     display: block;
 621     margin: -8px 0px 8px 0px;
 622     padding-top: 8px;
 623 }
 624
 625 #site_nav_object a {
 626     font-size: 14px;
 627     display: block;
 628     padding: 0px 0px 1px 10px;
 629     -webkit-border-radius: 4px;
 630     -moz-border-radius: 4px;
 631     border-radius: 4px;
 632     text-transform: uppercase;
 633     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 634 }
 635
 636 #site_nav_object a:hover, #site_nav_object .current a {
 637     color: #fff;
 638     text-decoration: none;
 639     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 640     background: #364a84;
 641     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 642     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 643     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 644 }
 645
 646 .section ul.entities {
 647     width: 240px;
 648 }
 649
 650 .section .entities li {
 651     margin-right: 3.6px;
 652     margin-bottom: 5px;
 653     width: 24px;
 654 }
 655
 656 #popular_notices .avatar {
 657     position: relative;
 658     top: 4px;
 659     margin-bottom: 6px;
 660 }
 661
 662 #aside_primary td {
 663     padding-right: 20px;
 664     padding-bottom: 14px;
 665 }
 666
 667 #aside_primary td .nickname {
 668     line-height: 1.6em;
 669 }
 670
 671 .section .avatar {
 672     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 673     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 674     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 675 }
 676
 677 .invite_button {
 678     height: 2.1em;
 679     line-height: 2.1em;
 680     display: block;
 681     text-align: center;
 682     color:#fff;
 683     font-weight: bold;
 684     text-transform: uppercase;
 685     font-size: 1.2em;
 686     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 687     border: 1px solid #d7621c;
 688     border-radius: 4px;
 689     -moz-border-radius: 4px;
 690     -webkit-border-radius: 4px;
 691     background: #FB6104;
 692     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
 693     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
 694     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
 695 }
 696
 697 .invite_button:hover {
 698     color: #fff;
 699     text-decoration: none;
 700     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
 701     background: #ff9d63;
 702     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
 703     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
 704     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
 705 }
 706
 707 #content h1 {
 708     border-bottom: 3px solid #A6ADBF;
 709     color: #A6ADBF;
 710     font-size: 1.4em;
 711     letter-spacing: 4px;
 712     text-transform: none;
 713 }
 714
 715 #notices_primary {
 716     margin-top: -5px;
 717 }
 718
 719 #content .notice {
 720     padding-bottom: 14px;
 721     border-bottom: 2px dotted #eee;
 722 }
 723
 724 .notice {
 725     line-height: 1.36em;
 726     margin-bottom: 10px;
 727 }
 728
 729 #content .notice .author .photo {
 730     left: 0px;
 731     top: 9px;
 732 }
 733
 734 #content .notice .entry-title {
 735     min-height: 35px;
 736 }
 737
 738 #showstream .notice .entry-title {
 739     min-height: 1px;
 740 }
 741
 742 #shownotice .notice .entry-title {
 743     min-height:123px;
 744 }
 745
 746 .notice div.entry-content {
 747     font-size: 0.88em;
 748     line-height: 1.2em;
 749     margin-top: 6px;
 750     opacity: 0.6;
 751 }
 752
 753 .notice:hover div.entry-content {
 754     opacity: 1;
 755 }
 756
 757 .user_in .notice div.entry-content {
 758     max-width: 440px;
 759 }
 760
 761 div.entry-content a.response:before {
 762         content: "(";
 763 }
 764
 765 div.entry-content a.response:after {
 766         content: ")";
 767 }
 768
 769 .notice-options {
 770     margin-top: 4px;
 771 }
 772
 773 .threaded-replies {
 774     clear: both;
 775     float: left;
 776     width: 458px;
 777     margin-left: 59px;
 778     margin-top: 10px;
 779     padding-right: 2px;
 780     border-left: 3px solid #ECECF2;
 781     background: #fafafa;
 782     font-size: 1em;
 783 }
 784
 785 #content .notice .threaded-replies .notice,
 786 #content .notice .threaded-replies .notice-data {
 787     width: 440px;
 788     min-height: 1px;
 789     padding-bottom: 14px;
 790     padding-top: 5px;
 791     border-bottom: 2px dotted #eee;
 792     line-height: 1.36em;
 793     margin-top: 0px;
 794     margin-bottom: 0px;
 795     margin-left: 10px;
 796     background: none;
 797 }
 798
 799 #content .notice .threaded-replies .entry-title {
 800     min-height: 1px;
 801 }
 802
 803 #content .threaded-replies .notice .author .photo {
 804     height: 24px;
 805     width: 24px;
 806     top: 14px;
 807     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 808     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 809     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 810 }
 811
 812 #content .notice .threaded-replies .notice .entry-title {
 813     margin: 2px 7px 0px 35px;
 814 }
 815
 816 #content .notice .threaded-replies .notice div.entry-content {
 817     clear:left;
 818     float:left;
 819     margin-left: 35px;
 820     margin-top: 4px !important;
 821 }
 822
 823 .threaded-replies li {
 824     list-style-type: none;
 825 }
 826
 827 .threaded-replies .notice-reply-comments {
 828     margin: 2px 0px 4px 10px;
 829 }
 830
 831 .threaded-replies .placeholder {
 832     margin: 10px;
 833     width: 426px;
 834 }
 835
 836 .threaded-replies .notice-reply {
 837     clear: left;
 838     position: relative;
 839     padding: 10px;
 840     padding-bottom: 44px;
 841 }
 842
 843 .threaded-replies .form_notice textarea {
 844     width: 395px;
 845 }
 846
 847 .threaded-replies .form_notice label.notice_data-attach {
 848     top: 10px;
 849     right: 10px;
 850 }
 851
 852 .threaded-replies .form_notice .notice_data-geo_wrap label,
 853 .threaded-replies .form_notice .notice_data-geo_wrap input {
 854     top: 36px;
 855     right: 10px;
 856 }
 857
 858 .threaded-replies .form_notice .count {
 859     top: 60px;
 860     right: 50px;
 861 }
 862
 863 .threaded-replies .form_notice #notice_action-submit {
 864     left: 10px;
 865     margin-top: -44px;
 866 }
 867
 868 .threaded-replies .form_notice .error,
 869 .threaded-replies .form_notice .success,
 870 .threaded-replies .form_notice .notice-status {
 871     width: 390px;
 872 }
 873
 874 .threaded-replies .to-selector {
 875     display: none;
 876 }
 877
 878 .user_in.realtime-popup .notice div.entry-content {
 879     max-width: 320px;
 880 }
 881
 882 .realtime-popup .threaded-replies {
 883     margin-left: 15px;
 884 }
 885
 886 .realtime-popup .threaded-replies .form_notice textarea {
 887     width: 385px !important;
 888 }
 889
 890 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
 891     top: 10px !important;
 892     right: 10px !important;
 893 }
 894
 895 #content .notice .notice {
 896     width: 100%;
 897     margin-left: 0;
 898     margin-top: 16px;
 899     margin-bottom: 10px;
 900 }
 901
 902 .notice .notice {
 903 background-color:rgba(200, 200, 200, 0.050);
 904 }
 905 .notice .notice .notice {
 906 background-color:rgba(200, 200, 200, 0.100);
 907 }
 908 .notice .notice .notice .notice {
 909 background-color:rgba(200, 200, 200, 0.150);
 910 }
 911 .notice .notice .notice .notice .notice {
 912 background-color:rgba(200, 200, 200, 0.300);
 913 }
 914
 915 .pagination {
 916     height: 1.2em;
 917 }
 918
 919 #jOverlayContent button {
 920     top: 20px;
 921     right: 36px;
 922 }
 923
 924 .entity_profile {
 925     float: left;
 926     width: 360px;
 927     margin-top: 4px;
 928 }
 929
 930 .entity_profile .entity_depiction {
 931     margin-top: 4px;
 932 }
 933
 934 .entity_actions {
 935     width: 140px;
 936     margin-top: 8px;
 937     margin-bottom: 10px;
 938 }
 939
 940 .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 {
 941         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 942     border-radius: 4px;
 943     -moz-border-radius: 4px;
 944     -webkit-border-radius: 4px;
 945     background-color: #CDD1DD !important;
 946 }
 947
 948 .entity_moderation:hover ul,
 949 .entity_role:hover ul {
 950     border-radius: 4px;
 951     -moz-border-radius: 4px;
 952     -webkit-border-radius: 4px;
 953 }
 954
 955 .entity_send-a-message .form_notice legend {
 956         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 957 }
 958
 959 .entity_send-a-message .form_notice {
 960     border: 1px solid #7B4E82;
 961 }
 962
 963 .entity_send-a-message .form_notice #notice_action-submit {
 964     color: #fff !important;
 965     top: 46px;
 966 }
 967
 968 #aside_primary #entity_remote_subscribe a:hover {
 969     background-color: #fff !important;
 970 }
 971
 972 #entity_remote_subscribe .dialogbox {
 973     border: 1px solid #7B4E82;
 974     border-radius: 8px;
 975         -moz-border-radius: 8px;
 976         -webkit-border-radius: 8px;
 977 }
 978
 979 #entity_remote_subscribe input {
 980     padding-left: 4px;
 981 }
 982
 983 #entity_remote_subscribe .submit_dialogbox {
 984     margin-top: 10px;
 985     float: right;
 986 }
 987
 988 #filter_tags_item .submit {
 989   left: 6px;
 990   top: -3px;
 991 }
 992
 993 #pagination {
 994     height: 1.2em;
 995     padding-bottom: 12px;
 996     -webkit-border-radius: 6px;
 997     -moz-border-radius: 6px;
 998     border-radius: 6px;
 999 }
1000
1001 #footer {
1002     position: relative;
1003     top: -6px;
1004     color: #000;
1005     margin-left: 0px;
1006     margin-right: 0px;
1007     -webkit-border-top-left-radius: 6px;
1008     -webkit-border-top-right-radius: 6px;
1009     -moz-border-radius-topleft: 6px;
1010     -moz-border-radius-topright: 6px;
1011     border-top-left-radius: 6px;
1012     border-top-right-radius: 6px;
1013 }
1014
1015 #footer a {
1016     color: #3e3e8c;
1017 }
1018
1019 #site_nav_global_secondary {
1020     margin-bottom: 10px;
1021 }
1022
1023 .error, .success, .notice-status {
1024     background-color: #F7E8E8;
1025     padding: 4px;
1026     -webkit-border-radius: 6px;
1027     -moz-border-radius: 6px;
1028     border-radius: 6px;
1029 }
1030 .success, .notice-status {
1031     background-color: #f2f2f2;
1032 }
1033
1034 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel {
1035     height: 1.9em;
1036     padding: 0px 10px;
1037     color:#fff;
1038     font-weight: bold;
1039     text-transform: uppercase;
1040     font-size: 1.2em;
1041     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1042     border: 1px solid #d7621c;
1043     border-radius: 4px;
1044     -moz-border-radius: 4px;
1045     -webkit-border-radius: 4px;
1046     background: #FB6104;
1047     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1048     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1049     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1050 }
1051
1052 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover {
1053     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1054     background: #ff9d63;
1055     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1056     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1057     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1058 }
1059
1060 .form_settings input#settings_design_reset, .form_settings input.cancel {
1061     background: #e2e2e2;
1062     color: #8e181b;
1063     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1064 }
1065
1066 .form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover {
1067     background: #f2f2f2;
1068     color: #8e181b;
1069     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1070 }
1071
1072 .form_settings input.checkbox, .form_settings input.radio {
1073     margin-left: 24%;
1074     margin-top: 2px;
1075     position: relative;
1076     left: -14px;
1077 }
1078
1079 .form_settings label.checkbox, .form_settings label.radio {
1080     width: auto;
1081     max-width: 60%;
1082     position: relative;
1083     left: -30px;
1084 }
1085
1086 .form_settings li input.radio {
1087     clear: left;
1088 }
1089
1090 .form_settings label.radio {
1091     margin-left: 10px;
1092     margin-right: 10px;
1093     text-align: left;
1094 }
1095
1096 #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 {
1097     margin-left: 26%;
1098 }
1099
1100 #form_search ul.form_data #q {
1101     margin-left: 10px;
1102 }
1103
1104 .form_settings fieldset fieldset {
1105     margin-bottom: 30px;
1106     padding-top: 25px;
1107 }
1108
1109
1110 #content thead th {
1111 text-align:left;
1112 }
1113 #content tbody th {
1114 vertical-align:top;
1115 text-align:left;
1116 font-weight:normal;
1117 padding-top:11px;
1118 padding-right:18px;
1119 }
1120 #content tbody tr {
1121     border-top: 1px dotted #bbb;
1122 }
1123 #content td {
1124 padding:11px 18px 11px 0;
1125 vertical-align:top;
1126 }
1127 #content td:last-child {
1128 padding-right:0;
1129 }
1130
1131
1132 /* Bookmark specific styles */
1133
1134 #content .bookmark .entry-title {
1135     margin-left: 0px;
1136 }
1137
1138 .bookmark h3 {
1139     margin: 0px 0px 8px 0px;
1140     float: left;
1141     line-height: 1.2em;
1142     max-width: 92%;
1143 }
1144
1145 .bookmark-notice-count {
1146     border-radius: 4px;
1147         -moz-border-radius: 4px;
1148         -webkit-border-radius: 4px;
1149     padding: 1px 6px;
1150     font-size: 1.2em;
1151     line-height: 1.2em;
1152     background: #fff;
1153     border: 1px solid #7b8dbb;
1154     color: #3e3e8c !important;
1155     position: relative;
1156     right: 4px;
1157     margin-left: 10px;
1158 }
1159
1160 .bookmark-notice-count:hover {
1161     text-decoration: none;
1162     background: #f2f2f2;
1163     border: 1px solid #7b8dbb;
1164     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1165 }
1166
1167 .notice .bookmark-description {
1168     clear: both;
1169     margin-left: 0px;
1170     margin-bottom: 0px;
1171 }
1172
1173 .notice .bookmark-author {
1174     margin-left: 0px;
1175     float: left;
1176 }
1177
1178 .bookmark-tags {
1179     clear: both;
1180     margin-bottom: 8px;
1181     line-height: 1.6em;
1182 }
1183
1184 ul.bookmark-tags a {
1185     border-radius: 4px;
1186         -moz-border-radius: 4px;
1187         -webkit-border-radius: 4px;
1188     padding: 1px 6px;
1189     background: #f2f2f2;
1190     color: #3e3e8c !important;
1191     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1192     font-size: 0.88em;
1193 }
1194
1195 ul.bookmark-tags a:hover {
1196     background-color: #cdd1dd;
1197     text-decoration: none;
1198 }
1199
1200 .bookmark-avatar {
1201     float: none !important;
1202     position: relative;
1203     top: 2px;
1204 }
1205
1206 .bookmark div.entry-content {
1207     font-size: 0.88em;
1208     line-height: 1.2em;
1209     margin-top: 6px;
1210     opacity: 0.6;
1211     margin-bottom: 0px;
1212 }
1213
1214 .bookmark:hover div.entry-content {
1215     opacity: 1;
1216 }
1217
1218 .bookmark .notice-options {
1219     margin-top: 16px;
1220 }
1221
1222 #bookmarkpopup {
1223     min-width: 600px;
1224     margin-top: 0px;
1225     height: 100%;
1226     border: 10px solid #364A84;
1227     background: #364A84;
1228 }
1229
1230 #bookmarkpopup #wrap {
1231     width: auto;
1232     min-width: 560px;
1233     padding: 40px 0px 25px 0px;
1234     margin-right: 2px;
1235     background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
1236 }
1237
1238 #bookmarkpopup #header {
1239     width: auto;
1240     padding: 0px 10px;
1241 }
1242
1243 #bookmarkpopup .form_settings label {
1244     margin-top: 2px;
1245     text-align: right;
1246     width: 24%;
1247     font-size: 1.2em;
1248 }
1249
1250 #bookmarkpopup .form_settings .form_data input {
1251     width: 60%;
1252 }
1253
1254 #bookmarkpopup .form_guide {
1255     color: #777;
1256 }
1257
1258 #bookmarkpopup #submit {
1259     float: right;
1260     margin-right: 0px;
1261 }
1262
1263 #bookmarkpopup fieldset fieldset {
1264     margin-bottom: 10px;
1265 }
1266
1267 #form_initial_bookmark.form_settings .form_data li {
1268     margin-bottom: 0px;
1269 }
1270
1271 #form_new_bookmark.form_settings .bookmarkform-thumbnail {
1272     position: absolute;
1273     top: 50px;
1274     right: 0px;
1275 }
1276
1277 /* Onboard specific styles */
1278
1279 .onboard-flash {
1280     position: relative;
1281     right: -800px;
1282     top: 10px;
1283     border-radius: 6px;
1284         -moz-border-radius: 6px;
1285         -webkit-border-radius: 6px;
1286     font-size: 1.1em;
1287     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1288     -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1289     -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1290 }
1291
1292 .onboard-flash p {
1293     margin-bottom: 10px;
1294 }
1295
1296 .onboard-flash .next:before {
1297     content: '\00BB';
1298     padding-right: 6px;
1299 }
1300
1301 .onboard-breadcrumbs {
1302     margin-bottom: 16px !important;
1303 }
1304
1305 .onboard-breadcrumbs li {
1306     background: none !important;
1307     border-top: none !important;
1308     padding: 6px 12px 2px 0px !important;
1309 }
1310
1311 .onboard-breadcrumbs li:last-child {
1312     padding-right: 0px !important;
1313 }
1314
1315 .onboard-breadcrumbs a {
1316     text-decoration: none;
1317 }
1318
1319 .onboard-breadcrumbs a:hover {
1320     color: #3e3e8c !important;
1321 }
1322
1323 /* Billing specific styles */
1324
1325 #content table.billing_info {
1326     margin-top: 10px;
1327     background:rgba(240, 240, 240, 0.4);
1328 }
1329
1330 #content table.billing_info th {
1331     text-align: right;
1332     width: 50%;
1333 }
1334
1335 .invalid {
1336     border: solid 2px red !important;
1337 }
1338
1339 #payment_history table {
1340     width: 100%;
1341 }
1342
1343 #billingadminpanel .form_settings input {
1344     margin-right: 0px;
1345 }
1346
1347 /* Directory specific styles */
1348
1349 td.entity_profile {
1350     width: auto;
1351 }
1352
1353 #user_directory {
1354     position: relative;
1355     top: -20px;
1356 }
1357
1358 div#user_directory div.alpha_nav > a {
1359     border-left: 1px solid #ccc !important;
1360     padding-left: 3.5px !important;
1361     padding-right: 4px !important;
1362     margin-right: 0px;
1363     float: left;
1364     line-height: 1.4em;
1365 }
1366
1367 div#user_directory div.alpha_nav > a.first {
1368     border-left: none !important;
1369 }
1370
1371 div#user_directory div.alpha_nav a.current {
1372     background-color: #ECECF2 !important;
1373 }
1374
1375 table.profile_list {
1376     margin-top: 10px;
1377 }
1378
1379 .profile_list th#created {
1380     width: 100px;
1381 }
1382
1383 .profile_list th#subscriptions {
1384     width: 120px;
1385 }
1386
1387 table.profile_list tr.alt {
1388     background-color: #fafafa !important;
1389 }
1390
1391 .profile_list .entity_actions {
1392     width: 30px;
1393     height: 26px;
1394     margin-right: 5px;
1395 }
1396
1397 .profile_list .entity_actions input {
1398     width: 26px;
1399     height: 26px;
1400     display: block;
1401     overflow: hidden;
1402     font-size: 0em;
1403 }
1404
1405 /* Event specific styles */
1406
1407 .notice .vevent div {
1408     margin-bottom: 8px;
1409 }
1410
1411 .event-info {
1412     margin-left: 0px !important;
1413     margin-top: 2px !important;
1414 }
1415
1416 .notice .event-info + .notice-options {
1417     margin-top: 14px;
1418 }
1419
1420 .notice .threaded-replies .event-info + .notice-options {
1421     margin-top: 20px;
1422 }
1423
1424 #form_event_rsvp #new_rsvp_data {
1425     display: inline;
1426     margin: 10px 0px;
1427 }
1428
1429 #form_event_rsvp input.submit {
1430     height: auto;
1431     padding: 0px 10px;
1432     margin-left: 10px;
1433     color:#fff;
1434     font-weight: bold;
1435     text-transform: uppercase;
1436     font-size: 1.1em;
1437     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1438     border: 1px solid #d7621c;
1439     border-radius: 4px;
1440     -moz-border-radius: 4px;
1441     -webkit-border-radius: 4px;
1442     background: #FB6104;
1443     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1444     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1445     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1446 }
1447
1448 #form_event_rsvp input.submit:hover {
1449     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1450     background: #ff9d63;
1451     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1452     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1453     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1454 }
1455
1456 #input_form_event .form_settings .form_data {
1457     float: left;
1458 }
1459
1460 #input_form_event .form_settings .form_data li {
1461     float: left;
1462     width: auto;
1463 }
1464
1465 #input_form_event .form_settings .form_data label {
1466     width: auto;
1467 }
1468
1469 #event-startdate, #event-starttime, #event-enddate, #event-endtime {
1470     width: 120px;
1471     margin-right: 20px;
1472 }
1473
1474 /* Limited-scope specific styles */
1475
1476 .limited-scope .entry-content .timestamp {
1477     padding-left: 20px;
1478     position: relative;
1479 }
1480
1481 .limited-scope .entry-content .timestamp:before {
1482     content: url(../images/lock.png);
1483     position: absolute;
1484     top: -2px;
1485     left: 0px;
1486 }
1487
1488 .limited-scope li .entry-content .timestamp {
1489     padding-left: 0px;
1490 }
1491
1492 .limited-scope li .entry-content .timestamp:before {
1493     content: none;
1494 }
1495
1496 .limited-scope li.limited-scope .entry-content .timestamp {
1497     padding-left: 20px;
1498 }
1499
1500 .limited-scope li.limited-scope .entry-content .timestamp:before {
1501     content: url(../images/lock.png);
1502     position: absolute;
1503     top: -2px;
1504     left: 0px;
1505 }
1506
1507 /* QnA specific styles */
1508
1509 #content .question .entry-title, #content .qna-full-question .entry-title {
1510     min-height: 1px;
1511 }
1512
1513 .question div.question-description {
1514     font-size: 1em;
1515     line-height: 1.36em;
1516     margin-top: 0px;
1517     opacity: 1;
1518 }
1519
1520 .question div.answer-content, .qna-full-question div.answer-content {
1521     opacity: 1;
1522 }
1523
1524 .question .answer-count, .qna-full-question .answer-count {
1525     display: block;
1526     clear: left;
1527 }
1528
1529 .question .answer-count:before, .qna-full-question .answer-count:before {
1530     content: '(';
1531 }
1532
1533 .question .answer-count:after, .qna-full-question .answer-count:after {
1534     content: ')';
1535 }
1536
1537 .question fieldset, .qna-full-question fieldset {
1538     margin: 0px;
1539 }
1540
1541 .question fieldset legend, .qna-full-question fieldset legend, .answer fieldset legend {
1542     display: none;
1543 }
1544
1545 .question label[for=qna-answer], .qna-full-question label[for=qna-answer] {
1546     display: none;
1547 }
1548
1549 .question textarea, .qna-full-question textarea {
1550     width: 100%;
1551     height: 42px;
1552     padding: 6px 10px 18px 10px;
1553     border: 1px solid #a6a6a6;
1554     -webkit-border-radius: 4px;
1555     -moz-border-radius: 4px;
1556     border-radius: 4px;
1557     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1558     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1559     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1560     font-size: 1.2em;
1561     margin-top: 15px;
1562     margin-bottom: 10px;
1563 }
1564
1565 .qna-full-question textarea {
1566     width: 473px;
1567 }
1568
1569 .question-description input.submit, .answer-content input.submit {
1570     height: auto;
1571     padding: 0px 10px;
1572     margin: 6px 0px 10px 0px;
1573     color:#fff;
1574     font-weight: bold;
1575     text-transform: uppercase;
1576     font-size: 1.1em;
1577     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1578     border: 1px solid #d7621c;
1579     border-radius: 4px;
1580     -moz-border-radius: 4px;
1581     -webkit-border-radius: 4px;
1582     background: #FB6104;
1583     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1584     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1585     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1586 }
1587
1588 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1589     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1590     background: #ff9d63;
1591     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1592     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1593     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1594 }
1595
1596 .question .question-description #answer-form input.submit {
1597     margin-top: 0px;
1598 }
1599
1600 .question p.best, .answer p.best {
1601     background: url(../images/rosette.png) no-repeat top left;
1602     padding-left: 20px;
1603 }
1604
1605 }/*end of @media screen, projection, tv*/