view/theme/testbubble/style.css

   1 /*
   2         style.css
   3         TestBubble
   4
   5         Created by Anne Walk and Devlon Duthie on 2011-09-24.
   6         Based loosely on the Dipsy theme.
   7 */
   8 /* ========== */
   9 /* = Colors
  10 Red links - #b20202
  11 Red link hover - #db0503
  12 Red Gradients (buttons and other gradients) - #b20202 and #d60808
  13 Grey/body text - #626262
  14 Grey Gradients (buttons and other gradients) - #bdbdbd and #a2a2a2
  15 Dark Grey Gradients - #7c7d7b and #555753
  16
  17 You can switch out the colors of the header, buttons and links by using a find and replace in your text editor.
  18
  19  = */
  20 /* ========== */
  21
  22 body {
  23         margin: 0px;
  24         padding: 0px;
  25         font-family: freesans,helvetica,arial,clean,sans-serif;
  26         font-size: 15px;
  27         color: #626262;
  28         width: 100%;
  29 }
  30
  31 img {  border: 0 none; max-width: 550px; }
  32
  33 a { color: #b20202; text-decoration: none; margin-bottom:1px;}
  34 a:hover { color: #db0503; padding-bottom: 0px;}
  35
  36 h3 > a, h4 > a {
  37         font-size: 18px;
  38         color: #626262;
  39 }
  40
  41 h3 {
  42         margin: 0px;
  43         margin-bottom: 5px;
  44         font-size: 18px;
  45         color: #626262;
  46 }
  47
  48 h2 {
  49         color: #626262;
  50 }
  51
  52 p {
  53
  54         max-width: 600px;
  55 }
  56
  57 label {
  58         font-variant:small-caps;
  59 }
  60
  61 li {
  62         list-style: none;
  63 }
  64
  65 .required { display: inline; color: #b20202; }
  66 .fakelink { color: #b20202; cursor: pointer; }
  67 .fakelink :hover { color: #db0503; }
  68
  69 input[type=text] {
  70         border: 2px solid #b0b0b0;
  71         padding: 2px;
  72         margin: 0px;
  73     -webkit-border-radius: 3px 3px 3px 3px;
  74     -moz-border-radius: 3px 3px 3px 3px;
  75     border-radius: 3px 3px 3px 3px;
  76 }
  77
  78 input[type=submit] {
  79         margin: 10px 2px 5px 2px;
  80         border: none;
  81         font-size: 0.9em;
  82         padding: 5px;
  83         -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
  84         -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
  85         box-shadow:inset 0px 1px 0px 0px #cfcfcf;
  86         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
  87         background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
  88         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
  89         background-color:#bdbdbd;
  90         -moz-border-radius:5px;
  91         -webkit-border-radius:5px;
  92         border-radius:5px;
  93         color:#efefef;
  94         text-align: center;
  95 }
  96
  97 input[type=submit]:hover {
  98         border: none;
  99         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
 100         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
 101         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
 102         background-color:#b20202;
 103         color: #efefef;
 104 }
 105 input[type=submit]:active {
 106         position:relative;
 107         top:1px;
 108 }
 109
 110 .smalltext { font-size: 0.7em }
 111
 112 ::selection     { background:#fdf795; color: #000; /* Safari and Opera */ }
 113 ::-moz-selection { background:#fdf795; color: #000; /* Firefox */ }
 114
 115 section {
 116         margin: 20px 11% 0px 11%;
 117         font-size: 0.9em;
 118         line-height: 1.2em;
 119         padding-right: 230px;
 120 }
 121
 122 .lframe {
 123         border: 1px solid #dddddd;
 124         -moz-box-shadow: 3px 3px 6px #959494;
 125         -webkit-box-shadow: 3px 3px 6px #959494;
 126         box-shadow: 3px 3px 6px #959494;
 127         background-color: #efefef;
 128         padding: 10px;
 129 }
 130
 131 .mframe {
 132         padding: 5px;
 133         background-color: #efefef;
 134         border: 2px solid #dddddd;
 135         -moz-box-shadow: 3px 3px 4px #959494;
 136         -webkit-box-shadow: 3px 3px 4px #959494;
 137         box-shadow: 3px 3px 4px #959494;
 138 }
 139
 140 #wall-item-lock {
 141         margin-left: 10px;
 142 }
 143
 144 .button {
 145         border: none;
 146         font-size: 1em;
 147         -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
 148         -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
 149         box-shadow:inset 0px 1px 0px 0px #cfcfcf;
 150         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
 151         background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
 152         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
 153         background-color:#bdbdbd;
 154         -moz-border-radius:5px;
 155         -webkit-border-radius:5px;
 156         border-radius:5px;
 157         color:#efefef;
 158         text-align: center;
 159 }
 160
 161 .button:hover {
 162         border: none;
 163         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
 164         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
 165         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
 166         background-color:#b20202;
 167         color: #efefef;
 168 }
 169
 170 .button:active {
 171         position:relative;
 172         top:1px;
 173 }
 174
 175 .button a {
 176         color: #efefef;
 177 }
 178
 179 /* ========= */
 180 /* = Login = */
 181 /* ========= */
 182
 183 #login-name-wrapper {
 184         vertical-align: middle;
 185         margin: auto;
 186 }
 187
 188 #login-name-wrapper input {
 189         width: 120px;
 190         margin-left: 20px;
 191 }
 192
 193 #login-password-wrapper {
 194         vertical-align: middle;
 195         margin: auto;
 196 }
 197
 198 #login-extra-links {
 199         width: 90px;
 200         margin-top: 20px;
 201 }
 202
 203 #login-extra-links a {
 204         display: block;
 205         margin: 10px;
 206         padding: 5px 0px 5px 0px;
 207         text-align: center;
 208         margin-right: 20px;
 209 }
 210
 211 #login-extra-filler {
 212         display: none;
 213 }
 214
 215 /* ========= */
 216 /* = Panel = */
 217 /* ========= */
 218
 219 #panel {
 220         position: absolute;
 221         font-size:0.8em;
 222         -webkit-border-radius: 5px ;
 223         -moz-border-radius: 5px;
 224         border-radius: 5px;
 225         border: 1px solid #494948;
 226         background-color: #2e3436;
 227         opacity:50%;
 228         color: #eeeeec;
 229         padding:1em;
 230         z-index: 200;
 231         -moz-box-shadow: 7px 7px 12px #434343;
 232         -webkit-box-shadow: 7px75px 12px #434343;
 233         box-shadow: 7px 7px 10px #434343;
 234 }
 235
 236 /* ========= */
 237 /* = Pager = */
 238 /* ========= */
 239
 240 .pager {
 241         padding-top: 30px;
 242         display:block;
 243         clear: both;
 244         text-align: center;
 245 }
 246
 247 .pager a {
 248         color: #626262;
 249 }
 250
 251 .pager span { padding: 4px; margin:4px; }
 252 .pager_current { background-color: #b20202; color: #ffffff; }
 253
 254 /* ======= */
 255 /* = Nav = */
 256 /* ======= */
 257
 258 nav {
 259         height: 50px;
 260         display: block;
 261         position: relative;
 262         padding: 0px 10%;
 263         color: #efefef;
 264         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
 265         background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
 266         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
 267         background-color:#7c7d7b;
 268         border-bottom: 1px solid #494948;
 269 }
 270 nav a { text-decoration: none;  color: #eeeeec; border:0px;}
 271 nav a:hover { text-decoration: none;    color: #eeeeec; border:0px;}
 272
 273 nav #banner {
 274         display: block;
 275         position: absolute;
 276         margin-left: 20px;
 277         margin-top: 5px;
 278         padding-bottom:5px;
 279 }
 280 nav #banner #logo-text a {
 281         display: hidden;
 282         font-size: 40px;
 283         font-weight: bold;
 284         margin-left: 3px;
 285 }
 286
 287 nav #user-menu {
 288     display: block;
 289         width: 250px;
 290     float: right;
 291         margin-right:15px;
 292     margin-top: 10px;
 293         padding: 5px;
 294     position: relative;
 295     vertical-align: middle;
 296         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
 297         background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
 298         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
 299         background-color:#a2a2a2;
 300         -moz-border-radius:5px;
 301         -webkit-border-radius:5px;
 302         border-radius:5px;
 303         border: 1px solid #9A9A9A;
 304         color:#efefef;
 305         text-decoration:none;
 306         text-align: center;
 307 }
 308
 309 nav #user-menu-label::after {
 310         content: url("menu-user-pin.png") no-repeat;
 311         padding-left: 15px;
 312 }
 313
 314 nav #user-menu-label {
 315         vertical-align: middle;
 316         font-size: 12px;
 317     padding: 5px;
 318         text-align: center;
 319 }
 320
 321 ul#user-menu-popup {
 322     display: none;
 323     position: absolute;
 324         background:-webk/*      margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
 325         background:-moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
 326         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
 327         background-color:#898988;
 328     width: 100%;
 329     padding: 10px 0px;
 330     margin: 0px;
 331         margin-top: 4px;
 332     top: 20px;
 333         left: 0px;
 334         border: 1px solid #9a9a9a;
 335         border-top: none;
 336     -webkit-border-radius: 0px 0px 5px 5px;
 337     -moz-border-radius: 0px 0px 5px 5px;
 338     border-radius: 0px 0px 5px 5px;
 339         -moz-box-shadow: 5px 5px 10px #242424;
 340         -webkit-box-shadow: 5px 5px 10px #242424;
 341         box-shadow: 5px 5px 10px #242424;
 342     z-index: 10000;
 343 }
 344
 345 ul#user-menu-popup li { display: block; }
 346 ul#user-menu-popup li a { display: block; padding: 5px; }
 347 ul#user-menu-popup li a:hover {
 348         color: #efefef;
 349         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
 350         background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
 351         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
 352         background-color:#d60808;
 353 }
 354
 355 ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:inset; }
 356
 357 /* ============= */
 358 /* = Notifiers = */
 359 /* ============= */
 360
 361 #notifications {
 362         height: 32px;
 363         position: absolute;
 364         top:10px; left: 40%;
 365 }
 366 .nav-ajax-update {
 367         width: 44px;
 368         height: 32px;
 369         background: transparent url('notifications.png') 0px 0px no-repeat;
 370         color: #efefef;
 371         font-weight: bold;
 372         font-size: 0.8em;
 373         padding-top: 0.5em;
 374         float: left;
 375         padding-left: 11px;
 376     /*display: none;*/
 377 }
 378 #net-update { background-position: 0px 0px; }
 379 #mail-update { background-position: 0px -40px; }
 380 #notify-update { background-position: 0px -84px; }
 381 #home-update { background-position: 0px -126px; }
 382
 383 #lang-select-icon {
 384         cursor: pointer;
 385         position: absolute;
 386         left: 5px;
 387         top: 5px;
 388 }
 389
 390 #language-selector {
 391         position: absolute;
 392         top: 0;
 393         left: 16px;
 394 }
 395
 396 /* =================== */
 397 /* = System Messages = */
 398 /* =================== */
 399
 400 #sysmsg_info, #sysmsg {
 401         position:fixed;
 402         bottom: 0px; right:20%;
 403         -moz-box-shadow: 7px 7px 12px #434343;
 404         -webkit-box-shadow: 7px75px 12px #434343;
 405         box-shadow: 7px 7px 10px #434343;
 406         padding: 10px;
 407         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
 408         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
 409         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
 410         background-color:#b20202;
 411         -webkit-border-radius: 5px 5px 0px 0px;
 412         -moz-border-radius: 5px 5px 0px 0px;
 413         border-radius: 5px 5px 0px 0px;
 414         border: 1px solid #da2c2c;
 415         border-bottom:0px;
 416         padding-bottom: 50px;
 417         z-index: 1000;
 418         color: #efefef;
 419         font-style: bold;
 420 }
 421
 422 #sysmsg_info br,
 423 #sysmsg br {
 424         display:block;
 425         margin:2px 0px;
 426         border-top: 1px solid #dddddd;
 427 }
 428
 429 /* ================= */
 430 /* = Aside/Sidebar = */
 431 /* ================= */
 432
 433 aside {
 434     position: absolute;
 435     right: 11%;
 436         width: 260px;
 437         margin-top: auto;
 438     font-size: 0.8em;
 439         font-style: bold;
 440 }
 441
 442 aside a{
 443         padding-bottom: 5px;
 444
 445 }
 446
 447 .vcard {
 448         font-size: 1em;
 449         font-variant:small-caps;
 450 }
 451
 452 .vcard dd {
 453         font-size: 12px;
 454         font-variant: normal;
 455         -webkit-margin-start: 10px;
 456 }
 457
 458 .vcard .fn {
 459         font-size: 1.4em;
 460         font-weight: bold;
 461         border-bottom: none;
 462         padding-top: 10px;
 463 }
 464
 465 .vcard #profile-photo-wrapper {
 466         margin: 10px 0px;
 467         padding: 12px;
 468         width: 175px;
 469         background-color: #f3f3f3;
 470         border: 1px solid #dddddd;
 471         -moz-box-shadow: 3px 3px 4px #959494;
 472         -webkit-box-shadow: 3px 3px 4px #959494;
 473         box-shadow: 3px 3px 4px #959494;
 474 }
 475
 476 aside h4 { font-size: 1.3em; }
 477
 478 aside #viewcontacts {
 479         text-align: center;
 480         font-weight: bold;
 481         font-variant:small-caps;
 482         font-size: 1.1em;
 483         padding-top: 5px;
 484 }
 485
 486 #viewcontacts a {
 487         color: #898989;
 488 }
 489
 490 #profile-extra-links ul { margin-left: 0px; padding-left: 0px; list-style: none; }
 491
 492 #dfrn-request-link {
 493         -moz-box-shadow:inset 0px 1px 0px 0px #a65151;
 494         -webkit-box-shadow:inset 0px 1px 0px 0px #a65151;
 495         box-shadow:inset 0px 1px 0px 0px #a65151;
 496         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
 497         background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
 498         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
 499         background-color:#d60808;
 500         -moz-border-radius:5px;
 501         -webkit-border-radius:5px;
 502         border-radius:5px;
 503         border:1px solid #fc5656;
 504         display:inline-block;
 505         color:#f0e7e7;
 506         font-family:Trebuchet MS;
 507         font-size:19px;
 508         font-weight:bold;
 509         text-align: center;
 510         padding:10px;
 511         width: 185px;
 512         text-decoration:none;
 513         text-shadow:1px 1px 0px #b36f6f;
 514 }
 515
 516 #dfrn-request-link:hover {
 517         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
 518         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
 519         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
 520         background-color:#b20202;
 521 }
 522
 523 #dfrn-request-link:active {
 524         position:relative;
 525         top:1px;
 526 }
 527
 528 #dfrn-request-intro {
 529         width: 600px;
 530 }
 531
 532 #netsearch-box {
 533         background-color: #f6f6f6;
 534         padding: 10px 8px 10px 8px;
 535 }
 536 #netsearch-box input[type="text"] {
 537         width: 97%;
 538 }
 539 #netsearch-box input[type="submit"] {
 540         width: 48%;
 541 }
 542
 543 h3#search:before {
 544         content: url("search.png");
 545         padding-right: 10px;
 546         vertical-align: middle;
 547 }
 548
 549 #network-new-link {
 550         background-color: #f3f3f3;
 551         border: 1px solid #cdcdcd;
 552         margin-bottom: 10px;
 553         -webkit-border-radius: 5px 5px 5px 5px;
 554     -moz-border-radius: 5px 5px 5px 5px;
 555     border-radius: 5px 5px 5px 5px;
 556 }
 557
 558 #group-sidebar {
 559         vertical-align: middle;
 560         margin: auto;
 561         margin-top: 20px;
 562         padding-bottom: 10px;
 563 }
 564
 565 #sidebar-group-list {
 566         margin-left: 30px;
 567         margin-right: 30px;
 568 }
 569
 570 #sidebar-group-list > a{
 571         padding-bottom: 10px;
 572 }
 573
 574 .widget {
 575         margin-top: 20px;
 576         -moz-box-shadow: 1px 2px 6px 0px #959494;
 577         -webkit-box-shadow: 1px 2px 6px 0px #959494;
 578         box-shadow: 1px 2px 6px 0px #959494;
 579         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
 580         background:-moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
 581         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
 582         background-color:#f8f8f8;
 583         -moz-border-radius:5px;
 584         -webkit-border-radius:5px;
 585         border-radius:5px;
 586         border:1px solid #eee;
 587         color:#e6e6e6;
 588         text-shadow:-1px 0px 0px #bdbdbd;
 589         border: 1px solid #cdcdcd;
 590 }
 591
 592 #sidebar-new-group {
 593         padding:7px;
 594         width: 165px;
 595         margin: auto;
 596         margin-left: 40px;
 597         -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
 598         -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
 599         box-shadow:inset 0px 1px 0px 0px #cfcfcf;
 600         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
 601         background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
 602         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
 603         background-color:#bdbdbd;
 604         -moz-border-radius:5px;
 605         -webkit-border-radius:5px;
 606         border-radius:5px;
 607         display:inline-block;
 608         color:#efefef;
 609         text-decoration:none;
 610         text-align: center;
 611 }
 612
 613 #sidebar-new-group:hover {
 614         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
 615         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
 616         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
 617         background-color:#b20202;
 618 }
 619
 620 #sidebar-new-group:active {
 621         position:relative;
 622         top:1px;
 623 }
 624
 625 #sidebar-new-group a {
 626         color: #efefef;
 627         font-size: 14px;
 628         text-align: center;
 629         margin: auto;
 630 }
 631
 632 ul .sidebar-group-li{
 633         list-style: none;
 634         font-size: 1.2em;
 635         padding-bottom: 5px;
 636 }
 637
 638 ul .sidebar-group-li img{
 639         display: none;
 640 }
 641
 642 .widget h3{
 643         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
 644         background:-moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
 645         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
 646         background-color:#f0edf0;
 647         -moz-border-radius:5px 5px 0px 0px;
 648         -webkit-border-radius:5px 5px 0px 0px;
 649         border-radius:5px 5px 0px 0px;
 650         border:1px solid #e2e2e2;
 651         border-bottom: 1px solid #cdcdcd;
 652         padding-top:5px;
 653         padding-bottom: 5px;
 654         vertical-align: baseline;
 655         text-align: center;
 656         text-shadow:-1px 0px 0px #bdbdbd;
 657 }
 658
 659 #group-sidebar h3:before{
 660         content: url("groups.png");
 661         padding-right: 10px;
 662         vertical-align: middle;
 663 }
 664
 665 #saved-search-list{
 666         margin-top: 15px;
 667         padding-bottom: 20px;
 668 }
 669
 670 .saved-search-li {
 671         list-style: none;
 672         font-size: 1.2em;
 673 }
 674
 675 .saved-search-li .icon {
 676         margin-right: 5px;
 677 }
 678
 679 /* ================== */
 680 /* = Contacts Block = */
 681 /* ================== */
 682
 683 .contact-block-img {
 684         width: 42px;
 685         height: 42px;
 686         padding-right: 2px;
 687 }
 688 .contact-block-div {
 689         float: left;
 690 }
 691
 692 .contact-block-textdiv { width: 150px; height: 34px; float: left; }
 693 #contact-block-end { clear: both; }
 694
 695 /* ======= */
 696 /* = Jot = */
 697 /* ======= */
 698
 699 #profile-jot-text_tbl { margin-bottom: 10px; }
 700 #profile-jot-text_ifr { width: 99.9%!important }
 701 #profile-jot-submit-wrapper {
 702 }
 703
 704 #profile-jot-perms, #profile-jot-submit {
 705         width: 60px;
 706         font-size: 12px;
 707         -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
 708         -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
 709         box-shadow:inset 0px 1px 0px 0px #cfcfcf;
 710         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
 711         background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
 712         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
 713         background-color:#bdbdbd;
 714         -moz-border-radius:5px;
 715         -webkit-border-radius:5px;
 716         border-radius:5px;
 717         display:inline-block;
 718         color:#efefef;
 719         text-decoration:none;
 720         text-align: center;
 721 }
 722
 723 #profile-jot-perms {
 724         width: 30px;
 725         overflow: hidden;
 726         border: 0px;
 727         margin-left:5px;
 728 }
 729
 730 #jot-perms-perms .icon {
 731         height: 1px;
 732 }
 733
 734 #profile-jot-submit {
 735         float: left;
 736         margin-right:5px;
 737         border: 0px;
 738         margin-top: 0px;
 739         margin-left: -30px;
 740 }
 741
 742 #profile-jot-perms:hover, #profile-jot-submit:hover {
 743         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
 744         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
 745         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
 746         background-color:#b20202;
 747 }
 748 #profile-jot-perms:active, #profile-jot-submit:active {
 749         position:relative;
 750         top:1px;
 751 }
 752
 753 #character-counter {
 754         position: absolute: right: 100px; top:100px;
 755 }
 756 #profile-rotator-wrapper {
 757  float: right;
 758 }
 759
 760 .jot-tool {
 761         float: left;
 762         margin-right: 5px;
 763 }
 764 #profile-jot-tools-end,
 765 #profile-jot-banner-end { clear: both; }
 766
 767 #profile-jot-email-wrapper {
 768         margin: 10px 10% 0px 10%;
 769         border: 1px solid #eeeeee;
 770         border-bottom: 0px;
 771 }
 772 #profile-jot-email-label { background-color: #555753; color: #ccccce;   padding: 5px;}
 773 #profile-jot-email { margin: 5px; width: 98%; }
 774
 775 #profile-jot-networks {
 776         margin: 0px 10%;
 777         border: 1px solid #eeeeee;
 778         border-top: 0px;
 779         border-bottom: 0px;
 780         padding: 5px;
 781 }
 782 #profile-jot-acl-wrapper {
 783         margin: 0px 10px;
 784         border: 1px solid #eeeeee;
 785         border-top: 0px;
 786         display:block!important;
 787 }
 788 #group_allow_wrapper,
 789 #group_deny_wrapper,
 790 #acl-permit-outer-wrapper { width: 47%; float: left; }
 791
 792 #contact_allow_wrapper,
 793 #contact_deny_wrapper,
 794 #acl-deny-outer-wrapper { width: 47%; float: right; }
 795
 796 #acl-permit-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
 797 #jot-public {background-color: #555753; color: #ff0000; padding: 5px; float: left;}
 798 #acl-deny-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;}
 799
 800 #acl-permit-text-end,
 801 #acl-deny-text-end { clear: both; }
 802 #profile-jot-wrapper {
 803         margin-top: 0px;
 804         padding-top: 0px;
 805 }
 806
 807 profile-jot-banner-wrapper {
 808         padding: 0px;
 809         margin: 0px;
 810 }
 811
 812 .contact-h4 {
 813         font-size: 1.2em;
 814 }
 815
 816 /* ======== */
 817 /* = Tabs = */
 818 /* ======== */
 819
 820 .tabs-wrapper {
 821         width: 450px;
 822         list-style: none;
 823         padding: 10px;
 824         margin: 0px 0px 10px 0px;
 825         border-bottom: 1px solid #efefef;
 826 }
 827 .tabs-wrapper li { display: inline;}
 828
 829 .tabs {
 830         padding: 5px 10px 5px 10px;
 831         margin-right: 5px;
 832         font-style: bold;
 833 }
 834
 835 .tabs:hover {
 836         padding: 5px 10px 5px 10px;
 837 }
 838
 839 /* ========= */
 840 /* = Posts = */
 841 /* ========= */
 842
 843 .wall-item-outside-wrapper {
 844         max-width: 83%;
 845         border-bottom: 1px solid #dedede;
 846         margin-top: 20px;
 847         padding-right: 10px;
 848 }
 849
 850 .wall-item-outside-wrapper-end { clear: both;}
 851 .wall-item-content-wrapper { position: relative; max-width: 100%; }
 852 .wall-item-photo-menu { display: none;}
 853 .wall-item-photo-menu-button {
 854         display:none;
 855         text-indent: -99999px;
 856         background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
 857         position: absolute;
 858         overflow: hidden;
 859         height: 20px; width: 90px;
 860         top: 85px;      left: -1px;
 861         -webkit-border-radius: 0px 0px 5px  5px;
 862         -moz-border-radius: 0px 0px 5px  5px;
 863         border-radius: 0px 0px 5px  5px;
 864 }
 865
 866 .wall-item-info { float: left; width: 140px; }
 867 .wall-item-photo-wrapper {
 868         width: 80px; height: 80px;
 869         position: relative;
 870 }
 871
 872 .wall-item-tools {
 873         filter: alpha(opacity=60);
 874         opacity: 0.7;
 875         -webkit-transition: all 0.25s ease-in-out;
 876         -moz-transition: all 0.25s ease-in-out;
 877         -o-transition: all 0.25s ease-in-out;
 878         -ms-transition: all 0.25s ease-in-out;
 879         transition: all 0.25s ease-in-out;
 880         margin-left: 140px;
 881         margin-top: 10px;
 882         padding-bottom: 6px;
 883 }
 884
 885 .wall-item-tools:hover {
 886         filter: alpha(opacity=100);
 887         opacity: 1;
 888         -webkit-transition: all 0.25s ease-in-out;
 889         -moz-transition: all 0.25s ease-in-out;
 890         -o-transition: all 0.25s ease-in-out;
 891         -ms-transition: all 0.25s ease-in-out;
 892         transition: all 0.25s ease-in-out;
 893         margin-left: 140px;
 894 }
 895
 896 .wall-item-outside-wrapper.comment .wall-item-tools {
 897         margin: 5px 5px 10px 70px;
 898         float: left;
 899 }
 900
 901 .wall-item-like-buttons {
 902         float: left;
 903         padding-left: 10px;
 904 }
 905 .wall-item-like-buttons a.icon {
 906         float: left;
 907         margin-right: 5px;
 908         display: inline;
 909 }
 910 .wall-item-links-wrapper {
 911         width: 20px;
 912         float: left;
 913 }
 914 .wall-item-delete-wrapper {
 915         float: left;
 916 }
 917 .wall-item-links-wrapper a.icon {
 918         float: left;
 919         margin-right: 5px;
 920         display: inline;
 921 }
 922 .pencil {
 923         float: left;
 924 }
 925
 926 .star-item {
 927         margin-left: 5px;
 928         margin-right: 2px;
 929         float: left;
 930 }
 931 .wall-item-title { font-size: 1.2em; font-weight: bold;}
 932 .wall-item-body {
 933         margin-left: 140px;
 934         padding-right: 10px;
 935         max-width: 85%;
 936 }
 937
 938 .wall-item-body p {
 939         font-size: 0.8em;
 940 }
 941 .wall-item-lock-wrapper { float: right; }
 942 .wall-item-dislike,
 943 .wall-item-like,
 944 .wall-item-author {
 945         clear: left;
 946         font-size: 0.9em;
 947         margin: 4px 0px 0px 140px;
 948         padding-left: 10px;
 949         font-variant:small-caps;
 950 }
 951
 952 .wall-item-author a {
 953         color: #898989;
 954 }
 955
 956 .wall-item-ago { display: inline; padding-left: 10px; color: #898989;}
 957 .wall-item-wrapper-end { clear:both; }
 958 .wall-item-location {
 959         margin-top:5px;
 960         width: 100px;
 961         overflow: hidden;
 962         text-overflow: ellipsis;
 963         -o-text-overflow: ellipsis;
 964 }
 965
 966 .wall-item-location .icon { float: left; }
 967 .wall-item-location > a {
 968         margin-left: 25px;
 969         font-size: 0.9em;
 970         display: block;
 971         font-variant:small-caps;
 972         color: #898989;
 973 }
 974
 975 .wall-item-location .smalltext { margin-left: 25px;  font-size: 0.9em; display: block;}
 976 .wall-item-location > br { display: none; }
 977 .wall-item-conv a{
 978         font-size: 0.9em;
 979         color: #898989;
 980         font-variant:small-caps;
 981 }
 982
 983 .wallwall .wwto {
 984     left: -10px;
 985     margin: 0;
 986     position: absolute;
 987     top: 65px;
 988     width: 30px;
 989     z-index: 10001;
 990         width: 30px;
 991         height: 30px;
 992 }
 993
 994 .wallwall .wwto img { width: 30px!important; height: 30px!important;}
 995 .wallwall .wall-item-photo-end { clear: both; }
 996 .wall-item-arrowphoto-wrapper {
 997     position: absolute;
 998     left: 20px;
 999     top: 70px;
1000     z-index: 10002;
1001 }
1002
1003 .wall-item-photo-menu {
1004         min-width: 92px;
1005         color: #2e3436;
1006         border-top: 0px;
1007         background: #eeeeee;
1008         border-right: 1px solid #dddddd;
1009         border-left: 1px solid #dddddd;
1010         border-bottom: 1px solid #dddddd;
1011         position: absolute;
1012         left: -2px; top: 101px;
1013         display: none;
1014         z-index: 10000;
1015         -webkit-border-radius: 0px 5px 5px 5px;
1016         -moz-border-radius: 0px 5px 5px 5px;
1017         border-radius: 0px 5px 5px 5px;
1018         -moz-box-shadow: 3px 3px 4px #959494;
1019         -webkit-box-shadow: 3px 3px 4px #959494;
1020         box-shadow: 3px 3px 4px #959494;
1021 }
1022
1023 .wall-item-photo-menu-button {
1024         border-right: 1px solid #dddddd;
1025         border-left: 1px solid #dddddd;
1026         border-bottom: 1px solid #dddddd;
1027         -moz-box-shadow: 3px 3px 4px #959494;
1028         -webkit-box-shadow: 3px 3px 4px #959494;
1029         box-shadow: 3px 3px 4px #959494;
1030 }
1031
1032 .fakelink wall-item-photo-menu-button {
1033         -webkit-border-radius: 0px 5px 5px 5px;
1034         -moz-border-radius: 0px 5px 5px 5px;
1035         border-radius: 0px 5px 5px 5px;
1036         -moz-box-shadow: 3px 3px 4px #959494;
1037         -webkit-box-shadow: 3px 3px 4px #959494;
1038         box-shadow: 3px 3px 4px #959494;
1039 }
1040
1041 .wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
1042 .wall-item-photo-menu li a { white-space: nowrap;  display: block; padding: 5px 2px;    color: #2e3436;  }
1043 .wall-item-photo-menu li a:hover {
1044         color: #efefef;
1045         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1046         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1047         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1048         background-color:#b20202;
1049         order-bottom: none;
1050 }
1051
1052 .icon.drop,
1053 .icon.drophide { float: left; }
1054 #item-delete-selected { overflow: auto; width: 100%;}
1055
1056
1057 /* ============ */
1058 /* = Comments = */
1059 /* ============ */
1060
1061  .ccollapse-wrapper {
1062         font-size: 0.9em;
1063         color: #898989;
1064         margin-left: 60px;
1065         font-variant:small-caps;
1066 }
1067
1068 .wall-item-outside-wrapper.comment { margin-left: 70px; }
1069 .wall-item-outside-wrapper.comment .wall-item-photo {
1070         width: 40px!important;
1071         height: 40px!important;
1072 }
1073
1074 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; }
1075 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1076         width: 50px;
1077         top: 45px;
1078         background-position: 35px center;
1079 }
1080 .wall-item-outside-wrapper.comment .wall-item-info { width: 60px; }
1081 .wall-item-outside-wrapper.comment .wall-item-body {
1082         margin-left: 70px;
1083         max-width: 85%;
1084         padding-right: 10px;
1085         padding-left: 10px;
1086 }
1087
1088 .wall-item-outside-wrapper.comment .wall-item-author { margin-left: 60px;}
1089
1090 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1091         min-width: 50px;
1092         top: 60px;
1093 }
1094 .icollapse-wrapper {
1095         font-size: 0.9em;
1096         color: #898989;
1097         font-variant:small-caps;
1098 }
1099
1100 .comment-wwedit-wrapper,
1101 .comment-edit-wrapper { margin: 30px 0px 0px 80px;}
1102 .comment-wwedit-wrapper img,
1103 .comment-edit-wrapper img { width: 20px; height: 20px; }
1104 .comment-edit-photo-link { float: left; width: 40px;}
1105 .comment-edit-text-empty {
1106         width: 80%;
1107         height: 20px;
1108         border: 0px;
1109         color: #babdb6;
1110         -webkit-transition: all 0.5s ease-in-out;
1111         -moz-transition: all 0.5s ease-in-out;
1112         -o-transition: all 0.5s ease-in-out;
1113         -ms-transition: all 0.5s ease-in-out;
1114         transition: all 0.5s ease-in-out;
1115 }
1116 .comment-edit-text-empty:hover { color: #999999;}
1117 .comment-edit-text-full { width: 80%; height: 6em;
1118         -webkit-transition: all 0.5s ease-in-out;
1119         -moz-transition: all 0.5s ease-in-out;
1120         -o-transition: all 0.5s ease-in-out;
1121         -ms-transition: all 0.5s ease-in-out;
1122         transition: all 0.5s ease-in-out;
1123 }
1124 .comment-edit-submit-wrapper { width: 80%; margin-left: 40px; text-align: right; }
1125 .comment-edit-submit {
1126         height: 22px;
1127         background-color: #a2a2a2;
1128         color: #eeeeec;
1129         -webkit-border-radius: 5px;
1130         -moz-border-radius: 5px;
1131         border-radius: 5px;
1132         border: 0px;
1133 }
1134
1135 .comment-edit-submit:hover {
1136         background-color: #b20202;
1137 }
1138
1139 .comment-edit-submit:active {
1140         background-color: #b20202;
1141 }
1142
1143 #item-delete-selected-desc {
1144         color: #898989;
1145 }
1146
1147 .wall-item-body code {
1148         font-family: Courier, monospace;
1149         white-space: pre;
1150         display: block;
1151         overflow: auto;
1152         border: 1px solid #cccccc;
1153     border-width: 1px 1px 1px 10px;
1154         padding-left: 10px;
1155         margin-top: 20px;
1156 }
1157
1158 /* =========== */
1159 /* = Profile = */
1160 /* =========== */
1161
1162 .advanced-profile-content {
1163         margin-top: 5px;
1164         margin-bottom: 10px;
1165         margin-left: 30px;
1166         width: 60%;
1167 }
1168
1169 .advanced-profile-label {
1170         margin-top: 10px;
1171         margin-bottom: 0px;
1172         padding-bottom: 5px;
1173         font-size: 18px;
1174         font-variant:small-caps;
1175 }
1176
1177 div[id$="wrapper"] { height: 100%;}
1178 div[id$="wrapper"] br { clear: left; }
1179 #advanced-profile-with { margin-left: 20px;}
1180
1181 #profile-listing-desc {
1182         float: left;
1183         display: inline;
1184         padding: 5px 10px 5px 10px;
1185         width: 150px;
1186         margin-bottom:20px;
1187         margin-top: 20px;
1188         display:inline-block;
1189         font-style: bold;
1190         text-align: center;
1191 }
1192
1193 #profile-listing-new-link-wrapper {
1194         float: left;
1195         display: inline;
1196         width: 130px;
1197         margin-left:5px;
1198         margin-top: 20px;
1199         padding: 5px 10px 5px 10px;
1200         font-style: bold;
1201         text-align: center;
1202 }
1203
1204 .profile-listing-name {
1205         font-size: 1em;
1206         font-variant: small-caps;
1207 }
1208 .profile-listing-name a {
1209         color: #898989;
1210 }
1211
1212 #profile-edit-links li {
1213         display: inline;
1214         width: 150px;
1215         margin-bottom:20px;
1216         margin-top: 20px;
1217         background-color: #a2a2a2;
1218         color: #eeeeec;
1219         padding: 5px 10px 5px 10px;
1220         margin-right: 5px;
1221         font-style: bold;
1222         -webkit-border-radius: 5px 5px 5px 5px;
1223     -moz-border-radius: 5px 5px 5px 5px;
1224     border-radius: 5px 5px 5px 5px;
1225 }
1226
1227 #profile-edit-links li a {
1228         color: #efefef;
1229 }
1230
1231 #profile-edit-links li:hover {
1232         background-color: #b20202;
1233 }
1234
1235 #profile-edit-links li:active {
1236         background-color: #b20202;
1237 }
1238
1239 #cropimage-wrapper { float:left; }
1240 #crop-image-form { clear:both; }
1241
1242 .profile-match-name a{
1243         color: #999;
1244         font-variant: small-caps;
1245         font-size: 1em;
1246 }
1247
1248 .profile-match-name a:hover {
1249         color: #999;
1250 }
1251
1252 .profile-match-wrapper {
1253         width: 80%;
1254         padding: 15px;
1255         margin-bottom:10px;
1256         margin-left: 20px;
1257         background-color: #f6f6f6;
1258         border: 1px solid #dddddd;
1259         -moz-box-shadow: 3px 3px 4px #959494;
1260         -webkit-box-shadow: 3px 3px 4px #959494;
1261         box-shadow: 3px 3px 4px #959494;
1262         clear: both;
1263 }
1264
1265 .profile-match-end {
1266         clear: both;
1267 }
1268
1269 .profile-match-photo {
1270         float: left;
1271         margin-right: 10px;
1272         margin-bottom: 5px;
1273 }
1274
1275 /* ========== */
1276 /* = Photos = */
1277 /* ========== */
1278
1279 #side-bar-photos-albums h3:before {
1280         content: url("photography.png");
1281         padding-right: 10px;
1282         vertical-align: middle;
1283 }
1284
1285 #side-bar-photos-albums li {
1286         font-size: 14px;
1287         font-variant: none;
1288         text-align: left;
1289         padding-left: 20px;
1290         margin-bottom: 5px;
1291 }
1292
1293 #photo-top-links {
1294         width: 130px;
1295         margin-bottom:20px;
1296         margin-top: 20px;
1297         background-color: #a2a2a2;
1298         color: #eeeeec;
1299         padding: 5px 10px 5px 10px;
1300         margin-right: 5px;
1301         font-style: bold;
1302         -webkit-border-radius: 5px 5px 5px 5px;
1303     -moz-border-radius: 5px 5px 5px 5px;
1304     border-radius: 5px 5px 5px 5px;
1305 }
1306 #photo-top-links a {
1307         color: #efefef;
1308 }
1309
1310 #photo-top-links:hover {
1311         background-color: #b20202;
1312 }
1313
1314 #photo-top-links:active {
1315         background-color: #b20202;
1316 }
1317
1318 .photo-album-image-wrapper {
1319         float: left;
1320         margin: 0px 10px 10px 0px;
1321         padding-bottom: 30px;
1322         position:relative;
1323 }
1324
1325 .photo-top-image-wrapper {
1326         float: left;
1327         width: 180px;
1328         height: 180px;
1329         margin: 0px 10px 10px 0px;
1330         padding-bottom: 30px;
1331         position:relative;
1332 }
1333
1334 #photo-album-wrapper-inner {
1335         position: relative;
1336         float: left;
1337         width: 180px;
1338         height: 180px;
1339         overflow: hidden;
1340 }
1341
1342 #photo-photo { max-width: 85%; height: auto; }
1343 #photo-photo img { max-width: 100% }
1344
1345 .photo-top-image-wrapper a:hover,
1346 #photo-photo a:hover,
1347 .photo-album-image-wrapper a:hover {
1348         border-bottom: 0px;
1349 }
1350
1351 .photo-top-photo {}
1352 .photo-album-photo {}
1353
1354 .photo-top-album-name {
1355         position: absolute;
1356         bottom: 0px;
1357         padding: 0px 5px;
1358         font-weight: bold;
1359         font-stretch:semi-expanded;
1360         font-variant:small-caps;
1361 }
1362
1363 .photo-top-album-name a{
1364         text-align: center;
1365         color: #6e6e6e;
1366 }
1367 .caption {
1368         position: absolute;
1369         bottom: 0px;
1370         margin: 0px 5px;
1371         text-align: center;
1372         color: #6e6e6e;
1373         font-size: 0.9em;
1374         font-variant: small-caps;
1375 }
1376
1377 #photo-photo{
1378         position: relative;
1379         float:left;
1380 }
1381
1382 #photo-caption {
1383         margin-top: 10px;
1384         color: #6E6E6E;
1385         font-variant:small-caps;
1386         font-size: 1.1em;
1387 }
1388
1389 #photo-photo-end { clear: both; }
1390 #photo-prev-link,
1391 #photo-next-link{
1392         position: absolute;
1393         width:10%;
1394         height: 100%;
1395         background-color: rgba(255,255,255,0.2);
1396         opacity: 0;
1397         -webkit-transition: all 0.2s ease-in-out;
1398         -moz-transition: all 0.2s ease-in-out;
1399         -o-transition: all 0.2s ease-in-out;
1400         -ms-transition: all 0.2s ease-in-out;
1401         transition: all 0.2s ease-in-out;
1402         background-position: center center;
1403         background-repeat: no-repeat;
1404 }
1405
1406 #photo-prev-link { left:0px; top:0px; background-image: url('prev.png'); }
1407 #photo-next-link { right:0px; top:0px; background-image: url('next.png');}
1408 #photo-prev-link a,
1409 #photo-next-link a{
1410         display: block; width: 100%; height: 100%;
1411         overflow: hidden;
1412         text-indent: -900000px;
1413 }
1414
1415 #photo-prev-link:hover,
1416 #photo-next-link:hover {
1417         opacity: 1;
1418         -webkit-transition: all 0.2s ease-in-out;
1419         -moz-transition: all 0.2s ease-in-out;
1420         -o-transition: all 0.2s ease-in-out;
1421         -ms-transition: all 0.2s ease-in-out;
1422         transition: all 0.2s ease-in-out;
1423 }
1424
1425 #photo-next-link .icon,
1426 #photo-prev-link .icon { display: none }
1427
1428 #photos-upload-spacer,
1429 #photos-upload-new-wrapper,
1430 #photos-upload-exist-wrapper { margin-bottom: 1em; }
1431 #photos-upload-existing-album-text,
1432 #photos-upload-newalbum-div {
1433         background-color: #fff;
1434         color: #909090;
1435         font-size: 1.2em;
1436         padding: 3px 0px;
1437         padding-left: 0px;
1438         width: 300px;
1439 }
1440
1441 #photos-upload-album-select,
1442 #photos-upload-newalbum { width: 400px; }
1443
1444 #photos-upload-perms-menu {
1445         width: 180px;
1446         padding: 7px;
1447 }
1448
1449 #photos-upload-perms-menu .icon {
1450         display: none;
1451 }
1452
1453 select, input {
1454         border: 2px solid #b0b0b0;
1455         padding: 2px;
1456     -webkit-border-radius: 3px 3px 3px 3px;
1457     -moz-border-radius: 3px 3px 3px 3px;
1458     border-radius: 3px 3px 3px 3px;
1459 }
1460
1461 select[size], select[multiple], select[size][multiple] {
1462         -webkit-appearance: listbox;
1463 }
1464
1465 select {
1466         -webkit-appearance: menulist;
1467         box-sizing: border-box;
1468         -webkit-box-align: center;
1469         cursor: default;
1470 }
1471
1472 keygen, select {
1473         -webkit-border-radius: ;
1474 }
1475
1476 input, textarea, keygen {
1477         font-size: 0.9em;
1478         letter-spacing: normal;
1479         word-spacing: normal;
1480         line-height: 1.2em;
1481         text-transform: none;
1482         text-indent: 0px;
1483         text-shadow: none;
1484         display: inline-block;
1485         text-align: -webkit-auto;
1486 }
1487
1488 .qq-upload-button {
1489         -moz-border-radius:5px;
1490         -webkit-border-radius:5px;
1491         border-radius:5px;
1492 }
1493
1494 #album-edit-link {
1495         width: 70px;
1496         margin-bottom:20px;
1497         margin-top: 20px;
1498         background-color: #a2a2a2;
1499         color: #eeeeec;
1500         padding: 5px 10px 5px 10px;
1501         margin-right: 5px;
1502         font-style: bold;
1503         -webkit-border-radius: 5px 5px 5px 5px;
1504         -moz-border-radius: 5px 5px 5px 5px;
1505         border-radius: 5px 5px 5px 5px;
1506 }
1507
1508 #album-edit-link  a {
1509         color: #efefef;
1510 }
1511
1512 #album-edit-link:hover {
1513         background-color: #b20202;
1514 }
1515
1516 #photo-edit-link-wrap {
1517         margin-bottom: 10px;
1518 }
1519
1520 #photo_edit_form {
1521         width: 500px;
1522         margin-top:20px;
1523         text-align: left;
1524 }
1525
1526 input#photo_edit_form {
1527         display: block;
1528         width: 100%;
1529 }
1530
1531 #photo-edit-perms-menu {
1532         float: left;
1533         display: inline;
1534         margin-top: 10px;
1535         margin-right: 10px;
1536         padding: 4px;
1537         width: 100px;
1538 }
1539
1540 #photo-edit-perms-menu .icon {
1541         display: none;
1542 }
1543
1544 #photo-edit-delete-button {
1545         float: left;
1546         display: inline;
1547         margin-left: 190px;
1548 }
1549
1550 #photo-album-edit-wrapper {
1551         margin-bottom: 10px;
1552 }
1553
1554 /* ============ */
1555 /* = Messages = */
1556 /* ============ */
1557
1558 #prvmail-wrapper, .mail-conv-detail, .mail-list-detail {
1559         position: relative;
1560         width: 500px;
1561         padding: 50px;
1562         margin: 20px auto;
1563         background-color: #fff;
1564         -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1565         -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1566         box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
1567 }
1568
1569 #prvmail-wrapper:before, #prvmail-wrapper:after, .mail-conv-detail:before, .mail-conv-detail:after, .mail-list-detail:before, .mail-list-detail:after {
1570         position: absolute;
1571         width: 40%;
1572         height: 10px;
1573         content: ' ';
1574         left: 12px;
1575         bottom: 12px;
1576         background: transparent;
1577         -webkit-transform: skew(-5deg) rotate(-5deg);
1578         -moz-transform: skew(-5deg) rotate(-5deg);
1579         -ms-transform: skew(-5deg) rotate(-5deg);
1580         -o-transform: skew(-5deg) rotate(-5deg);
1581         transform: skew(-5deg) rotate(-5deg);
1582         -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1583         -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1584         box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
1585         z-index: -1;
1586 }
1587
1588 #prvmail-wrapper:after, .mail-conv-detail:after, .mail-list-detail:after {
1589         left: auto;
1590         right: 12px;
1591         -webkit-transform: skew(5deg) rotate(5deg);
1592         -moz-transform: skew(5deg) rotate(5deg);
1593         -ms-transform: skew(5deg) rotate(5deg);
1594         -o-transform: skew(5deg) rotate(5deg);
1595         transform: skew(5deg) rotate(5deg);
1596 }
1597
1598 .prvmail-text {
1599         width: 100%;
1600 }
1601
1602 #prvmail-form input
1603
1604 #prvmail-subject { width: 490px;; padding-left: 10px; font-size: 1.1em; font-style: bold;}
1605 #prvmail-subject .input{
1606         border: none !important ;
1607 }
1608
1609 #prvmail-subject-label {
1610         font-variant:small-caps;
1611 }
1612
1613 #prvmail-to {
1614         padding-left: 10px;
1615 }
1616 #prvmail-to-label {
1617         font-variant:small-caps;
1618 }
1619
1620 #prvmail-message-label {
1621         font-variant:small-caps;
1622         font-size: 1em;
1623 }
1624
1625 #prvmail-submit-wrapper { margin-top: 10px; }
1626 #prvmail-submit {
1627         float: right;
1628         margin-top: 0px;
1629         margin-right: 0px;
1630 }
1631
1632 #prvmail-upload {
1633 margin-left: 0px;
1634 }
1635
1636 #prvmail-submit-wrapper > div {
1637         margin-right: 5px;
1638         float: left;
1639 }
1640
1641 .mail-list-outside-wrapper {
1642         margin-top: 20px;
1643 }
1644
1645 .mail-list-sender {
1646         float: left;
1647         padding: 5px;
1648         background-color: #efefef;
1649         border: 2px dotted #eeeeee;
1650         -moz-box-shadow: 3px 3px 4px #959494;
1651         -webkit-box-shadow: 3px 3px 4px #959494;
1652         box-shadow: 3px 3px 4px #959494;
1653 }
1654
1655 .mail-list-detail {
1656         margin-left: 100px;
1657         width: 300px;
1658         min-height: 70px;
1659         padding: 20px;
1660         padding-top:10px;
1661         border: 1px solid #dddddd;
1662         }
1663
1664 .mail-list-sender-name {
1665         font-size: 1.1em;
1666         display: inline;
1667         font-variant:small-caps;
1668 }
1669
1670 .mail-list-date {
1671         float: right;
1672         clear: block;
1673         display: inline;
1674         font-size: 0.9em;
1675         padding-left: 10px;
1676         font-stretch:ultra-condensed;
1677         font-variant:small-caps;
1678 }
1679
1680 .mail-list-subject {
1681         clear: block;
1682         font-size: 1.2em;
1683         padding-top: 20px;
1684         padding-right: 50px;
1685 }
1686
1687 .mail-list-subject a {
1688         color: #626262;
1689 }
1690
1691 .mail-list-delete-wrapper { float: right;}
1692 .mail-list-outside-wrapper-end {
1693         clear: both;
1694 }
1695
1696 .mail-conv-outside-wrapper {
1697         margin-bottom: 10px;
1698 }
1699
1700 .mail-conv-sender {float: left; margin: 0px 5px 5px 0px; }
1701 .mail-conv-sender-photo {
1702         width: 64px;
1703         height: 64px;
1704 }
1705
1706 .mail-conv-sender-name { float: left; font-variant:small-caps; font-style: bold; }
1707 .mail-conv-date { float: right; font-variant:small-caps; }
1708 .mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em }
1709 .mail-conv-body {
1710         clear: both;
1711 }
1712
1713 .mail-conv-detail {
1714         width: 500px;
1715         padding: 30px;
1716         padding-bottom: 10px;
1717         margin-left: 20px;
1718         margin-bottom: 0px;
1719         vertical-align: middle;
1720         margin: auto;
1721         border: 1px solid #dddddd;
1722 }
1723 .mail-conv-break { display: none; border: none;}
1724 .mail-conv-delete-wrapper { padding-top: 10px; width: 510px; text-align: right; }
1725
1726 #prvmail-subject {
1727         font-weight: bold;
1728         border: 1px solid #dddddd;
1729 }
1730
1731 /* ============ */
1732 /* = Contacts = */
1733 /* ============ */
1734
1735 #contacts-main {
1736         margin-bottom: 10px;
1737 }
1738
1739 .view-contact-wrapper,
1740 .contact-entry-wrapper {
1741         float: left;
1742         margin-right: 30px;
1743         margin-bottom: 20px;
1744         width: 88px;
1745         height: 120px;
1746         position: relative;
1747 }
1748
1749 .contact-entry-direction-wrapper {position: absolute; top: 20px;}
1750 .contact-entry-edit-links { position: absolute; top: 60px; }
1751 #contacts-show-hide-link { margin-bottom: 20px; margin-top: 10px; font-weight: bold;}
1752
1753 .contact-entry-name {
1754         width: 100px;
1755         overflow: hidden;
1756         font: #999;
1757         font-size: 12px;
1758         text-align:center;
1759         font-variant:small-caps;
1760         font-weight: bold;
1761         margin-top:5px;
1762 }
1763
1764 .contact-entry-photo {
1765         position: relative;
1766 }
1767
1768 .contact-entry-edit-links .icon {
1769         border: 1px solid #babdb6;
1770     -webkit-border-radius: 3px;
1771     -moz-border-radius: 3px;
1772     border-radius: 3px;
1773         background-color: #ffffff;
1774 }
1775
1776 #contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; font-variant: small-caps; }
1777 #contact-edit-photo-wrapper {position: relative; float: left; padding: 20px;}
1778 #contact-edit-direction-icon { position: absolute; top: 60px; left:0px;}
1779 #contact-edit-nav-wrapper { margin-left: 210px; }
1780 #contact-edit-links { float: left; margin-top: 23px; }
1781 #contact-edit-nav-wrapper .icon {
1782         border: 1px solid #babdb6;
1783     -webkit-border-radius: 3px;
1784     -moz-border-radius: 3px;
1785     border-radius: 3px;
1786 }
1787
1788 #contact-edit-nettype {
1789         font-size: 1em;
1790         font-variant: small-caps;
1791         margin-left: 30px;
1792         margin-bottom: 0px;
1793         padding-bottom: 0px;
1794 }
1795
1796 #contact-edit-poll-wrapper { margin-left: 50px; width: 300px;}
1797 #contact-edit-last-update-text { margin-bottom: 15px; padding-top: 20px; padding-left: 10px; font-size: 0.9em; max-width: 300px; }
1798 #contact-edit-last-updated { font-weight: bold; }
1799 #contact-edit-poll-text { display: inline; font-size: 0.9em; padding-left: 10px; }
1800 #contact-edit-end { clear: both; margin-bottom: 65px;}
1801
1802 #contact-edit-update-now {
1803         width: 80px;
1804         padding: 5px 10px 5px 10px;
1805         margin-left: 125px;
1806         margin-top: 10px;
1807         font-style: bold;
1808 }
1809
1810 #contact-edit-update-now:hover {
1811         color: #efefef;
1812         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1813         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1814         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1815         background-color:#b20202;
1816 }
1817
1818 #contact-edit-update-now:active {
1819         background-color: #b20202;
1820         position:relative;
1821         top:1px;
1822 }
1823
1824 #contact-edit-update-now a {
1825         color: #efefef;
1826 }
1827
1828
1829 #contact-edit-profile-select-text > p {
1830         font-size: 1em;
1831 }
1832
1833 .contact-photo-menu-button {
1834         position: absolute;
1835     background-image: url("photo-menu.jpg");
1836     background-position: top left;
1837     background-repeat: no-repeat;
1838     margin: 0px; padding: 0px;
1839     width: 16px;
1840     height: 16px;
1841     top: 64px; left:0px;
1842     overflow: hidden;
1843     text-indent: 40px;
1844     display: none;
1845 }
1846
1847 .contact-photo-menu {
1848     width: auto;
1849     border: 1px solid #ddd;
1850     background: #f1f1f1;
1851     position: absolute;
1852     left: 0px; top: 90px;
1853     display: none;
1854     z-index: 10000;
1855         -moz-box-shadow: 3px 3px 5px #888;
1856         -webkit-box-shadow: 3px 3px 5px #888;
1857         box-shadow: 3px 3px 5px #888;
1858 }
1859
1860 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
1861 .contact-photo-menu li a { display: block; padding: 3px; color: #626262; font-size: 1em; }
1862 .contact-photo-menu li a:hover {
1863         color: #FFFFFF;
1864         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1865         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1866         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1867         background-color:#b20202;
1868         text-decoration: none;
1869 }
1870
1871 .view-contact-name {
1872         font-variant: small-caps;
1873 }
1874
1875 #div.side-link {
1876         background-color: #efefef;
1877         padding: 10px;
1878         margin-top:20px;
1879 }
1880
1881 #follow-sidebar {
1882         margin-bottom: 20px;
1883 }
1884
1885 #follow-sidebar h3:before {
1886         content: url("user.png");
1887         padding-right: 10px;
1888         vertical-align: middle;
1889 }
1890
1891 #follow-sidebar input[type="text"] {
1892         margin-left: 10px;
1893         margin-bottom: 10px;
1894 }
1895
1896 #side-follow-submit {
1897         width: 70px;
1898 }
1899
1900 #side-match-link {
1901         width: 180px;
1902         padding: 10px;
1903         margin: auto;
1904         margin-bottom: 20px;
1905         -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1906         -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1907         box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1908         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1909         background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1910         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1911         background-color:#bdbdbd;
1912         -moz-border-radius:5px;
1913         -webkit-border-radius:5px;
1914         border-radius:5px;
1915         padding: 5px 10px 5px 10px;
1916         color: #efefef;
1917         font-size: 1.2em;
1918         text-align: center;
1919 }
1920
1921 #side-match-link:hover {
1922         color: #efefef;
1923         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1924         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1925         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1926         background-color:#b20202;
1927 }
1928
1929 #side-match-link:active {
1930         background-color: #b20202;
1931         position:relative;
1932         top:1px;
1933 }
1934
1935 #side-match-link a {
1936         color: #efefef;
1937 }
1938
1939 #side-invite-link {
1940         width: 180px;
1941         padding: 10px;
1942         margin: auto;
1943         margin-bottom: 20px;
1944         -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1945         -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1946         box-shadow:inset 0px 1px 0px 0px #cfcfcf;
1947         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
1948         background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
1949         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
1950         background-color:#bdbdbd;
1951         -moz-border-radius:5px;
1952         -webkit-border-radius:5px;
1953         border-radius:5px;
1954         padding: 5px 10px 5px 10px;
1955         color: #efefef;
1956         font-size: 1.2em;
1957         text-align: center;
1958 }
1959
1960 #side-invite-link:hover {
1961         color: #efefef;
1962         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
1963         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
1964         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
1965         background-color:#b20202;
1966 }
1967
1968 #side-invite-link:active {
1969         background-color: #b20202;
1970         position:relative;
1971         top:1px;
1972 }
1973
1974 #side-invite-link a {
1975         color: #efefef;
1976 }
1977
1978 #invite-message, #invite-recipients, #invite-recipient-text {
1979         padding: 10px;
1980 }
1981
1982 #side-follow-wrapper {
1983         font-size: 1em;
1984         font-weight: bold;
1985         font-stretch:semi-expanded;
1986         background-color: #f3f3f3;
1987         border: 1px solid #cdcdcd;
1988         padding: 10px;
1989         margin-top: 20px;
1990         -webkit-border-radius: 5px 5px 5px 5px;
1991     -moz-border-radius: 5px 5px 5px 5px;
1992     border-radius: 5px 5px 5px 5px;
1993 }
1994
1995 #side-follow-wrapper label{
1996         font-size: 1.1em;
1997         font-variant: normal;
1998 }
1999
2000 #contact-view-recent {
2001         float: left;
2002         width: 150px;
2003         padding: 5px;
2004         margin-bottom: 20px;
2005 }
2006
2007 #contact-suggest {
2008         float: left;
2009         margin-left: 10px;
2010         width: 120px;
2011         padding: 10px;
2012         margin-bottom: 20px;
2013         -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2014         -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2015         box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2016         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2017         background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2018         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2019         background-color:#bdbdbd;
2020         -moz-border-radius:5px;
2021         -webkit-border-radius:5px;
2022         border-radius:5px;
2023         padding: 5px 10px 5px 10px;
2024         color: #efefef;
2025         font-size: 1.2em;
2026         text-align: center;
2027 }
2028
2029 #contact-suggest:hover {
2030         color: #efefef;
2031         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2032         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2033         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2034         background-color:#b20202;
2035 }
2036
2037 #contact-suggest:active {
2038         background-color: #b20202;
2039         position:relative;
2040         top:1px;
2041 }
2042
2043 #contact-suggest a {
2044         color: #efefef;
2045 }
2046
2047 #contact-edit-info-wrapper {
2048         clear: both;
2049 }
2050
2051 /* ===================================== */
2052 /* = Register, Settings, Profile Forms = */
2053 /* ===================================== */
2054
2055 #id_openid_url,
2056 .openid {
2057         background: url(login-bg.gif) no-repeat;
2058         background-position: 0 50%;
2059         padding-left: 18px;
2060         width: 385px;
2061 }
2062
2063 #profile-tabs-wrapper {
2064         padding-top: 10px;
2065 }
2066
2067 #profile-tab-status-link {
2068         border: 0px;
2069         padding: 5px 10px 5px 10px;
2070         font-style: bold;
2071 }
2072
2073 #uexport-link a {
2074         color: #efefef;
2075 }
2076
2077 #profile-tab-profile-link {
2078         border: 0px;
2079         padding: 5px 10px 5px 10px;
2080 }
2081
2082 #uexport-link {
2083         width: 140px;
2084         -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2085         -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2086         box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2087         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2088         background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2089         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2090         background-color:#7c7d7b;
2091         -moz-border-radius:5px;
2092         -webkit-border-radius:5px;
2093         border-radius:5px;
2094         padding: 5px 10px 5px 10px;
2095         margin-bottom: 10px;
2096 }
2097
2098 #uexport-link:hover {
2099         color: #efefef;
2100         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2101         background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2102         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2103         background-color:#555753;
2104 }
2105
2106 #uexport-link:active {
2107         color: #efefef;
2108         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2109         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2110         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2111         background-color:#b20202;
2112         position:relative;
2113         top:1px;
2114 }
2115
2116 #settings-default-perms {
2117         width: 160px;
2118         text-align: center;
2119         -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2120         -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2121         box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2122         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
2123         background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
2124         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
2125         background-color:#7c7d7b;
2126         -moz-border-radius:5px;
2127         -webkit-border-radius:5px;
2128         border-radius:5px;
2129         padding: 5px 10px 5px 10px;
2130         margin-bottom: 10px;
2131 }
2132
2133 #settings-default-perms .fakelink {
2134         color: #efefef;
2135 }
2136
2137 #settings-default-perms:hover {
2138         color: #efefef;
2139         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
2140         background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
2141         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
2142         background-color:#555753;
2143 }
2144
2145 #settings-default-perms:active {
2146         color: #efefef;
2147         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2148         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2149         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2150         background-color:#b20202;
2151         position:relative;
2152         top:1px;
2153 }
2154
2155 #settings-nickname-desc {
2156         width: 80%;
2157         background-color: #efefef;
2158         margin-bottom: 10px;
2159         -webkit-border-radius: 5px;
2160         -moz-border-radius: 5px;
2161     border-radius: 5px;
2162     padding: 5px;
2163 }
2164
2165 #register-form div,
2166 #profile-edit-form div {
2167         clear: both;
2168 }
2169
2170 #register-form label,
2171 #profile-edit-form label {
2172         width: 300px; float: left;
2173 }
2174
2175 #register-form span,
2176 #profile-edit-form span  {
2177         color: #555753;
2178         display:block;
2179         margin-bottom: 20px;
2180 }
2181
2182 .settings-submit-wrapper,
2183 .profile-edit-submit-wrapper { margin: 30px 0px;}
2184 .profile-listing { float: left; clear: both; margin: 20px 20px 0px 0px}
2185
2186 #profile-edit-links ul { margin: 20px 0px; padding: 0px; list-style: none; }
2187
2188
2189 #register-sitename { display: inline; font-weight: bold;}
2190
2191 /* ===================== */
2192 /* = Contacts Selector = */
2193 /* ===================== */
2194
2195 #group-edit-wrapper {
2196         margin-bottom: 10px;
2197 }
2198
2199 #group-edit-name-wrapper {
2200         margin-bottom: 0px;
2201         display: inline;
2202 }
2203 #group-edit-submit-wrapper {
2204         margin-bottom: 10px;
2205         margin-right: 400px;
2206         float: right;
2207         display: inline;
2208 }
2209
2210 .group-delete-wrapper {
2211         width: 90px;
2212         display: inline;
2213         padding: 5px;
2214         margin-bottom: 10px;
2215         -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2216         -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2217         box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2218         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2219         background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2220         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2221         background-color:#bdbdbd;
2222         -moz-border-radius:5px;
2223         -webkit-border-radius:5px;
2224         border-radius:5px;*/
2225 }
2226
2227 .group-delete-wrapper:hover {
2228         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2229         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2230         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2231         background-color:#b20202;
2232 }
2233
2234 .group-delete-wrapper:active {
2235         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2236         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2237         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2238         background-color:#b20202;
2239 }
2240
2241 .group-delete-wrapper a {
2242         color: #efefef;
2243         font-size: 0.9em;
2244 }
2245
2246 #group-edit-desc { margin: 10px 0xp; }
2247 #group-new-text {font-size: 1.1em;}
2248 #group-members,
2249 #prof-members {
2250         width: 83%;
2251         height: 200px;
2252         overflow: auto;
2253         border: none;
2254         background-color: #f0edf0;
2255         color: #555753;
2256         border: 1px solid #ccc;
2257         margin-bottom: 10px;
2258         padding: 10px;
2259 }
2260
2261 #group-all-contacts,
2262 #prof-all-contacts {
2263         width: 83%;
2264         height: 200px;
2265     overflow: auto;
2266         border: 1px solid #ccc;
2267         background-color: #f0edf0;
2268         padding: 10px;
2269 }
2270
2271 #group-members h3,
2272 #group-all-contacts h3,
2273 #prof-members h3,
2274 #prof-all-contacts h3{
2275         color: #555753;
2276         margin: 0px;
2277         padding: 5px;
2278 }
2279
2280 #group-separator,
2281 #prof-separator { display: none;}
2282
2283 /* ========== */
2284 /* = Events = */
2285 /* ========== */
2286
2287 .clear { clear: both; }
2288 .eventcal {
2289         float: left;
2290         font-size: 20px;
2291         padding: 20px;
2292 }
2293
2294 .vevent {
2295         position: relative;
2296         width: 400px;
2297         padding: 20px;
2298         padding-top: 10px;
2299         margin: 0 0px;
2300         background-color: #fff;
2301         -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2302         -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2303         box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
2304 }
2305
2306 .vevent:before, .vevent:after {
2307         position: absolute;
2308         width: 40%;
2309         height: 10px;
2310         content: ' ';
2311         left: 12px;
2312         bottom: 12px;
2313         background: transparent;
2314         -webkit-transform: skew(-5deg) rotate(-5deg);
2315         -moz-transform: skew(-5deg) rotate(-5deg);
2316         -ms-transform: skew(-5deg) rotate(-5deg);
2317         -o-transform: skew(-5deg) rotate(-5deg);
2318         transform: skew(-5deg) rotate(-5deg);
2319         -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2320         -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2321         box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
2322         z-index: -1;
2323 }
2324
2325 .vevent:after {
2326         left: auto;
2327         right: 12px;
2328         -webkit-transform: skew(5deg) rotate(5deg);
2329         -moz-transform: skew(5deg) rotate(5deg);
2330         -ms-transform: skew(5deg) rotate(5deg);
2331         -o-transform: skew(5deg) rotate(5deg);
2332         transform: skew(5deg) rotate(5deg);
2333 }
2334
2335 .vevent .event-description {
2336         margin-left: 10px;
2337         margin-right: 10px;
2338         text-align:center;
2339         font-size: 1.2em;
2340         font-weight:bolder;
2341 }
2342
2343  .vevent .event-location{
2344         margin-left: 10px;
2345         margin-right: 10px;
2346         font-size: 1em;
2347         font-style: oblique;
2348         text-align: center;
2349
2350 }
2351
2352 .vevent .event-start, .vevent .event-end  {
2353         margin-left: 20px;
2354         margin-right: 20px;
2355         margin-bottom: 2px;
2356         margin-top: 2px;
2357         font-size: 0.9em;
2358         font-variant: small-caps;
2359         text-align: left;
2360 }
2361
2362 #new-event-link{
2363         width: 130px;
2364         padding: 7px;
2365         margin-bottom: 10px;
2366         margin-left: 170px; ;
2367         -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2368         -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2369         box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2370         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2371         background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2372         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2373         background-color:#bdbdbd;
2374         -moz-border-radius:5px;
2375         -webkit-border-radius:5px;
2376         border-radius:5px;
2377         color: #efefef;
2378 }
2379
2380 #new-event-link:hover {
2381         color: #efefef;
2382         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2383         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2384         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2385         background-color:#b20202;
2386 }
2387
2388 #new-event-link:active {
2389         background-color: #b20202;
2390         position:relative;
2391         top:1px;
2392 }
2393
2394 #new-event-link a {
2395         color: #efefef;
2396         text-align: center;
2397 }
2398
2399 .edit-event-link, .plink-event-link {
2400         float: left;
2401         margin-top: 4px;
2402         margin-right: 4px;
2403         margin-bottom: 15px;
2404 }
2405
2406 .event-description:before {
2407         content: url('calendar.png');
2408         margin-right: 15px;
2409         vertical-align: middle;
2410 }
2411
2412 .event-start, .event-end {
2413         margin-left: 10px;
2414         width: 330px;
2415 }
2416
2417 .event-start .dtstart, .event-end .dtend {
2418         float: right;
2419 }
2420
2421 .event-list-date {
2422         color: #626262;
2423         margin-bottom: 10px;
2424         font-variant:small-caps;
2425         font-stretch:condensed;
2426 }
2427
2428 .prevcal, .nextcal {
2429         float: left;
2430         margin-left: 32px;
2431         margin-right: 32px;
2432         margin-top: 64px;
2433 }
2434
2435 .event-calendar-end {
2436         clear: both;
2437 }
2438
2439 .calendar {
2440         width: 300px;
2441         font-family: Helvetica, Arial, sans-serif;
2442         background-color: #f1f1f1;
2443         border: 1px solid #dedede;
2444         margin-bottom: 10px;
2445         -moz-box-shadow: 5px 5px 8px #959494;
2446         -webkit-box-shadow: 5px 5px 8px #959494;
2447         box-shadow: 5px 5px 8px #959494;
2448 }
2449
2450 .calendar caption{
2451         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
2452         background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
2453         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
2454         background-color: #b20202;
2455         padding: 10px 0px 10px 0px;
2456         width: 300px;
2457         color: #ffffff;
2458         font-weight: bold;
2459         text-align:center;
2460         font-variant:small-caps;
2461         -moz-box-shadow: 5px 2px 8px #959494;
2462         -webkit-box-shadow: 5px 2px 8px #959494;
2463         box-shadow: 5px 2px 8px #959494;
2464 }
2465
2466 tr {
2467         border: 1px solid #eeeeee;
2468 }
2469
2470 .calendar td {
2471         font-size: 14px;
2472         text-align: center;
2473         padding: 3px 0px;
2474 }
2475
2476 .calendar td > a {
2477         background-color: #cdcdcd;
2478         padding: 2px;
2479         color: #000;
2480 }
2481
2482 .calendar th {
2483         font-size: 16px;
2484 }
2485
2486 .today {
2487         font-weight: bold;
2488         text-align: center;
2489         background-color: #b20202;
2490         color: #fff;
2491 }
2492
2493 #event-start-text,
2494 #event-finish-text {
2495         margin-top: 10px;
2496         margin-bottom: 5px;
2497 }
2498
2499 #event-nofinish-checkbox,
2500 #event-nofinish-text,
2501 #event-adjust-checkbox,
2502 #event-adjust-text,
2503 #event-share-checkbox {
2504         float: left;
2505 }
2506
2507 #event-datetime-break {
2508         margin-bottom: 10px;
2509 }
2510
2511 #event-nofinish-break,
2512 #event-adjust-break,
2513 #event-share-break {
2514         clear: both;
2515 }
2516
2517 #event-desc-text,
2518 #event-location-text {
2519         margin-top: 10px;
2520         margin-bottom: 5px;
2521 }
2522
2523 #event-submit {
2524         margin-top: 10px;
2525 }
2526
2527 /* ============= */
2528 /* = Directory = */
2529 /* ============= */
2530
2531 .directory-item {
2532         float: left;
2533         margin: 50px 50px 0px 0px;
2534 }
2535
2536 .directory-details {
2537         font-size: 0.9em;
2538         font-variant: small-caps;
2539         width: 160px;
2540 }
2541
2542 .directory-name {
2543         font-size: 1em;
2544         font-variant: small-caps;
2545         width: 150px;
2546 }
2547
2548 /* ========= */
2549 /* = Admin = */
2550 /* ========= */
2551
2552 #adminpage {
2553         width: 80%;
2554 }
2555
2556 #pending-update {
2557         float:right;
2558         color: #ffffff;
2559         font-weight: bold;
2560         background-color: #FF0000;
2561         padding: 0em 0.3em;
2562 }
2563
2564 .admin.linklist {
2565         border: 0px; padding: 0px;
2566 }
2567
2568 .admin.link {
2569         list-style-position: inside;
2570         font-size: 1em;
2571         padding: 5px;
2572         width: 100px;
2573         margin: 5px;
2574 }
2575
2576 #adminpage dl {
2577         clear: left;
2578         margin-bottom: 2px;
2579         padding-bottom: 2px;
2580         border-bottom: 1px solid black;
2581 }
2582
2583 #adminpage dt {
2584         width: 200px;
2585         float: left;
2586         font-weight: bold;
2587 }
2588
2589 #adminpage dd {
2590         margin-left: 200px;
2591 }
2592 #adminpage h3 {
2593         border-bottom: 1px solid #898989;
2594         margin-bottom: 5px;
2595         margin-top: 10px;
2596 }
2597
2598 #adminpage .submit {
2599         clear:left;
2600 }
2601
2602 #adminpage #pluginslist {
2603         margin: 0px; padding: 0px;
2604 }
2605
2606 #adminpage .plugin {
2607         list-style: none;
2608         display: block;
2609         border: 1px solid #888888;
2610         padding: 1em;
2611         margin-bottom: 5px;
2612         clear: left;
2613 }
2614
2615 #adminpage .toggleplugin {
2616         float:left;
2617         margin-right: 1em;
2618 }
2619
2620 #adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;}
2621 #adminpage table th { text-align: left;}
2622 #adminpage td .icon { float: left;}
2623 #adminpage table#users img { width: 16px; height: 16px; }
2624 #adminpage table tr:hover { background-color: #eeeeee; }
2625 #adminpage .selectall { text-align: right; }
2626
2627 /* =============== */
2628 /* = Form Fields = */
2629 /* =============== */
2630
2631 .field {
2632         margin-bottom: 5px;
2633         padding-bottom: 10px;
2634         overflow: auto;
2635         width: 90%;
2636 }
2637
2638 .field label {
2639         float: left;
2640         width: 200px;
2641 }
2642
2643 .field input,
2644 .field textarea {
2645         width: 400px;
2646 }
2647 .field textarea { height: 100px; }
2648 .field_help {
2649         display: block;
2650         margin-left: 100px;
2651         color: #666666;
2652 }
2653
2654 .field .onoff {
2655         float: left;
2656         width: 80px;
2657 }
2658 .field .onoff a {
2659         display: block;
2660         border:1px solid #c1c1c1;
2661         background-image:url("../../../images/onoff.jpg");
2662         background-repeat: no-repeat;
2663         padding: 4px 2px 2px 2px;
2664         height: 16px;
2665         text-decoration: none;
2666 }
2667 .field .onoff .off {
2668         border-color:#c1c1c1;
2669         padding-left: 40px;
2670         background-position: left center;
2671         background-color: #cccccc;
2672         color: #666666;
2673         text-align: right;
2674 }
2675
2676 .field .onoff .on {
2677         border-color:#c1c1c1;
2678         padding-right: 40px;
2679         background-position: right center;
2680         background-color: #b20202;
2681         color: #FFFFFF;
2682         text-align: left;
2683 }
2684
2685 .hidden { display: none!important; }
2686
2687 .field.radio .field_help { margin-left: 0px; }
2688
2689 /* ========= */
2690 /* = Icons = */
2691 /* ========= */
2692
2693 .icon {
2694         display: block; width: 20px; height: 20px;
2695         background-image: url('icons.png');
2696 }
2697 .starred {
2698         background-image: url("star.png");
2699         repeat: no-repeat;
2700 }
2701 .unstarred {
2702         background-image: url("premium.png");
2703         repeat: no-repeat;
2704 }
2705
2706
2707 .border {
2708         border: 1px solid #c1c1c1;
2709     -webkit-border-radius: 3px;
2710     -moz-border-radius: 3px;
2711     border-radius: 3px;
2712 }
2713
2714 .article        { background-position: -50px  0px;}
2715 .audio          { background-position: -70px  0px;}
2716 .block          { background-position: -90px  0px;}
2717 .drop           { background-position: -110px 0px;}
2718 .drophide       { background-position: -130px 0px;}
2719 .edit           { background-position: -150px 0px;}
2720 .camera         { background-position: -170px 0px;}
2721 .dislike        { background-position: -190px 0px;}
2722 .like           { background-position: -210px 0px;}
2723 .link           { background-position: -230px 0px;}
2724
2725 .globe          { background-position: -50px  -20px;}
2726 .noglobe        { background-position: -70px  -20px;}
2727 .no             { background-position: -90px  -20px;}
2728 .pause          { background-position: -110px -20px;}
2729 .play           { background-position: -130px -20px;}
2730 .pencil         { background-position: -150px -20px;}
2731 .small-pencil   { background-position: -170px -20px;}
2732 .recycle        { background-position: -190px -20px;}
2733 .remote-link    { background-position: -210px -20px;}
2734 .share          { background-position: -230px -20px;}
2735
2736 .tools          { background-position: -50px  -40px;}
2737 .lock           { background-position: -70px  -40px;}
2738
2739 .unlock         {
2740         background-position: -90px  -40px;
2741         background-image: none;
2742         width: 70px;
2743         height: 20px;
2744 }
2745
2746 .sharePerms {
2747         background-image: url(icons.png);
2748         width: 20px;
2749         height: 20px;
2750         margin: 2px 0px 2px 3px;
2751         display: block;
2752 }
2753
2754 .video          { background-position: -110px -40px;}
2755 .youtube        { background-position: -130px -40px;}
2756
2757 .attach         { background-position: -190px -40px;}
2758 .language       { background-position: -210px -40px;}
2759
2760
2761 .on             { background-position: -50px  -60px;}
2762 .off            { background-position: -70px  -60px;}
2763 .prev           { background-position: -90px  -60px;}
2764 .next           { background-position: -110px  -60px;}
2765
2766 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
2767
2768 .attachtype {
2769         display: block; width: 20px; height: 23px;
2770         background-image: url('../../../images/content-types.png');
2771 }
2772
2773 .type-video { background-position: 0px 0px; }
2774 .type-image { background-position: -20px 0px; }
2775 .type-audio { background-position: -40px 0px; }
2776 .type-text  { background-position: -60px 0px; }
2777 .type-unkn  { background-position: -80px 0px; }
2778
2779 /* ========== */
2780 /* = Footer = */
2781 /* ========== */
2782
2783 .cc-license { margin-top: 100px; font-size: 0.7em; }
2784 footer { display: block; margin: 50px 20%; clear: both; }
2785
2786 #profile-jot-text {
2787     height: 20px;
2788     color:#cccccc;
2789     border: 1px solid #cccccc;
2790 }
2791
2792 /* ======= */
2793 /* = ACL = */
2794 /* ======= */
2795
2796 #photo-edit-perms-select,
2797 #photos-upload-permissions-wrapper,
2798 #profile-jot-acl-wrapper{
2799         display:block!important;
2800 }
2801
2802 #acl-wrapper {
2803         width: 690px;
2804         float:left;
2805 }
2806 #acl-search {
2807         float:right;
2808         background: #ffffff url("../../../images/search_18.png") no-repeat right center;
2809         padding-right:20px;
2810 }
2811 #acl-showall {
2812         float: left;
2813         display: block;
2814         font-size: 1em;
2815         font-style: bold;
2816         text-align: center;
2817         padding: 3px;
2818         margin-bottom: 5px;
2819         background-color: #cccccc;
2820         background-position: 7px 7px;
2821         background-repeat: no-repeat;
2822         padding: 5px;
2823         -webkit-border-radius: 5px ;
2824         -moz-border-radius: 5px;
2825         border-radius: 5px;
2826         color: #999999;
2827 }
2828 #acl-showall.selected {
2829         color: #fff;
2830         background-color: #b20202;
2831 }
2832
2833 #acl-list {
2834         height: 210px;
2835         border: 1px solid #cccccc;
2836          background-color: #efefef;
2837         clear: both;
2838         margin-top: 30px;
2839         overflow: auto;
2840 }
2841
2842 #acl-list-content {
2843         margin-left: 20px;
2844 }
2845
2846 .acl-list-item {
2847         display: block;
2848         width: 150px;
2849         height: 40px;
2850         border: 1px solid #cccccc;
2851         background-color: #fff;
2852         margin: 5px;
2853         float: left;
2854         -moz-box-shadow: 2px 2px 3px #c1c1c1;
2855         -webkit-box-shadow: 2px 2px 3px #c1c1c1;
2856         box-shadow: 2px 2px 3px #c1c1c1;
2857 }
2858 .acl-list-item img{
2859         width:30px;
2860         height: 30px;
2861         float: left;
2862         margin: 5px;
2863 }
2864
2865 .acl-list-item p {
2866         color: #999;
2867         height: 12px;
2868         font-size: 0.7em;
2869         margin: 0px;
2870         padding: 2px 0px 1px;
2871         overflow: hidden;
2872 }
2873
2874 .acl-list-item a {
2875         font-size: 10px;
2876         display: block;
2877         float: left;
2878         color: #efefef;
2879         background-color: #898989;
2880         background-position: 3px 3px;
2881         background-repeat: no-repeat;
2882         margin-right: 5px;
2883         -webkit-border-radius: 2px ;
2884         -moz-border-radius: 2px;
2885         border-radius: 2px;
2886         padding: 3px;
2887 }
2888
2889 #acl-wrapper a:hover {
2890         text-decoration: none;
2891         background-color:#b20202;
2892 }
2893
2894 .acl-button-show.selected {
2895         color: #efefef;
2896         background-color: #b20202;
2897 }
2898
2899 .acl-button-hide.selected {
2900         color: #efefef;
2901         background-color: #a2a2a2;
2902 }
2903
2904 .acl-list-item.groupshow { border-color: #b20202; }
2905 .acl-list-item.grouphide { border-color: #a2a2a2; }
2906
2907 /* ========================= */
2908 /* = Global Directory Link = */
2909 /* ========================= */
2910
2911 #global-directory-link {
2912         width: 130px;
2913         padding: 7px;
2914         margin-bottom: 10px;
2915         margin-left: 0px;
2916         -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2917         -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2918         box-shadow:inset 0px 1px 0px 0px #cfcfcf;
2919         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
2920         background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
2921         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
2922         background-color:#bdbdbd;
2923         -moz-border-radius:5px;
2924         -webkit-border-radius:5px;
2925         border-radius:5px;
2926         color: #efefef;
2927         text-align: center;
2928 }
2929
2930 #global-directory-link:hover {
2931         color: #efefef;
2932         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2933         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2934         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2935         background-color:#b20202;
2936 }
2937
2938 #global-directory-link:active {
2939         background-color: #b20202;
2940         position:relative;
2941         top:1px;
2942 }
2943
2944 #global-directory-link a {
2945         color: #efefef;
2946 }
2947
2948 #global-directory-link {
2949         -webkit-padding-start: 0px;
2950 }
2951
2952 a.active {
2953         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
2954         background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
2955         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
2956         background-color:#b20202;
2957         color:#efefef;
2958         padding: 5px 10px 5px 10px;
2959         margin-right: 5px;
2960 }