theme/neo/css/display.css

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