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 /* general styles and layout */
  34
  35 body {
  36     background-color: #C6C8CC;
  37     background-image: url(../images/bg.png);
  38     font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
  39     color: #222;
  40 }
  41
  42 input, textarea, select, option {
  43     font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
  44 }
  45
  46 a {color: #3e3e8c;}
  47 a:hover {color: blue;}
  48
  49 abbr {border-bottom: none;}
  50
  51 h1 {font-size: 1.6em;}
  52 h2 {font-size: 1.6em;}
  53 h3 {font-size: 1.4em;}
  54 h4 {font-size: 1.4em;}
  55 h5 {font-size: 1.2em;}
  56 h6 {font-size: 1em;}
  57
  58 #wrap {
  59     background: #fff url('../images/brdr_black_dot.png') repeat-x 0px 10px;
  60 }
  61
  62 #header {
  63     padding-top: 12px;
  64 }
  65
  66 #core {
  67     border-top: 5px solid #FB6104;
  68     border-left: 1px solid #d8dae6;
  69     border-right: 1px solid #d8dae6;
  70 }
  71
  72 #aside_primary_wrapper {
  73     background-color: #ececf2;
  74 }
  75
  76 #content_wrapper  {
  77     border-right: 1px solid #d8dae6;
  78 }
  79
  80 #site_nav_local_views_wrapper  {
  81     background-color: #ececf2;
  82     border-right: 1px solid #d8dae6;
  83 }
  84
  85 #footer {
  86     top: -6px;
  87     -webkit-border-top-left-radius: 6px;
  88     -webkit-border-top-right-radius: 6px;
  89     -moz-border-radius-topleft: 6px;
  90     -moz-border-radius-topright: 6px;
  91     border-top-left-radius: 6px;
  92     border-top-right-radius: 6px;
  93 }
  94
  95 /* header elements */
  96
  97 #site_nav_global_primary {
  98     top: 10px;
  99     -webkit-border-top-right-radius: 6px;
 100     -moz-border-radius-topright: 6px;
 101     border-top-right-radius: 6px;
 102     background: #364A84;
 103     background: -moz-linear-gradient(top, #516499 , #364a84);
 104     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
 105     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 ); /* XXX move all to ie.css */
 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     padding: 2px 10px 2px 10px;
 118     height: 20px;
 119     display: block;
 120     float: left;
 121     color: #fff;
 122     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 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 #header-search {
 133     top: 1px;
 134     margin-left: 6px;
 135 }
 136
 137 #header-search #search-q {
 138     position: relative;
 139     width: 131px;
 140     height: 12px;
 141     margin-right: 10px;
 142     padding: 2px 22px 2px 6px;
 143     -webkit-border-radius: 4px;
 144     -moz-border-radius: 4px;
 145     border-radius: 4px;
 146     border: none;
 147     font-size: 0.88em;
 148 }
 149
 150 #header-search input[type="submit"] {
 151     border: 0;
 152     background: url(../images/magnifier.png) no-repeat 2px 1px;
 153     text-indent: -9999px;
 154     width: 20px;
 155     height: 18px;
 156     position: absolute;
 157     right: 10px;
 158     top: 2px;
 159     z-index: 2;
 160     cursor: pointer;
 161 }
 162
 163 #site_notice {
 164     -webkit-border-radius: 6px;
 165     -moz-border-radius: 6px;
 166     border-radius: 6px;
 167 }
 168
 169 /* input forms */
 170
 171 .input_forms {
 172     float: left;
 173     top: -20px;
 174     left: -20px;
 175     padding: 18px 20px 0px 20px;
 176     border-bottom: none;
 177     margin-bottom: 0px;
 178     background: #fafafa url('../images/brdr_black_dot.png') repeat-x bottom left;
 179 }
 180
 181 #input_form_nav li a {
 182     display: block;
 183     float: left;
 184     padding: 0px 10px 1px 10px;
 185     -webkit-border-radius: 4px;
 186     -moz-border-radius: 4px;
 187     border-radius: 4px;
 188     border: 1px solid #ECECF2;
 189     font-weight: bold;
 190     line-height: 1.4em;
 191     color: #3e3e8c;
 192     text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
 193     background: #ececf2;
 194     background: -moz-linear-gradient(top, #ffffff , #ececf2);
 195     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececf2));
 196     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececf2',GradientType=0 );
 197 }
 198
 199 #input_form_nav li:hover a, #input_form_nav li.current a {
 200     color: #fff;
 201     text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
 202     border: 1px solid #ececf2;
 203     background: #364a84;
 204     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 205     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 206     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 207 }
 208
 209 .input_form_nav_tab a, .input_form_nav_tab.current a {
 210     text-decoration: none;
 211 }
 212
 213 .form_notice .error,
 214 .form_notice .success,
 215 .form_notice .notice-status {
 216     -webkit-border-radius: 4px;
 217     -moz-border-radius: 4px;
 218     border-radius: 4px;
 219 }
 220
 221 .form_notice_placeholder .placeholder,
 222 .form_notice textarea ,
 223 .input_form .form_settings li input,
 224 .input_form .form_settings li textarea,
 225 .threaded-replies .placeholder {
 226     -webkit-border-radius: 4px;
 227     -moz-border-radius: 4px;
 228     border-radius: 4px;
 229     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 230     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 231     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 232 }
 233
 234 .input_form .form_settings .submit {
 235     font-size: 1.1em;
 236 }
 237
 238 /* site nav local views */
 239
 240 #site_nav_local_views H3 {
 241     margin-bottom: 10px;
 242     padding-bottom: 6px;
 243     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 244     color: #7a7c87;
 245     font-size: 1.1em;
 246     letter-spacing: 2px;
 247     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 248     text-transform: uppercase;
 249 }
 250
 251 #site_nav_local_views a {
 252     display: block;
 253     width: 118px;
 254     padding: 0px 10px 1px 10px;
 255     -webkit-border-radius: 4px;
 256     -moz-border-radius: 4px;
 257     border-radius: 4px;
 258     text-transform: uppercase;
 259     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 260     word-wrap: break-word;
 261 }
 262
 263 #site_nav_local_views a:hover, #site_nav_local_views .current a {
 264     color: #fff;
 265     text-decoration: none;
 266     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 267     background: #364a84;
 268     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 269     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 270     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 271 }
 272
 273 /* aside primary */
 274
 275 #aside_primary .section {
 276     font-size: 0.88em;
 277 }
 278
 279 #aside_primary h2 {
 280     margin-bottom: 10px;
 281     padding-bottom: 6px;
 282     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 283     color: #7a7c87;
 284     font-size: 1.25em;
 285     letter-spacing: 2px;
 286     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 287     text-transform: uppercase;
 288 }
 289
 290 .profile_block .entity_actions {
 291     float: right;
 292     width: 110px;
 293     margin-top: 2px;
 294     margin-bottom: 2px;
 295 }
 296
 297 .profile_block .entity_moderation:hover ul,
 298 .profile_block .entity_role:hover ul {
 299     right: 20px;
 300 }
 301
 302 .profile_block_name {
 303     font-size: 14px;
 304     font-weight: bold;
 305 }
 306
 307 .profile_block_location {
 308     font-weight: bold;
 309 }
 310
 311 .profile_block_description {
 312     line-height: 1.2em;
 313 }
 314
 315 #site_nav_object ul {
 316     background: url('../images/brdr_black_dot.png') repeat-x top left;
 317 }
 318
 319 #site_nav_object li {
 320     display: block;
 321     margin: -8px 0px 8px 0px;
 322     padding-top: 8px;
 323 }
 324
 325 #site_nav_object a {
 326     font-size: 14px;
 327     display: block;
 328     padding: 0px 0px 1px 10px;
 329     -webkit-border-radius: 4px;
 330     -moz-border-radius: 4px;
 331     border-radius: 4px;
 332     text-transform: uppercase;
 333     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 334 }
 335
 336 #site_nav_object a:hover, #site_nav_object .current a {
 337     color: #fff;
 338     text-decoration: none;
 339     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 340     background: #364a84;
 341     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 342     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 343     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 344 }
 345
 346 .section ul.entities {
 347     width: 240px;
 348 }
 349
 350 .section .entities li {
 351     margin-right: 3.6px;
 352     margin-bottom: 5px;
 353     width: 24px;
 354 }
 355
 356 #popular_notices .avatar {
 357     position: relative;
 358     top: 4px;
 359     margin-bottom: 6px;
 360 }
 361
 362 #aside_primary td {
 363     padding-right: 20px;
 364     padding-bottom: 14px;
 365 }
 366
 367 #aside_primary td .nickname {
 368     line-height: 1.6em;
 369 }
 370
 371 .section .avatar {
 372     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 373     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 374     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 375 }
 376
 377 .invite_button {
 378     height: 2.1em;
 379     line-height: 2.1em;
 380     display: block;
 381     text-align: center;
 382     color:#fff;
 383     font-weight: bold;
 384     text-transform: uppercase;
 385     font-size: 1.2em;
 386     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 387     border: 1px solid #d7621c;
 388     border-radius: 4px;
 389     -moz-border-radius: 4px;
 390     -webkit-border-radius: 4px;
 391     background: #FB6104;
 392     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
 393     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
 394     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
 395 }
 396
 397 .invite_button:hover {
 398     color: #fff;
 399     text-decoration: none;
 400     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
 401     background: #ff9d63;
 402     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
 403     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
 404     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
 405 }
 406
 407 /* notices etc */
 408
 409 #content h1 {
 410     border-bottom: 3px solid #A6ADBF;
 411     color: #A6ADBF;
 412     font-size: 1.4em;
 413     letter-spacing: 4px;
 414     text-transform: none;
 415 }
 416
 417 #content .notice {
 418     padding-bottom: 4px;
 419     border-bottom: 2px dotted #eee;
 420 }
 421
 422 .notice div.entry-content {
 423     font-size: 0.88em;
 424     line-height: 1.2em;
 425     margin-top: 6px;
 426     opacity: 0.6;
 427 }
 428
 429 .notice:hover div.entry-content {
 430     opacity: 1;
 431 }
 432
 433 .user_in .notice div.entry-content {
 434     max-width: 440px;
 435 }
 436
 437 div.entry-content a.response:before {
 438         content: "(";
 439 }
 440
 441 div.entry-content a.response:after {
 442         content: ")";
 443 }
 444
 445 .notice-options {
 446     margin-top: 4px;
 447 }
 448
 449 #content .threaded-replies .notice .author .photo {
 450     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 451     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 452     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 453 }
 454
 455 .user_in.realtime-popup .notice div.entry-content {
 456     max-width: 320px;
 457 }
 458
 459
 460 .realtime-popup .threaded-replies {
 461     margin-left: 15px;
 462 }
 463
 464 .realtime-popup .threaded-replies .form_notice textarea {
 465     width: 385px !important;
 466 }
 467
 468 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
 469     top: 10px !important;
 470     right: 10px !important;
 471 }
 472
 473
 474 .pagination {
 475     height: 1.2em;
 476 }
 477
 478 .entity_profile {
 479     float: left;
 480     width: 360px;
 481     margin-top: 4px;
 482 }
 483
 484 .entity_profile .entity_depiction {
 485     margin-top: 4px;
 486 }
 487
 488 .entity_actions {
 489     width: 140px;
 490     margin-top: 8px;
 491     margin-bottom: 10px;
 492 }
 493
 494 .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 {
 495         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 496     border-radius: 4px;
 497     -moz-border-radius: 4px;
 498     -webkit-border-radius: 4px;
 499     background-color: #CDD1DD !important;
 500 }
 501
 502 .entity_moderation:hover ul,
 503 .entity_role:hover ul {
 504     border-radius: 4px;
 505     -moz-border-radius: 4px;
 506     -webkit-border-radius: 4px;
 507 }
 508
 509 .entity_send-a-message .form_notice legend {
 510         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 511 }
 512
 513 .entity_send-a-message .form_notice {
 514     border: 1px solid #7B4E82;
 515 }
 516
 517 .entity_send-a-message .form_notice #notice_action-submit {
 518     color: #fff !important;
 519     top: 46px;
 520 }
 521
 522 #aside_primary #entity_remote_subscribe a:hover {
 523     background-color: #fff !important;
 524 }
 525
 526 #entity_remote_subscribe .dialogbox {
 527     border: 1px solid #7B4E82;
 528     border-radius: 8px;
 529         -moz-border-radius: 8px;
 530         -webkit-border-radius: 8px;
 531 }
 532
 533 #entity_remote_subscribe input {
 534     padding-left: 4px;
 535 }
 536
 537 #entity_remote_subscribe .submit_dialogbox {
 538     margin-top: 10px;
 539     float: right;
 540 }
 541
 542 #filter_tags_item .submit {
 543   left: 6px;
 544   top: -3px;
 545 }
 546
 547 #pagination {
 548     height: 1.2em;
 549     padding-bottom: 12px;
 550     -webkit-border-radius: 6px;
 551     -moz-border-radius: 6px;
 552     border-radius: 6px;
 553 }
 554
 555 #pagination a {
 556     color: #3e3e8c;
 557 }
 558
 559
 560 #footer a {
 561     color: #3e3e8c;
 562 }
 563
 564 #site_nav_global_secondary {
 565     margin-bottom: 10px;
 566 }
 567
 568 .error, .success, .notice-status {
 569     -webkit-border-radius: 6px;
 570     -moz-border-radius: 6px;
 571     border-radius: 6px;
 572 }
 573
 574
 575 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit {
 576     height: 1.9em;
 577     padding: 0px 10px;
 578     color:#fff;
 579     font-weight: bold;
 580     text-transform: uppercase;
 581     font-size: 1.2em;
 582     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 583     border: 1px solid #d7621c;
 584     border-radius: 4px;
 585     -moz-border-radius: 4px;
 586     -webkit-border-radius: 4px;
 587     background: #FB6104;
 588     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
 589     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
 590     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
 591 }
 592
 593 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover {
 594     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
 595     background: #ff9d63;
 596     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
 597     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
 598     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
 599 }
 600
 601 .form_settings input#settings_design_reset, .form_settings input.cancel {
 602     background: #e2e2e2;
 603     color: #8e181b;
 604     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 605 }
 606
 607 .form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover {
 608     background: #f2f2f2;
 609     color: #8e181b;
 610     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 611 }
 612
 613 #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 {
 614     margin-left: 26%;
 615 }
 616
 617 .form_settings fieldset fieldset {
 618     margin-bottom: 30px;
 619     padding-top: 25px;
 620 }
 621
 622 #invite #content p {
 623     margin-bottom: 15px;
 624 }
 625
 626 #invite #content ul {
 627     list-style-type: none;
 628     margin-bottom: 25px;
 629     margin-left: 25px;
 630 }
 631
 632 #invite #content li {
 633     background: url(../images/resultset_next.png) no-repeat 0px 3px;
 634     padding-left: 20px;
 635     margin-bottom: 10px;
 636 }
 637
 638 #invite #content #form_invite ul, #invite #content #form_invite li {
 639     margin-left: 0px;
 640     padding-left: 0px;
 641     background: none;
 642 }
 643
 644 #form_invite input[type=text], #form_invite textarea {
 645     width: 250px;
 646     padding: 5px;
 647     border: 1px solid #a6a6a6;
 648     -webkit-border-radius: 4px;
 649     -moz-border-radius: 4px;
 650     border-radius: 4px;
 651     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 652     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 653     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 654 }
 655
 656 #form_invite textarea {
 657     clear: left;
 658     width: 508px;
 659     height: 48px;
 660 }
 661
 662 #form_invite a.add_row, #form_invite a.remove_row {
 663     display: block;
 664     height: 16px;
 665     width: 16px;
 666     overflow: hidden;
 667     background-image: url('../../base/images/icons/icons-01.gif');
 668     background-repeat: no-repeat;
 669 }
 670
 671 #form_invite a.remove_row {
 672     background-position: 0px -1252px;
 673     display: inline-block;
 674     position: relative;
 675     top: 4px;
 676     left: 10px;
 677     line-height: 4em;
 678 }
 679
 680 #form_invite a.add_row {
 681     clear: both;
 682     position: relative;
 683     top: 10px;
 684     background-position: 0px -1186px;
 685     width: 120px;
 686     padding-left: 20px;
 687     line-height: 1.2em;
 688 }
 689
 690 #form_invite label[for=personal] {
 691     display: block;
 692     margin-top: 25px;
 693 }
 694
 695 #content thead th {
 696 text-align:left;
 697 }
 698 #content tbody th {
 699 vertical-align:top;
 700 text-align:left;
 701 font-weight:normal;
 702 padding-top:11px;
 703 padding-right:18px;
 704 }
 705 #content tbody tr {
 706     border-top: 1px dotted #bbb;
 707 }
 708 #content td {
 709 padding:11px 18px 11px 0;
 710 vertical-align:top;
 711 }
 712 #content td:last-child {
 713 padding-right:0;
 714 }
 715
 716 /* Search */
 717
 718 #form_search {
 719     padding-bottom: 10px;
 720     margin-bottom: 20px;
 721     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 722 }
 723
 724 #form_search fieldset {
 725     margin-bottom: 0px;
 726 }
 727
 728 #form_search ul.form_data #q {
 729     margin-left: 10px;
 730     width: 210px;
 731 }
 732
 733 #form_search input.submit {
 734     height: 1.6em;
 735     line-height: 1.6em;
 736     font-size: 1.1em;
 737     padding-bottom: 2px;
 738     margin-left: 5px;
 739 }
 740
 741 #noticesearch .entity_actions {
 742     margin: 0px;
 743 }
 744
 745 #noticesearch p.error {
 746     margin-top: 60px;
 747 }
 748
 749 /* Bookmark specific styles */
 750
 751 .bookmark h3 {
 752     margin: 0px 0px 8px 0px;
 753     float: left;
 754     line-height: 1.2em;
 755     max-width: 92%;
 756 }
 757
 758 .bookmark-notice-count {
 759     border-radius: 4px;
 760         -moz-border-radius: 4px;
 761         -webkit-border-radius: 4px;
 762     padding: 1px 6px;
 763     font-size: 1.2em;
 764     line-height: 1.2em;
 765     background: #fff;
 766     border: 1px solid #7b8dbb;
 767     color: #3e3e8c !important;
 768     position: relative;
 769     right: 4px;
 770     margin-left: 10px;
 771 }
 772
 773 .bookmark-notice-count:hover {
 774     text-decoration: none;
 775     background: #f2f2f2;
 776     border: 1px solid #7b8dbb;
 777     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 778 }
 779
 780 .notice .bookmark-description {
 781     clear: both;
 782     margin-left: 0px;
 783     margin-bottom: 0px;
 784 }
 785
 786 .notice .bookmark-author {
 787     margin-left: 0px;
 788     float: left;
 789 }
 790
 791 .bookmark-tags {
 792     clear: both;
 793     margin-bottom: 8px;
 794     line-height: 1.6em;
 795 }
 796
 797 ul.bookmark-tags a {
 798     border-radius: 4px;
 799         -moz-border-radius: 4px;
 800         -webkit-border-radius: 4px;
 801     padding: 1px 6px;
 802     background: #f2f2f2;
 803     color: #3e3e8c !important;
 804     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 805     font-size: 0.88em;
 806 }
 807
 808 ul.bookmark-tags a:hover {
 809     background-color: #cdd1dd;
 810     text-decoration: none;
 811 }
 812
 813 .bookmark-avatar {
 814     float: none !important;
 815     position: relative;
 816     top: 2px;
 817 }
 818
 819 .bookmark div.entry-content {
 820     font-size: 0.88em;
 821     line-height: 1.2em;
 822     margin-top: 6px;
 823     opacity: 0.6;
 824     margin-bottom: 0px;
 825 }
 826
 827 .bookmark:hover div.entry-content {
 828     opacity: 1;
 829 }
 830
 831 .bookmark .notice-options {
 832     margin-top: 16px;
 833 }
 834
 835 #bookmarkpopup {
 836     min-width: 600px;
 837     margin-top: 0px;
 838     height: 100%;
 839     border: 10px solid #364A84;
 840     background: #364A84;
 841 }
 842
 843 #bookmarkpopup #wrap {
 844     width: auto;
 845     min-width: 560px;
 846     padding: 40px 0px 25px 0px;
 847     margin-right: 2px;
 848     background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
 849 }
 850
 851 #bookmarkpopup #header {
 852     width: auto;
 853     padding: 0px 10px;
 854 }
 855
 856 #bookmarkpopup .form_settings label {
 857     margin-top: 2px;
 858     text-align: right;
 859     width: 24%;
 860     font-size: 1.2em;
 861 }
 862
 863 #bookmarkpopup .form_settings .form_data input {
 864     width: 60%;
 865 }
 866
 867 #bookmarkpopup .form_guide {
 868     color: #777;
 869 }
 870
 871 #bookmarkpopup #bookmark-submit {
 872     min-width: 100px;
 873 }
 874
 875 #bookmarkpopup fieldset fieldset {
 876     margin-bottom: 10px;
 877 }
 878
 879 #form_initial_bookmark.form_settings .form_data li {
 880     margin-bottom: 0px;
 881 }
 882
 883 #form_new_bookmark.form_settings .bookmarkform-thumbnail {
 884     position: absolute;
 885     top: 50px;
 886     right: 0px;
 887 }
 888
 889 /* Onboard specific styles */
 890
 891 #cboxOverlay{
 892     background: url(../images/lightbox_bg.png) repeat 0 0 !important;
 893 }
 894
 895 #cboxContent{
 896     background: #fff url(../logo.png) no-repeat 10px bottom !important;
 897 }
 898
 899 .onboard_iframe {
 900     background: none;
 901     padding: 10px;
 902 }
 903
 904 .onboard_iframe #wrap {
 905     width: auto;
 906     background: none;
 907 }
 908
 909 .onboard_welcome p {
 910     margin-bottom: 10px;
 911 }
 912
 913 .onboard_welcome ul {
 914     list-style-type: none;
 915     margin-bottom: 10px;
 916 }
 917
 918 .onboard_welcome ul li {
 919     background: url(../images/resultset_next.png) no-repeat 0px 3px;
 920     padding-left: 20px;
 921     margin-left: 10px;
 922 }
 923
 924 #aside_primary #onboard_section {
 925     background: #f2f2f2;
 926     width: 196px;
 927     padding: 10px;
 928     border-radius: 4px;
 929     -moz-border-radius: 4px;
 930     -webkit-border-radius: 4px;
 931     border: 1px solid #516499;
 932     background: #fafafa;
 933 }
 934
 935 #onboard_section H2 {
 936     -webkit-border-top-left-radius: 4px;
 937     -moz-border-radius-topleft: 4px;
 938     border-top-left-radius: 4px;
 939     -webkit-border-top-right-radius: 4px;
 940     -moz-border-radius-topright: 4px;
 941     border-top-right-radius: 4px;
 942     position: relative;
 943     top: -11px;
 944     left: -11px;
 945     padding: 2px 0px 2px 10px;
 946     margin-right: -22px;
 947     margin-bottom: 5px;
 948     color: #fff;
 949     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 950     background: #364A84;
 951     background: -moz-linear-gradient(top, #516499 , #364a84);
 952     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
 953     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
 954 }
 955
 956 #onboard_section ul {
 957     list-style-type: none;
 958 }
 959
 960 #onboard_section .onboard-step-incomplete {
 961     background: url(../images/resultset_next.png) no-repeat 0px 1px;
 962     padding-left: 20px;
 963     margin-bottom: 10px;
 964 }
 965
 966 #onboard_section .onboard-step-complete {
 967     background: url(../images/tick.png) no-repeat 0px 1px;
 968     padding-left: 20px;
 969     margin-bottom: 10px;
 970     text-decoration: line-through;
 971     color: #555;
 972 }
 973
 974 /* Billing specific styles */
 975
 976 #content table.billing_info {
 977     margin-top: 10px;
 978     background:rgba(240, 240, 240, 0.4);
 979 }
 980
 981 #content table.billing_info th {
 982     text-align: right;
 983     width: 50%;
 984 }
 985
 986 .invalid {
 987     border: solid 2px red !important;
 988 }
 989
 990 #payment_history table {
 991     width: 100%;
 992 }
 993
 994 #billingadminpanel .form_settings input {
 995     margin-right: 0px;
 996 }
 997
 998 /* Directory specific styles */
 999
