src/main/resources/META-INF/resources/designer/css/styles.css

   1 @font-face {
   2         font-family: Omnes Regular;
   3         src: url(../fonts/omnes-regular-webfont.eot?#iefix)
   4                 format("embedded-opentype"),
   5                 url(../fonts/omnes-regular-webfont.woff) format("woff"),
   6                 url(../fonts/omnes-regular-webfont.ttf) format("truetype"),
   7                 url(../fonts/omnes-regular-webfont.svg#omnes_regular)
   8                 format("svg");
   9 }
  10
  11 @font-face {
  12         font-family: Omnes Regular Italic;
  13         src: url(../fonts/omnes-regularitalic-webfont.eot?#iefix)
  14                 format("embedded-opentype"),
  15                 url(../fonts/omnes-regularitalic-webfont.woff) format("woff"),
  16                 url(../fonts/omnes-regularitalic-webfont.ttf) format("truetype"),
  17                 url(../fonts/omnes-regularitalic-webfont.svg#omnes_regularitalic)
  18                 format("svg");
  19 }
  20
  21 @font-face {
  22         font-family: Omnes Medium;
  23         src: url(../fonts/omnes-medium-webfont.eot?#iefix)
  24                 format("embedded-opentype"),
  25                 url(../fonts/omnes-medium-webfont.woff) format("woff"),
  26                 url(../fonts/omnes-medium-webfont.ttf) format("truetype"),
  27                 url(../fonts/omnes-medium-webfont.svg#omnes_medium)
  28                 format("svg");
  29 }
  30
  31 .resourcecenter-toppanel {
  32         BORDER-BOTTOM: #ccc 1px solid;
  33         BORDER-LEFT: #ccc 1px solid;
  34         MARGIN: 0px 15px;
  35         DISPLAY: block;
  36         BACKGROUND: #fff;
  37         BORDER-TOP: 0px;
  38         BORDER-RIGHT: #ccc 1px solid
  39 }
  40
  41 .resourcecenter-toppanel .title {
  42         BORDER-BOTTOM: #ccc 1px solid;
  43         POSITION: relative;
  44         PADDING-BOTTOM: 20px;
  45         PADDING-LEFT: 15px;
  46         PADDING-RIGHT: 15px;
  47         BACKGROUND: #fff;
  48         PADDING-TOP: 20px
  49 }
  50
  51 .resourcecenter-toppanel .title H3 {
  52         MARGIN: 0px;
  53         WIDTH: 80%;
  54         COLOR: #f47b20
  55 }
  56
  57 .resourcecenter-toppanel .title A.collapse-icon {
  58         POSITION: absolute;
  59         FONT-SIZE: 24px;
  60         TOP: 20px;
  61         RIGHT: 30px
  62 }
  63
  64 .closed.resourcecenter-toppanel .title {
  65         BORDER-BOTTOM: 0px
  66 }
  67
  68 .resourcecenter-toppanel .rolepanel {
  69         BORDER-LEFT: #ccc 1px solid;
  70         BACKGROUND: #f3f3f3;
  71         MARGIN-LEFT: 15px
  72 }
  73
  74 .resourcecenter-toppanel .rolepanel .rolepanel-cont {
  75         PADDING-BOTTOM: 15px;
  76         PADDING-LEFT: 30px;
  77         WIDTH: 100%;
  78         PADDING-RIGHT: 0px;
  79         PADDING-TOP: 10px
  80 }
  81
  82 .resourcecenter-toppanel .rolepanel .rolepanel-summary {
  83         PADDING-BOTTOM: 15px;
  84         PADDING-LEFT: 30px;
  85         WIDTH: 100%;
  86         PADDING-RIGHT: 0px;
  87         PADDING-TOP: 10px
  88 }
  89
  90 .resourcecenter-toppanel .rolepanel .rolepanel-summary {
  91         BORDER-TOP: #ccc 1px solid
  92 }
  93
  94 .resourcecenter-toppanel .rolepanel .rolepanel-summary P {
  95         MARGIN-BOTTOM: 0px
  96 }
  97
  98 .resourcecenter-toppanel .rolepanel .rc-toppanel-row {
  99         PADDING-BOTTOM: 10px;
 100         PADDING-LEFT: 10px;
 101         PADDING-RIGHT: 10px;
 102         BORDER-TOP: #ccc 1px solid;
 103         PADDING-TOP: 10px
 104 }
 105
 106 .resourcecenter-toppanel .rolepanel .rc-toppanel-row A.btn {
 107         WIDTH: 100%;
 108         FONT-SIZE: 16px
 109 }
 110
 111 .resourcecenter-toppanel .rolepanel .rc-toppanel-row A.btn SPAN {
 112         PADDING-RIGHT: 15px
 113 }
 114
 115 .breadcrumbs {
 116         PADDING-BOTTOM: 10px;
 117         PADDING-LEFT: 10px;
 118         PADDING-RIGHT: 10px;
 119         BORDER-TOP: #ccc 1px solid;
 120         PADDING-TOP: 10px
 121 }
 122
 123 .breadcrumbs UL {
 124         PADDING-BOTTOM: 10px;
 125         LIST-STYLE-TYPE: none;
 126         PADDING-LEFT: 10px;
 127         WIDTH: 100%;
 128         PADDING-RIGHT: 10px;
 129         DISPLAY: block;
 130         MARGIN-BOTTOM: 0px;
 131         HEIGHT: auto;
 132         LIST-STYLE-IMAGE: none;
 133         PADDING-TOP: 10px
 134 }
 135
 136 .breadcrumbs UL LI {
 137         DISPLAY: inline-block
 138 }
 139
 140 .breadcrumbs UL LI:after {
 141         CONTENT: ' / '
 142 }
 143
 144 .rc-side-panel-content-wrapper {
 145         BORDER-LEFT: #ccc 1px solid;
 146         MARGIN-LEFT: 15px
 147 }
 148
 149 .rc-side-panel-content-wrapper .claimed-activities .row {
 150         MARGIN: 0px -15px
 151 }
 152
 153 .rc-side-panel-content-wrapper .claimed-activities .article-area {
 154         MARGIN: 0px
 155 }
 156
 157 .rc-side-panel-content-wrapper .activity-detail-right {
 158         PADDING-BOTTOM: 150px;
 159         PADDING-LEFT: 30px;
 160         PADDING-RIGHT: 15px;
 161         PADDING-TOP: 15px
 162 }
 163
 164 .rc-side-panel-content-wrapper .sdc-slider {
 165         BORDER-LEFT: 0px;
 166         MARGIN-LEFT: 0px
 167 }
 168
 169 .rc-side-panel-content-wrapper .background-open.sdc-slider {
 170
 171 }
 172
 173 .rc-side-panel-content-wrapper .background-closed.sdc-slider {
 174
 175 }
 176
 177 .rc-side-panel-content-wrapper .background-closed.sdc-slider .sliderhead
 178         {
 179         PADDING-BOTTOM: 0px;
 180         PADDING-LEFT: 0px;
 181         PADDING-RIGHT: 0px;
 182         PADDING-TOP: 0px
 183 }
 184
 185 .iframeWrapper {
 186         POSITION: relative;
 187         MIN-HEIGHT: 500px;
 188         WIDTH: 100%;
 189         MARGIN-BOTTOM: 65px;
 190         HEIGHT: 500px
 191 }
 192
 193 .iframeWrapper IFRAME {
 194         BORDER-BOTTOM: #ccc 1px solid;
 195         BORDER-LEFT: #ccc 1px solid;
 196         WIDTH: 100%;
 197         DISPLAY: block;
 198         MARGIN-BOTTOM: 75px;
 199         FLOAT: left;
 200         HEIGHT: 100%;
 201         OVERFLOW: scroll;
 202         BORDER-TOP: #ccc 1px solid;
 203         BORDER-RIGHT: #ccc 1px solid;
 204         resize: vertical
 205 }
 206
 207 .iframeWrapper .controls {
 208         BORDER-BOTTOM: #b9b9b9 1px solid;
 209         POSITION: absolute;
 210         BORDER-LEFT: #b9b9b9 1px solid;
 211         PADDING-BOTTOM: 3px;
 212         LINE-HEIGHT: 30px;
 213         BACKGROUND-COLOR: #fff;
 214         PADDING-LEFT: 5px;
 215         PADDING-RIGHT: 5px;
 216         DISPLAY: none;
 217         FONT-SIZE: 30px;
 218         BORDER-TOP: #b9b9b9 1px solid;
 219         TOP: 12px;
 220         RIGHT: 12px;
 221         BORDER-RIGHT: #b9b9b9 1px solid;
 222         PADDING-TOP: 5px;
 223         border-radius: 5px 5px
 224 }
 225
 226 .resourcecenter.content {
 227         PADDING-BOTTOM: 20px;
 228         PADDING-LEFT: 30px;
 229         PADDING-RIGHT: 15px;
 230         PADDING-TOP: 20px
 231 }
 232
 233 .nosidebar.resourcecenter.content {
 234         BORDER-LEFT: 0px;
 235         PADDING-BOTTOM: 15px;
 236         PADDING-LEFT: 15px;
 237         PADDING-RIGHT: 15px;
 238         MARGIN-LEFT: 0px;
 239         PADDING-TOP: 15px
 240 }
 241
 242 .nosidebar.resourcecenter.content .iframeWrapper {
 243         MARGIN-LEFT: -15px
 244 }
 245
 246 .resourcecenter.content H1 {
 247         PADDING-BOTTOM: 20px;
 248         MARGIN: 0px;
 249         PADDING-LEFT: 15px;
 250         COLOR: #f47b20
 251 }
 252
 253 .portlet.resourcecenter.content {
 254         PADDING-BOTTOM: 0px;
 255         BACKGROUND-COLOR: #f3f3f3;
 256         PADDING-LEFT: 0px;
 257         PADDING-RIGHT: 0px;
 258         PADDING-TOP: 0px
 259 }
 260
 261 .portlet.resourcecenter.content .portletWrapper {
 262         BORDER-BOTTOM: #ccc 1px solid;
 263         POSITION: relative;
 264         BORDER-LEFT: #ccc 1px solid;
 265         PADDING-BOTTOM: 15px;
 266         BACKGROUND-COLOR: #fff;
 267         MARGIN: 20px 15px 100px 30px;
 268         MIN-HEIGHT: 622px;
 269         PADDING-LEFT: 15px;
 270         PADDING-RIGHT: 15px;
 271         HEIGHT: 622px;
 272         OVERFLOW: auto;
 273         BORDER-TOP: #ccc 1px solid;
 274         BORDER-RIGHT: #ccc 1px solid;
 275         PADDING-TOP: 15px;
 276         resize: vertical
 277 }
 278
 279 .resourcecenter.content .iframeWrapper {
 280         BORDER-BOTTOM: #ccc 1px solid;
 281         BORDER-LEFT: 0px;
 282         PADDING-BOTTOM: 30px;
 283         BACKGROUND-COLOR: #f3f3f3;
 284         MARGIN: 0px -15px 65px -30px;
 285         PADDING-LEFT: 15px;
 286         WIDTH: auto;
 287         PADDING-RIGHT: 15px;
 288         HEIGHT: auto;
 289         OVERFLOW: hidden;
 290         BORDER-TOP: #ccc 1px solid;
 291         BORDER-RIGHT: 0px;
 292         PADDING-TOP: 30px
 293 }
 294
 295 .resourcecenter.content .iframeWrapper IFRAME {
 296         MIN-HEIGHT: 506px;
 297         MARGIN-BOTTOM: 0px;
 298         HEIGHT: 100%;
 299         border-radius: 4px
 300 }
 301
 302 .resourcecenter.content .iframeWrapper .controls {
 303         TOP: 42px;
 304         RIGHT: 42px
 305 }
 306
 307 .resourcecenter.content article {
 308         BORDER-BOTTOM: #ccc 1px solid;
 309         POSITION: relative;
 310         BORDER-LEFT: #ccc 1px solid;
 311         PADDING-BOTTOM: 15px;
 312         PADDING-LEFT: 15px;
 313         PADDING-RIGHT: 15px;
 314         OVERFLOW: auto;
 315         BORDER-TOP: #ccc 1px solid;
 316         BORDER-RIGHT: #ccc 1px solid;
 317         PADDING-TOP: 15px
 318 }
 319
 320 .resourcecenter.content article .header-box {
 321         BORDER-BOTTOM: #ccc 1px solid
 322 }
 323
 324 .resourcecenter.content article .header-box H1 {
 325         PADDING-BOTTOM: 15px;
 326         MARGIN: 0px
 327 }
 328
 329 .resourcecenter.content article .header-box H2 {
 330         PADDING-BOTTOM: 15px;
 331         MARGIN: 0px
 332 }
 333
 334 .resourcecenter.content article .body-box {
 335         PADDING-BOTTOM: 15px;
 336         PADDING-LEFT: 15px;
 337         PADDING-RIGHT: 15px;
 338         PADDING-TOP: 0px
 339 }
 340
 341 .resourcecenter.content article .body-box H4 {
 342         MARGIN: 15px 0px
 343 }
 344
 345 .resourcecenter.content article .body-box P {
 346         LINE-HEIGHT: 24px
 347 }
 348
 349 .resourcecenter.content article .body-box section {
 350         PADDING-BOTTOM: 15px;
 351         MARGIN: 0px -15px;
 352         PADDING-LEFT: 30px;
 353         PADDING-RIGHT: 30px;
 354         BORDER-TOP: #ccc 1px solid;
 355         PADDING-TOP: 15px
 356 }
 357
 358 .resourcecenter.content article .body-box section:first-child {
 359         BORDER-TOP: 0px
 360 }
 361
 362 .resourcecenter.content article .body-box UL LI {
 363         LINE-HEIGHT: 24px;
 364         MARGIN-TOP: 5px
 365 }
 366
 367 .resourcecenter.content article .body-box .thumbnail {
 368         MARGIN: 10px 0px
 369 }
 370
 371 .resourcecenter.content article .body-box .lightbox.thumbnail IMG {
 372         MIN-HEIGHT: 150px;
 373         MAX-HEIGHT: 150px
 374 }
 375
 376 .resourcecenter.content article .body-box .img-thumbnail {
 377         MARGIN: 10px 0px
 378 }
 379
 380 .resourcecenter.content article.articleOTP {
 381         BORDER-BOTTOM: 0px;
 382         BORDER-LEFT: 0px;
 383         BORDER-TOP: 0px;
 384         BORDER-RIGHT: 0px;
 385         PADDING-TOP: 0px
 386 }
 387
 388 .resourcecenter.content article.articleOTP .header-box {
 389         BORDER-BOTTOM: 0px;
 390         BORDER-LEFT: #ccc 1px solid;
 391         BORDER-TOP: #ccc 1px solid;
 392         BORDER-RIGHT: #ccc 1px solid;
 393         border-radius: 4px 4px 0 0
 394 }
 395
 396 .resourcecenter.content article.articleOTP .header-box .title {
 397         BORDER-BOTTOM: #ccc 1px solid;
 398         PADDING-BOTTOM: 0px;
 399         MARGIN: 0px;
 400         PADDING-LEFT: 30px;
 401         PADDING-RIGHT: 30px;
 402         PADDING-TOP: 15px
 403 }
 404
 405 .resourcecenter.content article.articleOTP .header-box .title H2 {
 406         COLOR: #f47b20
 407 }
 408
 409 .resourcecenter.content article.articleOTP .header-box .summary {
 410         PADDING-BOTTOM: 15px;
 411         BACKGROUND-COLOR: #f3f3f3;
 412         PADDING-LEFT: 30px;
 413         PADDING-RIGHT: 30px;
 414         PADDING-TOP: 15px
 415 }
 416
 417 .resourcecenter.content article.articleOTP .header-box .summary P {
 418         LINE-HEIGHT: 24px
 419 }
 420
 421 .resourcecenter.content article.articleOTP .body-box {
 422         BORDER-BOTTOM: #ccc 1px solid;
 423         BORDER-LEFT: #ccc 1px solid;
 424         BORDER-TOP: #ccc 1px solid;
 425         BORDER-RIGHT: #ccc 1px solid;
 426         border-radius: 0 0 4px 4px
 427 }
 428
 429 .resourcecenter.content article.announcements {
 430         BORDER-BOTTOM: 0px;
 431         BORDER-LEFT: 0px;
 432         BORDER-TOP: 0px;
 433         BORDER-RIGHT: 0px;
 434         PADDING-TOP: 0px
 435 }
 436
 437 .resourcecenter.content article.announcements .header-box {
 438         BORDER-BOTTOM: 0px;
 439         BORDER-LEFT: #ccc 1px solid;
 440         BORDER-TOP: #ccc 1px solid;
 441         BORDER-RIGHT: #ccc 1px solid;
 442         border-radius: 4px 4px 0 0
 443 }
 444
 445 .resourcecenter.content article.announcements .header-box .title {
 446         BORDER-BOTTOM: #ccc 1px solid;
 447         PADDING-BOTTOM: 0px;
 448         MARGIN: 0px;
 449         PADDING-LEFT: 30px;
 450         PADDING-RIGHT: 30px;
 451         PADDING-TOP: 15px
 452 }
 453
 454 .resourcecenter.content article.announcements .header-box .title H2 {
 455         COLOR: #f47b20
 456 }
 457
 458 .resourcecenter.content article.announcements .header-box .summary {
 459         PADDING-BOTTOM: 20px;
 460         BACKGROUND-COLOR: #f3f3f3;
 461         PADDING-LEFT: 30px;
 462         PADDING-RIGHT: 30px;
 463         PADDING-TOP: 15px
 464 }
 465
 466 .resourcecenter.content article.announcements .header-box .summary P {
 467         LINE-HEIGHT: 24px
 468 }
 469
 470 .resourcecenter.content article.announcements .body-box {
 471         BORDER-BOTTOM: #ccc 1px solid;
 472         BORDER-LEFT: #ccc 1px solid;
 473         PADDING-BOTTOM: 0px;
 474         PADDING-LEFT: 0px;
 475         PADDING-RIGHT: 0px;
 476         BORDER-TOP: #ccc 1px solid;
 477         BORDER-RIGHT: #ccc 1px solid;
 478         PADDING-TOP: 0px;
 479         border-radius: 0 0 4px 4px
 480 }
 481
 482 .resourcecenter.content article.announcements .body-box .row {
 483         BORDER-TOP: #ccc 1px solid
 484 }
 485
 486 .resourcecenter.content article.announcements .body-box .row:first-child
 487         {
 488         BORDER-TOP: 0px
 489 }
 490
 491 .resourcecenter.content article.announcements .body-box .info {
 492         PADDING-BOTTOM: 30px;
 493         PADDING-LEFT: 15px;
 494         PADDING-RIGHT: 15px;
 495         PADDING-TOP: 30px
 496 }
 497
 498 .resourcecenter.content article.announcements .body-box .info H4 {
 499         PADDING-BOTTOM: 15px;
 500         MARGIN: 0px;
 501         PADDING-LEFT: 0px;
 502         PADDING-RIGHT: 0px;
 503         PADDING-TOP: 0px
 504 }
 505
 506 .resourcecenter.content article.announcements .body-box .info .details {
 507         PADDING-BOTTOM: 10px;
 508         PADDING-LEFT: 0px;
 509         PADDING-RIGHT: 0px;
 510         PADDING-TOP: 0px
 511 }
 512
 513 .resourcecenter.content article.announcements .body-box .info .details A.cta
 514         {
 515         DISPLAY: block;
 516         PADDING-TOP: 5px
 517 }
 518
 519 .resourcecenter.content article.announcements .body-box .info .details SPAN
 520         {
 521         PADDING-BOTTOM: 5px;
 522         DISPLAY: block;
 523         FONT-FAMILY: "Omnes Regular Italic"
 524 }
 525
 526 .resourcecenter-useful {
 527         BORDER-BOTTOM: #ccc 1px solid;
 528         BORDER-LEFT: #ccc 1px solid;
 529         PADDING-BOTTOM: 10px;
 530         MARGIN: 0px 15px 40px;
 531         PADDING-LEFT: 15px;
 532         PADDING-RIGHT: 15px;
 533         DISPLAY: block;
 534         BORDER-TOP: #ccc 1px solid;
 535         BORDER-RIGHT: #ccc 1px solid;
 536         PADDING-TOP: 10px;
 537         box-shadow: -2px 0 rgba(0, 0, 0, 0.05), 2px 4px rgba(0, 0, 0, 0.05)
 538 }
 539
 540 .resourcecenter-useful .useful {
 541         FLOAT: left;
 542         PADDING-TOP: 6px
 543 }
 544
 545 .resourcecenter-useful .right-side {
 546         TEXT-ALIGN: right
 547 }
 548
 549 .resourcecenter-useful .right-side A.btn {
 550         PADDING-LEFT: 20px;
 551         PADDING-RIGHT: 20px
 552 }
 553
 554 .resourcecenter-useful .right-side .close {
 555         MARGIN: 7px 10px 0px 25px
 556 }
 557
 558 .leaving {
 559         MIN-HEIGHT: 200px;
 560         DISPLAY: block
 561 }
 562
 563 .leaving H4 {
 564         MARGIN: 30px 0px
 565 }
 566
 567 .leaving .btn-blue {
 568         MARGIN: 0px auto;
 569         PADDING-LEFT: 20px;
 570         WIDTH: 50%;
 571         PADDING-RIGHT: 20px;
 572         DISPLAY: block
 573 }
 574
 575 .onThisPage {
 576         POSITION: relative;
 577         MIN-HEIGHT: 100px
 578 }
 579
 580 .onThisPage .affix.nav {
 581         MARGIN-TOP: 10px;
 582         TOP: 0px
 583 }
 584
 585 .onThisPage .affix-top.nav {
 586         POSITION: absolute;
 587         MARGIN-TOP: 10px;
 588         TOP: 0px
 589 }
 590
 591 .onThisPage .affix-bottom.nav {
 592         POSITION: absolute
 593 }
 594
 595 .onThisPage .nav LI A {
 596         BACKGROUND: none transparent scroll repeat 0% 0%
 597 }
 598
 599 .onThisPage .nav LI A:active {
 600         BACKGROUND: none transparent scroll repeat 0% 0%
 601 }
 602
 603 .onThisPage .nav LI.active A {
 604         BORDER-BOTTOM-COLOR: #f47b20;
 605         BORDER-TOP-COLOR: #f47b20;
 606         COLOR: #f47b20;
 607         BORDER-RIGHT-COLOR: #f47b20;
 608         BORDER-LEFT-COLOR: #f47b20
 609 }
 610
 611 .onThisPage .nav LI.active A:hover {
 612         BORDER-BOTTOM-COLOR: #fcb314;
 613         BORDER-TOP-COLOR: #fcb314;
 614         COLOR: #fcb314;
 615         BORDER-RIGHT-COLOR: #fcb314;
 616         BORDER-LEFT-COLOR: #fcb314
 617 }
 618
 619 .onThisPage .nav LI.active A:active {
 620         BACKGROUND: none transparent scroll repeat 0% 0%
 621 }
 622
 623 .onThisPage .nav LI A {
 624         BORDER-LEFT: #fff 3px solid;
 625         COLOR: #067ab4
 626 }
 627
 628 .onThisPage .nav LI A:hover {
 629         BORDER-BOTTOM-COLOR: #44c8f5;
 630         BACKGROUND-COLOR: #fff;
 631         BORDER-TOP-COLOR: #44c8f5;
 632         COLOR: #44c8f5;
 633         BORDER-RIGHT-COLOR: #44c8f5;
 634         BORDER-LEFT-COLOR: #44c8f5
 635 }
 636
 637 .onThisPage .nav LI A [class^='icon-'] {
 638         POSITION: relative;
 639         LINE-HEIGHT: 1;
 640         FONT-SIZE: 24px;
 641         VERTICAL-ALIGN: middle;
 642         TOP: -2px
 643 }
 644
 645 .onThisPage .nav LI .returntotop {
 646         MARGIN-TOP: 0px;
 647         WIDTH: auto
 648 }
 649
 650 .search.content {
 651         PADDING-BOTTOM: 0px;
 652         PADDING-LEFT: 0px;
 653         PADDING-RIGHT: 0px;
 654         PADDING-TOP: 0px
 655 }
 656
 657 .notabs.search.content {
 658         BORDER-TOP: #ccc 1px solid
 659 }
 660
 661 .article.search.content {
 662         PADDING-BOTTOM: 15px;
 663         PADDING-LEFT: 15px;
 664         PADDING-RIGHT: 15px;
 665         PADDING-TOP: 15px;
 666         border-radius: 4px
 667 }
 668
 669 .article.search.content article {
 670         BORDER-BOTTOM: #ccc 1px solid;
 671         BORDER-LEFT: #ccc 1px solid;
 672         MIN-HEIGHT: 650px;
 673         MARGIN-BOTTOM: 75px;
 674         OVERFLOW: scroll;
 675         BORDER-TOP: #ccc 1px solid;
 676         BORDER-RIGHT: #ccc 1px solid;
 677         border-radius: 4px;
 678         resize: vertical
 679 }
 680
 681 .article.search.content article .header-box {
 682         BORDER-BOTTOM: #ccc 1px solid;
 683         LINE-HEIGHT: 62px
 684 }
 685
 686 .article.search.content article .header-box H2 {
 687         LINE-HEIGHT: 62px;
 688         MARGIN: 0px;
 689         PADDING-LEFT: 30px;
 690         FLOAT: left;
 691         COLOR: #f47b20
 692 }
 693
 694 .article.search.content article .header-box .useful {
 695         BORDER-LEFT: #ccc 1px solid;
 696         PADDING-BOTTOM: 0px;
 697         MARGIN: 0px;
 698         PADDING-LEFT: 30px;
 699         PADDING-RIGHT: 30px;
 700         FLOAT: right;
 701         FONT-SIZE: 16px;
 702         PADDING-TOP: 0px
 703 }
 704
 705 .article.search.content article .body-box {
 706         PADDING-BOTTOM: 30px;
 707         PADDING-LEFT: 30px;
 708         PADDING-RIGHT: 30px;
 709         PADDING-TOP: 30px
 710 }
 711
 712 .article.search.content article .body-box P {
 713         LINE-HEIGHT: 1.5
 714 }
 715
 716 .article.search.content article .body-box .portletWrapper {
 717         BORDER-BOTTOM: #ccc 1px solid;
 718         POSITION: relative;
 719         BORDER-LEFT: #ccc 1px solid;
 720         PADDING-BOTTOM: 15px;
 721         BACKGROUND-COLOR: #fff;
 722         MARGIN: 15px 0px;
 723         MIN-HEIGHT: 300px;
 724         PADDING-LEFT: 15px;
 725         WIDTH: 688px;
 726         PADDING-RIGHT: 15px;
 727         OVERFLOW: auto;
 728         BORDER-TOP: #ccc 1px solid;
 729         BORDER-RIGHT: #ccc 1px solid;
 730         PADDING-TOP: 15px;
 731         resize: none
 732 }
 733
 734 .search.content .search-pagination {
 735         FLOAT: right;
 736         PADDING-TOP: 10px
 737 }
 738
 739 .search.content .search-pagination .pagination {
 740         WIDTH: 246px;
 741         DISPLAY: block;
 742         FLOAT: left;
 743         MARGIN-RIGHT: 0px
 744 }
 745
 746 .search.content .search-pagination .pagination .active {
 747         BACKGROUND-COLOR: #f47b20
 748 }
 749
 750 .search.content .search-pagination .pagination .active A {
 751         BORDER-BOTTOM-COLOR: #f47b20;
 752         BACKGROUND-COLOR: #f47b20;
 753         BORDER-TOP-COLOR: #f47b20;
 754         WIDTH: 32px;
 755         BORDER-RIGHT-COLOR: #f47b20;
 756         BORDER-LEFT-COLOR: #f47b20
 757 }
 758
 759 .search.content .search-pagination .pagination-text-area {
 760         WIDTH: 240px;
 761         FLOAT: right
 762 }
 763
 764 .search.content .search-pagination .pagination-text-area .result-count {
 765         MARGIN-TOP: 0px;
 766         PADDING-LEFT: 20px;
 767         WIDTH: 50%;
 768         DISPLAY: block;
 769         FLOAT: left;
 770         MARGIN-RIGHT: 0px;
 771         PADDING-TOP: 27px
 772 }
 773
 774 .search.content .search-pagination .pagination-text-area .result-count SPAN
 775         {
 776         FONT-FAMILY: "Omnes Medium"
 777 }
 778
 779 .search.content .search-pagination .pagination-text-area .view-dropdown
 780         {
 781         WIDTH: 50%;
 782         FLOAT: right;
 783         PADDING-TOP: 18px
 784 }
 785
 786 .search.content .search-pagination .pagination-text-area .view-dropdown .dropdown
 787         {
 788         MARGIN-TOP: 0px;
 789         FLOAT: right
 790 }
 791
 792 .search.content .search-pagination .pagination-text-area .view-dropdown SPAN.viewlabel
 793         {
 794         TEXT-ALIGN: right;
 795         MARGIN-TOP: 0px;
 796         PADDING-LEFT: 25px;
 797         WIDTH: 50%;
 798         FLOAT: left;
 799         MARGIN-RIGHT: 0px;
 800         PADDING-TOP: 8px
 801 }
 802
 803 .search-box {
 804         BORDER-BOTTOM: #ccc 1px solid;
 805         PADDING-BOTTOM: 18px;
 806         PADDING-LEFT: 15px;
 807         WIDTH: 100%;
 808         PADDING-RIGHT: 15px;
 809         DISPLAY: block;
 810         PADDING-TOP: 18px
 811 }
 812
 813 .search-box:first-child {
 814         border-radius: 4px 4px 0 0
 815 }
 816
 817 .search-box .input-group {
 818         DISPLAY: block
 819 }
 820
 821 .search-box INPUT.search-query {
 822         PADDING-LEFT: 35px;
 823         BORDER-RIGHT: 0px
 824 }
 825
 826 .search-box FORM.form-search {
 827         POSITION: relative
 828 }
 829
 830 .search-box FORM.form-search .form-control {
 831         MAX-WIDTH: 40%;
 832         border-top-left-radius: 4px;
 833         border-bottom-left-radius: 4px
 834 }
 835
 836 .search-box FORM.form-search .btn {
 837         PADDING-BOTTOM: 5px;
 838         PADDING-LEFT: 20px;
 839         PADDING-RIGHT: 20px;
 840         MARGIN-LEFT: 15px;
 841         PADDING-TOP: 5px
 842 }
 843
 844 .search-box FORM.form-search:before {
 845         Z-INDEX: 10;
 846         POSITION: absolute;
 847         WIDTH: 20px;
 848         DISPLAY: block;
 849         FONT-FAMILY: "icomoon";
 850         BACKGROUND-POSITION: -48px 0px;
 851         HEIGHT: 20px;
 852         COLOR: #ccc;
 853         FONT-SIZE: 23px;
 854         CONTENT: '\e624';
 855         TOP: 2px;
 856         LEFT: 7px
 857 }
 858
 859 .search-box A[role='button'] {
 860         PADDING-BOTTOM: 5px;
 861         PADDING-LEFT: 25px;
 862         PADDING-RIGHT: 25px;
 863         MARGIN-LEFT: 15px;
 864         PADDING-TOP: 5px
 865 }
 866
 867 .search-box .search-button {
 868         WIDTH: 20%
 869 }
 870
 871 .search-box .search-button .dropdown DT A {
 872         WIDTH: 100%
 873 }
 874
 875 .search-box .search-button .dropdown DD UL {
 876         WIDTH: 100%
 877 }
 878
 879 .result-count.search-box {
 880         BACKGROUND-COLOR: #f3f3f3
 881 }
 882
 883 .result-count.search-box SPAN {
 884         FONT-FAMILY: "Omnes Medium";
 885         FONT-SIZE: 15px
 886 }
 887
 888 .dym.search-box {
 889         FONT-SIZE: 16px
 890 }
 891
 892 .dym.search-box SPAN {
 893         FONT-FAMILY: "Omnes Regular Italic";
 894         COLOR: #b30a3c
 895 }
 896
 897 .dym.search-box A {
 898         FONT-FAMILY: "Omnes Medium"
 899 }
 900
 901 .search-filters {
 902         PADDING-BOTTOM: 15px;
 903         PADDING-LEFT: 15px;
 904         PADDING-RIGHT: 15px;
 905         PADDING-TOP: 15px
 906 }
 907
 908 .search-filters H4 {
 909         MARGIN-TOP: 0px;
 910         MARGIN-BOTTOM: 5px
 911 }
 912
 913 .search-filters UL {
 914         PADDING-BOTTOM: 0px;
 915         LIST-STYLE-TYPE: none;
 916         MARGIN: 0px;
 917         PADDING-LEFT: 0px;
 918         WIDTH: 100%;
 919         PADDING-RIGHT: 0px;
 920         LIST-STYLE-IMAGE: none;
 921         PADDING-TOP: 0px
 922 }
 923
 924 .search-filters UL LI {
 925         DISPLAY: inline-block;
 926         MARGIN-BOTTOM: 10px;
 927         MARGIN-RIGHT: 10px
 928 }
 929
 930 .search-filters UL LI A.filter-btn {
 931         PADDING-BOTTOM: 0px;
 932         PADDING-LEFT: 20px;
 933         PADDING-RIGHT: 20px;
 934         PADDING-TOP: 0px
 935 }
 936
 937 .search-filters UL LI A.filter-btn SPAN {
 938         MARGIN-LEFT: 3px
 939 }
 940
 941 .search-filters UL LI A.btn-default {
 942         BORDER-BOTTOM-COLOR: #067ab4;
 943         BORDER-TOP-COLOR: #067ab4;
 944         COLOR: #067ab4;
 945         BORDER-RIGHT-COLOR: #067ab4;
 946         BORDER-LEFT-COLOR: #067ab4
 947 }
 948
 949 .search-filters UL LI A.btn-default:hover {
 950         BACKGROUND-COLOR: #e4f4f9
 951 }
 952
 953 .search-content-area .search-results-wrapper {
 954         PADDING-BOTTOM: 30px;
 955         PADDING-LEFT: 15px;
 956         PADDING-RIGHT: 30px;
 957         FLOAT: left;
 958         MARGIN-RIGHT: 400px;
 959         PADDING-TOP: 15px
 960 }
 961
 962 .search-content-area .search-results-wrapper .search-results-panel {
 963         BORDER-TOP: #ccc 1px solid;
 964         box-shadow: -2px 0 rgba(0, 0, 0, 0.05), 2px 4px rgba(0, 0, 0, 0.05)
 965 }
 966
 967 .search-content-area .search-results-wrapper .search-result {
 968         BORDER-BOTTOM: #ccc 1px solid;
 969         BORDER-LEFT: #ccc 1px solid;
 970         PADDING-BOTTOM: 15px;
 971         PADDING-LEFT: 15px;
 972         PADDING-RIGHT: 15px;
 973         BORDER-TOP: 0px;
 974         BORDER-RIGHT: #ccc 1px solid;
 975         PADDING-TOP: 10px
 976 }
 977
 978 .search-content-area .search-results-wrapper .search-result H4 {
 979         MARGIN: 10px 0px
 980 }
 981
 982 .search-content-area .related-results {
 983         BORDER-BOTTOM: #ccc 1px solid;
 984         BORDER-LEFT: #ccc 1px solid;
 985         PADDING-BOTTOM: 15px;
 986         BACKGROUND-COLOR: #f3f3f3;
 987         PADDING-LEFT: 15px;
 988         PADDING-RIGHT: 15px;
 989         BORDER-TOP: 0px;
 990         BORDER-RIGHT: #ccc 1px solid;
 991         PADDING-TOP: 15px;
 992         box-shadow: -2px 0 rgba(0, 0, 0, 0.05), 2px 4px rgba(0, 0, 0, 0.05)
 993 }
 994
 995 .search-content-area .related-results UL {
 996         LIST-STYLE-TYPE: none;
 997         PADDING-LEFT: 0px;
 998         FLOAT: left;
 999         LIST-STYLE-IMAGE: none;
1000         MARGIN-RIGHT: 75px
1001 }
1002
1003 .search-content-area .related-results UL LI {
1004         MARGIN-BOTTOM: 10px
1005 }
1006
1007 .search-content-area .search-right-rail {
1008         PADDING-BOTTOM: 150px;
1009         PADDING-LEFT: 0px;
1010         WIDTH: 400px;
1011         PADDING-RIGHT: 15px;
1012         FLOAT: left;
1013         MARGIN-LEFT: -400px;
1014         PADDING-TOP: 15px
1015 }
1016
1017 .no-results.search-content-area {
1018         POSITION: relative
1019 }
1020
1021 .no-results.search-content-area .search-results-wrapper {
1022         FLOAT: none
1023 }
1024
1025 .no-results.search-content-area .search-results-wrapper .no-results {
1026         BORDER-BOTTOM: #ccc 1px solid;
1027         BORDER-LEFT: #ccc 1px solid;
1028         PADDING-BOTTOM: 15px;
1029         PADDING-LEFT: 15px;
1030         PADDING-RIGHT: 15px;
1031         BORDER-TOP: #ccc 1px solid;
1032         BORDER-RIGHT: #ccc 1px solid;
1033         PADDING-TOP: 15px
1034 }
1035
1036 .no-results.search-content-area .search-results-wrapper .no-results H4 {
1037         FONT-FAMILY: "Omnes Regular Italic";
1038         COLOR: #b30a3c
1039 }
1040
1041 .no-results.search-content-area .search-results-wrapper .no-results UL {
1042         LIST-STYLE-TYPE: none;
1043         PADDING-LEFT: 0px;
1044         FLOAT: left;
1045         LIST-STYLE-IMAGE: none;
1046         MARGIN-RIGHT: 75px
1047 }
1048
1049 .no-results.search-content-area .search-results-wrapper .no-results UL LI
1050         {
1051         MARGIN-BOTTOM: 10px
1052 }
1053
1054 .no-results.search-content-area .search-right-rail {
1055         POSITION: absolute;
1056         PADDING-BOTTOM: 150px;
1057         PADDING-LEFT: 0px;
1058         WIDTH: 400px;
1059         PADDING-RIGHT: 15px;
1060         FLOAT: none;
1061         MARGIN-LEFT: -400px;
1062         TOP: 0px;
1063         RIGHT: 0px;
1064         PADDING-TOP: 15px
1065 }
1066
1067 .useful .useful-choice {
1068         DISPLAY: inline-block
1069 }
1070
1071 .useful .useful-choice SPAN[class^='icon'] {
1072         FONT-SIZE: 18px
1073 }
1074
1075 .useful .useful-choice SPAN {
1076         MARGIN-LEFT: 5px
1077 }
1078
1079 .useful .useful-choice SPAN:first-child {
1080         MARGIN-LEFT: 5px
1081 }
1082
1083 .useful A {
1084         PADDING-RIGHT: 5px;
1085         MARGIN-LEFT: 15px
1086 }
1087
1088 .useful A.selected {
1089         COLOR: #0c2577
1090 }
1091
1092 .useful SPAN:first-child {
1093         MARGIN-LEFT: 0px
1094 }
1095
1096 .search-ask-us {
1097         BORDER-BOTTOM: #ccc 1px solid;
1098         BORDER-LEFT: #ccc 1px solid;
1099         PADDING-BOTTOM: 0px;
1100         PADDING-LEFT: 15px;
1101         PADDING-RIGHT: 15px;
1102         MARGIN-BOTTOM: 25px;
1103         BORDER-TOP: #ccc 1px solid;
1104         BORDER-RIGHT: #ccc 1px solid;
1105         PADDING-TOP: 5px;
1106         box-shadow: -2px 0 rgba(0, 0, 0, 0.05), 2px 4px rgba(0, 0, 0, 0.05)
1107 }
1108
1109 .search-ask-us H4 {
1110         WIDTH: 50%;
1111         FLOAT: left
1112 }
1113
1114 .search-ask-us A.btn {
1115         MARGIN-TOP: 15px;
1116         PADDING-LEFT: 30px;
1117         PADDING-RIGHT: 30px;
1118         FLOAT: right
1119 }
1120
1121 .right-rail-coe {
1122         BORDER-BOTTOM: #ccc 1px solid;
1123         BORDER-LEFT: #ccc 1px solid;
1124         PADDING-BOTTOM: 15px;
1125         BACKGROUND-COLOR: #f3f3f3;
1126         PADDING-LEFT: 15px;
1127         PADDING-RIGHT: 15px;
1128         BORDER-TOP: #ccc 1px solid;
1129         BORDER-RIGHT: #ccc 1px solid;
1130         PADDING-TOP: 5px;
1131         box-shadow: -2px 0 rgba(0, 0, 0, 0.05), 2px 4px rgba(0, 0, 0, 0.05)
1132 }
1133
1134 .right-rail-coe UL {
1135         LIST-STYLE-TYPE: none;
1136         PADDING-LEFT: 0px;
1137         MARGIN-BOTTOM: 40px;
1138         LIST-STYLE-IMAGE: none
1139 }
1140
1141 .right-rail-coe UL LI {
1142         MARGIN-BOTTOM: 10px
1143 }
1144
1145 .back-to-search {
1146         FLOAT: right;
1147         MARGIN-RIGHT: 15px
1148 }
1149
1150 :focus {
1151         OUTLINE-STYLE: none;
1152         OUTLINE-COLOR: invert;
1153         OUTLINE-WIDTH: 0px
1154 }
1155
1156 A:focus {
1157         OUTLINE-STYLE: none;
1158         OUTLINE-COLOR: invert;
1159         OUTLINE-WIDTH: 0px
1160 }
1161
1162 .form-control:focus {
1163         OUTLINE-STYLE: none;
1164         OUTLINE-COLOR: invert;
1165         OUTLINE-WIDTH: 0px
1166 }
1167
1168 .open.btn-group .dropdown-toggle {
1169         OUTLINE-STYLE: none;
1170         OUTLINE-COLOR: invert;
1171         OUTLINE-WIDTH: 0px
1172 }
1173
1174 .form-control:focus {
1175         box-shadow: none
1176 }
1177
1178 .bootstrap-select .btn:focus {
1179         OUTLINE-STYLE: none !important;
1180         OUTLINE-COLOR: invert !important;
1181         OUTLINE-WIDTH: medium !important
1182 }
1183
1184 TEXTAREA {
1185         OUTLINE-STYLE: none !important;
1186         OUTLINE-COLOR: invert !important;
1187         OUTLINE-WIDTH: medium !important
1188 }
1189
1190 .open.btn-group .dropdown-toggle {
1191         BORDER-BOTTOM: 0px;
1192         BORDER-LEFT: 0px;
1193         BORDER-TOP: 0px;
1194         BORDER-RIGHT: 0px;
1195         box-shadow: none;
1196         -webkit-box-shadow: none
1197 }
1198
1199 BODY {
1200         FONT-FAMILY: "Omnes Regular", Arial, Serif;
1201         COLOR: #666666
1202 }
1203
1204 H1 {
1205         FONT-FAMILY: "Omnes Regular", Arial, Serif;
1206         COLOR: #666666
1207 }
1208
1209 H2 {
1210         FONT-FAMILY: "Omnes Regular", Arial, Serif;
1211         COLOR: #666666
1212 }
1213
1214 H3 {
1215         FONT-FAMILY: "Omnes Regular", Arial, Serif;
1216         COLOR: #666666
1217 }
1218
1219 H4 {
1220         FONT-FAMILY: "Omnes Regular", Arial, Serif;
1221         COLOR: #666666
1222 }
1223
1224 P {
1225         FONT-FAMILY: "Omnes Regular", Arial, Serif;
1226         COLOR: #666666
1227 }
1228
1229 H2.welcome {
1230         PADDING-BOTTOM: 10px
1231 }
1232
1233 H2.welcome SPAN {
1234         PADDING-LEFT: 5px;
1235         FONT-SIZE: 16px
1236 }
1237
1238 H4 {
1239         MARGIN-BOTTOM: 20px
1240 }
1241
1242 H4.whats-new {
1243         PADDING-BOTTOM: 7px;
1244         MARGIN: 0px;
1245         PADDING-LEFT: 0px;
1246         PADDING-RIGHT: 0px;
1247         FONT-SIZE: 24px;
1248         PADDING-TOP: 7px
1249 }
1250
1251 HTML {
1252         MIN-HEIGHT: 100%;
1253         HEIGHT: 100%
1254 }
1255
1256 BODY {
1257         MIN-HEIGHT: 100%;
1258         HEIGHT: 100%
1259 }
1260
1261 BODY {
1262         OVERFLOW-Y: scroll
1263 }
1264
1265 .modal-open .container {
1266         OVERFLOW-Y: scroll
1267 }
1268
1269 .modal-open .container .navbar-fixed-top {
1270         OVERFLOW-Y: scroll
1271 }
1272
1273 .modal-open .modal-container {
1274         OVERFLOW-Y: scroll
1275 }
1276
1277 .modal-open .page-container .navbar-fixed-top {
1278         OVERFLOW-Y: visible
1279 }
1280
1281 .padding-adjust {
1282         BACKGROUND-COLOR: #00ff00
1283 }
1284
1285 A {
1286         COLOR: #067ab4;
1287         TEXT-DECORATION: none
1288 }
1289
1290 A:active {
1291         COLOR: #067ab4;
1292         TEXT-DECORATION: none
1293 }
1294
1295 A:focus {
1296         COLOR: #067ab4;
1297         TEXT-DECORATION: none
1298 }
1299
1300 A:hover {
1301         COLOR: #44c8f5;
1302         TEXT-DECORATION: none
1303 }
1304
1305 .ico-favorite {
1306         BORDER-BOTTOM: #ccc 1px solid;
1307         BORDER-LEFT: #ccc 1px solid;
1308         PADDING-BOTTOM: 5px;
1309         PADDING-LEFT: 5px;
1310         PADDING-RIGHT: 5px;
1311         COLOR: #f3f3f3;
1312         MARGIN-LEFT: 8px;
1313         FONT-SIZE: 25px;
1314         VERTICAL-ALIGN: middle;
1315         BORDER-TOP: #ccc 1px solid;
1316         BORDER-RIGHT: #ccc 1px solid;
1317         PADDING-TOP: 5px;
1318         border-radius: 4px
1319 }
1320
1321 .ico-default {
1322         COLOR: #f47b20;
1323         FONT-SIZE: 25px;
1324         VERTICAL-ALIGN: middle
1325 }
1326
1327 .ico-tab {
1328         PADDING-RIGHT: 5px;
1329         MARGIN-LEFT: -8px;
1330         FONT-SIZE: 25px;
1331         VERTICAL-ALIGN: text-bottom;
1332         MARGIN-RIGHT: 5px
1333 }
1334
1335 .ico-nav {
1336         TEXT-ALIGN: center;
1337         LINE-HEIGHT: 21px;
1338         COLOR: #067ab4;
1339         FONT-SIZE: 33px;
1340         VERTICAL-ALIGN: middle;
1341         CURSOR: pointer
1342 }
1343
1344 .ico-nav:hover {
1345         COLOR: #44c8f5
1346 }
1347
1348 .ico-btn {
1349         TEXT-ALIGN: center;
1350         LINE-HEIGHT: 18px;
1351         COLOR: #fff;
1352         FONT-SIZE: 26px;
1353         VERTICAL-ALIGN: middle;
1354         MARGIN-RIGHT: 10px
1355 }
1356
1357 .dropdown-glyphicon-chevron-down:before {
1358         POSITION: absolute;
1359         LINE-HEIGHT: 1;
1360         FONT-STYLE: normal;
1361         DISPLAY: inline-block;
1362         FONT-FAMILY: "Glyphicons Halflings";
1363         COLOR: #666666;
1364         CONTENT: "\e114";
1365         TOP: 10px;
1366         RIGHT: 10px;
1367         FONT-WEIGHT: 400;
1368         -webkit-font-smoothing: antialiased;
1369         -moz-osx-font-smoothing: grayscale
1370 }
1371
1372 header {
1373         BORDER-BOTTOM: #ccc 1px solid;
1374         BORDER-LEFT: #ccc 1px solid;
1375         BACKGROUND: #f3f3f3;
1376         HEIGHT: 65px;
1377         BORDER-TOP: #ccc 1px solid;
1378         BORDER-RIGHT: #ccc 1px solid
1379 }
1380
1381 header .hamburgertoggle {
1382         PADDING-BOTTOM: 15px;
1383         PADDING-LEFT: 15px;
1384         PADDING-RIGHT: 15px;
1385         PADDING-TOP: 15px
1386 }
1387
1388 header .logo IMG {
1389         PADDING-BOTTOM: 15px;
1390         PADDING-LEFT: 10px;
1391         PADDING-RIGHT: 0px;
1392         PADDING-TOP: 16px
1393 }
1394
1395 header .global-search {
1396         PADDING-BOTTOM: 0px;
1397         PADDING-LEFT: 0px;
1398         PADDING-RIGHT: 0px;
1399         PADDING-TOP: 0px
1400 }
1401
1402 header .global-search INPUT.search-query {
1403         PADDING-LEFT: 35px;
1404         WIDTH: 60%;
1405         FLOAT: left;
1406         BORDER-RIGHT: 0px;
1407         border-radius: 4px 0 0 4px
1408 }
1409
1410 header .global-search FORM.form-search {
1411         POSITION: relative;
1412         MARGIN-TOP: 15px
1413 }
1414
1415 header .global-search FORM.form-search .form-control {
1416         WIDTH: 60%;
1417         FLOAT: left
1418 }
1419
1420 header .global-search FORM.form-search:before {
1421         Z-INDEX: 10;
1422         POSITION: absolute;
1423         WIDTH: 20px;
1424         DISPLAY: block;
1425         FONT-FAMILY: "icomoon";
1426         BACKGROUND-POSITION: -48px 0px;
1427         HEIGHT: 20px;
1428         COLOR: #ccc;
1429         FONT-SIZE: 23px;
1430         CONTENT: "\e620";
1431         TOP: 2px;
1432         LEFT: 7px
1433 }
1434
1435 header .favorites {
1436         POSITION: relative;
1437         TEXT-ALIGN: center;
1438         BORDER-LEFT: #ccc 1px solid;
1439         PADDING-BOTTOM: 20px;
1440         BACKGROUND-COLOR: #fff;
1441         PADDING-LEFT: 0px;
1442         PADDING-RIGHT: 0px;
1443         FLOAT: right;
1444         PADDING-TOP: 20px
1445 }
1446
1447 header .notify {
1448         POSITION: relative;
1449         TEXT-ALIGN: center;
1450         BORDER-LEFT: #ccc 1px solid;
1451         PADDING-BOTTOM: 20px;
1452         BACKGROUND-COLOR: #fff;
1453         PADDING-LEFT: 0px;
1454         PADDING-RIGHT: 0px;
1455         FLOAT: right;
1456         PADDING-TOP: 20px
1457 }
1458
1459 header .search-min {
1460         POSITION: relative;
1461         TEXT-ALIGN: center;
1462         BORDER-LEFT: #ccc 1px solid;
1463         PADDING-BOTTOM: 20px;
1464         BACKGROUND-COLOR: #fff;
1465         PADDING-LEFT: 0px;
1466         PADDING-RIGHT: 0px;
1467         PADDING-TOP: 20px
1468 }
1469
1470 header .illustrated-profile-pic {
1471         POSITION: relative;
1472         TEXT-ALIGN: center;
1473         BORDER-LEFT: #ccc 1px solid;
1474         PADDING-BOTTOM: 20px;
1475         BACKGROUND-COLOR: #fff;
1476         PADDING-LEFT: 0px;
1477         PADDING-RIGHT: 0px;
1478         PADDING-TOP: 20px
1479 }
1480
1481 header .favorites {
1482         WIDTH: 65px
1483 }
1484
1485 header .notify {
1486         WIDTH: 65px
1487 }
1488
1489 header .notify .active {
1490         POSITION: absolute;
1491         TOP: 6px;
1492         RIGHT: 6px
1493 }
1494
1495 header .favorites A:hover {
1496         COLOR: #44c8f5 !important;
1497         CURSOR: pointer;
1498         TEXT-DECORATION: none
1499 }
1500
1501 header .notify A:hover {
1502         COLOR: #44c8f5 !important;
1503         CURSOR: pointer;
1504         TEXT-DECORATION: none
1505 }
1506
1507 header .search-min A:hover {
1508         COLOR: #44c8f5 !important;
1509         CURSOR: pointer;
1510         TEXT-DECORATION: none
1511 }
1512
1513 header .illustrated-profile-pic A:hover {
1514         COLOR: #44c8f5 !important;
1515         CURSOR: pointer;
1516         TEXT-DECORATION: none
1517 }
1518
1519 header .favorites A:visited {
1520         COLOR: #067ab4;
1521         TEXT-DECORATION: none
1522 }
1523
1524 header .notify A:visited {
1525         COLOR: #067ab4;
1526         TEXT-DECORATION: none
1527 }
1528
1529 header .search-min A:visited {
1530         COLOR: #067ab4;
1531         TEXT-DECORATION: none
1532 }
1533
1534 header .illustrated-profile-pic A:visited {
1535         COLOR: #067ab4;
1536         TEXT-DECORATION: none
1537 }
1538
1539 header .profile-pic {
1540         POSITION: relative;
1541         BORDER-LEFT: #ccc 1px solid;
1542         BACKGROUND-COLOR: #fff;
1543         PADDING-LEFT: 0px;
1544         PADDING-RIGHT: 0px;
1545         MAX-WIDTH: 65px;
1546         FLOAT: right;
1547         HEIGHT: 65px;
1548         OVERFLOW: hidden
1549 }
1550
1551 header .profile-pic .img-cont {
1552         PADDING-LEFT: 0px
1553 }
1554
1555 header .profile-pic .img-cont .profile-img {
1556         BACKGROUND-COLOR: #f47b20;
1557         BACKGROUND-REPEAT: no-repeat;
1558         BACKGROUND-POSITION: center center;
1559         background-size: cover
1560 }
1561
1562 header .profile-name {
1563         POSITION: relative;
1564         BORDER-LEFT: #ccc 1px solid;
1565         PADDING-BOTTOM: 6px;
1566         BACKGROUND-COLOR: #fff;
1567         PADDING-LEFT: 6px;
1568         PADDING-RIGHT: 6px;
1569         FLOAT: right;
1570         HEIGHT: 63px;
1571         PADDING-TOP: 6px
1572 }
1573
1574 header .profile-name .pname {
1575         TEXT-ALIGN: left;
1576         LINE-HEIGHT: 48px;
1577         PADDING-LEFT: 10px;
1578         WIDTH: 130px;
1579         TEXT-OVERFLOW: ellipsis;
1580         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif;
1581         HEIGHT: 63px;
1582         COLOR: #067ab4;
1583         FONT-SIZE: 16px;
1584         OVERFLOW: hidden
1585 }
1586
1587 header .globalIndicator .favorites {
1588         POSITION: relative;
1589         TEXT-ALIGN: center;
1590         BORDER-LEFT: #ccc 1px solid;
1591         PADDING-BOTTOM: 20px;
1592         BACKGROUND-COLOR: #fff;
1593         PADDING-LEFT: 0px;
1594         PADDING-RIGHT: 0px;
1595         FLOAT: right;
1596         PADDING-TOP: 20px
1597 }
1598
1599 header .globalIndicator .notify {
1600         POSITION: relative;
1601         TEXT-ALIGN: center;
1602         BORDER-LEFT: #ccc 1px solid;
1603         PADDING-BOTTOM: 20px;
1604         BACKGROUND-COLOR: #fff;
1605         PADDING-LEFT: 0px;
1606         PADDING-RIGHT: 0px;
1607         FLOAT: right;
1608         PADDING-TOP: 20px
1609 }
1610
1611 header .globalIndicator .search-min {
1612         POSITION: relative;
1613         TEXT-ALIGN: center;
1614         BORDER-LEFT: #ccc 1px solid;
1615         PADDING-BOTTOM: 20px;
1616         BACKGROUND-COLOR: #fff;
1617         PADDING-LEFT: 0px;
1618         PADDING-RIGHT: 0px;
1619         FLOAT: right;
1620         PADDING-TOP: 20px
1621 }
1622
1623 header .globalIndicator .illustrated-profile-pic {
1624         POSITION: relative;
1625         TEXT-ALIGN: center;
1626         BORDER-LEFT: #ccc 1px solid;
1627         PADDING-BOTTOM: 20px;
1628         BACKGROUND-COLOR: #fff;
1629         PADDING-LEFT: 0px;
1630         PADDING-RIGHT: 0px;
1631         FLOAT: right;
1632         PADDING-TOP: 20px
1633 }
1634
1635 header .globalIndicator .search-min {
1636         CURSOR: pointer
1637 }
1638
1639 .date-bookmark {
1640         PADDING-BOTTOM: 0px;
1641         PADDING-LEFT: 30px;
1642         WIDTH: 100%;
1643         PADDING-RIGHT: 30px;
1644         DISPLAY: block;
1645         MARGIN-BOTTOM: 38px;
1646         FLOAT: left;
1647         PADDING-TOP: 0px
1648 }
1649
1650 .date-bookmark .current-date {
1651         FONT-SIZE: 12px;
1652         PADDING-TOP: 15px
1653 }
1654
1655 .date-bookmark .bookmark-it {
1656         FONT-SIZE: 12px;
1657         PADDING-TOP: 15px
1658 }
1659
1660 .date-bookmark .current-date {
1661         FONT-FAMILY: "Omnes Regular", Arial, Serif;
1662         FLOAT: left
1663 }
1664
1665 .date-bookmark .bookmark-it {
1666         FLOAT: right;
1667         CURSOR: pointer
1668 }
1669
1670 .globalnav {
1671         MARGIN: -10px 15px 0px;
1672         COLOR: #067ab4;
1673         FONT-SIZE: 16px
1674 }
1675
1676 .globalnav .nav-tabs {
1677         BORDER-LEFT: 0px;
1678         BORDER-TOP: 0px;
1679         BORDER-RIGHT: 0px;
1680         box-shadow: inset 0 -13px 10px -15px rgba(0, 0, 0, 0.2);
1681         -webkit-box-shadow: inset 0 -1px 10px -15px rgba(0, 0, 0, 0.2);
1682         -moz-box-shadow: inset 0 -13px 10px -15px rgba(0, 0, 0, 0.2)
1683 }
1684
1685 .globalnav UL {
1686         LIST-STYLE-TYPE: none;
1687         PADDING-LEFT: 0px
1688 }
1689
1690 .globalnav UL LI {
1691         BORDER-BOTTOM: 0px;
1692         POSITION: relative;
1693         DISPLAY: inline-block;
1694         COLOR: #067ab4;
1695         MARGIN-RIGHT: 20px
1696 }
1697
1698 .globalnav UL LI>A {
1699         BORDER-BOTTOM: 0px;
1700         POSITION: relative;
1701         DISPLAY: inline-block;
1702         COLOR: #067ab4;
1703         MARGIN-RIGHT: 20px
1704 }
1705
1706 .globalnav UL LI:visited {
1707         COLOR: #067ab4
1708 }
1709
1710 .globalnav UL LI>A:visited {
1711         COLOR: #067ab4
1712 }
1713
1714 .globalnav UL LI .activity-num {
1715         Z-INDEX: 10;
1716         POSITION: absolute;
1717         TEXT-ALIGN: center;
1718         PADDING-BOTTOM: 10px;
1719         LINE-HEIGHT: 1px;
1720         BACKGROUND-COLOR: #067ab4;
1721         PADDING-LEFT: 10px;
1722         WIDTH: 40px;
1723         PADDING-RIGHT: 10px;
1724         HEIGHT: 21px;
1725         COLOR: #fff;
1726         FONT-SIZE: 12px;
1727         TOP: -10px;
1728         RIGHT: -17px;
1729         PADDING-TOP: 10px;
1730         border-radius: 80px/40px;
1731         -moz-border-radius: 80px/40px;
1732         -webkit-border-radius: 80px/40px
1733 }
1734
1735 .globalnav UL LI .claimed-num {
1736         Z-INDEX: 10;
1737         POSITION: absolute;
1738         TEXT-ALIGN: center;
1739         PADDING-BOTTOM: 10px;
1740         LINE-HEIGHT: 1px;
1741         BACKGROUND-COLOR: #067ab4;
1742         PADDING-LEFT: 10px;
1743         WIDTH: 40px;
1744         PADDING-RIGHT: 10px;
1745         HEIGHT: 21px;
1746         COLOR: #fff;
1747         FONT-SIZE: 12px;
1748         TOP: -10px;
1749         RIGHT: -17px;
1750         PADDING-TOP: 10px;
1751         border-radius: 80px/40px;
1752         -moz-border-radius: 80px/40px;
1753         -webkit-border-radius: 80px/40px
1754 }
1755
1756 .globalnav UL LI>A .activity-num {
1757         Z-INDEX: 10;
1758         POSITION: absolute;
1759         TEXT-ALIGN: center;
1760         PADDING-BOTTOM: 10px;
1761         LINE-HEIGHT: 1px;
1762         BACKGROUND-COLOR: #067ab4;
1763         PADDING-LEFT: 10px;
1764         WIDTH: 40px;
1765         PADDING-RIGHT: 10px;
1766         HEIGHT: 21px;
1767         COLOR: #fff;
1768         FONT-SIZE: 12px;
1769         TOP: -10px;
1770         RIGHT: -17px;
1771         PADDING-TOP: 10px;
1772         border-radius: 80px/40px;
1773         -moz-border-radius: 80px/40px;
1774         -webkit-border-radius: 80px/40px
1775 }
1776
1777 .globalnav UL LI>A .claimed-num {
1778         Z-INDEX: 10;
1779         POSITION: absolute;
1780         TEXT-ALIGN: center;
1781         PADDING-BOTTOM: 10px;
1782         LINE-HEIGHT: 1px;
1783         BACKGROUND-COLOR: #067ab4;
1784         PADDING-LEFT: 10px;
1785         WIDTH: 40px;
1786         PADDING-RIGHT: 10px;
1787         HEIGHT: 21px;
1788         COLOR: #fff;
1789         FONT-SIZE: 12px;
1790         TOP: -10px;
1791         RIGHT: -17px;
1792         PADDING-TOP: 10px;
1793         border-radius: 80px/40px;
1794         -moz-border-radius: 80px/40px;
1795         -webkit-border-radius: 80px/40px
1796 }
1797
1798 .globalnav UL LI>A {
1799         PADDING-BOTTOM: 13px;
1800         PADDING-LEFT: 26px;
1801         PADDING-RIGHT: 26px;
1802         MARGIN-RIGHT: 0px;
1803         PADDING-TOP: 10px
1804 }
1805
1806 .globalnav-dropdown {
1807         Z-INDEX: 200;
1808         POSITION: relative;
1809         PADDING-BOTTOM: 0px;
1810         BACKGROUND-COLOR: #b9b9b9;
1811         PADDING-LEFT: 0px;
1812         WIDTH: 110%;
1813         PADDING-RIGHT: 0px;
1814         MARGIN-LEFT: -15px;
1815         PADDING-TOP: 0px
1816 }
1817
1818 .globalnav-dropdown UL {
1819         PADDING-BOTTOM: 0px;
1820         LIST-STYLE-TYPE: none;
1821         PADDING-LEFT: 0px;
1822         PADDING-RIGHT: 0px;
1823         MARGIN-BOTTOM: 0px;
1824         LIST-STYLE-IMAGE: none;
1825         PADDING-TOP: 0px
1826 }
1827
1828 .globalnav-dropdown UL LI {
1829         BORDER-BOTTOM: #ccc 1px solid;
1830         PADDING-BOTTOM: 10px;
1831         PADDING-LEFT: 25px;
1832         PADDING-RIGHT: 25px;
1833         TEXT-DECORATION: none;
1834         PADDING-TOP: 10px;
1835         transition: all 0.2s ease
1836 }
1837
1838 .globalnav-dropdown UL LI A {
1839         WIDTH: 100%;
1840         DISPLAY: block;
1841         COLOR: #fff;
1842         FONT-SIZE: 15px
1843 }
1844
1845 .globalnav-dropdown UL LI A:hover {
1846         TEXT-DECORATION: none
1847 }
1848
1849 .globalnav-dropdown UL LI:hover {
1850         BACKGROUND-COLOR: #f47b20;
1851         transition: all 0.3s ease
1852 }
1853
1854 .globalnav-dropdown UL LI:first-child {
1855         PADDING-TOP: 15px
1856 }
1857
1858 .globalnav-dropdown:after {
1859         Z-INDEX: 1;
1860         BORDER-BOTTOM: #b9b9b9 15px solid;
1861         POSITION: absolute;
1862         BORDER-LEFT: transparent 11px solid;
1863         WIDTH: 0px;
1864         DISPLAY: block;
1865         MARGIN-LEFT: -4px;
1866         BORDER-TOP: #b9b9b9 0px solid;
1867         CONTENT: '';
1868         TOP: -15px;
1869         BORDER-RIGHT: transparent 11px solid;
1870         LEFT: 40px
1871 }
1872
1873 .dropdown-hidden {
1874         DISPLAY: none
1875 }
1876
1877 .search-dropdown {
1878         POSITION: relative;
1879         PADDING-BOTTOM: 15px;
1880         BACKGROUND-COLOR: #b9b9b9
1881 }
1882
1883 .search-dropdown .form-search {
1884         MARGIN-TOP: 15px
1885 }
1886
1887 .search-dropdown .input-group {
1888         DISPLAY: block
1889 }
1890
1891 .search-dropdown .input-group .form-control {
1892         WIDTH: 100%;
1893         border-radius: 5px
1894 }
1895
1896 .search-dropdown .dropdown {
1897         POSITION: relative;
1898         DISPLAY: inline-block
1899 }
1900
1901 .search-dropdown .dropdown DD {
1902         WIDTH: 250px
1903 }
1904
1905 .search-dropdown .dropdown DT {
1906         WIDTH: 250px
1907 }
1908
1909 .search-dropdown .dropdown UL {
1910         WIDTH: 250px
1911 }
1912
1913 .search-dropdown .btn-blue {
1914         POSITION: absolute;
1915         MARGIN-TOP: -5px;
1916         MARGIN-LEFT: 10px;
1917         TOP: 64px;
1918         RIGHT: 15px
1919 }
1920
1921 .search-dropdown:after {
1922         Z-INDEX: 1;
1923         BORDER-BOTTOM: #b9b9b9 15px solid;
1924         POSITION: absolute;
1925         BORDER-LEFT: transparent 11px solid;
1926         WIDTH: 0px;
1927         DISPLAY: block;
1928         BORDER-TOP: #b9b9b9 0px solid;
1929         CONTENT: '';
1930         TOP: -15px;
1931         BORDER-RIGHT: transparent 11px solid;
1932         LEFT: 71%
1933 }
1934
1935 .container {
1936         MARGIN-BOTTOM: 22px
1937 }
1938
1939 .content {
1940         BORDER-BOTTOM: 0px;
1941         BORDER-LEFT: #ccc 1px solid;
1942         PADDING-BOTTOM: 50px;
1943         BACKGROUND-COLOR: #fff;
1944         MARGIN: 0px 15px;
1945         MIN-HEIGHT: 725px;
1946         PADDING-LEFT: 15px;
1947         PADDING-RIGHT: 15px;
1948         OVERFLOW: hidden;
1949         BORDER-TOP: 0px;
1950         BORDER-RIGHT: #ccc 1px solid;
1951         PADDING-TOP: 15px;
1952         border-radius: 0 0 4px 4px
1953 }
1954
1955 .content .leftCol {
1956         WIDTH: 32%;
1957         FLOAT: left
1958 }
1959
1960 .content .midCol {
1961         WIDTH: 32%;
1962         FLOAT: left
1963 }
1964
1965 .content .rightCol {
1966         WIDTH: 32%;
1967         FLOAT: left
1968 }
1969
1970 .content .wideCol {
1971         WIDTH: 66%;
1972         FLOAT: left;
1973         MARGIN-LEFT: 15px
1974 }
1975
1976 .content .midCol {
1977         MARGIN-TOP: 25px;
1978         MARGIN-BOTTOM: 15px;
1979         FLOAT: left;
1980         MARGIN-LEFT: 15px
1981 }
1982
1983 .content .rightCol {
1984         MARGIN-TOP: 25px;
1985         MARGIN-BOTTOM: 15px;
1986         FLOAT: left;
1987         MARGIN-LEFT: 15px
1988 }
1989
1990 .content .fullCol {
1991         WIDTH: 100%;
1992         FLOAT: left
1993 }
1994
1995 .content .fullCol H3 {
1996         FONT-SIZE: 26px
1997 }
1998
1999 .content .fullCol H4 {
2000         FONT-SIZE: 26px
2001 }
2002
2003 .content .fullColClaimed {
2004         WIDTH: 88%;
2005         FLOAT: left
2006 }
2007
2008 .content .halfCol {
2009         WIDTH: 49.5%;
2010         MARGIN-BOTTOM: 25px;
2011         FLOAT: left
2012 }
2013
2014 .content .list.halfCol {
2015         WIDTH: 49%;
2016         MARGIN-BOTTOM: 25px;
2017         FLOAT: left
2018 }
2019
2020 .content .list H4 {
2021         MARGIN-TOP: 25px
2022 }
2023
2024 .content .list H6 {
2025         MARGIN-TOP: 25px;
2026         FONT-SIZE: 18px
2027 }
2028
2029 .content .nogutter.halfCol {
2030         MARGIN-RIGHT: 0px
2031 }
2032
2033 .content .nogutter.halfCol H4 {
2034         MARGIN-TOP: 25px
2035 }
2036
2037 .content .nogutter.halfCol H6 {
2038         MARGIN-TOP: 25px;
2039         FONT-SIZE: 18px
2040 }
2041
2042 .content .flexColLg {
2043         WIDTH: 38%;
2044         FLOAT: right;
2045         MARGIN-RIGHT: 10px
2046 }
2047
2048 .content .flexColLg H4 {
2049         MARGIN-TOP: 10px
2050 }
2051
2052 .content .flexColSm {
2053         WIDTH: 35%;
2054         FLOAT: right;
2055         MARGIN-RIGHT: 0px
2056 }
2057
2058 .content .flexColSm H4 {
2059         MARGIN-TOP: 10px
2060 }
2061
2062 .noborder.content {
2063         BORDER-BOTTOM: medium none;
2064         BORDER-LEFT: medium none;
2065         BORDER-TOP: medium none;
2066         BORDER-RIGHT: medium none
2067 }
2068
2069 .noborder.notabs.content {
2070         BORDER-BOTTOM: medium none;
2071         BORDER-LEFT: medium none;
2072         BORDER-TOP: medium none;
2073         BORDER-RIGHT: medium none
2074 }
2075
2076 .noborder.content .breadcrumb {
2077         PADDING-BOTTOM: 0px;
2078         PADDING-LEFT: 0px;
2079         PADDING-RIGHT: 0px;
2080         MARGIN-BOTTOM: 15px;
2081         PADDING-TOP: 0px
2082 }
2083
2084 .noborder.notabs.content .breadcrumb {
2085         PADDING-BOTTOM: 0px;
2086         PADDING-LEFT: 0px;
2087         PADDING-RIGHT: 0px;
2088         MARGIN-BOTTOM: 15px;
2089         PADDING-TOP: 0px
2090 }
2091
2092 .notabs.content {
2093         BORDER-BOTTOM: #ccc 1px solid;
2094         BORDER-LEFT: #ccc 1px solid;
2095         BORDER-TOP: #ccc 1px solid;
2096         BORDER-RIGHT: #ccc 1px solid
2097 }
2098
2099 .missingpage {
2100         BORDER-BOTTOM: 0px;
2101         BORDER-LEFT: 0px;
2102         MARGIN-BOTTOM: 100px;
2103         BORDER-TOP: 0px;
2104         BORDER-RIGHT: 0px
2105 }
2106
2107 .returntotop {
2108         MARGIN-TOP: -25px;
2109         MARGIN-RIGHT: 25px
2110 }
2111
2112 footer {
2113         Z-INDEX: 100;
2114         POSITION: relative;
2115         BACKGROUND-COLOR: #f3f3f3;
2116         MARGIN-TOP: 0px;
2117         WIDTH: 100%;
2118         HEIGHT: 325px;
2119         BORDER-TOP: #ccc 1px solid
2120 }
2121
2122 footer .content {
2123         BORDER-BOTTOM: 0px;
2124         BORDER-LEFT: 0px;
2125         PADDING-BOTTOM: 50px;
2126         MIN-HEIGHT: 0px;
2127         BACKGROUND: none transparent scroll repeat 0% 0%;
2128         BORDER-TOP: 0px;
2129         BORDER-RIGHT: 0px
2130 }
2131
2132 footer .footerlinks {
2133         MARGIN-TOP: 20px
2134 }
2135
2136 footer .footerlinks .globe {
2137         PADDING-RIGHT: 25px
2138 }
2139
2140 footer .footerlinks A {
2141         LINE-HEIGHT: 15px;
2142         DISPLAY: inline-block;
2143         COLOR: #067ab4;
2144         FONT-SIZE: 13px;
2145         MARGIN-RIGHT: 50px;
2146         TEXT-DECORATION: none
2147 }
2148
2149 footer .footerlinks A:hover {
2150         LINE-HEIGHT: 15px;
2151         DISPLAY: inline-block;
2152         COLOR: #067ab4;
2153         FONT-SIZE: 13px;
2154         MARGIN-RIGHT: 50px;
2155         TEXT-DECORATION: none
2156 }
2157
2158 footer .footerlegal {
2159         MARGIN-TOP: 20px
2160 }
2161
2162 footer .footerlegal P {
2163         LINE-HEIGHT: 15px;
2164         FONT-SIZE: 10px
2165 }
2166
2167 .content_container {
2168         BORDER-BOTTOM: #ccc 1px solid;
2169         BORDER-LEFT: #ccc 1px solid;
2170         MARGIN: 20px auto;
2171         BORDER-TOP: #ccc 1px solid;
2172         BORDER-RIGHT: #ccc 1px solid;
2173         border-radius: 3px
2174 }
2175
2176 .content-nav-container {
2177         BACKGROUND-COLOR: #00ff00
2178 }
2179
2180 DL {
2181         MARGIN-BOTTOM: 0px !important
2182 }
2183
2184 .dropdown {
2185         MARGIN-TOP: 5px;
2186         FONT-FAMILY: "Omnes Regular", Arial, Serif
2187 }
2188
2189 .dropdown A {
2190         OUTLINE-STYLE: none;
2191         OUTLINE-COLOR: invert;
2192         OUTLINE-WIDTH: medium;
2193         COLOR: #067ab4;
2194         TEXT-DECORATION: none
2195 }
2196
2197 .dropdown A:visited {
2198         OUTLINE-STYLE: none;
2199         OUTLINE-COLOR: invert;
2200         OUTLINE-WIDTH: medium;
2201         COLOR: #067ab4;
2202         TEXT-DECORATION: none
2203 }
2204
2205 .dropdown DT {
2206         HEIGHT: 37px
2207 }
2208
2209 .dropdown DT A {
2210         Z-INDEX: 9999;
2211         BORDER-BOTTOM: #bbbbbb 1px solid;
2212         BORDER-LEFT: #bbbbbb 1px solid;
2213         WIDTH: 100%;
2214         DISPLAY: block;
2215         BACKGROUND: white;
2216         BORDER-TOP: #bbbbbb 1px solid;
2217         BORDER-RIGHT: #bbbbbb 1px solid;
2218         border-radius: 4px
2219 }
2220
2221 .dropdown DT A SPAN {
2222         PADDING-BOTTOM: 10px !important;
2223         PADDING-LEFT: 10px !important;
2224         TEXT-OVERFLOW: ellipsis;
2225         PADDING-RIGHT: 25px !important;
2226         DISPLAY: block;
2227         WHITE-SPACE: nowrap;
2228         HEIGHT: 32px;
2229         OVERFLOW: hidden;
2230         CURSOR: pointer;
2231         PADDING-TOP: 6px !important
2232 }
2233
2234 .dropdown DD {
2235         Z-INDEX: 1;
2236         POSITION: relative;
2237         OVERFLOW: visible
2238 }
2239
2240 .dropdown DD UL {
2241         BORDER-BOTTOM: #bbbbbb 1px solid;
2242         POSITION: absolute;
2243         BORDER-LEFT: #bbbbbb 1px solid;
2244         LIST-STYLE-TYPE: none;
2245         MARGIN-TOP: -5px;
2246         WIDTH: 100%;
2247         DISPLAY: none;
2248         BACKGROUND: #fff;
2249         COLOR: #444444;
2250         OVERFLOW: hidden;
2251         BORDER-TOP: #bbbbbb 1px solid;
2252         LIST-STYLE-IMAGE: none;
2253         BORDER-RIGHT: #bbbbbb 1px solid;
2254         LEFT: 0px;
2255         border-radius: 0 0 4px 4px
2256 }
2257
2258 .dropdown DD UL LI {
2259         BORDER-BOTTOM: #bbbbbb 1px solid
2260 }
2261
2262 .dropdown DD UL LI A {
2263         PADDING-BOTTOM: 5px;
2264         PADDING-LEFT: 5px;
2265         PADDING-RIGHT: 5px;
2266         DISPLAY: block;
2267         PADDING-TOP: 5px
2268 }
2269
2270 .dropdown DD UL LI A:hover {
2271         BACKGROUND: #ef6f00;
2272         COLOR: white
2273 }
2274
2275 .dropdown DD {
2276         PADDING-BOTTOM: 0px;
2277         MARGIN: 0px;
2278         PADDING-LEFT: 0px;
2279         PADDING-RIGHT: 0px;
2280         PADDING-TOP: 0px
2281 }
2282
2283 .dropdown DT {
2284         PADDING-BOTTOM: 0px;
2285         MARGIN: 0px;
2286         PADDING-LEFT: 0px;
2287         PADDING-RIGHT: 0px;
2288         PADDING-TOP: 0px
2289 }
2290
2291 .dropdown UL {
2292         PADDING-BOTTOM: 0px;
2293         MARGIN: 0px;
2294         PADDING-LEFT: 0px;
2295         PADDING-RIGHT: 0px;
2296         PADDING-TOP: 0px
2297 }
2298
2299 .dropdown SPAN.value {
2300         DISPLAY: none
2301 }
2302
2303 .search-button {
2304         WIDTH: 40%;
2305         FLOAT: left
2306 }
2307
2308 .search-button .dropdown {
2309         MARGIN-TOP: 0px
2310 }
2311
2312 .search-button .dropdown DT A {
2313         WIDTH: 100%;
2314         border-radius: 0px 6px 6px 0px
2315 }
2316
2317 .search-button .dropdown DD UL {
2318         WIDTH: 100%
2319 }
2320
2321 .introPanel {
2322         MARGIN-BOTTOM: 5px
2323 }
2324
2325 .introPanel H4 {
2326         PADDING-BOTTOM: 7px;
2327         MARGIN: 0px;
2328         PADDING-LEFT: 0px;
2329         PADDING-RIGHT: 0px;
2330         FONT-SIZE: 24px;
2331         PADDING-TOP: 7px
2332 }
2333
2334 .introPanel P {
2335         FONT-SIZE: 14px
2336 }
2337
2338 .introPanel .summary-btn {
2339         MARGIN-TOP: 24px;
2340         FONT-SIZE: 14px
2341 }
2342
2343 .introPanel .summary {
2344         BORDER-BOTTOM: #ccc 1px solid;
2345         BORDER-LEFT: #ccc 1px solid;
2346         WIDTH: 100%;
2347         MARGIN-BOTTOM: 13px;
2348         BORDER-TOP: #ccc 1px solid;
2349         BORDER-RIGHT: #ccc 1px solid;
2350         border-radius: 4px
2351 }
2352
2353 .introPanel .summary .summary-cont {
2354         PADDING-BOTTOM: 15px;
2355         PADDING-LEFT: 20px;
2356         PADDING-RIGHT: 20px;
2357         PADDING-TOP: 15px
2358 }
2359
2360 .introPanel .summary .summary-cont H3 {
2361         MARGIN-TOP: 5px;
2362         MARGIN-BOTTOM: 5px;
2363         FONT-SIZE: 26px
2364 }
2365
2366 .introPanel .summary .footer {
2367         PADDING-BOTTOM: 10px;
2368         BACKGROUND-COLOR: #f3f3f3;
2369         PADDING-LEFT: 20px;
2370         PADDING-RIGHT: 20px;
2371         BORDER-TOP: #ccc 1px solid;
2372         PADDING-TOP: 10px
2373 }
2374
2375 .introPanel .summary .footer .title {
2376         FONT-SIZE: 14px
2377 }
2378
2379 .introPanel .summary .footer .title H4 {
2380         FONT-SIZE: 18px
2381 }
2382
2383 .introPanel .summary .footer .descrip {
2384         FONT-FAMILY: "Omnes Regular Regular", Arial, Serif;
2385         FONT-SIZE: 12px
2386 }
2387
2388 .introPanel .summary .footer .descrip OL {
2389         LIST-STYLE-POSITION: inside;
2390         PADDING-LEFT: 0px
2391 }
2392
2393 .introPanel .summary .footer .descrip OL LI {
2394         PADDING-BOTTOM: 15px;
2395         FONT-FAMILY: "Omnes Regular Regular", Arial, Serif;
2396         FONT-SIZE: 13px
2397 }
2398
2399 #btn-csi {
2400         MARGIN-BOTTOM: 24px
2401 }
2402
2403 .panel {
2404         MARGIN-BOTTOM: 30px
2405 }
2406
2407 .panel-sdc {
2408         POSITION: relative;
2409         BORDER-BOTTOM-COLOR: #ccc;
2410         BACKGROUND-COLOR: #fff;
2411         BORDER-TOP-COLOR: #ccc;
2412         PADDING-LEFT: 0px;
2413         PADDING-RIGHT: 0px;
2414         BORDER-RIGHT-COLOR: #ccc;
2415         BORDER-LEFT-COLOR: #ccc
2416 }
2417
2418 .panel-sdc .panel-heading {
2419         BORDER-BOTTOM-COLOR: #ccc;
2420         PADDING-BOTTOM: 15px;
2421         BORDER-TOP-COLOR: #ccc;
2422         PADDING-LEFT: 15px;
2423         PADDING-RIGHT: 15px;
2424         COLOR: #f47b20;
2425         BORDER-RIGHT-COLOR: #ccc;
2426         FONT-SIZE: 17px;
2427         BORDER-LEFT-COLOR: #ccc;
2428         PADDING-TOP: 15px
2429 }
2430
2431 .panel-sdc .panel-heading .heading-text {
2432         MARGIN-LEFT: 5px
2433 }
2434
2435 .panel-sdc .panel-heading .panel-icon {
2436         POSITION: absolute;
2437         TOP: 13px
2438 }
2439
2440 .panel-sdc .panel-heading .active {
2441         POSITION: absolute;
2442         TOP: 13px
2443 }
2444
2445 .panel-sdc .panel-heading .inactive {
2446         POSITION: absolute;
2447         TOP: 13px
2448 }
2449
2450 .panel-sdc .panel-heading .active {
2451         CURSOR: pointer;
2452         RIGHT: 15px
2453 }
2454
2455 .panel-sdc .panel-heading .inactive {
2456         CURSOR: pointer;
2457         RIGHT: 15px
2458 }
2459
2460 .panel-sdc .panel-heading .active {
2461         COLOR: #fcb314
2462 }
2463
2464 .panel-sdc .panel-heading .inactive {
2465         COLOR: #f3f3f3
2466 }
2467
2468 .panel-sdc .panel-heading A {
2469         COLOR: #f47b20;
2470         TEXT-DECORATION: none
2471 }
2472
2473 .panel-sdc .panel-heading A:hover {
2474         COLOR: #f47b20;
2475         TEXT-DECORATION: none
2476 }
2477
2478 .panel-sdc .panel-body .dropdown {
2479         MARGIN-BOTTOM: 10px !important
2480 }
2481
2482 .panel-sdc .panel-body .dropdown DT A SPAN {
2483         LINE-HEIGHT: 20px
2484 }
2485
2486 .panel-sdc .panel-body A {
2487         LINE-HEIGHT: 30px;
2488         TEXT-DECORATION: none
2489 }
2490
2491 .panel-sdc .panel-body A:hover {
2492         LINE-HEIGHT: 30px;
2493         TEXT-DECORATION: none
2494 }
2495
2496 .panel-sdc .panel-body A .ico-default {
2497         COLOR: #067ab4;
2498         MARGIN-RIGHT: 10px
2499 }
2500
2501 .panel-sdc .panel-body A:hover .ico-default {
2502         COLOR: #067ab4;
2503         MARGIN-RIGHT: 10px
2504 }
2505
2506 .panel-sdc .panel-body P {
2507         MARGIN-BOTTOM: 10px !important
2508 }
2509
2510 .panel-sdc .panel-body P.with-icon {
2511         MARGIN-LEFT: 37px
2512 }
2513
2514 .panel-sdc .panel-footer {
2515         POSITION: relative;
2516         BACKGROUND-COLOR: #fff;
2517         HEIGHT: 50px
2518 }
2519
2520 .panel-sdc .panel-footer A {
2521         POSITION: absolute;
2522         COLOR: #fff;
2523         RIGHT: 15px;
2524         TEXT-DECORATION: none
2525 }
2526
2527 .panel-sdc .panel-footer A:hover {
2528         POSITION: absolute;
2529         COLOR: #fff;
2530         RIGHT: 15px;
2531         TEXT-DECORATION: none
2532 }
2533
2534 .panel-sdc .panel-footer .btn-blue {
2535         POSITION: absolute;
2536         COLOR: #fff;
2537         RIGHT: 15px;
2538         TEXT-DECORATION: none
2539 }
2540
2541 .panel-sdc .panel-footer .results {
2542         MARGIN-TOP: 6px;
2543         DISPLAY: block;
2544         FLOAT: left;
2545         COLOR: #ccc
2546 }
2547
2548 .panel-sdc .panel-footer .btn-blue {
2549         MARGIN-TOP: -3px
2550 }
2551
2552 .panel-alt {
2553         BORDER-BOTTOM: #ccc 1px solid;
2554         BORDER-LEFT: #ccc 1px solid;
2555         PADDING-BOTTOM: 15px;
2556         BACKGROUND-COLOR: #fff;
2557         PADDING-LEFT: 15px;
2558         PADDING-RIGHT: 15px;
2559         MARGIN-BOTTOM: 10px;
2560         COLOR: #f47b20;
2561         FONT-SIZE: 16px;
2562         BORDER-TOP: #ccc 1px solid;
2563         BORDER-RIGHT: #ccc 1px solid;
2564         PADDING-TOP: 12px;
2565         border-radius: 6px
2566 }
2567
2568 .tab-alt {
2569         BORDER-BOTTOM: #ccc 1px solid;
2570         BORDER-LEFT: #ccc 1px solid;
2571         PADDING-BOTTOM: 15px;
2572         BACKGROUND-COLOR: #fff;
2573         PADDING-LEFT: 15px;
2574         PADDING-RIGHT: 15px;
2575         MARGIN-BOTTOM: 10px;
2576         COLOR: #f47b20;
2577         FONT-SIZE: 16px;
2578         BORDER-TOP: #ccc 1px solid;
2579         BORDER-RIGHT: #ccc 1px solid;
2580         PADDING-TOP: 12px;
2581         border-radius: 6px
2582 }
2583
2584 .panel-alt .heading-text {
2585         MARGIN-LEFT: 5px
2586 }
2587
2588 .tab-alt .heading-text {
2589         MARGIN-LEFT: 5px
2590 }
2591
2592 .panel-alt A {
2593         COLOR: #f47b20;
2594         TEXT-DECORATION: none
2595 }
2596
2597 .panel-alt A:visited {
2598         COLOR: #f47b20;
2599         TEXT-DECORATION: none
2600 }
2601
2602 .panel-alt A:hover {
2603         COLOR: #f47b20;
2604         TEXT-DECORATION: none
2605 }
2606
2607 .tab-alt A {
2608         COLOR: #f47b20;
2609         TEXT-DECORATION: none
2610 }
2611
2612 .tab-alt A:visited {
2613         COLOR: #f47b20;
2614         TEXT-DECORATION: none
2615 }
2616
2617 .tab-alt A:hover {
2618         COLOR: #f47b20;
2619         TEXT-DECORATION: none
2620 }
2621
2622 .panel-alt .panel-icon {
2623         POSITION: absolute;
2624         TOP: 17px
2625 }
2626
2627 .panel-alt .arrow {
2628         POSITION: absolute;
2629         TOP: 17px
2630 }
2631
2632 .tab-alt .panel-icon {
2633         POSITION: absolute;
2634         TOP: 17px
2635 }
2636
2637 .tab-alt .arrow {
2638         POSITION: absolute;
2639         TOP: 17px
2640 }
2641
2642 .panel-alt .arrow {
2643         CURSOR: pointer;
2644         RIGHT: 15px
2645 }
2646
2647 .tab-alt .arrow {
2648         CURSOR: pointer;
2649         RIGHT: 15px
2650 }
2651
2652 .my-activities {
2653         BORDER-BOTTOM: #ccc 1px solid;
2654         BORDER-LEFT: #ccc 1px solid;
2655         PADDING-LEFT: 0px;
2656         WIDTH: 100%;
2657         PADDING-RIGHT: 0px;
2658         MARGIN-BOTTOM: 40px;
2659         BORDER-TOP: #ccc 1px solid;
2660         BORDER-RIGHT: #ccc 1px solid;
2661         box-shadow: -2px 0 rgba(0, 0, 0, 0.05), 2px 4px rgba(0, 0, 0, 0.05);
2662         border-radius: 5px
2663 }
2664
2665 .my-activities .header {
2666         PADDING-BOTTOM: 7px;
2667         BACKGROUND-COLOR: #067ab4;
2668         PADDING-LEFT: 10px;
2669         PADDING-RIGHT: 10px;
2670         HEIGHT: 50px;
2671         COLOR: #fff;
2672         FONT-SIZE: 24px;
2673         PADDING-TOP: 7px;
2674         border-radius: 4px 4px 0 0
2675 }
2676
2677 .my-activities .total {
2678         POSITION: relative;
2679         TEXT-ALIGN: center;
2680         PADDING-BOTTOM: 30px;
2681         LINE-HEIGHT: 49px;
2682         PADDING-LEFT: 30px;
2683         WIDTH: 50%;
2684         PADDING-RIGHT: 30px;
2685         FONT-FAMILY: "Omnes Regular", Arial, Serif;
2686         FLOAT: left;
2687         HEIGHT: 213px;
2688         COLOR: #f47b20;
2689         BORDER-RIGHT: #ccc 1px solid;
2690         PADDING-TOP: 30px
2691 }
2692
2693 .my-activities .total .sm-num {
2694         DISPLAY: block;
2695         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif;
2696         FONT-SIZE: 34px
2697 }
2698
2699 .my-activities .total .lg-num {
2700         DISPLAY: block;
2701         FONT-SIZE: 70px
2702 }
2703
2704 .my-activities .total .btn-view {
2705         POSITION: absolute;
2706         MARGIN: 20px;
2707         BOTTOM: -1px;
2708         DISPLAY: block;
2709         RIGHT: 0px;
2710         LEFT: 0px
2711 }
2712
2713 .my-activities .claimed {
2714         TEXT-ALIGN: center;
2715         PADDING-BOTTOM: 20px;
2716         LINE-HEIGHT: 33px;
2717         PADDING-LEFT: 0px;
2718         WIDTH: 50%;
2719         PADDING-RIGHT: 0px;
2720         FONT-FAMILY: "Omnes Regular", Arial, Serif;
2721         FLOAT: left;
2722         COLOR: #f47b20;
2723         PADDING-TOP: 20px
2724 }
2725
2726 .my-activities .unclaimed {
2727         TEXT-ALIGN: center;
2728         PADDING-BOTTOM: 20px;
2729         LINE-HEIGHT: 33px;
2730         PADDING-LEFT: 0px;
2731         WIDTH: 50%;
2732         PADDING-RIGHT: 0px;
2733         FONT-FAMILY: "Omnes Regular", Arial, Serif;
2734         FLOAT: left;
2735         COLOR: #f47b20;
2736         PADDING-TOP: 20px
2737 }
2738
2739 .my-activities .claimed .sm-num {
2740         DISPLAY: block;
2741         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif;
2742         FONT-SIZE: 24px
2743 }
2744
2745 .my-activities .unclaimed .sm-num {
2746         DISPLAY: block;
2747         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif;
2748         FONT-SIZE: 24px
2749 }
2750
2751 .my-activities .claimed .lg-num {
2752         DISPLAY: block;
2753         FONT-SIZE: 45px;
2754         ont-family: "Omnes Regular Italic", Arial, Serif
2755 }
2756
2757 .my-activities .unclaimed .lg-num {
2758         DISPLAY: block;
2759         FONT-SIZE: 45px;
2760         ont-family: "Omnes Regular Italic", Arial, Serif
2761 }
2762
2763 .my-activities .claimed {
2764         BORDER-BOTTOM: #ccc 1px solid
2765 }
2766
2767 .my-activities .row {
2768         WIDTH: 100%;
2769         FLOAT: left;
2770         MARGIN-LEFT: 0px;
2771         MARGIN-RIGHT: 0px
2772 }
2773
2774 .my-activities .row .activityhead {
2775         PADDING-BOTTOM: 15px;
2776         PADDING-LEFT: 15px;
2777         PADDING-RIGHT: 15px;
2778         BORDER-TOP: #ccc 1px solid;
2779         PADDING-TOP: 15px;
2780         box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
2781         -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
2782         -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1)
2783 }
2784
2785 .my-activities .row .activityhead .project {
2786         WIDTH: 50%;
2787         DISPLAY: inline-block;
2788         COLOR: #067ab4;
2789         TEXT-DECORATION: none
2790 }
2791
2792 .my-activities .row .activityhead .project A {
2793         BACKGROUND-COLOR: #ff0000;
2794         COLOR: #067ab4;
2795         TEXT-DECORATION: none
2796 }
2797
2798 .my-activities .row .activityhead .project A:hover {
2799         BACKGROUND-COLOR: #ff0000;
2800         COLOR: #067ab4;
2801         TEXT-DECORATION: none
2802 }
2803
2804 .my-activities .row .activityhead .project A:visited {
2805         BACKGROUND-COLOR: #ff0000;
2806         COLOR: #067ab4;
2807         TEXT-DECORATION: none
2808 }
2809
2810 .my-activities .row .activityhead .duedate {
2811         WIDTH: 40%;
2812         DISPLAY: inline-block
2813 }
2814
2815 .my-activities .row .activityhead .caret {
2816         MARGIN-TOP: -6px
2817 }
2818
2819 .my-activities .row .projectcont {
2820         OVERFLOW-Y: auto;
2821         WIDTH: 100%;
2822         FLOAT: left;
2823         HEIGHT: 295px
2824 }
2825
2826 .my-activities .row .projectcont .activity {
2827         PADDING-BOTTOM: 8px;
2828         PADDING-LEFT: 15px;
2829         PADDING-RIGHT: 15px;
2830         BORDER-TOP: #ccc 1px solid;
2831         PADDING-TOP: 8px
2832 }
2833
2834 .my-activities .row .projectcont .activity .project {
2835         TEXT-ALIGN: left;
2836         LINE-HEIGHT: 17px;
2837         WIDTH: 50%;
2838         DISPLAY: inline-block;
2839         COLOR: #067ab4;
2840         VERTICAL-ALIGN: middle
2841 }
2842
2843 .my-activities .row .projectcont .activity .project .pname {
2844         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif
2845 }
2846
2847 .my-activities .row .projectcont .activity .duedate {
2848         LINE-HEIGHT: 21px;
2849         WIDTH: 40%;
2850         DISPLAY: inline-block;
2851         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif;
2852         VERTICAL-ALIGN: middle
2853 }
2854
2855 .btn-sm {
2856         PADDING-BOTTOM: 5px;
2857         PADDING-LEFT: 17px;
2858         PADDING-RIGHT: 17px;
2859         FONT-SIZE: 14px !important;
2860         PADDING-TOP: 5px
2861 }
2862
2863 .btn-blue {
2864         FONT-SIZE: 16px
2865 }
2866
2867 .btn-blue {
2868         BACKGROUND-COLOR: #067ab4;
2869         COLOR: #fff
2870 }
2871
2872 .btn-blue:visited {
2873         BACKGROUND-COLOR: #067ab4;
2874         COLOR: #fff
2875 }
2876
2877 .btn-blue:hover {
2878         BACKGROUND-COLOR: #44c8f5;
2879         COLOR: #fff
2880 }
2881
2882 .btn-orange {
2883         BORDER-BOTTOM-COLOR: #f47b20;
2884         BACKGROUND-COLOR: #f47b20;
2885         BORDER-TOP-COLOR: #f47b20;
2886         COLOR: #fff;
2887         BORDER-RIGHT-COLOR: #f47b20;
2888         BORDER-LEFT-COLOR: #f47b20
2889 }
2890
2891 .btn-orange:visited {
2892         BORDER-BOTTOM-COLOR: #f47b20;
2893         BACKGROUND-COLOR: #f47b20;
2894         BORDER-TOP-COLOR: #f47b20;
2895         COLOR: #fff;
2896         BORDER-RIGHT-COLOR: #f47b20;
2897         BORDER-LEFT-COLOR: #f47b20
2898 }
2899
2900 .btn-orange:hover {
2901         BORDER-BOTTOM-COLOR: #fcb314;
2902         BORDER-TOP-COLOR: #fcb314;
2903         BACKGROUND: #fcb314;
2904         COLOR: #fff;
2905         BORDER-RIGHT-COLOR: #fcb314;
2906         BORDER-LEFT-COLOR: #fcb314
2907 }
2908
2909 .btn-back {
2910         POSITION: relative;
2911         BACKGROUND-COLOR: #067ab4;
2912         PADDING-LEFT: 16px;
2913         WIDTH: 80px;
2914         HEIGHT: 30px;
2915         COLOR: #fff;
2916         MARGIN-LEFT: 30px;
2917         FONT-SIZE: 20px;
2918         border-radius: 0 3px 3px 0;
2919         -moz-border-radius: 0 3px 3px 0;
2920         -webkit-border-radius: 0 3px 3px 0
2921 }
2922
2923 .btn-back:before {
2924         BORDER-BOTTOM: transparent 15px solid;
2925         POSITION: absolute;
2926         WIDTH: 0px;
2927         HEIGHT: 0px;
2928         BORDER-TOP: transparent 15px solid;
2929         CONTENT: '';
2930         TOP: 0px;
2931         RIGHT: 100%;
2932         BORDER-RIGHT: #067ab4 10px solid;
2933         border-radius: 3px;
2934         -moz-border-radius: 3px;
2935         -webkit-border-radius: 3px
2936 }
2937
2938 .btn-back:hover {
2939         TEXT-DECORATION: none
2940 }
2941
2942 .modal-title {
2943         COLOR: #f47b20;
2944         MARGIN-LEFT: 10px;
2945         FONT-SIZE: 16px
2946 }
2947
2948 .modal-title SPAN {
2949         MARGIN-LEFT: 25px;
2950         MARGIN-RIGHT: 10px
2951 }
2952
2953 .resource-modal-title {
2954         MARGIN: 25px;
2955         COLOR: #f47b20
2956 }
2957
2958 .modal-dd-bg {
2959         BORDER-BOTTOM: #e5e5e5 1px solid;
2960         PADDING-BOTTOM: 10px;
2961         BACKGROUND-COLOR: #f3f3f3;
2962         PADDING-LEFT: 15px;
2963         WIDTH: 100%;
2964         PADDING-RIGHT: 15px;
2965         MARGIN-BOTTOM: 10px;
2966         MARGIN-LEFT: 0px;
2967         PADDING-TOP: 5px
2968 }
2969
2970 .modal-dd-bg .dropdown {
2971         WIDTH: 50%;
2972         MARGIN-LEFT: 25px
2973 }
2974
2975 .modal.notifications .modal-dialog .notifications-list {
2976         PADDING-BOTTOM: 10px;
2977         PADDING-LEFT: 36px;
2978         PADDING-RIGHT: 36px;
2979         PADDING-TOP: 10px
2980 }
2981
2982 .resource {
2983         MARGIN: 15px 15px 85px
2984 }
2985
2986 .tabs {
2987         BORDER-BOTTOM: #ccc 1px solid;
2988         POSITION: relative;
2989         BORDER-LEFT: #ccc 1px solid;
2990         BACKGROUND-COLOR: #f3f3f3;
2991         MARGIN-TOP: 15px;
2992         WIDTH: 100%;
2993         MARGIN-BOTTOM: 37px;
2994         OVERFLOW: hidden;
2995         BORDER-TOP: #ccc 1px solid;
2996         BORDER-RIGHT: #ccc 1px solid;
2997         box-shadow: -2px 0 rgba(0, 0, 0, 0.05), 2px 4px rgba(0, 0, 0, 0.05);
2998         border-radius: 6px
2999 }
3000
3001 .tabs nav {
3002         TEXT-ALIGN: left;
3003         box-shadow: inset 0px -10px 12px -7px rgba(0, 0, 0, 0.2);
3004         -webkit-box-shadow: inset 0px -10px 12px -7px rgba(0, 0, 0, 0.2);
3005         -moz-box-shadow: inset 0px -10px 12px -7px rgba(0, 0, 0, 0.2)
3006 }
3007
3008 .tabs nav A {
3009         PADDING-BOTTOM: 0px;
3010         LINE-HEIGHT: 42px;
3011         PADDING-LEFT: 20px;
3012         PADDING-RIGHT: 20px;
3013         DISPLAY: block;
3014         WHITE-SPACE: nowrap;
3015         COLOR: #067ab4;
3016         FONT-SIZE: 14px;
3017         PADDING-TOP: 0px
3018 }
3019
3020 .tabs nav A :before {
3021         DISPLAY: inline-block;
3022         VERTICAL-ALIGN: middle;
3023         -webkit-font-smoothing: antialiased
3024 }
3025
3026 .tabs nav UL {
3027         PADDING-BOTTOM: 0px;
3028         LIST-STYLE-TYPE: none;
3029         MARGIN: 0px 0px -5px;
3030         PADDING-LEFT: 0px;
3031         PADDING-RIGHT: 0px;
3032         DISPLAY: inline-block;
3033         LIST-STYLE-IMAGE: none;
3034         PADDING-TOP: 0px
3035 }
3036
3037 .tabs nav UL LI {
3038         BORDER-BOTTOM: medium none;
3039         POSITION: relative;
3040         PADDING-BOTTOM: 1px;
3041         OVERFLOW-X: hidden;
3042         PADDING-LEFT: 0px;
3043         WIDTH: 48px;
3044         PADDING-RIGHT: 0px;
3045         DISPLAY: block;
3046         FLOAT: left;
3047         BORDER-RIGHT: #ccc 1px solid;
3048         PADDING-TOP: 1px;
3049         transition-property: width;
3050         transition-duration: 0.5s;
3051         -webkit-transition-property: width;
3052         -webkit-transition-duration: 0.5s
3053 }
3054
3055 .tabs nav UL LI .tab-current {
3056         Z-INDEX: 100;
3057         BORDER-BOTTOM: medium none;
3058         BORDER-LEFT: #ccc 1px solid;
3059         BORDER-TOP: #ccc 1px solid;
3060         BORDER-RIGHT: #ccc 1px solid;
3061         box-shadow: inset 0 2px #47a3da
3062 }
3063
3064 .tabs nav UL LI A {
3065         COLOR: #067ab4;
3066         TEXT-DECORATION: none
3067 }
3068
3069 .tabs nav UL LI A :hover {
3070         COLOR: #067ab4
3071 }
3072
3073 .tabs nav UL LI:first-child {
3074         BORDER-RIGHT: #ccc 1px solid;
3075         border-radius: 6px 0 0 0
3076 }
3077
3078 .tabs nav LI.tab-current {
3079         BORDER-BOTTOM: white 1px solid;
3080         BACKGROUND-COLOR: #fff;
3081         WIDTH: 135px;
3082         transition-property: width;
3083         transition-duration: 0.5s;
3084         -webkit-transition-property: width;
3085         -webkit-transition-duration: 0.5s
3086 }
3087
3088 .tabs nav LI.tab-current:before {
3089         POSITION: absolute;
3090         BACKGROUND-COLOR: #ccc;
3091         WIDTH: 1000px;
3092         BOTTOM: 0px;
3093         HEIGHT: 1px;
3094         CONTENT: '';
3095         RIGHT: 100%
3096 }
3097
3098 .tabs nav LI.tab-current:after {
3099         POSITION: absolute;
3100         BACKGROUND-COLOR: #ccc;
3101         WIDTH: 1000px;
3102         BOTTOM: 0px;
3103         HEIGHT: 1px;
3104         CONTENT: '';
3105         RIGHT: 100%
3106 }
3107
3108 .tabs nav LI.tab-current:after {
3109         WIDTH: 4000px;
3110         RIGHT: auto;
3111         LEFT: 100%
3112 }
3113
3114 .tabs .content {
3115         BORDER-BOTTOM: 0px;
3116         BORDER-LEFT: 0px;
3117         PADDING-BOTTOM: 0px;
3118         MARGIN: 0px;
3119         MIN-HEIGHT: 500px;
3120         PADDING-LEFT: 0px;
3121         PADDING-RIGHT: 0px;
3122         HEIGHT: 500px;
3123         OVERFLOW: auto;
3124         BORDER-TOP: 0px;
3125         BORDER-RIGHT: 0px;
3126         PADDING-TOP: 0px;
3127         border-radius: 0;
3128         resize: vertical
3129 }
3130
3131 .tabs .content section {
3132         MARGIN: 0px auto;
3133         DISPLAY: none
3134 }
3135
3136 .tabs .content section.content-current {
3137         DISPLAY: block
3138 }
3139
3140 .tabs .content :before {
3141         CONTENT: ''
3142 }
3143
3144 .tabs .content :after {
3145         CONTENT: ''
3146 }
3147
3148 .tabs .content :after {
3149         CLEAR: both
3150 }
3151
3152 .tabs .no-js .content section {
3153         BORDER-BOTTOM: #47a3da 1px solid;
3154         PADDING-BOTTOM: 2em;
3155         DISPLAY: block
3156 }
3157
3158 .tabs .mediabox {
3159         PADDING-BOTTOM: 0px;
3160         PADDING-LEFT: 25px;
3161         PADDING-RIGHT: 25px;
3162         FLOAT: left;
3163         PADDING-TOP: 0px
3164 }
3165
3166 .tabs .mediabox P {
3167         LINE-HEIGHT: 24px
3168 }
3169
3170 .tabs .mediabox P H4 {
3171         FONT-FAMILY: "Omnes Regular Medium", Arial, Serif;
3172         FONT-SIZE: 24px
3173 }
3174
3175 .tabs .mediabox A {
3176         LINE-HEIGHT: 32px;
3177         DISPLAY: block;
3178         COLOR: #067ab4;
3179         TEXT-DECORATION: none
3180 }
3181
3182 .tabs .mediabox A:hover {
3183         LINE-HEIGHT: 32px;
3184         DISPLAY: block;
3185         COLOR: #067ab4;
3186         TEXT-DECORATION: none
3187 }
3188
3189 .tabs .mediabox H5 {
3190         FONT-SIZE: 20px
3191 }
3192
3193 .tabs .mediabox UL LI {
3194         LINE-HEIGHT: 24px;
3195         MARGIN-TOP: 5px
3196 }
3197
3198 .tabs .mediabox OL LI {
3199         LINE-HEIGHT: 24px;
3200         MARGIN-TOP: 5px
3201 }
3202
3203 .tabs .mediabox UL LI:before {
3204         CONTENT: none
3205 }
3206
3207 .tabs .mediabox OL LI:before {
3208         CONTENT: none
3209 }
3210
3211 .activity-list-header {
3212         DISPLAY: inline-block
3213 }
3214
3215 .activity-list-header H4 {
3216         FONT-SIZE: 28px
3217 }
3218
3219 .filter {
3220         FLOAT: right !important
3221 }
3222
3223 .filter .title {
3224         DISPLAY: inline-block
3225 }
3226
3227 .filter .dd {
3228         PADDING-LEFT: 15px;
3229         WIDTH: 250px;
3230         DISPLAY: inline-block
3231 }
3232
3233 .activity-list {
3234         BACKGROUND-COLOR: #fff;
3235         COLOR: #666666;
3236         CLEAR: both;
3237         box-shadow: -2px 0 rgba(0, 0, 0, 0.05), 2px 4px rgba(0, 0, 0, 0.05)
3238 }
3239
3240 .activity-list .activity-tabs-header {
3241         MARGIN-TOP: 15px;
3242         WIDTH: 101%
3243 }
3244
3245 .activity-list .activity-tabs-header .at-header {
3246         DISPLAY: inline-block;
3247         FLOAT: left;
3248         HEIGHT: 58px
3249 }
3250
3251 .activity-list .activity-tabs-header .at-tabs {
3252         DISPLAY: inline-block;
3253         FLOAT: left;
3254         HEIGHT: 58px
3255 }
3256
3257 .activity-list .activity-tabs-header .at-header {
3258         PADDING-BOTTOM: 18px;
3259         BACKGROUND-COLOR: #067ab4;
3260         PADDING-LEFT: 18px;
3261         WIDTH: 60%;
3262         PADDING-RIGHT: 18px;
3263         PADDING-TOP: 18px;
3264         border-radius: 5px 0 0 0
3265 }
3266
3267 .activity-list .activity-tabs-header .at-header H3 {
3268         MARGIN-TOP: -3px;
3269         COLOR: #fff;
3270         FONT-SIZE: 24px
3271 }
3272
3273 .activity-list .activity-tabs-header .at-tabs {
3274         WIDTH: 39%;
3275         COLOR: #067ab4;
3276         border-radius: 0
3277 }
3278
3279 .activity-list .activity-tabs-header .at-tabs .at-nav {
3280         BACKGROUND-COLOR: #067ab4;
3281         HEIGHT: 58px;
3282         border-radius: 0 10px 0 0
3283 }
3284
3285 .activity-list .activity-tabs-header .at-tabs .at-nav .nav-tabs {
3286         BORDER-LEFT: 0px;
3287         BACKGROUND-COLOR: #f3f3f3;
3288         BORDER-TOP: #ccc 1px solid;
3289         BORDER-RIGHT: #ccc 1px solid;
3290         box-shadow: inset 0 -13px 10px -15px rgba(0, 0, 0, 0.3);
3291         border-radius: 0 10px 0 0;
3292         -webkit-box-shadow: inset 0 -1px 10px -15px rgba(0, 0, 0, 0.3);
3293         -moz-box-shadow: inset 0 -13px 10px -15px rgba(0, 0, 0, 0.3)
3294 }
3295
3296 .activity-list .activity-tabs-header .at-tabs .at-nav UL {
3297         LIST-STYLE-TYPE: none;
3298         PADDING-LEFT: 0px;
3299         FLOAT: right
3300 }
3301
3302 .activity-list .activity-tabs-header .at-tabs .at-nav UL LI {
3303         BORDER-BOTTOM: 0px;
3304         POSITION: relative;
3305         TEXT-ALIGN: center;
3306         BORDER-LEFT: 0px;
3307         PADDING-BOTTOM: 9px;
3308         PADDING-LEFT: 0px;
3309         WIDTH: 140px;
3310         PADDING-RIGHT: 10px;
3311         DISPLAY: inline-block;
3312         COLOR: #067ab4;
3313         BORDER-TOP: 0px;
3314         BORDER-RIGHT: 0px;
3315         PADDING-TOP: 10px;
3316         border-radius: 0
3317 }
3318
3319 .activity-list .activity-tabs-header .at-tabs .at-nav UL LI>A {
3320         BORDER-BOTTOM: 0px;
3321         POSITION: relative;
3322         TEXT-ALIGN: center;
3323         BORDER-LEFT: 0px;
3324         PADDING-BOTTOM: 9px;
3325         PADDING-LEFT: 0px;
3326         WIDTH: 140px;
3327         PADDING-RIGHT: 10px;
3328         DISPLAY: inline-block;
3329         COLOR: #067ab4;
3330         BORDER-TOP: 0px;
3331         BORDER-RIGHT: 0px;
3332         PADDING-TOP: 10px;
3333         border-radius: 0
3334 }
3335
3336 .activity-list .activity-tabs-header .at-tabs .at-nav UL LI .activity-num
3337         {
3338         BACKGROUND-IMAGE: url(../images/blue_circle.png);
3339         Z-INDEX: 10;
3340         POSITION: absolute;
3341         TEXT-ALIGN: center;
3342         WIDTH: 22px;
3343         BACKGROUND-REPEAT: no-repeat;
3344         HEIGHT: 22px;
3345         COLOR: #fff;
3346         FONT-SIZE: 10px;
3347         TOP: -8px;
3348         RIGHT: -17px
3349 }
3350
3351 .activity-list .activity-tabs-header .at-tabs .at-nav UL LI .claimed-num
3352         {
3353         BACKGROUND-IMAGE: url(../images/blue_circle.png);
3354         Z-INDEX: 10;
3355         POSITION: absolute;
3356         TEXT-ALIGN: center;
3357         WIDTH: 22px;
3358         BACKGROUND-REPEAT: no-repeat;
3359         HEIGHT: 22px;
3360         COLOR: #fff;
3361         FONT-SIZE: 10px;
3362         TOP: -8px;
3363         RIGHT: -17px
3364 }
3365
3366 .activity-list .activity-tabs-header .at-tabs .at-nav UL LI>A .activity-num
3367         {
3368         BACKGROUND-IMAGE: url(../images/blue_circle.png);
3369         Z-INDEX: 10;
3370         POSITION: absolute;
3371         TEXT-ALIGN: center;
3372         WIDTH: 22px;
3373         BACKGROUND-REPEAT: no-repeat;
3374         HEIGHT: 22px;
3375         COLOR: #fff;
3376         FONT-SIZE: 10px;
3377         TOP: -8px;
3378         RIGHT: -17px
3379 }
3380
3381 .activity-list .activity-tabs-header .at-tabs .at-nav UL LI>A .claimed-num
3382         {
3383         BACKGROUND-IMAGE: url(../images/blue_circle.png);
3384         Z-INDEX: 10;
3385         POSITION: absolute;
3386         TEXT-ALIGN: center;
3387         WIDTH: 22px;
3388         BACKGROUND-REPEAT: no-repeat;
3389         HEIGHT: 22px;
3390         COLOR: #fff;
3391         FONT-SIZE: 10px;
3392         TOP: -8px;
3393         RIGHT: -17px
3394 }
3395
3396 .activity-list .activity-tabs-header .at-tabs .at-nav UL LI {
3397         BORDER-RIGHT: #ccc 1px solid
3398 }
3399
3400 .activity-list .activity-tabs-header .at-tabs .at-nav UL LI>A:hover {
3401         BACKGROUND-COLOR: transparent
3402 }
3403
3404 .activity-list .activity-tabs-header .at-tabs .at-nav UL LI.active {
3405         BACKGROUND-COLOR: #fff
3406 }
3407
3408 .activity-list .activity-tabs-header .at-tabs .at-nav UL LI.active A {
3409         BACKGROUND-COLOR: transparent
3410 }
3411
3412 .activity-list .activity-tabs-header .at-tabs .at-nav UL LI.active A:hover
3413         {
3414         BACKGROUND-COLOR: transparent
3415 }
3416
3417 .activity-list .sort {
3418         BORDER-BOTTOM: #ccc 1px solid;
3419         BORDER-LEFT: #ccc 1px solid;
3420         TEXT-TRANSFORM: uppercase;
3421         BACKGROUND-COLOR: #fff;
3422         MARGIN: 0px;
3423         PADDING-LEFT: 0px;
3424         PADDING-RIGHT: 0px;
3425         DISPLAY: block;
3426         FONT-SIZE: 12px;
3427         BORDER-TOP: 0px;
3428         BORDER-RIGHT: #ccc 1px solid
3429 }
3430
3431 .activity-list .sort .caret {
3432         MARGIN-TOP: -7px;
3433         MARGIN-LEFT: 5px
3434 }
3435
3436 .activity-list .sort .sortaction {
3437         PADDING-BOTTOM: 10px;
3438         PADDING-LEFT: 20px;
3439         WIDTH: 13%;
3440         PADDING-RIGHT: 20px;
3441         PADDING-TOP: 10px
3442 }
3443
3444 .activity-list .sort .progr {
3445         PADDING-BOTTOM: 10px;
3446         PADDING-LEFT: 20px;
3447         WIDTH: 13%;
3448         PADDING-RIGHT: 20px;
3449         PADDING-TOP: 10px
3450 }
3451
3452 .activity-list .sort .due {
3453         PADDING-BOTTOM: 10px;
3454         PADDING-LEFT: 23px;
3455         WIDTH: 13%;
3456         PADDING-RIGHT: 23px;
3457         PADDING-TOP: 10px
3458 }
3459
3460 .activity-list .sort .actname {
3461         PADDING-BOTTOM: 10px;
3462         PADDING-LEFT: 19px;
3463         WIDTH: 15%;
3464         PADDING-RIGHT: 19px;
3465         PADDING-TOP: 10px
3466 }
3467
3468 .activity-list .sort .srcname {
3469         PADDING-BOTTOM: 10px;
3470         PADDING-LEFT: 13px;
3471         WIDTH: 15%;
3472         PADDING-RIGHT: 13px;
3473         PADDING-TOP: 10px
3474 }
3475
3476 .activity-list .sort .status {
3477         PADDING-BOTTOM: 10px;
3478         PADDING-LEFT: 10px;
3479         WIDTH: 13%;
3480         PADDING-RIGHT: 10px;
3481         PADDING-TOP: 10px
3482 }
3483
3484 .activity-list .activityrow {
3485         BORDER-BOTTOM: #ccc 1px solid;
3486         BORDER-LEFT: #ccc 1px solid;
3487         MARGIN: 0px;
3488         BORDER-TOP: 0px;
3489         BORDER-RIGHT: #ccc 1px solid
3490 }
3491
3492 .activity-list .activityrow .act-name {
3493         BORDER-LEFT: #ccc 1px solid;
3494         PADDING-BOTTOM: 11px;
3495         PADDING-LEFT: 11px;
3496         WIDTH: 15%;
3497         PADDING-RIGHT: 11px;
3498         BORDER-RIGHT: #ccc 1px solid;
3499         PADDING-TOP: 11px
3500 }
3501
3502 .activity-list .activityrow .act-name .title {
3503         WIDTH: 80%;
3504         FLOAT: left
3505 }
3506
3507 .activity-list .activityrow .act-name .title {
3508         DISPLAY: block;
3509         COLOR: #067ab4;
3510         FONT-SIZE: 14px;
3511         TEXT-DECORATION: none
3512 }
3513
3514 .activity-list .activityrow .act-name .title A {
3515         DISPLAY: block;
3516         COLOR: #067ab4;
3517         FONT-SIZE: 14px;
3518         TEXT-DECORATION: none
3519 }
3520
3521 .activity-list .activityrow .act-name .title A:hover {
3522         DISPLAY: block;
3523         COLOR: #067ab4;
3524         FONT-SIZE: 14px;
3525         TEXT-DECORATION: none
3526 }
3527
3528 .activity-list .activityrow .act-name .projectname {
3529         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif;
3530         COLOR: #666666;
3531         FONT-SIZE: 14px
3532 }
3533
3534 .activity-list .activityrow .act-name .projectid {
3535         MARGIN-TOP: 5px;
3536         DISPLAY: block;
3537         FLOAT: left;
3538         COLOR: #666666;
3539         FONT-SIZE: 14px
3540 }
3541
3542 .activity-list .activityrow .act-name .icon {
3543         PADDING-BOTTOM: 0px;
3544         PADDING-LEFT: 0px;
3545         PADDING-RIGHT: 10px;
3546         FLOAT: right;
3547         PADDING-TOP: 10px
3548 }
3549
3550 .activity-list .activityrow .act-name .glyphicon-chevron-down {
3551         CURSOR: pointer
3552 }
3553
3554 .activity-list .activityrow .act-name .glyphicon-chevron-up {
3555         CURSOR: pointer
3556 }
3557
3558 .activity-list .activityrow .act-name .progress {
3559         BACKGROUND-COLOR: transparent;
3560         MARGIN-TOP: 5px;
3561         DISPLAY: block;
3562         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif;
3563         FLOAT: left;
3564         HEIGHT: auto;
3565         COLOR: #666666;
3566         OVERFLOW: auto;
3567         box-shadow: none;
3568         border-radius: 0
3569 }
3570
3571 .activity-list .activityrow .proj-name {
3572         BACKGROUND-COLOR: #fff;
3573         WIDTH: 15%
3574 }
3575
3576 .activity-list .activityrow .proj-name .projectname {
3577         FONT-SIZE: 14px;
3578         TEXT-DECORATION: none
3579 }
3580
3581 .activity-list .activityrow .proj-name .projectname A {
3582         FONT-SIZE: 14px;
3583         TEXT-DECORATION: none
3584 }
3585
3586 .activity-list .activityrow .proj-name .projectname A:hover {
3587         FONT-SIZE: 14px;
3588         TEXT-DECORATION: none
3589 }
3590
3591 .activity-list .activityrow .proj-name .projectid {
3592         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif;
3593         FONT-SIZE: 14px;
3594         TEXT-DECORATION: none
3595 }
3596
3597 .activity-list .activityrow .proj-name .projectid A {
3598         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif;
3599         FONT-SIZE: 14px;
3600         TEXT-DECORATION: none
3601 }
3602
3603 .activity-list .activityrow .proj-name .projectid A:hover {
3604         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif;
3605         FONT-SIZE: 14px;
3606         TEXT-DECORATION: none
3607 }
3608
3609 .activity-list .activityrow .act-descrip {
3610         BORDER-BOTTOM: #ccc 1px solid;
3611         BORDER-LEFT: #ccc 1px solid;
3612         BACKGROUND-COLOR: #fff;
3613         WIDTH: 100%;
3614         FLOAT: left;
3615         BORDER-TOP: #ccc 1px solid;
3616         BORDER-RIGHT: #ccc 1px solid
3617 }
3618
3619 .activity-list .activityrow .act-descrip .descrip {
3620         BORDER-LEFT: #ccc 1px solid;
3621         PADDING-BOTTOM: 20px;
3622         LINE-HEIGHT: 22px;
3623         BACKGROUND-COLOR: #f3f3f3;
3624         PADDING-LEFT: 20px;
3625         PADDING-RIGHT: 20px;
3626         HEIGHT: 110px;
3627         FONT-SIZE: 13px;
3628         PADDING-TOP: 20px
3629 }
3630
3631 .activity-list .activityrow .act-descrip .estimate {
3632         BORDER-LEFT: #ccc 1px solid;
3633         PADDING-BOTTOM: 20px;
3634         LINE-HEIGHT: 22px;
3635         BACKGROUND-COLOR: #f3f3f3;
3636         PADDING-LEFT: 20px;
3637         PADDING-RIGHT: 20px;
3638         HEIGHT: 110px;
3639         FONT-SIZE: 13px;
3640         PADDING-TOP: 20px
3641 }
3642
3643 .activity-list .activityrow .act-descrip .gapfill {
3644         BACKGROUND-COLOR: #fff;
3645         WIDTH: 1%;
3646         FLOAT: left
3647 }
3648
3649 .activity-list .activityrow .act-descrip .descrip {
3650         WIDTH: 69%;
3651         FLOAT: left
3652 }
3653
3654 .activity-list .activityrow .act-descrip .estimate {
3655         WIDTH: 30%;
3656         FLOAT: left;
3657         MARGIN-LEFT: 0px;
3658         BORDER-TOP: 0px;
3659         BORDER-RIGHT: #ccc 1px solid
3660 }
3661
3662 .activity-list .activityrow .act-descrip .estimate .nnnn {
3663         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif
3664 }
3665
3666 .activity-list .activityrow .act-progress {
3667         PADDING-BOTTOM: 11px;
3668         PADDING-LEFT: 11px;
3669         PADDING-RIGHT: 11px;
3670         FLOAT: left;
3671         PADDING-TOP: 11px
3672 }
3673
3674 .activity-list .activityrow .act-duedate {
3675         PADDING-BOTTOM: 11px;
3676         PADDING-LEFT: 11px;
3677         PADDING-RIGHT: 11px;
3678         FLOAT: left;
3679         PADDING-TOP: 11px
3680 }
3681
3682 .activity-list .activityrow .act-status {
3683         PADDING-BOTTOM: 11px;
3684         PADDING-LEFT: 11px;
3685         PADDING-RIGHT: 11px;
3686         FLOAT: left;
3687         PADDING-TOP: 11px
3688 }
3689
3690 .activity-list .activityrow .act-cta {
3691         PADDING-BOTTOM: 11px;
3692         PADDING-LEFT: 11px;
3693         PADDING-RIGHT: 11px;
3694         FLOAT: left;
3695         PADDING-TOP: 11px
3696 }
3697
3698 .activity-list .activityrow .proj-name {
3699         PADDING-BOTTOM: 11px;
3700         PADDING-LEFT: 11px;
3701         PADDING-RIGHT: 11px;
3702         FLOAT: left;
3703         PADDING-TOP: 11px
3704 }
3705
3706 .activity-list .activityrow .act-duedate {
3707         PADDING-BOTTOM: 8px;
3708         PADDING-LEFT: 21px;
3709         WIDTH: 13%;
3710         PADDING-RIGHT: 21px;
3711         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif;
3712         PADDING-TOP: 8px
3713 }
3714
3715 .activity-list .activityrow .act-duedate .cat {
3716         FONT-FAMILY: "Omnes Medium", Arial, Serif
3717 }
3718
3719 .activity-list .activityrow .act-duedate .cont {
3720         LINE-HEIGHT: 22px
3721 }
3722
3723 .activity-list .activityrow .act-duedate .num {
3724         DISPLAY: none
3725 }
3726
3727 .activity-list .activityrow .act-duedate .due-date {
3728         WIDTH: 100%;
3729         FLOAT: left
3730 }
3731
3732 .activity-list .activityrow .act-status {
3733         PADDING-BOTTOM: 21px;
3734         PADDING-LEFT: 21px;
3735         WIDTH: 13%;
3736         PADDING-RIGHT: 21px;
3737         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif;
3738         PADDING-TOP: 21px
3739 }
3740
3741 .activity-list .activityrow .act-status .cat {
3742         FONT-FAMILY: "Omnes Medium", Arial, Serif
3743 }
3744
3745 .activity-list .activityrow .act-cta {
3746         PADDING-BOTTOM: 14px;
3747         PADDING-LEFT: 14px;
3748         WIDTH: 13%;
3749         PADDING-RIGHT: 14px;
3750         PADDING-TOP: 14px
3751 }
3752
3753 .activity-list .activityrow .act-cta .act-btn {
3754         PADDING-BOTTOM: 6px;
3755         PADDING-LEFT: 0px;
3756         WIDTH: 100%;
3757         PADDING-RIGHT: 0px;
3758         FONT-SIZE: 14px;
3759         PADDING-TOP: 6px
3760 }
3761
3762 .resources H3 {
3763         BORDER-BOTTOM: #ccc 1px solid;
3764         PADDING-BOTTOM: 10px;
3765         MARGIN: 20px -30px 10px;
3766         PADDING-LEFT: 30px;
3767         PADDING-RIGHT: 30px;
3768         PADDING-TOP: 0px
3769 }
3770
3771 #actrow4 .act-descrip .descrip {
3772         BORDER-BOTTOM: #ccc 1px solid
3773 }
3774
3775 #actrow4 .act-descrip .estimate {
3776         BORDER-BOTTOM: #ccc 1px solid
3777 }
3778
3779 .activity-detail-wrapper {
3780         BORDER-LEFT: #ccc 1px solid;
3781         MARGIN-LEFT: 15px
3782 }
3783
3784 .activity-detail-right {
3785         PADDING-BOTTOM: 50px;
3786         PADDING-LEFT: 30px;
3787         PADDING-RIGHT: 15px;
3788         PADDING-TOP: 15px
3789 }
3790
3791 .claimed-arrow {
3792         BORDER-BOTTOM: #ccc 1px solid;
3793         POSITION: absolute;
3794         BORDER-LEFT: 0px;
3795         PADDING-BOTTOM: 10px;
3796         BACKGROUND-COLOR: #fff;
3797         PADDING-LEFT: 5px;
3798         WIDTH: 19px;
3799         PADDING-RIGHT: 0px;
3800         HEIGHT: 35px;
3801         BORDER-TOP: #ccc 1px solid;
3802         TOP: 16px;
3803         CURSOR: pointer;
3804         RIGHT: -19px;
3805         BORDER-RIGHT: #ccc 1px solid;
3806         PADDING-TOP: 8px;
3807         border-radius: 0 4px 4px 0
3808 }
3809
3810 .sdc-slider {
3811         BORDER-BOTTOM: #ccc 1px solid;
3812         POSITION: relative;
3813         BORDER-LEFT: 0px;
3814         WIDTH: 265px;
3815         FLOAT: left;
3816         BORDER-TOP: #ccc 1px solid;
3817         MARGIN-RIGHT: 0px;
3818         BORDER-RIGHT: 0px;
3819         border-radius: 2px 0 2px 2px
3820 }
3821
3822 .resourcecenter.sdc-slider {
3823         BORDER-TOP: 0px
3824 }
3825
3826 .resourcecenter.sdc-slider .claimed-arrow {
3827         TOP: 20px
3828 }
3829
3830 .sdc-slider .btn-toggle {
3831         MARGIN: 10px;
3832         MIN-HEIGHT: 55px;
3833         DISPLAY: block;
3834         MAX-HEIGHT: 55px;
3835         OVERFLOW: hidden
3836 }
3837
3838 .sdc-slider .btn-toggle .btn {
3839         PADDING-BOTTOM: 5px;
3840         LINE-HEIGHT: 20px;
3841         PADDING-LEFT: 26px;
3842         PADDING-RIGHT: 26px;
3843         FONT-SIZE: 15px;
3844         PADDING-TOP: 5px
3845 }
3846
3847 .sdc-slider .btn-toggle .btn .num {
3848         FONT-SIZE: 20px
3849 }
3850
3851 .sdc-slider .btn-toggle .btn-default {
3852         BORDER-BOTTOM-COLOR: #ccc;
3853         BACKGROUND-COLOR: #f3f3f3;
3854         BORDER-TOP-COLOR: #ccc;
3855         COLOR: #666666;
3856         BORDER-RIGHT-COLOR: #ccc;
3857         BORDER-LEFT-COLOR: #ccc
3858 }
3859
3860 .sdc-slider .btn-toggle .btn-default:hover {
3861         BACKGROUND-COLOR: #067ab4;
3862         COLOR: #fff
3863 }
3864
3865 .sdc-slider .btn-toggle .btn-default:focus {
3866         BACKGROUND-COLOR: #067ab4;
3867         COLOR: #fff
3868 }
3869
3870 .sdc-slider .btn-toggle .btn-default:active {
3871         BACKGROUND-COLOR: #067ab4;
3872         COLOR: #fff
3873 }
3874
3875 .sdc-slider .btn-toggle .active.btn-default {
3876         BACKGROUND-COLOR: #067ab4;
3877         COLOR: #fff
3878 }
3879
3880 .sdc-slider .btn-toggle .open .btn-default.dropdown-toggle {
3881         BACKGROUND-COLOR: #067ab4;
3882         COLOR: #fff
3883 }
3884
3885 .sdc-slider .icon-claim_slide_left {
3886         COLOR: #067ab4 !important;
3887         MARGIN-LEFT: -8px !important
3888 }
3889
3890 .sdc-slider .icon-claim_slide_right {
3891         COLOR: #067ab4 !important;
3892         MARGIN-LEFT: -8px !important
3893 }
3894
3895 .sdc-slider .sliderhead {
3896         BORDER-BOTTOM: #ccc 1px solid;
3897         POSITION: relative;
3898         PADDING-BOTTOM: 20px;
3899         MIN-HEIGHT: 75px;
3900         PADDING-LEFT: 20px;
3901         PADDING-RIGHT: 20px;
3902         FONT-SIZE: 13px;
3903         OVERFLOW: hidden;
3904         PADDING-TOP: 20px
3905 }
3906
3907 .sdc-slider .sliderhead A.btn {
3908         TEXT-ALIGN: center;
3909         WIDTH: 100%
3910 }
3911
3912 .sdc-slider .sliderhead A.btn SPAN {
3913         PADDING-RIGHT: 10px
3914 }
3915
3916 .sdc-slider .dropdown {
3917         POSITION: absolute;
3918         MIN-WIDTH: 220px;
3919         MARGIN-TOP: 0px;
3920         BOTTOM: 20px;
3921         TOP: 20px;
3922         RIGHT: 20px;
3923         LEFT: 20px
3924 }
3925
3926 .sdc-slider .activityrow {
3927         BACKGROUND-COLOR: #fff;
3928         HEIGHT: 80px;
3929         OVERFLOW: hidden;
3930         BORDER-TOP: #ccc 1px solid
3931 }
3932
3933 .sdc-slider .activityrow .activerow {
3934         WIDTH: 15px;
3935         FLOAT: left;
3936         HEIGHT: 100%
3937 }
3938
3939 .sdc-slider .activityrow .inactiverow {
3940         WIDTH: 15px;
3941         FLOAT: left;
3942         HEIGHT: 100%
3943 }
3944
3945 .sdc-slider .activityrow .activerow {
3946         BACKGROUND-COLOR: #f47b20
3947 }
3948
3949 .sdc-slider .activityrow .inactiverow {
3950         BACKGROUND-COLOR: transparent
3951 }
3952
3953 .sdc-slider .activityrow .activityinfo {
3954         PADDING-BOTTOM: 0px;
3955         PADDING-LEFT: 20px;
3956         PADDING-RIGHT: 10px;
3957         FLOAT: left;
3958         COLOR: #067ab4;
3959         PADDING-TOP: 10px
3960 }
3961
3962 .sdc-slider .activityrow .activityinfo .actname {
3963         FONT-SIZE: 14px
3964 }
3965
3966 .sdc-slider .activityrow .activityinfo .actprojectid {
3967         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif;
3968         FONT-SIZE: 13px
3969 }
3970
3971 .sdc-slider .activityrow .activityinfo .actprogress {
3972         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif;
3973         COLOR: #666666;
3974         FONT-SIZE: 13px
3975 }
3976
3977 .sdc-slider .resourcerow {
3978         BACKGROUND-COLOR: #fff;
3979         HEIGHT: 42px;
3980         OVERFLOW: hidden;
3981         BORDER-TOP: #ccc 1px solid
3982 }
3983
3984 .sdc-slider .resourcerow .activerow {
3985         WIDTH: 15px;
3986         FLOAT: left;
3987         HEIGHT: 100%
3988 }
3989
3990 .sdc-slider .resourcerow .inactiverow {
3991         WIDTH: 15px;
3992         FLOAT: left;
3993         HEIGHT: 100%
3994 }
3995
3996 .sdc-slider .resourcerow .activerow {
3997         BACKGROUND-COLOR: #f47b20
3998 }
3999
4000 .sdc-slider .resourcerow .inactiverow {
4001         BACKGROUND-COLOR: transparent
4002 }
4003
4004 .sdc-slider .resourcerow A.resourcename {
4005         PADDING-BOTTOM: 0px;
4006         PADDING-LEFT: 30px;
4007         WIDTH: 100%;
4008         PADDING-RIGHT: 0px;
4009         DISPLAY: block;
4010         COLOR: #067ab4;
4011         FONT-SIZE: 14px;
4012         PADDING-TOP: 10px
4013 }
4014
4015 .sdc-slider #activityrow-first {
4016         box-shadow: inset 0px 4px 5px -1px rgba(0, 0, 0, 0.08);
4017         -webkit-box-shadow: inset 0px 4px 5px -1px rgba(0, 0, 0, 0.08);
4018         -moz-box-shadow: inset 0px 4px 5px -1px rgba(0, 0, 0, 0.08)
4019 }
4020
4021 .sdc-slider #resourcerow-first {
4022         box-shadow: inset 0px 4px 5px -1px rgba(0, 0, 0, 0.08);
4023         -webkit-box-shadow: inset 0px 4px 5px -1px rgba(0, 0, 0, 0.08);
4024         -moz-box-shadow: inset 0px 4px 5px -1px rgba(0, 0, 0, 0.08)
4025 }
4026
4027 .background-open {
4028
4029 }
4030
4031 .background-open .sliderhead {
4032         OVERFLOW: visible
4033 }
4034
4035 .background-closed {
4036
4037 }
4038
4039 .background-closed .sliderhead {
4040         PADDING-BOTTOM: 0px;
4041         PADDING-LEFT: 0px;
4042         PADDING-RIGHT: 0px;
4043         OVERFLOW: hidden;
4044         PADDING-TOP: 0px
4045 }
4046
4047 .claimed-activities {
4048         POSITION: relative;
4049         WIDTH: 100%
4050 }
4051
4052 .claimed-activities .row {
4053         MARGIN: 3px 0px 0px
4054 }
4055
4056 .claimed-activities .row .floatingdate {
4057         POSITION: absolute;
4058         LINE-HEIGHT: 17px;
4059         TOP: 0px;
4060         LEFT: 100px
4061 }
4062
4063 .claimed-activities .row .floatingdate .fldate1 {
4064         FONT-SIZE: 14px
4065 }
4066
4067 .claimed-activities .row .floatingdate .fldate2 {
4068         FONT-SIZE: 12px
4069 }
4070
4071 .claimed-activities .btn-gap {
4072         MARGIN-RIGHT: 15px
4073 }
4074
4075 .claimed-activities .introPanel {
4076         WIDTH: 100%
4077 }
4078
4079 .claimed-activities .progress-timeline {
4080         BORDER-BOTTOM: #ccc 1px solid;
4081         BORDER-LEFT: #ccc 1px solid;
4082         PADDING-BOTTOM: 0px;
4083         MARGIN: 20px 0px;
4084         BORDER-TOP: #ccc 1px solid;
4085         BORDER-RIGHT: #ccc 1px solid;
4086         PADDING-TOP: 15px;
4087         border-radius: 4px
4088 }
4089
4090 .claimed-activities .progress-timeline .pt-heading {
4091         LINE-HEIGHT: 30px;
4092         COLOR: #f47b20;
4093         FONT-SIZE: 26px
4094 }
4095
4096 .claimed-activities .progress-timeline .separator {
4097         BORDER-BOTTOM: #ccc 1px solid;
4098         PADDING-BOTTOM: 0px;
4099         MARGIN: 0px -15px;
4100         PADDING-LEFT: 15px;
4101         PADDING-RIGHT: 15px;
4102         PADDING-TOP: 0px
4103 }
4104
4105 .claimed-activities .progress-timeline .prjname {
4106         PADDING-BOTTOM: 20px;
4107         FONT-STYLE: italic;
4108         COLOR: #067ab4;
4109         PADDING-TOP: 10px
4110 }
4111
4112 .claimed-activities .progress-timeline .timeline {
4113         PADDING-BOTTOM: 10px;
4114         BACKGROUND-COLOR: #f3f3f3;
4115         MARGIN: 0px -15px;
4116         PADDING-LEFT: 0px;
4117         PADDING-RIGHT: 0px;
4118         PADDING-TOP: 5px
4119 }
4120
4121 .claimed-activities .progress-timeline .timeline .timeline-inner {
4122         MAX-WIDTH: 1000px
4123 }
4124
4125 .claimed-activities .progress-timeline .timeline .phase {
4126         TEXT-ALIGN: center;
4127         WIDTH: 19%;
4128         FONT-FAMILY: "Omnes Regular", Arial, Serif;
4129         FLOAT: left;
4130         COLOR: #b9b9b9;
4131         FONT-SIZE: 16px
4132 }
4133
4134 .claimed-activities .progress-timeline .timeline .phase SPAN {
4135         FONT-SIZE: 16px
4136 }
4137
4138 .claimed-activities .progress-timeline .timeline .phase [class^='icon-']:before
4139         {
4140         PADDING-RIGHT: 3px;
4141         FONT-SIZE: 24px;
4142         VERTICAL-ALIGN: middle
4143 }
4144
4145 .claimed-activities .progress-timeline .timeline .phase .icon-tools:before
4146         {
4147         FONT-SIZE: 20px
4148 }
4149
4150 .claimed-activities .progress-timeline .timeline .phase .icon SPAN:before
4151         {
4152         FONT-SIZE: 45px
4153 }
4154
4155 .claimed-activities .progress-timeline .timeline .active.phase {
4156         COLOR: #f47b20
4157 }
4158
4159 .claimed-activities .progress-timeline .timeline .complete.phase {
4160         COLOR: #666666
4161 }
4162
4163 .claimed-activities .panel {
4164         MARGIN-BOTTOM: 14px
4165 }
4166
4167 .claimed-activities .panel .panel-body {
4168
4169 }
4170
4171 .claimed-activities .panel .panel-body FORM P {
4172         FONT-FAMILY: "Omnes Regular", Arial, Serif;
4173         FONT-SIZE: 16px;
4174         FONT-WEIGHT: 400
4175 }
4176
4177 .claimed-activities .panel H4 {
4178         FONT-SIZE: 20px
4179 }
4180
4181 .claimed-activities .panel H5 {
4182         FONT-SIZE: 20px
4183 }
4184
4185 .claimed-activities .panel .attachment {
4186         BORDER-BOTTOM: #ccc 1px solid;
4187         BORDER-LEFT: #ccc 1px solid;
4188         PADDING-BOTTOM: 5px;
4189         PADDING-LEFT: 5px;
4190         WIDTH: 50%;
4191         PADDING-RIGHT: 5px;
4192         DISPLAY: inline-block;
4193         MARGIN-BOTTOM: 10px;
4194         BORDER-TOP: #ccc 1px solid;
4195         BORDER-RIGHT: #ccc 1px solid;
4196         PADDING-TOP: 5px
4197 }
4198
4199 .claimed-activities .panel .attachment .icon-file {
4200         COLOR: #666666;
4201         MARGIN-RIGHT: 8px
4202 }
4203
4204 .claimed-activities .panel .close-icon {
4205         DISPLAY: inline-block;
4206         COLOR: #666666;
4207         MARGIN-LEFT: 5px;
4208         FONT-SIZE: 26px;
4209         VERTICAL-ALIGN: middle
4210 }
4211
4212 .claimed-activities .panel .attach-icon {
4213         DISPLAY: block;
4214         COLOR: #ff0000;
4215         MARGIN-LEFT: 5px;
4216         FONT-SIZE: 24px;
4217         VERTICAL-ALIGN: middle
4218 }
4219
4220 .claimed-activities .panel .btn-attach {
4221         PADDING-BOTTOM: 5px;
4222         BACKGROUND-COLOR: #067ab4;
4223         PADDING-LEFT: 10px;
4224         PADDING-RIGHT: 10px;
4225         DISPLAY: inline-block;
4226         COLOR: #fff;
4227         FONT-SIZE: 24px;
4228         VERTICAL-ALIGN: middle;
4229         CURSOR: pointer;
4230         MARGIN-RIGHT: 10px;
4231         PADDING-TOP: 5px;
4232         border-radius: 4px
4233 }
4234
4235 .claimed-activities .panel TEXTAREA.form-control {
4236         WIDTH: 100%
4237 }
4238
4239 .claimed-activities .panel .btn-gap {
4240         MARGIN-LEFT: 15px
4241 }
4242
4243 .claimed-activities .panel .btn {
4244         WIDTH: 80px
4245 }
4246
4247 .content:before {
4248         DISPLAY: table;
4249         CONTENT: ''
4250 }
4251
4252 .content:after {
4253         DISPLAY: table;
4254         CONTENT: ''
4255 }
4256
4257 .summary-cont:before {
4258         DISPLAY: table;
4259         CONTENT: ''
4260 }
4261
4262 .summary-cont:after {
4263         DISPLAY: table;
4264         CONTENT: ''
4265 }
4266
4267 .content:after {
4268         CLEAR: both
4269 }
4270
4271 .summary-cont:after {
4272         CLEAR: both
4273 }
4274
4275 INPUT[type='checkbox']+LABEL {
4276         PADDING-LEFT: 30px;
4277         FONT-FAMILY: "Omnes Medium", Arial, Serif;
4278         BACKGROUND: url(../images/checkbox_off.png) no-repeat;
4279         HEIGHT: 19px;
4280         FONT-WEIGHT: 400
4281 }
4282
4283 .iframe {
4284         BACKGROUND-COLOR: #f3f3f3;
4285         MARGIN-TOP: -8px;
4286         WIDTH: 75%;
4287         MARGIN-BOTTOM: 50px;
4288         FLOAT: right;
4289         MAX-HEIGHT: 565px;
4290         MARGIN-RIGHT: -15px
4291 }
4292
4293 .iframe .iframe-content {
4294         BORDER-BOTTOM: #ccc 1px solid;
4295         TEXT-ALIGN: center;
4296         BORDER-LEFT: #ccc 1px solid;
4297         PADDING-BOTTOM: 40px;
4298         OVERFLOW-X: hidden;
4299         OVERFLOW-Y: scroll;
4300         BACKGROUND-COLOR: #fff;
4301         MARGIN: 30px;
4302         PADDING-LEFT: 40px;
4303         PADDING-RIGHT: 40px;
4304         COLOR: #666666;
4305         MAX-HEIGHT: 87%;
4306         BORDER-TOP: #ccc 1px solid;
4307         BORDER-RIGHT: #ccc 1px solid;
4308         PADDING-TOP: 40px
4309 }
4310
4311 .breadcrumb {
4312         PADDING-BOTTOM: 8px;
4313         BACKGROUND-COLOR: transparent;
4314         LIST-STYLE-TYPE: none;
4315         PADDING-LEFT: 15px;
4316         PADDING-RIGHT: 15px;
4317         MARGIN-BOTTOM: 20px;
4318         LIST-STYLE-IMAGE: none;
4319         PADDING-TOP: 8px;
4320         border-radius: 0
4321 }
4322
4323 .error {
4324         COLOR: #b30a3c;
4325         VERTICAL-ALIGN: middle
4326 }
4327
4328 .error .glyphicon {
4329         MARGIN-RIGHT: 8px
4330 }
4331
4332 .error .remaining {
4333         BORDER-BOTTOM: #b30a3c 1px solid;
4334         BORDER-LEFT: #b30a3c 1px solid;
4335         PADDING-BOTTOM: 3px;
4336         PADDING-LEFT: 5px;
4337         PADDING-RIGHT: 5px;
4338         FONT-SIZE: 12px;
4339         BORDER-TOP: #b30a3c 1px solid;
4340         BORDER-RIGHT: #b30a3c 1px solid;
4341         PADDING-TOP: 3px;
4342         border-radius: 3px
4343 }
4344
4345 .fair {
4346         COLOR: #f47b20;
4347         VERTICAL-ALIGN: middle
4348 }
4349
4350 .fair .glyphicon {
4351         MARGIN-RIGHT: 8px
4352 }
4353
4354 .good {
4355         COLOR: #4ca90c;
4356         VERTICAL-ALIGN: middle;
4357         MARGIN-RIGHT: 10px
4358 }
4359
4360 .good .glyphicon {
4361         MARGIN-RIGHT: 8px
4362 }
4363
4364 .remaining {
4365         BORDER-BOTTOM: #ccc 1px solid;
4366         TEXT-ALIGN: center;
4367         BORDER-LEFT: #ccc 1px solid;
4368         PADDING-BOTTOM: 3px;
4369         PADDING-LEFT: 5px;
4370         PADDING-RIGHT: 5px;
4371         FONT-SIZE: 12px;
4372         BORDER-TOP: #ccc 1px solid;
4373         BORDER-RIGHT: #ccc 1px solid;
4374         PADDING-TOP: 3px;
4375         border-radius: 3px
4376 }
4377
4378 .star-active {
4379         COLOR: #fcb314
4380 }
4381
4382 .star-inactive {
4383         COLOR: #f3f3f3
4384 }
4385
4386 .emphasistext {
4387         FONT-FAMILY: "Omnes Regular Medium", Arial, Serif
4388 }
4389
4390 .notAuth {
4391         TEXT-ALIGN: center;
4392         BACKGROUND-COLOR: #f3f3f3
4393 }
4394
4395 .unsuppored-browser {
4396         TEXT-ALIGN: center;
4397         BACKGROUND-COLOR: #f3f3f3
4398 }
4399
4400 .notAuth header {
4401         BORDER-BOTTOM: medium none;
4402         BORDER-LEFT: medium none;
4403         BACKGROUND-COLOR: #f3f3f3;
4404         BORDER-TOP: medium none;
4405         BORDER-RIGHT: medium none
4406 }
4407
4408 .notAuth .content {
4409         BORDER-BOTTOM: medium none;
4410         BORDER-LEFT: medium none;
4411         BACKGROUND-COLOR: #f3f3f3;
4412         BORDER-TOP: medium none;
4413         BORDER-RIGHT: medium none
4414 }
4415
4416 .unsuppored-browser header {
4417         BORDER-BOTTOM: medium none;
4418         BORDER-LEFT: medium none;
4419         BACKGROUND-COLOR: #f3f3f3;
4420         BORDER-TOP: medium none;
4421         BORDER-RIGHT: medium none
4422 }
4423
4424 .unsuppored-browser .content {
4425         BORDER-BOTTOM: medium none;
4426         BORDER-LEFT: medium none;
4427         BACKGROUND-COLOR: #f3f3f3;
4428         BORDER-TOP: medium none;
4429         BORDER-RIGHT: medium none
4430 }
4431
4432 .notAuth H2 {
4433         MARGIN-BOTTOM: 40px
4434 }
4435
4436 .unsuppored-browser H2 {
4437         MARGIN-BOTTOM: 40px
4438 }
4439
4440 .notAuth P {
4441         MARGIN-BOTTOM: 20px
4442 }
4443
4444 .unsuppored-browser P {
4445         MARGIN-BOTTOM: 20px
4446 }
4447
4448 .notAuth .linkarea {
4449         TEXT-ALIGN: center;
4450         MARGIN: 0px auto;
4451         WIDTH: 90%
4452 }
4453
4454 .unsuppored-browser .linkarea {
4455         TEXT-ALIGN: center;
4456         MARGIN: 0px auto;
4457         WIDTH: 90%
4458 }
4459
4460 .notAuth .linkarea A {
4461         DISPLAY: inline-block;
4462         MARGIN-RIGHT: 30px
4463 }
4464
4465 .unsuppored-browser .linkarea A {
4466         DISPLAY: inline-block;
4467         MARGIN-RIGHT: 30px
4468 }
4469
4470 .notAuth .linkarea A SPAN {
4471         DISPLAY: block
4472 }
4473
4474 .unsuppored-browser .linkarea A SPAN {
4475         DISPLAY: block
4476 }
4477
4478 .error404 .content {
4479         BORDER-BOTTOM: medium none;
4480         TEXT-ALIGN: center;
4481         BORDER-LEFT: medium none;
4482         HEIGHT: 600px;
4483         BORDER-TOP: medium none;
4484         BORDER-RIGHT: medium none
4485 }
4486
4487 .error404 H3 {
4488         MARGIN-BOTTOM: 40px
4489 }
4490
4491 .modal.notifications .modal-dialog {
4492         WIDTH: 50%
4493 }
4494
4495 .modal.notifications .modal-dialog .modal-header {
4496         PADDING-BOTTOM: 0px;
4497         MARGIN-TOP: 20px;
4498         PADDING-LEFT: 15px;
4499         PADDING-RIGHT: 15px;
4500         MARGIN-BOTTOM: 0px;
4501         HEIGHT: 40px;
4502         PADDING-TOP: 0px
4503 }
4504
4505 .modal.notifications .modal-dialog .modal-header .modal-title {
4506         MARGIN-LEFT: 0px
4507 }
4508
4509 .modal.notifications .modal-dialog .modal-body {
4510         PADDING-BOTTOM: 0px;
4511         PADDING-LEFT: 0px;
4512         PADDING-RIGHT: 0px;
4513         PADDING-TOP: 0px
4514 }
4515
4516 .modal.notifications .modal-dialog .modal-body .row {
4517         BORDER-BOTTOM: #b9b9b9 1px solid
4518 }
4519
4520 .modal.notifications .modal-dialog .modal-body .row .row-inner {
4521         PADDING-BOTTOM: 10px;
4522         PADDING-LEFT: 30px;
4523         PADDING-RIGHT: 30px;
4524         PADDING-TOP: 10px
4525 }
4526
4527 .modal.notifications .modal-dialog .modal-body .row .row-content {
4528         WIDTH: 80%;
4529         FLOAT: left
4530 }
4531
4532 .modal.notifications .modal-dialog .modal-body .row BUTTON {
4533         MARGIN-TOP: 20px;
4534         FLOAT: right;
4535         MARGIN-RIGHT: 20px
4536 }
4537
4538 .modal.notifications .modal-dialog .notifications-list {
4539         OVERFLOW-X: hidden;
4540         OVERFLOW-Y: scroll;
4541         MAX-HEIGHT: 300px
4542 }
4543
4544 .modal.notifications .modal-dialog .modal-footer {
4545         PADDING-BOTTOM: 20px;
4546         MARGIN-TOP: 0px;
4547         PADDING-LEFT: 35px;
4548         PADDING-RIGHT: 35px;
4549         HEIGHT: 40px;
4550         PADDING-TOP: 10px;
4551         box-shadow: 0 -13px 10px -15px rgba(0, 0, 0, 0.2);
4552         -webkit-box-shadow: 0 -13px 10px -15px rgba(0, 0, 0, 0.2);
4553         -moz-box-shadow: 0 -13px 10px -15px rgba(0, 0, 0, 0.2)
4554 }
4555
4556 .modal.notifications .modal-dialog .modal-footer P {
4557         FLOAT: left
4558 }
4559
4560 .modal.feedback .modal-dialog {
4561         WIDTH: 50%
4562 }
4563
4564 .modal.feedback .modal-dialog .modal-header {
4565         BORDER-BOTTOM: #ccc 1px solid
4566 }
4567
4568 .modal.feedback .modal-dialog .modal-header A {
4569         PADDING-RIGHT: 15px
4570 }
4571
4572 .modal.feedback .modal-dialog .modal-header A SPAN {
4573         PADDING-RIGHT: 0px
4574 }
4575
4576 .modal.feedback .modal-dialog .modal-title {
4577         COLOR: #666666;
4578         MARGIN-LEFT: 11px;
4579         FONT-SIZE: 24px
4580 }
4581
4582 .modal.feedback .modal-dialog H4 {
4583         MARGIN-LEFT: 11px
4584 }
4585
4586 .modal.feedback .modal-dialog H5 {
4587         MARGIN-LEFT: 11px
4588 }
4589
4590 .modal.feedback .modal-dialog .modal-body {
4591         PADDING-BOTTOM: 0px;
4592         PADDING-LEFT: 0px;
4593         PADDING-RIGHT: 0px;
4594         PADDING-TOP: 0px
4595 }
4596
4597 .modal.feedback .modal-dialog .modal-body .dropdown {
4598         MARGIN-TOP: 5px;
4599         WIDTH: 60%;
4600         DISPLAY: inline-block
4601 }
4602
4603 .modal.feedback .modal-dialog .modal-body .optional.dropdown:after {
4604         FONT-STYLE: italic;
4605         DISPLAY: inline;
4606         CONTENT: 'Optional'
4607 }
4608
4609 .modal.feedback .modal-dialog .modal-body INPUT {
4610         WIDTH: 75%
4611 }
4612
4613 .modal.feedback .modal-dialog .modal-body TEXTAREA {
4614         BORDER-BOTTOM-COLOR: #ccc;
4615         BORDER-TOP-COLOR: #ccc;
4616         WIDTH: 100%;
4617         BORDER-RIGHT-COLOR: #ccc;
4618         BORDER-LEFT-COLOR: #ccc;
4619         border-radius: 4px
4620 }
4621
4622 .modal.feedback .modal-dialog .modal-body .optional {
4623         MARGIN-LEFT: 15px
4624 }
4625
4626 .modal.feedback .modal-dialog .modal-body .optional-info INPUT {
4627         WIDTH: 50%;
4628         FLOAT: left;
4629         CLEAR: both
4630 }
4631
4632 .modal.feedback .modal-dialog .modal-body .optional-info .optional {
4633         MARGIN-TOP: 5px;
4634         DISPLAY: inline-block;
4635         FONT-SIZE: 12px
4636 }
4637
4638 .modal.feedback .modal-dialog .modal-body .row {
4639         BORDER-BOTTOM: #ccc 1px solid
4640 }
4641
4642 .modal.feedback .modal-dialog .modal-body .row .row-inner {
4643         PADDING-BOTTOM: 10px;
4644         PADDING-LEFT: 30px;
4645         PADDING-RIGHT: 30px;
4646         PADDING-TOP: 10px
4647 }
4648
4649 .modal.feedback .modal-dialog .modal-body .row .row-content {
4650         WIDTH: 80%;
4651         FLOAT: left;
4652         MARGIN-LEFT: 11px
4653 }
4654
4655 .modal.feedback .modal-dialog .modal-body .row .row-content H5 {
4656         MARGIN-LEFT: 0px
4657 }
4658
4659 .modal.feedback .modal-dialog .modal-body .row LABEL {
4660         MARGIN-TOP: 10px;
4661         DISPLAY: block;
4662         MARGIN-BOTTOM: 5px;
4663         FONT-WEIGHT: normal
4664 }
4665
4666 .modal.feedback .modal-dialog .modal-body .row BUTTON {
4667         MARGIN-TOP: 20px;
4668         FLOAT: right;
4669         MARGIN-RIGHT: 20px
4670 }
4671
4672 .modal.feedback .modal-dialog .feedback-form {
4673         OVERFLOW-X: hidden;
4674         OVERFLOW-Y: scroll;
4675         MAX-HEIGHT: 300px
4676 }
4677
4678 .modal.feedback .modal-dialog .modal-footer {
4679         PADDING-BOTTOM: 20px;
4680         BACKGROUND-COLOR: #f3f3f3;
4681         MARGIN-TOP: 0px;
4682         PADDING-LEFT: 20px;
4683         PADDING-RIGHT: 20px;
4684         HEIGHT: 60px;
4685         PADDING-TOP: 10px;
4686         box-shadow: 0 -13px 10px -15px rgba(0, 0, 0, 0.2);
4687         -webkit-box-shadow: 0 -13px 10px -15px rgba(0, 0, 0, 0.2);
4688         -moz-box-shadow: 0 -13px 10px -15px rgba(0, 0, 0, 0.2)
4689 }
4690
4691 H4.desktop-only {
4692         TEXT-ALIGN: center
4693 }
4694
4695 .activitydetail.sdc-slider .sliderhead {
4696         BORDER-BOTTOM: #ccc 1px solid;
4697         PADDING-BOTTOM: 15px;
4698         PADDING-LEFT: 15px;
4699         PADDING-RIGHT: 15px;
4700         PADDING-TOP: 15px
4701 }
4702
4703 .activitydetail.sdc-slider .searcher.sliderhead INPUT {
4704         BORDER-BOTTOM: #bbb 1px solid;
4705         POSITION: absolute;
4706         MIN-WIDTH: 230px;
4707         BORDER-LEFT: #bbb 1px solid;
4708         MARGIN-TOP: 0px;
4709         PADDING-LEFT: 30px;
4710         BOTTOM: 20px;
4711         HEIGHT: 32px;
4712         FONT-SIZE: 14px;
4713         BORDER-TOP: #bbb 1px solid;
4714         TOP: 20px;
4715         RIGHT: 15px;
4716         BORDER-RIGHT: #bbb 1px solid;
4717         LEFT: 15px;
4718         border-radius: 4px
4719 }
4720
4721 .activitydetail.sdc-slider .searcher.sliderhead SPAN {
4722         Z-INDEX: 10;
4723         POSITION: absolute;
4724         MARGIN-TOP: 0px;
4725         WIDTH: 20px;
4726         BOTTOM: 20px;
4727         DISPLAY: block;
4728         HEIGHT: 20px;
4729         COLOR: #ccc;
4730         FONT-SIZE: 23px;
4731         TOP: 24px;
4732         LEFT: 20px
4733 }
4734
4735 .activitydetail.sdc-slider .btn-toggle {
4736         MARGIN: 0px
4737 }
4738
4739 .activitydetail.sdc-slider .btn-toggle-inside {
4740         POSITION: absolute;
4741         MIN-WIDTH: 220px;
4742         MARGIN-TOP: 0px;
4743         BOTTOM: 10px;
4744         TOP: 10px;
4745         RIGHT: 10px;
4746         LEFT: 10px
4747 }
4748
4749 .activitydetail.sdc-slider .btn-toggle-inside INPUT[type='radio'] {
4750         DISPLAY: none
4751 }
4752
4753 .activitydetail.sdc-slider .btn-toggle-inside .btn:first-child {
4754         border-radius: 4px 0 0 4px
4755 }
4756
4757 .background-closed.activitydetail.sdc-slider .btn-toggle {
4758         PADDING-BOTTOM: 0px;
4759         PADDING-LEFT: 0px;
4760         PADDING-RIGHT: 0px;
4761         PADDING-TOP: 0px
4762 }
4763
4764 .background-closed.activitydetail.sdc-slider .sliderhead {
4765         PADDING-BOTTOM: 0px;
4766         PADDING-LEFT: 0px;
4767         PADDING-RIGHT: 0px;
4768         PADDING-TOP: 0px
4769 }
4770
4771 .sdc-hero-images {
4772         PADDING-BOTTOM: 15px;
4773         MARGIN-RIGHT: -15px
4774 }
4775
4776 .sdc-hero-images .tab-pane {
4777         MIN-HEIGHT: 450px;
4778         MAX-HEIGHT: 450px;
4779         OVERFLOW: hidden;
4780         border-radius: 4px 0 0 4px
4781 }
4782
4783 .sdc-hero-images .tab-pane .bg {
4784         POSITION: relative;
4785         BACKGROUND-COLOR: #f47b20;
4786         WIDTH: 100%;
4787         FLOAT: left;
4788         HEIGHT: 100%
4789 }
4790
4791 .sdc-hero-images .tab-pane .bg .text {
4792         Z-INDEX: 200;
4793         POSITION: absolute;
4794         PADDING-BOTTOM: 30px;
4795         PADDING-LEFT: 30px;
4796         WIDTH: 40%;
4797         PADDING-RIGHT: 90px;
4798         FLOAT: left;
4799         PADDING-TOP: 30px
4800 }
4801
4802 .sdc-hero-images .tab-pane .bg .text H2 {
4803         PADDING-BOTTOM: 15px;
4804         COLOR: #fff
4805 }
4806
4807 .sdc-hero-images .tab-pane .bg .text P {
4808         PADDING-BOTTOM: 15px;
4809         COLOR: #fff
4810 }
4811
4812 .sdc-hero-images .tab-pane .bg .text P {
4813         FONT-SIZE: 15px
4814 }
4815
4816 .sdc-hero-images .tab-pane .bg .text H2 {
4817         MARGIN: 0px;
4818         FONT-SIZE: 40px
4819 }
4820
4821 .sdc-hero-images .tab-pane .bg .imgwrap {
4822         POSITION: relative;
4823         WIDTH: 75%;
4824         FLOAT: right;
4825         HEIGHT: 450px
4826 }
4827
4828 .sdc-hero-images .tab-pane .bg .imgwrap IMG.overlay {
4829         POSITION: absolute;
4830         TOP: 0px;
4831         LEFT: 0px
4832 }
4833
4834 .sdc-hero-images .tab-pane .bg .imgwrap IMG.photo {
4835         WIDTH: 100%;
4836         DISPLAY: block;
4837         HEIGHT: auto;
4838         MAX-HEIGHT: none
4839 }
4840
4841 .sdc-hero-nav {
4842         MARGIN-LEFT: -15px
4843 }
4844
4845 .sdc-hero-nav .nav-pills {
4846         DISPLAY: block
4847 }
4848
4849 .sdc-hero-nav .nav-pills LI {
4850         BOX-SIZING: border-box;
4851         BORDER-BOTTOM: 0px;
4852         BORDER-LEFT: medium none;
4853         LINE-HEIGHT: 90px;
4854         MARGIN: 0px;
4855         HEIGHT: 90px;
4856         FONT-SIZE: 16px;
4857         BORDER-TOP: #ccc 1px solid;
4858         BORDER-RIGHT: #ccc 1px solid;
4859         border-radius: 0
4860 }
4861
4862 .sdc-hero-nav .nav-pills LI:first-child {
4863         BORDER-TOP: #ccc 1px solid
4864 }
4865
4866 .sdc-hero-nav .nav-pills LI.active {
4867         BORDER-BOTTOM: medium none;
4868         BORDER-LEFT: medium none;
4869         BORDER-TOP: #ccc 1px solid;
4870         BORDER-RIGHT: #ccc 1px solid;
4871         border-radius: 0
4872 }
4873
4874 .sdc-hero-nav .nav-pills LI.active:first-child {
4875         BORDER-TOP: #ccc 1px solid
4876 }
4877
4878 .sdc-hero-nav .nav-pills LI.active A {
4879         BACKGROUND: none transparent scroll repeat 0% 0%;
4880         COLOR: #f47b20;
4881         BORDER-RIGHT: #f47b20 15px solid
4882 }
4883
4884 .sdc-hero-nav .nav-pills LI A {
4885         PADDING-BOTTOM: 0px;
4886         PADDING-LEFT: 30px;
4887         PADDING-RIGHT: 0px;
4888         VERTICAL-ALIGN: middle;
4889         PADDING-TOP: 0px;
4890         border-radius: 0
4891 }
4892
4893 .sdc-hero-nav .nav-pills LI A:hover {
4894         BACKGROUND: none transparent scroll repeat 0% 0%
4895 }
4896
4897 .sdc-hero-nav .mobile-menu {
4898         DISPLAY: none
4899 }
4900
4901 .main-page-panel {
4902         BORDER-BOTTOM: #ccc 1px solid;
4903         BORDER-LEFT: #ccc 1px solid;
4904         MARGIN-BOTTOM: 30px;
4905         BORDER-TOP: #ccc 1px solid;
4906         BORDER-RIGHT: #ccc 1px solid;
4907         border-radius: 4px
4908 }
4909
4910 .main-page-panel H4 {
4911         BORDER-BOTTOM: #ccc 1px solid;
4912         PADDING-BOTTOM: 15px;
4913         MARGIN: 0px;
4914         PADDING-LEFT: 30px;
4915         PADDING-RIGHT: 15px;
4916         COLOR: #f47b20;
4917         FONT-SIZE: 24px;
4918         PADDING-TOP: 10px
4919 }
4920
4921 .main-page-panel .content {
4922         BORDER-BOTTOM: 0px;
4923         BORDER-LEFT: 0px;
4924         PADDING-BOTTOM: 0px;
4925         MARGIN: 0px;
4926         MIN-HEIGHT: 0px;
4927         PADDING-LEFT: 0px;
4928         PADDING-RIGHT: 0px;
4929         BORDER-TOP: 0px;
4930         BORDER-RIGHT: 0px;
4931         PADDING-TOP: 0px
4932 }
4933
4934 .main-page-panel .content .summary-btn {
4935         MARGIN-TOP: 23px
4936 }
4937
4938 .main-page-panel .content H5 {
4939         PADDING-BOTTOM: 10px;
4940         FONT-SIZE: 20px
4941 }
4942
4943 .main-page-panel .content .summary {
4944         BORDER-BOTTOM: #ccc 1px solid;
4945         PADDING-BOTTOM: 15px;
4946         BACKGROUND-COLOR: #f3f3f3;
4947         PADDING-LEFT: 30px;
4948         PADDING-RIGHT: 30px;
4949         PADDING-TOP: 15px
4950 }
4951
4952 .main-page-panel .content .block {
4953         BORDER-BOTTOM: #ccc 1px solid;
4954         PADDING-BOTTOM: 30px;
4955         PADDING-LEFT: 30px;
4956         PADDING-RIGHT: 30px;
4957         PADDING-TOP: 30px
4958 }
4959
4960 .main-page-panel .content .selectors.block {
4961         PADDING-BOTTOM: 25px;
4962         PADDING-LEFT: 30px;
4963         PADDING-RIGHT: 30px;
4964         PADDING-TOP: 20px
4965 }
4966
4967 .main-page-panel .content .selectors.block H5 {
4968         PADDING-BOTTOM: 0px;
4969         LINE-HEIGHT: 1;
4970         MARGIN-TOP: 0px;
4971         MARGIN-BOTTOM: 10px;
4972         FONT-SIZE: 14px
4973 }
4974
4975 .main-page-panel .content .row.block {
4976         PADDING-BOTTOM: 30px;
4977         PADDING-LEFT: 30px;
4978         PADDING-RIGHT: 30px;
4979         PADDING-TOP: 15px
4980 }
4981
4982 .main-page-panel .content .block P {
4983         MARGIN: 0px 0px 10px
4984 }
4985
4986 .main-page-panel .content .block IMG {
4987         DISPLAY: block;
4988         MAX-WIDTH: 100%
4989 }
4990
4991 .main-page-panel .content .block H3 {
4992         LINE-HEIGHT: 1;
4993         COLOR: #666666;
4994         FONT-SIZE: 17px
4995 }
4996
4997 .main-page-panel .content .panel .panel-heading {
4998         LINE-HEIGHT: 1;
4999         FONT-SIZE: 16px
5000 }
5001
5002 .main-page-panel .content .panel .panel-heading .ico-default {
5003         PADDING-BOTTOM: 15px;
5004         MARGIN: -15px 5px -15px -15px;
5005         PADDING-LEFT: 15px;
5006         PADDING-RIGHT: 15px;
5007         BACKGROUND: #f47b20;
5008         COLOR: #fff;
5009         PADDING-TOP: 15px;
5010         border-radius: 4px 0 0 0
5011 }
5012
5013 .main-page-panel .content .tab-sdc {
5014         BACKGROUND-COLOR: #fff;
5015         PADDING-LEFT: 0px;
5016         PADDING-RIGHT: 0px;
5017         border-radius: 4px
5018 }
5019
5020 .main-page-panel .content .tab-sdc .nav {
5021         BACKGROUND-COLOR: #f3f3f3
5022 }
5023
5024 .main-page-panel .content .tab-sdc .nav-tabs {
5025         BORDER-BOTTOM: #ccc 1px solid
5026 }
5027
5028 .main-page-panel .content .tab-sdc .nav-tabs LI.active:first-child A {
5029         BORDER-BOTTOM: 0px;
5030         BORDER-LEFT: 0px;
5031         BORDER-TOP: 0px;
5032         BORDER-RIGHT: #ccc 1px solid
5033 }
5034
5035 .main-page-panel .content .tab-sdc .nav-tabs LI.active A {
5036         BORDER-BOTTOM: 0px;
5037         BORDER-LEFT: #ccc 1px solid;
5038         BORDER-TOP: 0px;
5039         BORDER-RIGHT: #ccc 1px solid
5040 }
5041
5042 .main-page-panel .content .tab-sdc .nav-tabs LI.active A:hover {
5043         BACKGROUND: #fff
5044 }
5045
5046 .main-page-panel .content .tab-sdc .nav-tabs LI A {
5047         BORDER-BOTTOM: 0px;
5048         BORDER-LEFT: 0px;
5049         PADDING-LEFT: 30px;
5050         PADDING-RIGHT: 30px;
5051         BORDER-TOP: 0px;
5052         BORDER-RIGHT: 0px
5053 }
5054
5055 .main-page-panel .content .tab-sdc .nav-tabs LI A:hover {
5056         BACKGROUND: none transparent scroll repeat 0% 0%;
5057         BORDER-TOP: 0px
5058 }
5059
5060 .main-page-panel .content .tab-sdc .tab-content .tab-pane .newsitem {
5061         BORDER-BOTTOM: #b9b9b9 1px solid;
5062         PADDING-BOTTOM: 30px;
5063         PADDING-LEFT: 30px;
5064         PADDING-RIGHT: 30px;
5065         PADDING-TOP: 30px
5066 }
5067
5068 .main-page-panel .content .tab-sdc .tab-content .pic IMG {
5069         WIDTH: 50px;
5070         FLOAT: left;
5071         MARGIN-RIGHT: 10px
5072 }
5073
5074 .main-page-panel .content .tab-sdc .tab-content .headline {
5075         WIDTH: 66%;
5076         FLOAT: left
5077 }
5078
5079 .main-page-panel .content .tab-sdc .tab-content .headline H4 {
5080         BORDER-BOTTOM: 0px;
5081         BORDER-LEFT: 0px;
5082         PADDING-BOTTOM: 5px;
5083         PADDING-LEFT: 0px;
5084         PADDING-RIGHT: 0px;
5085         COLOR: #666666;
5086         FONT-SIZE: 16px;
5087         BORDER-TOP: 0px;
5088         BORDER-RIGHT: 0px;
5089         PADDING-TOP: 0px
5090 }
5091
5092 .main-page-panel .content .tab-sdc .tab-content .headline .descrip {
5093         FONT-FAMILY: "Omnes Regular Italic", Arial, Serif;
5094         FONT-SIZE: 13px
5095 }
5096
5097 .main-page-panel .content .tab-sdc .tab-content .detail P {
5098         CLEAR: both;
5099         PADDING-TOP: 10px
5100 }
5101
5102 TABLE.dataTable.sdc_table {
5103         BORDER-BOTTOM: #ccc 1px solid;
5104         BORDER-LEFT: #ccc 1px solid;
5105         MARGIN-TOP: 0px !important;
5106         BORDER-SPACING: 0;
5107         WIDTH: 100%;
5108         BORDER-COLLAPSE: collapse;
5109         BORDER-TOP: 0px;
5110         BORDER-RIGHT: #ccc 1px solid
5111 }
5112
5113 TABLE.dataTable.sdc_table THEAD TH {
5114         BORDER-BOTTOM: #ccc 1px solid;
5115         MIN-WIDTH: 90px;
5116         BORDER-LEFT: 0px;
5117         TEXT-TRANSFORM: uppercase;
5118         BORDER-TOP: 0px;
5119         FONT-WEIGHT: normal;
5120         BORDER-RIGHT: 0px
5121 }
5122
5123 TABLE.dataTable.sdc_table TD {
5124         PADDING-BOTTOM: 15px;
5125         PADDING-LEFT: 15px;
5126         PADDING-RIGHT: 15px;
5127         FLOAT: none;
5128         PADDING-TOP: 15px
5129 }
5130
5131 TABLE.dataTable.sdc_table TH {
5132         PADDING-BOTTOM: 15px;
5133         PADDING-LEFT: 15px;
5134         PADDING-RIGHT: 15px;
5135         FLOAT: none;
5136         PADDING-TOP: 15px
5137 }
5138
5139 TABLE.dataTable.sdc_table TH.sorting_asc {
5140         BACKGROUND: none transparent scroll repeat 0% 0%
5141 }
5142
5143 TABLE.dataTable.sdc_table TH.sorting_desc {
5144         BACKGROUND: none transparent scroll repeat 0% 0%
5145 }
5146
5147 TABLE.dataTable.sdc_table TD {
5148         BORDER-BOTTOM: #ccc 1px solid;
5149         BORDER-LEFT: #ccc 1px solid;
5150         WIDTH: auto;
5151         VERTICAL-ALIGN: top;
5152         BORDER-TOP: #ccc 1px solid;
5153         BORDER-RIGHT: #ccc 1px solid
5154 }
5155
5156 TABLE.dataTable.sdc_table .act-cta {
5157         WIDTH: auto;
5158         FLOAT: none
5159 }
5160
5161 TABLE.dataTable.sdc_table .act-name {
5162         WIDTH: auto;
5163         FLOAT: none
5164 }
5165
5166 TABLE.dataTable.sdc_table .proj-name {
5167         WIDTH: auto;
5168         FLOAT: none
5169 }
5170
5171 TABLE.dataTable.sdc_table .act-duedate {
5172         WIDTH: auto;
5173         FLOAT: none
5174 }
5175
5176 TABLE.dataTable.sdc_table .act-status {
5177         WIDTH: auto;
5178         FLOAT: none
5179 }
5180
5181 TABLE.dataTable.sdc_table .act-cta SPAN.uid {
5182         FONT-STYLE: italic
5183 }
5184
5185 TABLE.dataTable.sdc_table .act-cta .btn {
5186         WIDTH: 100%;
5187         FONT-SIZE: 16px
5188 }
5189
5190 TABLE.dataTable.sdc_table .act-name .title {
5191         WIDTH: 95%;
5192         FLOAT: left
5193 }
5194
5195 TABLE.dataTable.sdc_table .act-name .title .progress-label {
5196         FONT-STYLE: italic;
5197         DISPLAY: block;
5198         PADDING-TOP: 5px
5199 }
5200
5201 TABLE.dataTable.sdc_table .act-name .icon {
5202         WIDTH: 5%;
5203         FLOAT: right
5204 }
5205
5206 TABLE.dataTable.sdc_table .act-duedate .due-date {
5207         DISPLAY: block;
5208         PADDING-TOP: 5px
5209 }
5210
5211 TABLE.dataTable.sdc_table .act-status .error {
5212         MARGIN-TOP: 0px
5213 }
5214
5215 TABLE.dataTable.sdc_table .act-status .fair {
5216         MARGIN-TOP: 0px
5217 }
5218
5219 TABLE.dataTable.sdc_table .act-status .good {
5220         MARGIN-TOP: 0px
5221 }
5222
5223 TABLE.dataTable.sdc_table TR.act-summary {
5224         BORDER-BOTTOM: 0px;
5225         BORDER-LEFT: 0px;
5226         BORDER-TOP: 0px;
5227         BORDER-RIGHT: 0px
5228 }
5229
5230 TABLE.dataTable.sdc_table TR.in.act-summary {
5231         DISPLAY: table-row
5232 }
5233
5234 TABLE.dataTable.sdc_table TR.act-summary TD {
5235         PADDING-BOTTOM: 0px;
5236         PADDING-LEFT: 15px;
5237         PADDING-RIGHT: 0px;
5238         PADDING-TOP: 0px
5239 }
5240
5241 TABLE.dataTable.sdc_table TR.act-summary TABLE {
5242         BORDER-BOTTOM: 0px;
5243         BORDER-LEFT: 0px;
5244         BORDER-SPACING: 0;
5245         WIDTH: 100%;
5246         BORDER-COLLAPSE: collapse;
5247         HEIGHT: auto;
5248         BORDER-TOP: 0px;
5249         BORDER-RIGHT: 0px
5250 }
5251
5252 TABLE.dataTable.sdc_table TR.act-summary TABLE TR {
5253         MARGIN-LEFT: 15px
5254 }
5255
5256 TABLE.dataTable.sdc_table TR.act-summary TABLE TD {
5257         BORDER-BOTTOM: 0px;
5258         BORDER-LEFT: #ccc 1px solid;
5259         PADDING-BOTTOM: 15px;
5260         PADDING-LEFT: 15px;
5261         PADDING-RIGHT: 15px;
5262         BACKGROUND: #f3f3f3;
5263         BORDER-TOP: 0px;
5264         BORDER-RIGHT: 0px;
5265         PADDING-TOP: 15px
5266 }
5267
5268 TABLE.dataTable.sdc_table TR.act-summary TABLE TD.spacer {
5269         PADDING-BOTTOM: 0px;
5270         PADDING-LEFT: 0px;
5271         WIDTH: 15px;
5272         PADDING-RIGHT: 0px;
5273         BACKGROUND: #fff;
5274         PADDING-TOP: 0px
5275 }
5276
5277 TABLE.dataTable.sdc_table TR.act-summary TABLE TD.summary {
5278         WIDTH: 62%
5279 }
5280
5281 TABLE.dataTable.sdc_table TR.act-summary TABLE TD.estimate {
5282         WIDTH: 38%
5283 }
5284
5285 .filterDropdown {
5286         POSITION: relative;
5287         DISPLAY: inline-block
5288 }
5289
5290 .open.filterDropdown A:first-child .glyphicon {
5291         COLOR: #44c8f5
5292 }
5293
5294 .filter-active.filterDropdown A:first-child .glyphicon {
5295         COLOR: #f47b20
5296 }
5297
5298 .filter-active.filterDropdown A:first-child:hover .glyphicon {
5299         COLOR: #fcb314
5300 }
5301
5302 .open.filter-active.filterDropdown A:first-child .glyphicon {
5303         COLOR: #fcb314
5304 }
5305
5306 .filterDropdown A {
5307         TEXT-TRANSFORM: none;
5308         COLOR: #067ab4 !important
5309 }
5310
5311 .filterDropdown A:visited {
5312         COLOR: #067ab4 !important
5313 }
5314
5315 .filterDropdown A:hover {
5316         COLOR: #44c8f5 !important
5317 }
5318
5319 .filterDropdown A .glyphicon {
5320         PADDING-BOTTOM: 3px;
5321         PADDING-LEFT: 3px;
5322         PADDING-RIGHT: 3px;
5323         FONT-SIZE: 16px;
5324         PADDING-TOP: 3px
5325 }
5326
5327 .filterDropdown .dropdown-menu {
5328         PADDING-BOTTOM: 15px;
5329         PADDING-LEFT: 0px;
5330         PADDING-RIGHT: 0px;
5331         PADDING-TOP: 10px
5332 }
5333
5334 .filterDropdown .dropdown-menu LI {
5335         PADDING-BOTTOM: 0px;
5336         PADDING-LEFT: 15px;
5337         PADDING-RIGHT: 15px;
5338         PADDING-TOP: 0px
5339 }
5340
5341 .filterDropdown .dropdown-menu LI.separated {
5342         MARGIN-TOP: 5px;
5343         BORDER-TOP: #ccc 1px solid;
5344         PADDING-TOP: 12px
5345 }
5346
5347 .filterDropdown .dropdown-menu LI.separated .apply-filter {
5348         COLOR: #666666
5349 }
5350
5351 .filterDropdown .dropdown-menu LI A {
5352         PADDING-BOTTOM: 5px;
5353         MARGIN: 0px -15px;
5354         PADDING-LEFT: 15px;
5355         PADDING-RIGHT: 15px;
5356         PADDING-TOP: 5px
5357 }
5358
5359 .filterDropdown .dropdown-menu LI UL.filterList {
5360         PADDING-BOTTOM: 0px;
5361         LIST-STYLE-TYPE: none;
5362         MARGIN: 0px;
5363         PADDING-LEFT: 0px;
5364         PADDING-RIGHT: 0px;
5365         LIST-STYLE-IMAGE: none;
5366         PADDING-TOP: 5px
5367 }
5368
5369 .filterDropdown .dropdown-menu LI UL.filterList LI {
5370         BORDER-BOTTOM: #ccc 1px solid;
5371         POSITION: relative;
5372         BORDER-LEFT: #ccc 1px solid;
5373         PADDING-BOTTOM: 5px;
5374         BACKGROUND-COLOR: #f3f3f3;
5375         MARGIN: 8px 0px;
5376         PADDING-LEFT: 5px;
5377         WIDTH: 155px;
5378         PADDING-RIGHT: 20px;
5379         COLOR: #666666;
5380         BORDER-TOP: #ccc 1px solid;
5381         BORDER-RIGHT: #ccc 1px solid;
5382         PADDING-TOP: 3px;
5383         border-radius: 3px
5384 }
5385
5386 .filterDropdown .dropdown-menu LI UL.filterList LI.resetFilters {
5387         BORDER-BOTTOM: 0px;
5388         BORDER-LEFT: 0px;
5389         PADDING-BOTTOM: 0px;
5390         BACKGROUND-COLOR: transparent;
5391         MARGIN: 0px;
5392         PADDING-LEFT: 0px;
5393         PADDING-RIGHT: 0px;
5394         BORDER-TOP: 0px;
5395         BORDER-RIGHT: 0px;
5396         PADDING-TOP: 5px;
5397         border-radius: 0
5398 }
5399
5400 .filterDropdown .dropdown-menu LI UL.filterList LI SPAN.filterLabel {
5401         TEXT-TRANSFORM: none;
5402         DISPLAY: block;
5403         MAX-WIDTH: 95%;
5404         WORD-WRAP: break-word;
5405         FLOAT: none;
5406         COLOR: #666666
5407 }
5408
5409 .filterDropdown .dropdown-menu LI UL.filterList LI A.clearFilter {
5410         POSITION: absolute;
5411         PADDING-BOTTOM: 0px;
5412         MARGIN: 0px;
5413         PADDING-LEFT: 0px;
5414         PADDING-RIGHT: 0px;
5415         DISPLAY: block;
5416         TOP: 0px;
5417         RIGHT: 0px;
5418         PADDING-TOP: 0px
5419 }
5420
5421 .filterDropdown .dropdown-menu LI UL.filterList LI A.clearFilter SPAN {
5422         COLOR: #666666;
5423         FONT-SIZE: 28px
5424 }
5425
5426 .ekko-lightbox-container {
5427         POSITION: relative
5428 }
5429
5430 .ekko-lightbox-nav-overlay {
5431         Z-INDEX: 100;
5432         POSITION: absolute;
5433         WIDTH: 100%;
5434         HEIGHT: 100%;
5435         TOP: 0px;
5436         LEFT: 0px
5437 }
5438
5439 .ekko-lightbox-nav-overlay A {
5440         Z-INDEX: 100;
5441         FILTER: dropshadow(color = #000000, offx = 2, offy = 2);
5442         WIDTH: 49%;
5443         DISPLAY: block;
5444         HEIGHT: 100%;
5445         COLOR: #fff;
5446         FONT-SIZE: 30px;
5447         PADDING-TOP: 45%;
5448         text-shadow: 2px 2px 4px #000;
5449         -webkit-transition: opacity 0.5s;
5450         transition: opacity 0.5s;
5451         opacity: 0;
5452         -moz-transition: opacity 0.5s;
5453         -o-transition: opacity 0.5s
5454 }
5455
5456 .ekko-lightbox A:hover {
5457         TEXT-DECORATION: none;
5458         opacity: 1
5459 }
5460
5461 .ekko-lightbox .glyphicon-chevron-left {
5462         TEXT-ALIGN: left;
5463         PADDING-LEFT: 15px;
5464         FLOAT: left;
5465         LEFT: 0px
5466 }
5467
5468 .ekko-lightbox .glyphicon-chevron-right {
5469         TEXT-ALIGN: right;
5470         PADDING-RIGHT: 15px;
5471         FLOAT: right;
5472         RIGHT: 0px
5473 }
5474
5475 .ekko-lightbox .modal-footer {
5476         TEXT-ALIGN: left
5477 }