1 /*--------------------------------------------------\
2 | Dynamic | | default.css |
3 |---------------------------------------------------|
6 | http://FrontAccounting.com/ |
7 | by Joe Hunt Consulting |
8 |---------------------------------------------------|
12 |---------------------------------------------------|
14 | Changes can be made to this CSS that will be |
15 | reflected throughout FrontAccounting. |
17 \--------------------------------------------------*/
20 background-color: #eee;
27 font-family:Arial, Helvetica, sans-serif;
38 background-color: #fff;
73 text-decoration: none;
77 text-decoration: underline;
81 text-decoration: none;
102 background-color: #fff;
104 /* padding: 6px 0 0 0;*/
111 padding: 6px 10px 5px 0;
117 background-image: url(images/footer_bg.png);
118 background-repeat: repeat-x;
140 border-bottom: 1px solid #697789;
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; }
153 padding: 4px 0 4px 10px;
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; }
174 background-color: #fff;
181 background-color: #f9f9f9;
185 border: 1px solid #697789;
188 .menu_group_items a {
189 text-decoration: none;
194 /*background-color: #7895ac;*/
195 background-color: #697789;
202 /*background-color: #7895ac;*/
203 background-color: #697789;
209 border-left: 1px solid #ccc;
237 border: 1px #ccc solid;
238 background-image: url(images/footer_bg.png);
239 background-repeat: repeat-x;
245 border: 1px #ccc solid;
246 background-image: url(images/footer_bg.png);
247 background-repeat: repeat-x;
252 background-color: #fafafa;
256 background-color: #f3f3f3;
260 background-color: pink;
277 background-color: #0b0;
285 background-color: #fdfeef;
289 background-color: #e88;
293 background-color: pink;
301 border-collapse: collapse;
302 border: 1px solid #e1e1e1;
304 table.tablestyle td {
305 border-collapse: collapse;
306 /*border: 1px solid #e1e1e1;*/
307 border: 1px solid #aaaaaa;
310 border-collapse: collapse;
311 /*border: 1px solid #e1e1e1;*/
312 border: 1px solid #aaaaaa;
314 table.tablestyle2 td {
315 border-collapse: collapse;
316 /*border: 1px solid #e1e1e1;*/
317 border: 1px solid #aaaaaa;
319 table.tablestyle_inner {
320 border-collapse: collapse;
321 border: 1px solid #f9f9f9;
323 table.tablestyle_inner td {
324 border-collapse: collapse;
325 border: 1px solid #f9f9f9;
327 .tablestyle_noborder {
332 /*background-color: #ebf0f3*/;
333 background-color: #d9d9d9;
343 border-left: 12px solid #367cb5;
344 border-collapse: collapse;
345 background-color: #eeeeee;
348 border-collapse: collapse;
349 border: 1px solid #cccccc;
353 font-family: Verdana, Arial, Helvetica;
364 background-color:transparent;
366 text-decoration:none;
372 .navibutton[disabled] {
374 text-decoration:none;
379 font-family:Arial, Helvetica, sans-serif;
384 background-color: transparent;
390 text-decoration:underline;
396 border: 1px solid #e1e1e1;
397 border-collapse: collapse;
398 background-color: #697789;
411 border: 1px #0066cc solid;
417 vertical-align: middle;
422 margin: 3px 3px 0 3px;
423 font: 12px Tahoma,Verdana;
433 ul.ajaxtabs li button{
434 background-color: #d9d9d9;
437 border-top: 1px solid #697789;
438 border-right: 1px solid #697789;
444 ul.ajaxtabs li button:hover{
445 border-top: 1px solid #697789;
449 background-color: #697789;
451 border-bottom: 1px solid #697789;
452 border-left: 1px solid #697789;
453 border-right:1px solid #697789;
454 margin: 0 3px 0px 3px
458 border: 1px solid #697789;
459 margin: 0 3px 3px 3px
462 ul.ajaxtabs li button.current, ul.ajaxtabs li button.current:hover{
463 border-left: 1px solid #697789;
464 background-color: #697789;
470 border-bottom: 1px solid #697789;
471 margin: -4px -2px -2px;
472 border: 1px solid #697789;
473 background-color: #ffffea;
493 background-color:#FFF;
499 font-family: arial, verdana, helvetica, sans-serif;
501 border-left: 1px solid #336;
502 border-right: 1px solid #336;
510 text-decoration: none;
518 background-color: #22303b;
521 background-color: #eee;
525 background-color: #FFC;
529 background-color: #cde;
533 border: 1px solid #339;
534 background-color: #22303b;
537 #CC .weekday, #CC .weekend, #CC .current {
539 text-decoration: none;
540 border: 1px solid #FFF;
543 #CC .weekday:hover, #CC .weekend:hover, #CC .current:hover {
545 background-color: #22303b;
546 border: 1px solid #999;
554 #CC .previous, #CC .next {
555 padding: 1px 3px 1px 3px;
558 #CC .previous a, #CC .next a {
560 text-decoration: none;
569 background-color: #ddd;
570 border: 1px solid #FFF;
576 border: 1px solid #cc3300;
577 background-color: #ffcccc;
585 border: 1px solid #ff9900;
586 background-color: #ffff00;
594 border: 1px solid #33cc00;
595 background-color: #ccffcc;
621 /*position: relative;*/
627 vertical-align: middle;
629 #cssmenu ul li.hover,
630 #cssmenu ul li:hover {
631 /*position: relative;*/
650 #cssmenu .align_right {
655 #cssmenu ul li:hover > ul {
664 text-decoration: none;
667 #cssmenu ul li.last ul {
671 #cssmenu ul li.last ul ul {
681 /* Custom CSS Styles */
684 font-family: Helvetica, Arial, sans-serif;
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;
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);
715 /*padding: 15px 15px 15px 5px;*/
716 padding: 2px 15px 5px 5px;
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;
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);
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);
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;
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);
769 /*position: relative;*/
771 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
781 -moz-box-shadow: none;
782 -webkit-box-shadow: none;
784 -moz-border-radius: 0;
785 -webkit-border-radius: 0;
787 -moz-background-clip: padding;
788 -webkit-background-clip: padding-box;
789 background-clip: padding-box;
791 border-bottom: 1px solid #999999;
793 #cssmenu ul .active > a {
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);
804 #cssmenu ul .has-sub {
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);
826 #cssmenu ul .has-sub ul a {
828 /*padding: 8px 8px 8px 16px;*/
829 padding: 4px 8px 4px 16px;
830 border-bottom: 1px solid transparent;
833 #cssmenu ul .has-sub ul .has-sub a:after {
836 #cssmenu ul .has-sub li:hover > a {
837 border-bottom: 1px solid #1D2024;
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;
849 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
851 #cssmenu ul .has-sub li:hover > a:after {
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;
869 #cssmenu ul .has-sub > a {
872 #cssmenu ul .has-sub > a:after {
874 border-left: 1px solid rgba(100, 100, 100, 0.2);
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;
886 text-shadow: 0 -1px 0 #101417;
888 #cssmenu ul .active > a:after {