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 }
 361
 362 .editbutton {
 363         color:#00f;
 364         background-color:transparent;
 365         border-style:none;
 366         text-decoration:none;
 367         padding: 0;
 368         margin: 0;
 369         cursor: pointer;
 370 }
 371
 372 .navibutton[disabled] {
 373         color:#ccc;
 374         text-decoration:none;
 375         cursor: auto;
 376 }
 377
 378 button.navibutton {
 379         font-family:Arial, Helvetica, sans-serif;
 380         font-size: 11px;
 381         font-weight: bold;
 382         color:#fff;
 383         padding: 0 3px;
 384         background-color: transparent;
 385         border-style:none;
 386         cursor: pointer;
 387 }
 388
 389 .navibutton span {
 390         text-decoration:underline;
 391 }
 392
 393 .navibar {
 394         padding: 0 3px;
 395     color: #fff;
 396     border: 1px solid #e1e1e1;
 397     border-collapse: collapse;
 398         background-color: #697789;
 399 }
 400
 401 .listsubmit {
 402     display: none;
 403 }
 404
 405 .inactive {
 406         color: gray;
 407 }
 408
 409 button {
 410         font-size: 11px;
 411         border: 1px #0066cc solid;
 412         padding: 1px 0px;
 413 }
 414
 415 button img, span {
 416         padding: 0px 2px ;
 417         vertical-align: middle;
 418 }
 419
 420 ul.ajaxtabs{
 421         padding: 3px 0 0 0;
 422         margin: 3px 3px 0 3px;
 423         font: 12px Tahoma,Verdana;
 424         font-weight: bold;
 425 }
 426
 427 ul.ajaxtabs li{
 428         list-style: none;
 429         margin: 0;
 430         display: inline;
 431 }
 432
 433 ul.ajaxtabs li button{
 434     background-color: #d9d9d9;
 435         padding: 3px 8px;
 436         margin: 0px;
 437         border-top: 1px solid #697789;
 438         border-right: 1px solid #697789;
 439         border-bottom: none;
 440         border-left: none;
 441         font-weight: bold;
 442 }
 443
 444 ul.ajaxtabs li button:hover{
 445         border-top: 1px solid #697789;
 446         color:#fff;
 447 }
 448 div.spaceBox{
 449         background-color: #697789;
 450         height:8px;
 451         border-bottom: 1px solid #697789;
 452         border-left: 1px solid #697789;
 453         border-right:1px solid #697789;
 454         margin: 0 3px 0px 3px
 455 }
 456
 457 div.contentBox{
 458         border: 1px solid #697789;
 459         margin: 0 3px 3px 3px
 460 }
 461
 462 ul.ajaxtabs li button.current, ul.ajaxtabs li button.current:hover{
 463         border-left: 1px solid #697789;
 464         background-color: #697789;
 465         color:#fff;
 466 }
 467 #hints {
 468   font-size: 12px;
 469   padding: 5px;
 470   border-bottom: 1px solid #697789;
 471   margin: -4px -2px -2px;
 472   border: 1px solid #697789;
 473   background-color: #ffffea;
 474   white-space: nowrap;
 475 }
 476
 477 img { border: 0; }
 478
 479 /*
 480         Calendar style
 481 */
 482 #CCIframe {
 483         display: none;
 484         left: 0px;
 485         position: absolute;
 486         top: 0px;
 487         height: 250px;
 488         width: 270px;
 489         z-index: 99;
 490 }
 491 #CC {
 492         position:absolute;
 493         background-color:#FFF;
 494         margin:0; padding:0;
 495         display:none;
 496         z-index: 100;
 497 }
 498 #CC table {
 499         font-family: arial, verdana, helvetica, sans-serif;
 500         font-size: 8pt;
 501         border-left: 1px solid #336;
 502         border-right: 1px solid #336;
 503 }
 504 #CC th {
 505         font-weight: normal;
 506         text-align: center;
 507 }
 508 #CC th a {
 509         font-weight: normal;
 510         text-decoration: none;
 511         color: #FFF;
 512         padding: 1px;
 513 }
 514 #CC td {
 515         text-align: center;
 516 }
 517 #CC .header {
 518         background-color: #22303b;
 519 }
 520 #CC .weekday {
 521         background-color: #eee;
 522         color: #000;
 523 }
 524 #CC .weekend {
 525         background-color: #FFC;
 526         color: #000;
 527 }
 528 #CC .weekno {
 529         background-color: #cde;
 530         color: #555;
 531 }
 532 #CC .current {
 533         border: 1px solid #339;
 534         background-color: #22303b;
 535         color: #FFF;
 536 }
 537 #CC .weekday, #CC .weekend, #CC .current {
 538         display: block;
 539         text-decoration: none;
 540         border: 1px solid #FFF;
 541         width: 2em;
 542 }
 543 #CC .weekday:hover, #CC .weekend:hover, #CC .current:hover {
 544         color: #FFF;
 545         background-color: #22303b;
 546         border: 1px solid #999;
 547 }
 548 #CC .previous {
 549         text-align: left;
 550 }
 551 #CC .next {
 552         text-align: right;
 553 }
 554 #CC .previous, #CC .next {
 555         padding: 1px 3px 1px 3px;
 556         font-size: 1.4em;
 557 }
 558 #CC .previous a, #CC .next a {
 559         color: #FFF;
 560         text-decoration: none;
 561         font-weight: bold;
 562 }
 563 #CC .title {
 564         text-align: center;
 565         font-weight: bold;
 566         color: #FFF;
 567 }
 568 #CC .empty {
 569         background-color: #ddd;
 570         border: 1px solid #FFF;
 571 }
 572
 573 div.err_msg {
 574         margin: 10px;
 575         padding: 3px;
 576         border: 1px solid #cc3300;
 577         background-color: #ffcccc;
 578         color: #dd2200;
 579         text-align: center;
 580 }
 581
 582 div.warn_msg {
 583         margin: 10px;
 584         padding: 3px;
 585         border: 1px solid #ff9900;
 586         background-color: #ffff00;
 587         color: #ff5500;
 588         text-align: center;
 589 }
 590
 591 div.note_msg {
 592         margin: 10px;
 593         padding: 3px;
 594         border: 1px solid #33cc00;
 595         background-color: #ccffcc;
 596         color: #007700;
 597         text-align: center;
 598 }
 599
 600 #title {
 601         margin-bottom: 10px;
 602         width: 100%;
 603 }
 604
 605
 606
 607 #cssmenu {
 608   padding: 0;
 609   margin: 0;
 610   border: 0;
 611   width: 95%;
 612   position: absolute;
 613 }
 614 #cssmenu ul,
 615 #cssmenu li {
 616   list-style: none;
 617   margin: 0;
 618   padding: 0;
 619 }
 620 #cssmenu ul {
 621   /*position: relative;*/
 622   z-index: 597;
 623 }
 624 #cssmenu ul li {
 625   float: left;
 626   min-height: 1px;
 627   vertical-align: middle;
 628 }
 629 #cssmenu ul li.hover,
 630 #cssmenu ul li:hover {
 631   /*position: relative;*/
 632   z-index: 599;
 633   cursor: default;
 634 }
 635 #cssmenu ul ul {
 636   visibility: hidden;
 637   position: absolute;
 638   top: 100%;
 639   left: 0;
 640   z-index: 598;
 641   width: 100%;
 642 }
 643 #cssmenu ul ul li {
 644   float: none;
 645 }
 646 #cssmenu ul ul ul {
 647   top: 0;
 648   left: 100%;
 649 }
 650 #cssmenu .align_right {
 651   top: 0;
 652   left:-240px;
 653 }
 654
 655 #cssmenu ul li:hover > ul {
 656   visibility: visible;
 657 }
 658 #cssmenu ul ul {
 659   margin-top: 0;
 660 }
 661 #cssmenu a {
 662   display: block;
 663   line-height: 1em;
 664   text-decoration: none;
 665   margin: 0 -9px;
 666 }
 667 #cssmenu ul li.last ul {
 668   left: auto;
 669   right: 0;
 670 }
 671 #cssmenu ul li.last ul ul {
 672   left: auto;
 673   right: 99.5%;
 674 }
 675 #cssmenu:after,
 676 #cssmenu ul:after {
 677   content: '';
 678   display: block;
 679   clear: both;
 680 }
 681 /* Custom CSS Styles */
 682 #cssmenu {
 683   width: 100%;
 684   font-family: Helvetica, Arial, sans-serif;
 685 }
 686 #cssmenu:before {
 687   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAIAAAC3eAIWAAAAA3NCSVQICAjb4U/gAAAAI0lEQVQImWPwj0hh+v//PxPD//9M////Z/rP8J/p//9/MD4AGUETB+SFfCsAAAAASUVORK5CYII=);
 688   background-color: #606a77;
 689   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4f5864), color-stop(1, #49515b));
 690   background-image: -webkit-linear-gradient(top, #4f5864, #49515b);
 691   background-image: -moz-linear-gradient(top, #4f5864, #49515b);
 692   background-image: -o-linear-gradient(top, #4f5864, #49515b);
 693   background-image: linear-gradient(#4f5864, #49515b);
 694   -moz-box-shadow: inset 0 2px 0 #586270, inset 0 1px 0 #6b7888;
 695   -webkit-box-shadow: inset 0 2px 0 #586270, inset 0 1px 0 #6b7888;
 696   box-shadow: inset 0 2px 0 #586270, inset 0 1px 0 #6b7888;
 697   content: '';
 698   display: block;
 699   height: 8px;
 700 }
 701 #cssmenu > ul {
 702   border-bottom: 1px solid #252A30;
 703   border-top: 1px solid #252A30;
 704   -moz-box-shadow: inset 0 1px 0 #8799a9, 0 1px 1px rgba(0, 0, 0, 0.5);
 705   -webkit-box-shadow: inset 0 1px 0 #8799a9, 0 1px 1px rgba(0, 0, 0, 0.5);
 706   box-shadow: inset 0 1px 0 #8799a9, 0 1px 1px rgba(0, 0, 0, 0.5);
 707   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABNCAIAAADo7ZnJAAAAA3NCSVQICAjb4U/gAAAAUUlEQVQYlXWPyRGAMAwDd1wwHVADJS+POERk4OVD1mGO8yq1wFIKLXHsJLDGH8wSou8q0bfGxplYcpaHRerG/J/zS/edLTnrjvDo7PHv1Nhy3lZMnHg0MO2JAAAAAElFTkSuQmCC);
 708   background-color: #566171;
 709   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6e7d8f), color-stop(1, #404854));
 710   background-image: -webkit-linear-gradient(top, #6e7d8f, #404854);
 711   background-image: -moz-linear-gradient(top, #6e7d8f, #404854);
 712   background-image: -o-linear-gradient(top, #6e7d8f, #404854);
 713   background-image: linear-gradient(#6e7d8f, #404854);
 714   /*height: 27px;*/
 715   /*padding: 15px 15px 15px 5px;*/
 716   padding: 2px 15px 5px 5px;
 717 }
 718 #cssmenu > ul > li {
 719   margin: 0 10px;
 720 }
 721 #cssmenu > ul > li.has-sub:hover > a {
 722   -moz-border-radius: 3px 3px 0 0;
 723   -webkit-border-radius: 3px 3px 0 0;
 724   border-radius: 3px 3px 0 0;
 725   -moz-background-clip: padding;
 726   -webkit-background-clip: padding-box;
 727   background-clip: padding-box;
 728 }
 729 #cssmenu > ul > li:hover > a {
 730   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAGElEQVQImWP4//8/079//0jGf//+JVUPAADfUJPhbDTaAAAAAElFTkSuQmCC);
 731   background-color: #e2e2e2;
 732   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #c8c8c8));
 733   background-image: -webkit-linear-gradient(top, #ffffff, #c8c8c8);
 734   background-image: -moz-linear-gradient(top, #ffffff, #c8c8c8);
 735   background-image: -o-linear-gradient(top, #ffffff, #c8c8c8);
 736   background-image: linear-gradient(#ffffff, #c8c8c8);
 737 }
 738 #cssmenu > ul > li.active:hover > a {
 739   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAJklEQVQImWP4MruP6d+/f0z//v5Fo/8x/fv3F41GyP8lUf2/v38BoDRPnb8AZS4AAAAASUVORK5CYII=);
 740   background-color: #cb7b72;
 741   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f49b8e), color-stop(1, #bd584d));
 742   background-image: -webkit-linear-gradient(top, #f49b8e, #bd584d);
 743   background-image: -moz-linear-gradient(top, #f49b8e, #bd584d);
 744   background-image: -o-linear-gradient(top, #f49b8e, #bd584d);
 745   background-image: linear-gradient(#f49b8e, #bd584d);
 746 }
 747 #cssmenu ul a {
 748   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAIUlEQVQImWP4+PEj09+/f5n+/fvH9PfvXzhG5uNik6gOAOTaUDaAXrIOAAAAAElFTkSuQmCC);
 749   background-color: #c2c2c2;
 750   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1f1f1), color-stop(1, #a8a8a8));
 751   background-image: -webkit-linear-gradient(top, #f1f1f1, #a8a8a8);
 752   background-image: -moz-linear-gradient(top, #f1f1f1, #a8a8a8);
 753   background-image: -o-linear-gradient(top, #f1f1f1, #a8a8a8);
 754   background-image: linear-gradient(#f1f1f1, #a8a8a8);
 755   -moz-border-radius: 3px;
 756   -webkit-border-radius: 3px;
 757   border-radius: 3px;
 758   -moz-background-clip: padding;
 759   -webkit-background-clip: padding-box;
 760   background-clip: padding-box;
 761   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.5);
 762   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.5);
 763   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.5);
 764   color: #3c444d;
 765   font-size: 12px;
 766   line-height: 27px;
 767   /*padding: 0 20px;*/
 768   padding: 0 10px;
 769   /*position: relative;*/
 770   text-align: center;
 771   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
 772 }
 773 #cssmenu ul ul {
 774   /*width: 170px;*/
 775   width: 170px;
 776 }
 777 #cssmenu ul ul ul {
 778   width: 240px;
 779 }
 780 #cssmenu ul ul a {
 781   -moz-box-shadow: none;
 782   -webkit-box-shadow: none;
 783   box-shadow: none;
 784   -moz-border-radius: 0;
 785   -webkit-border-radius: 0;
 786   border-radius: 0;
 787   -moz-background-clip: padding;
 788   -webkit-background-clip: padding-box;
 789   background-clip: padding-box;
 790   line-height: 150%;
 791   border-bottom: 1px solid #999999;
 792 }
 793 #cssmenu ul .active > a {
 794   color: #FFF;
 795   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
 796   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAANUlEQVQImXXMsQ0AIRTD0FMmvRlYnAm+TQEIGronxcrX2x80hUEDpNx2em0lx9wNj37+rX4AhN5PdtvsqRUAAAAASUVORK5CYII=);
 797   background-color: #c46a60;
 798   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ef7260), color-stop(1, #b04c41));
 799   background-image: -webkit-linear-gradient(top, #ef7260, #b04c41);
 800   background-image: -moz-linear-gradient(top, #ef7260, #b04c41);
 801   background-image: -o-linear-gradient(top, #ef7260, #b04c41);
 802   background-image: linear-gradient(#ef7260, #b04c41);
 803 }
 804 #cssmenu ul .has-sub {
 805   position: relative;
 806 }
 807 #cssmenu ul .has-sub ul {
 808   -moz-border-radius: 0 3px 3px 3px;
 809   -webkit-border-radius: 0 3px 3px 3px;
 810   border-radius: 0 3px 3px 3px;
 811   -moz-background-clip: padding;
 812   -webkit-background-clip: padding-box;
 813   background-clip: padding-box;
 814   -moz-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5);
 815   -webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5);
 816   box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5);
 817   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA2CAMAAAAxtAOuAAAAolBMVEXp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enCAApGAAAANXRSTlP9+vf08Ozp5eDc19POycS+ubOuqKOdl5GLhYB6dG5oYlxXUUxGQTs2MSwoIx8aFhMPCwgFAqv7N0MAAABMSURBVHheBcCDEcMAAADAj1Hbtr3/aj0/BEKRWCKVyRVKFVU1dQ1NLW0dXT19A0MjYxNTM3MLSytrG1s7ewdHJ2cXVzd3D08vbx/fP9L5BZigzasGAAAAAElFTkSuQmCC) repeat-x;
 818   background-color: #c3c3c3;
 819   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9e9e9), color-stop(1, #aaaaaa));
 820   background-image: -webkit-linear-gradient(top, #e9e9e9, #aaaaaa);
 821   background-image: -moz-linear-gradient(top, #e9e9e9, #aaaaaa);
 822   background-image: -o-linear-gradient(top, #e9e9e9, #aaaaaa);
 823   background-image: linear-gradient(#e9e9e9, #aaaaaa);
 824   /*padding: 3px 0;*/
 825 }
 826 #cssmenu ul .has-sub ul a {
 827   background: none;
 828   /*padding: 8px 8px 8px 16px;*/
 829   padding: 4px 8px 4px 16px;
 830   border-bottom: 1px solid transparent;
 831   text-align: left;
 832 }
 833 #cssmenu ul .has-sub ul .has-sub a:after {
 834   content: none;
 835 }
 836 #cssmenu ul .has-sub li:hover > a {
 837   border-bottom: 1px solid #1D2024;
 838   color: #FFF;
 839   background-color: #55616f;
 840   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #56606f), color-stop(1, #3f4852));
 841   background-image: -webkit-linear-gradient(top, #56606f, #3f4852);
 842   background-image: -moz-linear-gradient(top, #56606f, #3f4852);
 843   background-image: -o-linear-gradient(top, #56606f, #3f4852);
 844   background-image: linear-gradient(#56606f, #3f4852);
 845   -moz-box-shadow: inset 1px 2px 0 #5c6778, inset 0 1px 0 #4e5866;
 846   -webkit-box-shadow: inset 1px 2px 0 #5c6778, inset 0 1px 0 #4e5866;
 847   box-shadow: inset 1px 2px 0 #5c6778, inset 0 1px 0 #4e5866;
 848   position: relative;
 849   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
 850 }
 851 #cssmenu ul .has-sub li:hover > a:after {
 852   border-left: 0 none;
 853   background-color: #c35f54;
 854   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ea5f51), color-stop(1, #a9463b));
 855   background-image: -webkit-linear-gradient(top, #ea5f51, #a9463b);
 856   background-image: -moz-linear-gradient(top, #ea5f51, #a9463b);
 857   background-image: -o-linear-gradient(top, #ea5f51, #a9463b);
 858   background-image: linear-gradient(#ea5f51, #a9463b);
 859   -moz-box-shadow: inset -1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 #ce5448;
 860   -webkit-box-shadow: inset -1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 #ce5448;
 861   box-shadow: inset -1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 #ce5448;
 862   content: '';
 863   height: 100%;
 864   width: 6px;
 865   position: absolute;
 866   right: 0;
 867   top: 0;
 868 }
 869 #cssmenu ul .has-sub > a {
 870   padding-right: 0;
 871 }
 872 #cssmenu ul .has-sub > a:after {
 873   content: '>';
 874   border-left: 1px solid rgba(100, 100, 100, 0.2);
 875   color: #5D6A7A;
 876   -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2);
 877   -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2);
 878   box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2);
 879   display: inline-block;
 880   font-size: 9px;
 881   margin-left: 5px;
 882   text-align: center;
 883   height: 25px;
 884   /*width: 24px;*/
 885   width: 16px;
 886   text-shadow: 0 -1px 0 #101417;
 887 }
 888 #cssmenu ul .active > a:after {
 889   color: #FFF;
 890 }
 891 #cssmenu ul ul a {
 892   font-size: 12px;
 893 }
 894
 895 @media screen and (min-width: 1024px) {
 896         body,td,th,input, select,#header ul, .inputsubmit, .ajaxsubmit, .amount, button.navibutton, button {font-size: 12px; }
 897         textarea, .menu_group, .menu_group_items, .headingtext, .headingtext2, .errortext, #hints,
 898         #cssmenu ul a, #cssmenu ul ul a { font-size: 13px; }
 899         .fa-footer, .fa-footer .power a, .fa-footer .date, .headingtext3 { font-size: 11px; }
 900         h1 { font-size: 15px; }
 901         h2, .titletext { font-size: 14px; }
 902         #cssmenu ul .has-sub > a:after { font-size: 10px; }
 903         #CC table { font-size: 9pt; }
 904         #CC .previous, #CC .next { font-size: 1.4em; }
 905 }
 906 @media screen and (min-width: 1200px) {
 907         body,td,th,input, select,#header ul, .inputsubmit, .ajaxsubmit, .amount, button.navibutton, button {font-size: 13px; }
 908         textarea, .menu_group, .menu_group_items, .headingtext, .headingtext2, .errortext, #hints,
 909         #cssmenu ul a, #cssmenu ul ul a { font-size: 14px; }
 910         .fa-footer, .fa-footer .power a, .fa-footer .date, .headingtext3 { font-size: 12px; }
 911         h1 { font-size: 16px; }
 912         h2, .titletext { font-size: 15px; }
 913         #cssmenu ul .has-sub > a:after { font-size: 11px; }
 914         #CC table { font-size: 10pt; }
 915         #CC .previous, #CC .next { font-size: 1.4em; }
 916 }