themes/dropdown/default.css

   1 /*--------------------------------------------------\
   2 | Dynamic       |               | default.css       |
   3 |---------------------------------------------------|
   4 | For use with:                                     |
   5 | FrontAccounting                                                               |
   6 | http://FrontAccounting.com/                           |
   7 | by Joe Hunt Consulting                            |
   8 |---------------------------------------------------|
   9 | Developer:                                        |
  10 | Joe Hunt                                          |
  11 |                                                   |
  12 |---------------------------------------------------|
  13 | Note:                                             |
  14 | Changes can be made to this CSS that will be      |
  15 | reflected throughout FrontAccounting.             |
  16 |                                                   |
  17 \--------------------------------------------------*/
  18
  19 body {
  20   background-color: #eee;
  21   margin: 0;
  22   padding: 0;
  23   text-align: center;
  24 }
  25
  26 body,td,th {
  27   font-family:Arial, Helvetica, sans-serif;
  28   font-size: 11px;
  29   color: #000;
  30 }
  31
  32 /* Main */
  33 .fa-main {
  34   /*width: 98%;*/
  35   width: 99%;
  36   margin: 0 auto;
  37   text-align: left;
  38   background-color: #fff;
  39 }
  40
  41 tr, td, th {
  42         line-height: 17px;
  43         color: #000;
  44 }
  45 table {
  46         text-align: left;
  47 }
  48
  49 textarea {
  50     font-size: 12px;
  51 }
  52
  53 input, select
  54 {
  55     font-size: 11px;
  56         padding: 1px;
  57 }
  58
  59 select {
  60     max-width: 200px;
  61 }
  62
  63 input.big {
  64         width: 100px;
  65 }
  66
  67 input.small {
  68         width: 50px;
  69 }
  70
  71 a, a:active {
  72         color: #045c97;
  73         text-decoration: none;
  74 }
  75 a:hover, a:focus {
  76         color: #4f9adb;
  77         text-decoration: underline;
  78 }
  79 a:visited {
  80         color: #045c97;
  81         text-decoration: none;
  82 }
  83 .clear {
  84         clear: both;
  85 }
  86 .nodisp {
  87         display: none;
  88 }
  89 .italic {
  90         font-style: italic;
  91 }
  92 .flleft {
  93         float: left;
  94 }
  95 .flright {
  96         float: right;
  97 }
  98
  99 /* Body */
 100 .fa-body {
 101   width: 100%;
 102   background-color: #fff;
 103   margin: 0;
 104  /* padding: 6px 0 0 0;*/
 105 }
 106
 107 /* Content */
 108 .fa-content {
 109   width: 100%;
 110   margin: 50px 0 0;
 111   padding: 6px 10px 5px 0;
 112   vertical-align: top;
 113 }
 114
 115 /* Footer */
 116 .fa-footer {
 117   background-image: url(images/footer_bg.png);
 118   background-repeat: repeat-x;
 119   height: 10px;
 120   margin: 0;
 121   padding: 10px;
 122   text-align: center;
 123   font-size: 10px;
 124   color: #036;
 125 }
 126
 127
 128 h1 {
 129         font-size: 14px;
 130         margin-right: 20px;
 131         color: #466f01;
 132 }
 133 h2, .titletext {
 134         font-weight: bold;
 135         font-size: 13px;
 136         color: #555;
 137         padding: 5px;
 138 }
 139 .titletext {
 140         border-bottom: 1px solid #697789;
 141 }
 142
 143 h3 {
 144         font-size: 100%;
 145         padding-top: 1ex;
 146         padding-bottom: 1ex;
 147 }
 148 #header { margin: 0; }
 149 #header ul {clear: right; float: right; font-size: 11px; margin: 8px 10px 0 0; }
 150 #header li{ list-style: none; display: inline; margin: 0; }
 151 #header li a{ color: #045c97; text-decoration: none; padding: 0 0 0 16px; }
 152 #header h1 {
 153         padding: 4px 0 4px 10px;
 154         margin: 0;
 155 }
 156 #header h2 {
 157         font-style: italic;
 158 }
 159
 160 .fa-footer .power a { font-size: 10px; padding: 0 12px 0 12px; text-align: center; background: transparent url(images/news.gif) no-repeat center left; color: #045c97; }
 161 .fa-footer .date { font-size: 10px; padding: 0 12px 0 12px; text-align: center; color: #045c97; }
 162
 163 hr {
 164         background: #ccc;
 165         border: 0;
 166         color: #ccc;
 167         height: 1px;
 168 }
 169
 170 .menu_group {
 171         font-size: 12px;
 172         padding: 0;
 173         color: #555;
 174         background-color: #fff;
 175         padding-left: 3px;
 176         font-weight: bold;
 177 }
 178
 179 .menu_group_items {
 180         font-size: 12px;
 181         background-color: #f9f9f9;
 182         font-weight: normal;
 183         line-height: 19px;
 184         padding: 9px;
 185         border: 1px solid #697789;
 186 }
 187
 188 .menu_group_items a {
 189         text-decoration: none;
 190 }
 191
 192 .tableheader {
 193         font-weight: bold;
 194         /*background-color: #7895ac;*/
 195         background-color: #697789;
 196         color: #fff;
 197         text-align: center;
 198 }
 199
 200 .tableheader2 {
 201         font-weight: bold;
 202         /*background-color: #7895ac;*/
 203         background-color: #697789;
 204         color: #fff;
 205         text-align: left;
 206 }
 207
 208 .tableseparator {
 209         border-left: 1px solid #ccc;
 210 }
 211
 212 .headingtext {
 213         font-weight: bold;
 214         font-size: 12px;
 215         color: #555;
 216 }
 217
 218 .headingtext2 {
 219         font-size: 12px;
 220         color: black;
 221 }
 222
 223 .headingtext3 {
 224         font-weight: bold;
 225         font-size: 10px;
 226         color: black;
 227 }
 228
 229 .errortext {
 230         font-size: 12px;
 231         color: #f00;
 232         font-weight: bold;
 233 }
 234
 235 .inputsubmit {
 236         font-size: 11px;
 237         border: 1px #ccc solid;
 238         background-image: url(images/footer_bg.png);
 239         background-repeat: repeat-x;
 240         padding: 1px 4px;
 241 }
 242
 243 .ajaxsubmit {
 244         font-size: 11px;
 245         border: 1px #ccc solid;
 246         background-image: url(images/footer_bg.png);
 247         background-repeat: repeat-x;
 248         padding: 1px 4px;
 249 }
 250
 251 .oddrow {
 252         background-color: #fafafa;
 253 }
 254
 255 .evenrow {
 256         background-color: #f3f3f3;
 257 }
 258
 259 .overduebg {
 260         background-color: pink;
 261 }
 262
 263 .overduefg {
 264         color: pink;
 265 }
 266
 267 .currentfg {
 268         color: #f66;
 269 }
 270
 271 .redfg, a.redfg {
 272         color: red;
 273         font-weight: bold;
 274 }
 275
 276 .settledbg {
 277         background-color: #0b0;
 278 }
 279
 280 .settledfg {
 281         color: #0b0;
 282 }
 283
 284 .inquirybg {
 285         background-color: #fdfeef;
 286 }
 287
 288 .currencybg {
 289         background-color: #e88;
 290 }
 291
 292 .stockmankobg {
 293         background-color: pink;
 294 }
 295
 296 .stockmankofg {
 297         color: red;
 298 }
 299
 300 table.tablestyle {
 301         border-collapse: collapse;
 302         border: 1px solid #e1e1e1;
 303 }
 304 table.tablestyle td {
 305         border-collapse: collapse;
 306         /*border: 1px solid #e1e1e1;*/
 307         border: 1px solid #aaaaaa;
 308 }
 309 table.tablestyle2 {
 310         border-collapse: collapse;
 311         /*border: 1px solid #e1e1e1;*/
 312         border: 1px solid #aaaaaa;
 313 }
 314 table.tablestyle2 td {
 315         border-collapse: collapse;
 316         /*border: 1px solid #e1e1e1;*/
 317         border: 1px solid #aaaaaa;
 318 }
 319 table.tablestyle_inner {
 320         border-collapse: collapse;
 321         border: 1px solid #f9f9f9;
 322 }
 323 table.tablestyle_inner td {
 324         border-collapse: collapse;
 325         border: 1px solid #f9f9f9;
 326 }
 327 .tablestyle_noborder {
 328         padding: 3px;
 329 }
 330
 331 .label {
 332         /*background-color: #ebf0f3*/;
 333         background-color: #d9d9d9;
 334         color: black;
 335 }
 336
 337 #loginscreen {
 338         background: #f5f5f5;
 339 }
 340
 341 .login {
 342         width: 350px;
 343         border-left: 12px solid #367cb5;
 344         border-collapse: collapse;
 345         background-color: #eeeeee;
 346 }
 347 .login td {
 348         border-collapse: collapse;
 349         border: 1px solid #cccccc;
 350 }
 351
 352 .amount {
 353         font-family: Verdana, Arial, Helvetica;
 354         font-size: 11px;
 355         text-align: right;
 356 }
 357
 358 input.amount {
 359         padding-right: 0px;
 360         border-right: none;
 361 }
 362
 363 .editbutton {
 364         color:#00f;
 365         background-color:transparent;
 366         border-style:none;
 367         text-decoration:none;
 368         padding: 0;
 369         margin: 0;
 370         cursor: pointer;
 371 }
 372
 373 .navibutton[disabled] {
 374         color:#ccc;
 375         text-decoration:none;
 376         cursor: auto;
 377 }
 378
 379 button.navibutton {
 380         font-family:Arial, Helvetica, sans-serif;
 381         font-size: 11px;
 382         font-weight: bold;
 383         color:#fff;
 384         padding: 0 3px;
 385         background-color: transparent;
 386         border-style:none;
 387         cursor: pointer;
 388 }
 389
 390 .navibutton span {
 391         text-decoration:underline;
 392 }
 393
 394 .navibar {
 395         padding: 0 3px;
 396     color: #fff;
 397     border: 1px solid #e1e1e1;
 398     border-collapse: collapse;
 399         background-color: #697789;
 400 }
 401
 402 .listsubmit {
 403     display: none;
 404 }
 405
 406 .inactive {
 407         color: gray;
 408 }
 409
 410 button {
 411         font-size: 11px;
 412         border: 1px #0066cc solid;
 413         padding: 1px 0px;
 414 }
 415
 416 button img, span {
 417         padding: 0px 2px ;
 418         vertical-align: middle;
 419 }
 420
 421 ul.ajaxtabs{
 422         padding: 3px 0 0 0;
 423         margin: 3px 3px 0 3px;
 424         font: 12px Tahoma,Verdana;
 425         font-weight: bold;
 426 }
 427
 428 ul.ajaxtabs li{
 429         list-style: none;
 430         margin: 0;
 431         display: inline;
 432 }
 433
 434 ul.ajaxtabs li button{
 435     background-color: #d9d9d9;
 436         padding: 3px 8px;
 437         margin: 0px;
 438         border-top: 1px solid #697789;
 439         border-right: 1px solid #697789;
 440         border-bottom: none;
 441         border-left: none;
 442         font-weight: bold;
 443 }
 444
 445 ul.ajaxtabs li button:hover{
 446         border-top: 1px solid #697789;
 447         color:#fff;
 448 }
 449 div.spaceBox{
 450         background-color: #697789;
 451         height:8px;
 452         border-bottom: 1px solid #697789;
 453         border-left: 1px solid #697789;
 454         border-right:1px solid #697789;
 455         margin: 0 3px 0px 3px
 456 }
 457
 458 div.contentBox{
 459         border: 1px solid #697789;
 460         margin: 0 3px 3px 3px
 461 }
 462
 463 ul.ajaxtabs li button.current, ul.ajaxtabs li button.current:hover{
 464         border-left: 1px solid #697789;
 465         background-color: #697789;
 466         color:#fff;
 467 }
 468 #hints {
 469   font-size: 12px;
 470   padding: 5px;
 471   border-bottom: 1px solid #697789;
 472   margin: -4px -2px -2px;
 473   border: 1px solid #697789;
 474   background-color: #ffffea;
 475   white-space: nowrap;
 476 }
 477
 478 img { border: 0; }
 479
 480 /*
 481         Calendar style
 482 */
 483 #CCIframe {
 484         display: none;
 485         left: 0px;
 486         position: absolute;
 487         top: 0px;
 488         height: 250px;
 489         width: 270px;
 490         z-index: 99;
 491 }
 492 #CC {
 493         position:absolute;
 494         background-color:#FFF;
 495         margin:0; padding:0;
 496         display:none;
 497         z-index: 100;
 498 }
 499 #CC table {
 500         font-family: arial, verdana, helvetica, sans-serif;
 501         font-size: 8pt;
 502         border-left: 1px solid #336;
 503         border-right: 1px solid #336;
 504 }
 505 #CC th {
 506         font-weight: normal;
 507         text-align: center;
 508 }
 509 #CC th a {
 510         font-weight: normal;
 511         text-decoration: none;
 512         color: #FFF;
 513         padding: 1px;
 514 }
 515 #CC td {
 516         text-align: center;
 517 }
 518 #CC .header {
 519         background-color: #22303b;
 520 }
 521 #CC .weekday {
 522         background-color: #eee;
 523         color: #000;
 524 }
 525 #CC .weekend {
 526         background-color: #FFC;
 527         color: #000;
 528 }
 529 #CC .weekno {
 530         background-color: #cde;
 531         color: #555;
 532 }
 533 #CC .current {
 534         border: 1px solid #339;
 535         background-color: #22303b;
 536         color: #FFF;
 537 }
 538 #CC .weekday, #CC .weekend, #CC .current {
 539         display: block;
 540         text-decoration: none;
 541         border: 1px solid #FFF;
 542         width: 2em;
 543 }
 544 #CC .weekday:hover, #CC .weekend:hover, #CC .current:hover {
 545         color: #FFF;
 546         background-color: #22303b;
 547         border: 1px solid #999;
 548 }
 549 #CC .previous {
 550         text-align: left;
 551 }
 552 #CC .next {
 553         text-align: right;
 554 }
 555 #CC .previous, #CC .next {
 556         padding: 1px 3px 1px 3px;
 557         font-size: 1.4em;
 558 }
 559 #CC .previous a, #CC .next a {
 560         color: #FFF;
 561         text-decoration: none;
 562         font-weight: bold;
 563 }
 564 #CC .title {
 565         text-align: center;
 566         font-weight: bold;
 567         color: #FFF;
 568 }
 569 #CC .empty {
 570         background-color: #ddd;
 571         border: 1px solid #FFF;
 572 }
 573
 574 div.err_msg {
 575         margin: 10px;
 576         padding: 3px;
 577         border: 1px solid #cc3300;
 578         background-color: #ffcccc;
 579         color: #dd2200;
 580         text-align: center;
 581 }
 582
 583 div.warn_msg {
 584         margin: 10px;
 585         padding: 3px;
 586         border: 1px solid #ff9900;
 587         background-color: #ffff00;
 588         color: #ff5500;
 589         text-align: center;
 590 }
 591
 592 div.note_msg {
 593         margin: 10px;
 594         padding: 3px;
 595         border: 1px solid #33cc00;
 596         background-color: #ccffcc;
 597         color: #007700;
 598         text-align: center;
 599 }
 600
 601 #title {
 602         margin-bottom: 10px;
 603         width: 100%;
 604 }
 605
 606
 607
 608 #cssmenu {
 609   padding: 0;
 610   margin: 0;
 611   border: 0;
 612   width: 95%;
 613   position: absolute;
 614 }
 615 #cssmenu ul,
 616 #cssmenu li {
 617   list-style: none;
 618   margin: 0;
 619   padding: 0;
 620 }
 621 #cssmenu ul {
 622   /*position: relative;*/
 623   z-index: 597;
 624 }
 625 #cssmenu ul li {
 626   float: left;
 627   min-height: 1px;
 628   vertical-align: middle;
 629 }
 630 #cssmenu ul li.hover,
 631 #cssmenu ul li:hover {
 632   /*position: relative;*/
 633   z-index: 599;
 634   cursor: default;
 635 }
 636 #cssmenu ul ul {
 637   visibility: hidden;
 638   position: absolute;
 639   top: 100%;
 640   left: 0;
 641   z-index: 598;
 642   width: 100%;
 643 }
 644 #cssmenu ul ul li {
 645   float: none;
 646 }
 647 #cssmenu ul ul ul {
 648   top: 0;
 649   left: 100%;
 650 }
 651 #cssmenu .align_right {
 652   top: 0;
 653   left:-240px;
 654 }
 655
 656 #cssmenu ul li:hover > ul {
 657   visibility: visible;
 658 }
 659 #cssmenu ul ul {
 660   margin-top: 0;
 661 }
 662 #cssmenu a {
 663   display: block;
 664   line-height: 1em;
 665   text-decoration: none;
 666   margin: 0 -9px;
 667 }
 668 #cssmenu ul li.last ul {
 669   left: auto;
 670   right: 0;
 671 }
 672 #cssmenu ul li.last ul ul {
 673   left: auto;
 674   right: 99.5%;
 675 }
 676 #cssmenu:after,
 677 #cssmenu ul:after {
 678   content: '';
 679   display: block;
 680   clear: both;
 681 }
 682 /* Custom CSS Styles */
 683 #cssmenu {
 684   width: 100%;
 685   font-family: Helvetica, Arial, sans-serif;
 686 }
 687 #cssmenu:before {
 688   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAIAAAC3eAIWAAAAA3NCSVQICAjb4U/gAAAAI0lEQVQImWPwj0hh+v//PxPD//9M////Z/rP8J/p//9/MD4AGUETB+SFfCsAAAAASUVORK5CYII=);
 689   background-color: #606a77;
 690   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4f5864), color-stop(1, #49515b));
 691   background-image: -webkit-linear-gradient(top, #4f5864, #49515b);
 692   background-image: -moz-linear-gradient(top, #4f5864, #49515b);
 693   background-image: -o-linear-gradient(top, #4f5864, #49515b);
 694   background-image: linear-gradient(#4f5864, #49515b);
 695   -moz-box-shadow: inset 0 2px 0 #586270, inset 0 1px 0 #6b7888;
 696   -webkit-box-shadow: inset 0 2px 0 #586270, inset 0 1px 0 #6b7888;
 697   box-shadow: inset 0 2px 0 #586270, inset 0 1px 0 #6b7888;
 698   content: '';
 699   display: block;
 700   height: 8px;
 701 }
 702 #cssmenu > ul {
 703   border-bottom: 1px solid #252A30;
 704   border-top: 1px solid #252A30;
 705   -moz-box-shadow: inset 0 1px 0 #8799a9, 0 1px 1px rgba(0, 0, 0, 0.5);
 706   -webkit-box-shadow: inset 0 1px 0 #8799a9, 0 1px 1px rgba(0, 0, 0, 0.5);
 707   box-shadow: inset 0 1px 0 #8799a9, 0 1px 1px rgba(0, 0, 0, 0.5);
 708   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABNCAIAAADo7ZnJAAAAA3NCSVQICAjb4U/gAAAAUUlEQVQYlXWPyRGAMAwDd1wwHVADJS+POERk4OVD1mGO8yq1wFIKLXHsJLDGH8wSou8q0bfGxplYcpaHRerG/J/zS/edLTnrjvDo7PHv1Nhy3lZMnHg0MO2JAAAAAElFTkSuQmCC);
 709   background-color: #566171;
 710   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6e7d8f), color-stop(1, #404854));
 711   background-image: -webkit-linear-gradient(top, #6e7d8f, #404854);
 712   background-image: -moz-linear-gradient(top, #6e7d8f, #404854);
 713   background-image: -o-linear-gradient(top, #6e7d8f, #404854);
 714   background-image: linear-gradient(#6e7d8f, #404854);
 715   /*height: 27px;*/
 716   /*padding: 15px 15px 15px 5px;*/
 717   padding: 2px 15px 5px 5px;
 718 }
 719 #cssmenu > ul > li {
 720   margin: 0 10px;
 721 }
 722 #cssmenu > ul > li.has-sub:hover > a {
 723   -moz-border-radius: 3px 3px 0 0;
 724   -webkit-border-radius: 3px 3px 0 0;
 725   border-radius: 3px 3px 0 0;
 726   -moz-background-clip: padding;
 727   -webkit-background-clip: padding-box;
 728   background-clip: padding-box;
 729 }
 730 #cssmenu > ul > li:hover > a {
 731   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAGElEQVQImWP4//8/079//0jGf//+JVUPAADfUJPhbDTaAAAAAElFTkSuQmCC);
 732   background-color: #e2e2e2;
 733   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #c8c8c8));
 734   background-image: -webkit-linear-gradient(top, #ffffff, #c8c8c8);
 735   background-image: -moz-linear-gradient(top, #ffffff, #c8c8c8);
 736   background-image: -o-linear-gradient(top, #ffffff, #c8c8c8);
 737   background-image: linear-gradient(#ffffff, #c8c8c8);
 738 }
 739 #cssmenu > ul > li.active:hover > a {
 740   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAJklEQVQImWP4MruP6d+/f0z//v5Fo/8x/fv3F41GyP8lUf2/v38BoDRPnb8AZS4AAAAASUVORK5CYII=);
 741   background-color: #cb7b72;
 742   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f49b8e), color-stop(1, #bd584d));
 743   background-image: -webkit-linear-gradient(top, #f49b8e, #bd584d);
 744   background-image: -moz-linear-gradient(top, #f49b8e, #bd584d);
 745   background-image: -o-linear-gradient(top, #f49b8e, #bd584d);
 746   background-image: linear-gradient(#f49b8e, #bd584d);
 747 }
 748 #cssmenu ul a {
 749   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAIUlEQVQImWP4+PEj09+/f5n+/fvH9PfvXzhG5uNik6gOAOTaUDaAXrIOAAAAAElFTkSuQmCC);
 750   background-color: #c2c2c2;
 751   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1f1f1), color-stop(1, #a8a8a8));
 752   background-image: -webkit-linear-gradient(top, #f1f1f1, #a8a8a8);
 753   background-image: -moz-linear-gradient(top, #f1f1f1, #a8a8a8);
 754   background-image: -o-linear-gradient(top, #f1f1f1, #a8a8a8);
 755   background-image: linear-gradient(#f1f1f1, #a8a8a8);
 756   -moz-border-radius: 3px;
 757   -webkit-border-radius: 3px;
 758   border-radius: 3px;
 759   -moz-background-clip: padding;
 760   -webkit-background-clip: padding-box;
 761   background-clip: padding-box;
 762   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.5);
 763   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.5);
 764   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.5);
 765   color: #3c444d;
 766   font-size: 12px;
 767   line-height: 27px;
 768   /*padding: 0 20px;*/
 769   padding: 0 10px;
 770   /*position: relative;*/
 771   text-align: center;
 772   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
 773 }
 774 #cssmenu ul ul {
 775   /*width: 170px;*/
 776   width: 170px;
 777 }
 778 #cssmenu ul ul ul {
 779   width: 240px;
 780 }
 781 #cssmenu ul ul a {
 782   -moz-box-shadow: none;
 783   -webkit-box-shadow: none;
 784   box-shadow: none;
 785   -moz-border-radius: 0;
 786   -webkit-border-radius: 0;
 787   border-radius: 0;
 788   -moz-background-clip: padding;
 789   -webkit-background-clip: padding-box;
 790   background-clip: padding-box;
 791   line-height: 150%;
 792   border-bottom: 1px solid #999999;
 793 }
 794 #cssmenu ul .active > a {
 795   color: #FFF;
 796   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
 797   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAANUlEQVQImXXMsQ0AIRTD0FMmvRlYnAm+TQEIGronxcrX2x80hUEDpNx2em0lx9wNj37+rX4AhN5PdtvsqRUAAAAASUVORK5CYII=);
 798   background-color: #c46a60;
 799   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ef7260), color-stop(1, #b04c41));
 800   background-image: -webkit-linear-gradient(top, #ef7260, #b04c41);
 801   background-image: -moz-linear-gradient(top, #ef7260, #b04c41);
 802   background-image: -o-linear-gradient(top, #ef7260, #b04c41);
 803   background-image: linear-gradient(#ef7260, #b04c41);
 804 }
 805 #cssmenu ul .has-sub {
 806   position: relative;
 807 }
 808 #cssmenu ul .has-sub ul {
 809   -moz-border-radius: 0 3px 3px 3px;
 810   -webkit-border-radius: 0 3px 3px 3px;
 811   border-radius: 0 3px 3px 3px;
 812   -moz-background-clip: padding;
 813   -webkit-background-clip: padding-box;
 814   background-clip: padding-box;
 815   -moz-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5);
 816   -webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5);
 817   box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5);
 818   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA2CAMAAAAxtAOuAAAAolBMVEXp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enCAApGAAAANXRSTlP9+vf08Ozp5eDc19POycS+ubOuqKOdl5GLhYB6dG5oYlxXUUxGQTs2MSwoIx8aFhMPCwgFAqv7N0MAAABMSURBVHheBcCDEcMAAADAj1Hbtr3/aj0/BEKRWCKVyRVKFVU1dQ1NLW0dXT19A0MjYxNTM3MLSytrG1s7ewdHJ2cXVzd3D08vbx/fP9L5BZigzasGAAAAAElFTkSuQmCC) repeat-x;
 819   background-color: #c3c3c3;
 820   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9e9e9), color-stop(1, #aaaaaa));
 821   background-image: -webkit-linear-gradient(top, #e9e9e9, #aaaaaa);
 822   background-image: -moz-linear-gradient(top, #e9e9e9, #aaaaaa);
 823   background-image: -o-linear-gradient(top, #e9e9e9, #aaaaaa);
 824   background-image: linear-gradient(#e9e9e9, #aaaaaa);
 825   /*padding: 3px 0;*/
 826 }
 827 #cssmenu ul .has-sub ul a {
 828   background: none;
 829   /*padding: 8px 8px 8px 16px;*/
 830   padding: 4px 8px 4px 16px;
 831   border-bottom: 1px solid transparent;
 832   text-align: left;
 833 }
 834 #cssmenu ul .has-sub ul .has-sub a:after {
 835   content: none;
 836 }
 837 #cssmenu ul .has-sub li:hover > a {
 838   border-bottom: 1px solid #1D2024;
 839   color: #FFF;
 840   background-color: #55616f;
 841   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #56606f), color-stop(1, #3f4852));
 842   background-image: -webkit-linear-gradient(top, #56606f, #3f4852);
 843   background-image: -moz-linear-gradient(top, #56606f, #3f4852);
 844   background-image: -o-linear-gradient(top, #56606f, #3f4852);
 845   background-image: linear-gradient(#56606f, #3f4852);
 846   -moz-box-shadow: inset 1px 2px 0 #5c6778, inset 0 1px 0 #4e5866;
 847   -webkit-box-shadow: inset 1px 2px 0 #5c6778, inset 0 1px 0 #4e5866;
 848   box-shadow: inset 1px 2px 0 #5c6778, inset 0 1px 0 #4e5866;
 849   position: relative;
 850   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
 851 }
 852 #cssmenu ul .has-sub li:hover > a:after {
 853   border-left: 0 none;
 854   background-color: #c35f54;
 855   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ea5f51), color-stop(1, #a9463b));
 856   background-image: -webkit-linear-gradient(top, #ea5f51, #a9463b);
 857   background-image: -moz-linear-gradient(top, #ea5f51, #a9463b);
 858   background-image: -o-linear-gradient(top, #ea5f51, #a9463b);
 859   background-image: linear-gradient(#ea5f51, #a9463b);
 860   -moz-box-shadow: inset -1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 #ce5448;
 861   -webkit-box-shadow: inset -1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 #ce5448;
 862   box-shadow: inset -1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 #ce5448;
 863   content: '';
 864   height: 100%;
 865   width: 6px;
 866   position: absolute;
 867   right: 0;
 868   top: 0;
 869 }
 870 #cssmenu ul .has-sub > a {
 871   padding-right: 0;
 872 }
 873 #cssmenu ul .has-sub > a:after {
 874   content: '>';
 875   border-left: 1px solid rgba(100, 100, 100, 0.2);
 876   color: #5D6A7A;
 877   -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2);
 878   -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2);
 879   box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2);
 880   display: inline-block;
 881   font-size: 9px;
 882   margin-left: 5px;
 883   text-align: center;
 884   height: 25px;
 885   /*width: 24px;*/
 886   width: 16px;
 887   text-shadow: 0 -1px 0 #101417;
 888 }
 889 #cssmenu ul .active > a:after {
 890   color: #FFF;
 891 }
 892 #cssmenu ul ul a {
 893   font-size: 12px;
 894 }