1000 div#profile_directory div.alpha_nav > a {
1001     border-left: 1px solid #ccc !important;
1002     padding-left: 3.5px !important;
1003     padding-right: 4px !important;
1004     margin-right: 0px;
1005     float: left;
1006     line-height: 1.4em;
1007 }
1008
1009 div#profile_directory div.alpha_nav > a.first {
1010     border-left: none !important;
1011 }
1012
1013 div#profile_directory div.alpha_nav a.current {
1014     background-color: #ECECF2 !important;
1015 }
1016
1017 table.profile_list {
1018     margin-top: 25px;
1019 }
1020
1021 .profile_list th {
1022     font-size: 0.8em;
1023 }
1024
1025 .profile_list th#created {
1026     width: 100px;
1027 }
1028
1029 .profile_list th#subscriptions {
1030     width: 90px;
1031 }
1032
1033 .profile_list th.current {
1034         background: none !important;
1035 }
1036
1037 .profile_list th.current.reverse {
1038         background: none !important;
1039 }
1040
1041 .profile_list th.current a {
1042         padding-right: 25px;
1043         background: url(../images/bluearrow_down.png) no-repeat top right;
1044 }
1045
1046 .profile_list th.current.reverse a {
1047         background: url(../images/bluearrow_up.png) no-repeat top right;
1048 }
1049
1050 table.profile_list tr.alt {
1051     background-color: #fafafa !important;
1052     border: none !important;
1053 }
1054
1055 td.entity_profile {
1056     width: auto;
1057     min-width: 250px;
1058 }
1059
1060 .profile_list .fn {
1061     display: block;
1062     font-size: 1.1em;
1063     width: auto;
1064 }
1065
1066 .profile_list .nickname, .profile_list .fn.nickname {
1067     position: relative;
1068     top: -8px;
1069     display: block;
1070     margin-bottom: -12px;
1071     font-size: 1.4em;
1072 }
1073
1074 .profile_list .label {
1075     display: block;
1076     margin-left: 59px !important;
1077 }
1078
1079 .profile_list .note {
1080     font-size: 0.88em;
1081     line-height: 1.36em;
1082 }
1083
1084 .profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count {
1085     font-size: 0.88em;
1086 }
1087
1088 .profile_list td.entity_actions {
1089     width: 24px;
1090     max-width: 24px;
1091     min-width: 24px;
1092     height: 20px;
1093     padding-left: 6px !important;
1094     position: relative;
1095     float: none;
1096     display: table-cell !important;
1097 }
1098
1099 .profile_list .entity_actions ul {
1100     position: absolute;
1101     right: 20px;
1102 }
1103
1104 .profile_list .entity_actions input {
1105     width: 22px;
1106     height: 22px;
1107     padding-top: 1px;
1108     padding-right: 0px;
1109     padding-left: 20px;
1110     display: block;
1111     overflow: hidden;
1112     font-size: 0em;
1113     border: 1px solid #CDD1DD;
1114 }
1115
1116 .profile_list .form_group_leave input.submit,
1117 .profile_list .form_user_unsubscribe input.submit {
1118     background-position: 2px -1250px;
1119 }
1120
1121 .profile_list .form_group_join input.submit,
1122 .profile_list .form_user_subscribe input.submit {
1123     background-position: 2px -1184px;
1124 }
1125
1126 .profile_list .entity_actions input:hover {
1127     width: auto;
1128     padding-right: 10px;
1129     overflow: visible;
1130     font-size: 1em;
1131     line-height: 1.3em;
1132     border: 1px solid #A6ADBF;
1133     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1134     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1135     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1136 }
1137
1138 /* Event specific styles */
1139
1140 .notice .vevent div {
1141     margin-bottom: 8px;
1142 }
1143
1144 .event-info {
1145     margin-left: 0px !important;
1146     margin-top: 2px !important;
1147 }
1148
1149 .notice .event-info + .notice-options {
1150     margin-top: 14px;
1151 }
1152
1153 .notice .threaded-replies .event-info + .notice-options {
1154     margin-top: 20px;
1155 }
1156
1157 #form_event_rsvp #new_rsvp_data {
1158     display: inline;
1159     margin: 10px 0px;
1160 }
1161
1162 #form_event_rsvp input.submit {
1163     height: auto;
1164     padding: 0px 10px;
1165     margin-left: 10px;
1166     color:#fff;
1167     font-weight: bold;
1168     text-transform: uppercase;
1169     font-size: 1.1em;
1170     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1171     border: 1px solid #d7621c;
1172     border-radius: 4px;
1173     -moz-border-radius: 4px;
1174     -webkit-border-radius: 4px;
1175     background: #FB6104;
1176     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1177     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1178     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1179 }
1180
1181 #form_event_rsvp input.submit:hover {
1182     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1183     background: #ff9d63;
1184     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1185     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1186     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1187 }
1188
1189 #wrap .vevent form.processing input.submit {
1190     text-indent: 0;
1191     background: #ff9d63;
1192 }
1193
1194 #input_form_event .form_settings .form_data {
1195     float: left;
1196 }
1197
1198 #input_form_event .form_settings .form_data li {
1199     float: left;
1200     width: auto;
1201 }
1202
1203 #input_form_event .form_settings .form_data label {
1204     width: auto;
1205 }
1206
1207 label[for=event-starttime], label[for=event-endtime] {
1208     display: none !important;
1209 }
1210
1211 #event-starttime, #event-endtime {
1212     margin-top:  -1px;
1213     margin-bottom:  -1px;
1214     height: 2em;
1215 }
1216
1217 #event-startdate, #event-enddate {
1218     margin-right: 20px;
1219     width: 120px;
1220 }
1221
1222 /* Limited-scope specific styles */
1223
1224 .limited-scope .entry-content .timestamp {
1225     padding-left: 20px;
1226     position: relative;
1227 }
1228
1229 .limited-scope .entry-content .timestamp:before {
1230     content: url(../images/lock.png);
1231     position: absolute;
1232     top: -2px;
1233     left: 0px;
1234 }
1235
1236 .limited-scope li .entry-content .timestamp {
1237     padding-left: 0px;
1238 }
1239
1240 .limited-scope li .entry-content .timestamp:before {
1241     content: none;
1242 }
1243
1244 .limited-scope li.limited-scope .entry-content .timestamp {
1245     padding-left: 20px;
1246 }
1247
1248 .limited-scope li.limited-scope .entry-content .timestamp:before {
1249     content: url(../images/lock.png);
1250     position: absolute;
1251     top: -2px;
1252     left: 0px;
1253 }
1254
1255 /* QnA specific styles */
1256
1257 .question div.question-description {
1258     font-size: 1em;
1259     line-height: 1.36em;
1260     margin-top: 0px;
1261     opacity: 1;
1262 }
1263
1264 .question div.answer-content, .qna-full-question div.answer-content {
1265     font-size: 1em;
1266     opacity: 1;
1267 }
1268
1269 .qna-dummy-placeholder input, .question #qna-answer, .qna-full-question #qna-answer {
1270     -webkit-border-radius: 4px;
1271     -moz-border-radius: 4px;
1272     border-radius: 4px;
1273     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1274     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1275     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1276 }
1277
1278 .question-description input.submit, .answer-content input.submit {
1279     height: auto;
1280     padding: 0px 10px;
1281     margin: 6px 0px 10px 0px;
1282     color:#fff;
1283     font-weight: bold;
1284     text-transform: uppercase;
1285     font-size: 1.1em;
1286     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1287     border: 1px solid #d7621c;
1288     border-radius: 4px;
1289     -moz-border-radius: 4px;
1290     -webkit-border-radius: 4px;
1291     background: #FB6104;
1292     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1293     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1294     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1295 }
1296
1297 #qna-answer-submit {
1298     min-width: 100px;
1299 }
1300
1301 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1302     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1303     background: #ff9d63;
1304     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1305     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1306     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1307 }
1308
1309 .question .question-description #answer-form input.submit {
1310     margin-top: 0px;
1311 }
1312
1313 .question p.best, .answer p.best {
1314     background: url(../images/rosette.png) no-repeat top left;
1315     padding-left: 20px;
1316 }
1317
1318 .question p.best:before, .answer p.best:before {
1319     content: none !important;
1320 }
1321
1322 /* Blog specific styles */
1323
1324 label[for=blog-entry-content] {
1325     display: none !important;
1326 }
1327
1328 #input_form_blog td {
1329     padding-top: 0px;
1330     padding-bottom: 0px;
1331 }
1332
1333 #input_form_blog td.mceToolbar {
1334     padding-top: 4px;
1335 }
1336
1337 /* Poll specific styles */
1338
1339 .notice div.poll-content {
1340     opacity: 1;
1341 }
1342
1343 #poll-response-submit {
1344     min-width: 100px;
1345 }
1346
1347 /* SNOD CompanyLogo styling */
1348
1349 #site_nav_local_views a.company_logo {
1350     width: 138px;
1351     padding: 0px;
1352     font-weight: bold;
1353     text-transform: none;
1354     line-height: 1em;
1355     margin-bottom: 20px;
1356     position: relative;
1357     top: -4px;
1358 }
1359
1360 #site_nav_local_views a.company_logo:hover {
1361     background: none;
1362     color: blue;
1363     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1364 }
1365
1366 .company_logo img {
1367     max-width: 138px;
1368     margin-bottom: 4px;
1369 }
1370
1371 .company_logo span {
1372     display: block;
1373 }
1374
1375 a.company_logo:hover span {
1376     text-decoration: underline;
1377 }
1378
1379 }/*end of @media screen, projection, tv*/