theme/neo/css/display.css

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