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