theme/neo/css/display.css

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