--- /dev/null
+/*--------------------------------------------------\
+| elegant | | default.css |
+|---------------------------------------------------|
+| For use with: |
+| FrontAccounting |
+| http://FrontAccounting.com/ |
+| by Joe Hunt Consulting |
+|---------------------------------------------------|
+| Developer: |
+| Joe Hunt |
+| |
+|---------------------------------------------------|
+| Note: |
+| Changes can be made to this CSS that will be |
+| reflected throughout FrontAccounting. |
+| |
+\--------------------------------------------------*/
+
+body {
+ background-color: #eee;
+ background-image: url(images/body_bg.png);
+ background-repeat: repeat-x;
+ margin: 0;
+ padding: 0;
+ text-align: center;
+}
+
+body,td,th {
+ font-family:Arial, Helvetica, sans-serif;
+ font-size: 11px;
+ color: #000;
+}
+
+/* Main */
+.fa-main {
+ width: 98%;
+ margin: 0 auto;
+ text-align: left;
+}
+
+tr, td, th {
+ line-height: 17px;
+ color: #000;
+}
+table {
+ text-align: left;
+}
+
+textarea {
+ font-size: 12px;
+}
+
+input, select
+{
+ font-size: 11px;
+ padding: 1px;
+}
+
+//select {
+// max-width: 200px;
+//}
+
+input.big {
+ width: 100px;
+}
+
+input.small {
+ width: 50px;
+}
+
+a, a:active {
+ color: #045c97;
+ text-decoration: none;
+}
+a:hover, a:focus {
+ color: #4f9adb;
+ text-decoration: underline;
+}
+a:visited {
+ color: #045c97;
+ text-decoration: none;
+}
+.clear {
+ clear: both;
+}
+.nodisp {
+ display: none;
+}
+.italic {
+ font-style: italic;
+}
+.flleft {
+ float: left;
+}
+.flright {
+ float: right;
+}
+
+/* Menu */
+.fa-menu {
+ clear: both;
+ margin: 0;
+ padding: 0;
+ height: 30px;
+}
+
+.fa-menu ul {
+ margin: 0;
+ padding: 0;
+ height: 30px;
+ list-style: none;
+ display: inline;
+ white-space: nowrap;
+}
+
+.fa-menu li {
+ margin: 0;
+ padding: 0 0 0 2px;
+ list-style: none;
+ display: block;
+ float: left;
+ background-image: url(images/menu_break.png);
+ background-repeat: no-repeat;
+}
+
+.fa-menu a:link,
+.fa-menu a:active,
+.fa-menu a:visited {
+ vertical-align: middle;
+ font-size: 12px;
+ font-weight: bold;
+ text-align: center;
+ color: #fff;
+ margin: 0;
+ padding: 0 12px;
+ display: block;
+ float: left;
+ height: 30px;
+ line-height: 30px;
+}
+
+.fa-menu a:hover { text-decoration: underline; }
+
+.fa-menu .active a {
+ background-image: url(images/link_bg.png);
+ background-repeat: repeat-x;
+}
+
+.fa-menu .active a:hover { text-decoration: none; }
+
+
+/* Body */
+.fa-body {
+ width: 100%;
+ background-color: #fff;
+ background-image: url(images/content_bg.png);
+ background-repeat: repeat-x;
+ float: left;
+ margin: 0;
+ padding: 5px 0 0 0;
+}
+
+#fa-submenu{
+padding: 0;
+margin-top: 2px;
+width: 100%;
+height: 24px;
+/*border-top: 1px solid #ececec;*/ /*Brown color theme*/
+/*background-color: #045c97;*/
+background-color: #7895ac;
+}
+
+#fa-submenu ul{
+margin:0;
+padding: 0;
+list-style: none;
+}
+
+#fa-submenu li{
+display: inline;
+margin: 0 2px 0 0;
+padding: 0;
+}
+
+#fa-submenu a{
+float: left;
+display: block;
+font-size: 12px;
+color: white;
+text-decoration: none;
+margin: 0 1px 0 0; /*Margin between each menu item*/
+border-right: 1px solid #ececec;
+padding: 5px 10px;
+/*background-color: #045c97;*/ /*blue color theme*/
+background-color: #7895ac;
+}
+
+#fa-submenu a:hover{
+background-color: black; /*Brown color theme*/
+color: white;
+}
+
+
+/* Content */
+.fa-content {
+ width: 99%;
+ margin: 0;
+ padding: 7px 10px 5px 0;
+ float: right;
+ vertical-align: top;
+}
+
+/* Footer */
+.fa-footer {
+ clear: both;
+ background-image: url(images/footer_bg.png);
+ background-repeat: repeat-x;
+ height: 10px;
+ margin: 0;
+ padding: 10px;
+ text-align: center;
+ font-size: 10px;
+ color: #036;
+}
+
+
+h1 {
+ font-size: 14px;
+ margin-right: 20px;
+ color: #466f01;
+}
+h2, .titletext {
+ font-weight: bold;
+ font-size: 13px;
+ color: #555;
+ padding: 5px;
+}
+.titletext {
+ border-bottom: 1px solid #8cacbb;
+}
+
+h3 {
+ font-size: 100%;
+ padding-top: 1ex;
+ padding-bottom: 1ex;
+}
+#header { margin: 0; }
+#header ul {clear: right; float: right; font-size: 11px; margin: 8px 10px 0 0; }
+#header li{ list-style: none; display: inline; margin: 0; }
+#header li a{ color: #045c97; text-decoration: none; padding: 0 0 0 16px; }
+#header h1 {
+ padding: 4px 0 4px 10px;
+ margin: 0;
+}
+#header h2 {
+ font-style: italic;
+}
+
+.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; }
+.fa-footer .date { font-size: 10px; padding: 0 12px 0 12px; text-align: center; color: #045c97; }
+
+hr {
+ background: #ccc;
+ border: 0;
+ color: #ccc;
+ height: 1px;
+}
+
+.menu_group {
+ font-size: 12px;
+ padding: 0;
+ color: #555;
+ background-color: #fff;
+ padding-left: 3px;
+ font-weight: bold;
+}
+
+.menu_group_items {
+ font-size: 12px;
+ background-color: #f9f9f9;
+ font-weight: normal;
+ line-height: 19px;
+ padding: 9px;
+ border: 1px solid #8cacbb;
+}
+
+.menu_group_items a {
+ text-decoration: none;
+}
+
+.tableheader {
+ font-weight: bold;
+ background-color: #7895ac;
+ color: #fff;
+ text-align: center;
+}
+
+.tableheader2 {
+ font-weight: bold;
+ background-color: #7895ac;
+ color: #fff;
+ text-align: left;
+}
+
+.tableseparator {
+ border-left: 1px solid #ccc;
+}
+
+.headingtext {
+ font-weight: bold;
+ font-size: 12px;
+ color: #555;
+}
+
+.headingtext2 {
+ font-size: 12px;
+ color: black;
+}
+
+.headingtext3 {
+ font-weight: bold;
+ font-size: 10px;
+ color: black;
+}
+
+.errortext {
+ font-size: 12px;
+ color: #f00;
+ font-weight: bold;
+}
+
+.inputsubmit {
+ font-size: 11px;
+ border: 1px #ccc solid;
+ background-image: url(images/footer_bg.png);
+ background-repeat: repeat-x;
+ padding: 1px 4px;
+}
+
+.ajaxsubmit {
+ font-size: 11px;
+ border: 1px #ccc solid;
+ background-image: url(images/footer_bg.png);
+ background-repeat: repeat-x;
+ padding: 1px 4px;
+}
+
+.oddrow {
+ background-color: #fafafa;
+}
+
+.evenrow {
+ background-color: #f3f3f3;
+}
+
+.overduebg {
+ background-color: pink;
+}
+
+.overduefg {
+ color: pink;
+}
+
+.currentfg {
+ color: #f66;
+}
+
+.redfg, a.redfg {
+ color: red;
+ font-weight: bold;
+}
+
+.settledbg {
+ background-color: #0b0;
+}
+
+.settledfg {
+ color: #0b0;
+}
+
+.inquirybg {
+ background-color: #fdfeef;
+}
+
+.currencybg {
+ background-color: #e88;
+}
+
+.stockmankobg {
+ background-color: pink;
+}
+
+.stockmankofg {
+ color: red;
+}
+
+table.tablestyle {
+ border-collapse: collapse;
+ border: 1px solid #e1e1e1;
+}
+table.tablestyle td {
+ border-collapse: collapse;
+ border: 1px solid #e1e1e1;
+}
+table.tablestyle2 {
+ border-collapse: collapse;
+ border: 1px solid #cccccc;
+}
+table.tablestyle2 td {
+ border-collapse: collapse;
+ border: 1px solid #cccccc;
+}
+table.tablestyle_inner {
+ border-collapse: collapse;
+ border: 1px solid #f9f9f9;
+}
+table.tablestyle_inner td {
+ border-collapse: collapse;
+ border: 1px solid #f9f9f9;
+}
+.tablestyle_noborder {
+ padding: 3px;
+}
+
+.label {
+ background-color: #ebf0f3;
+ color: black;
+}
+
+#loginscreen {
+ background: #f5f5f5;
+}
+
+.login {
+ width: 350px;
+ border-left: 12px solid #367cb5;
+ border-collapse: collapse;
+ background-color: #eeeeee;
+}
+.login td {
+ border-collapse: collapse;
+ border: 1px solid #cccccc;
+}
+
+.amount {
+ font-family: Verdana, Arial, Helvetica;
+ font-size: 11px;
+ text-align: right;
+}
+
+input.amount {
+ padding-right: 0px;
+ border-right: none;
+}
+
+.editbutton {
+ color:#00f;
+ background-color:transparent;
+ border-style:none;
+ text-decoration:none;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+}
+
+.navibutton[disabled] {
+ color:#ccc;
+ text-decoration:none;
+ cursor: auto;
+}
+
+button.navibutton {
+ font-family:Arial, Helvetica, sans-serif;
+ font-size: 11px;
+ font-weight: bold;
+ color:#fff;
+ padding: 0 3px;
+ background-color: transparent;
+ border-style:none;
+ cursor: pointer;
+}
+
+.navibutton span {
+ text-decoration:underline;
+}
+
+.navibar {
+ padding: 0 3px;
+ color: #fff;
+ border: 1px solid #e1e1e1;
+ border-collapse: collapse;
+ background-color: #7895ac;
+}
+
+.listsubmit {
+ display: none;
+}
+
+.inactive {
+ color: gray;
+}
+
+button {
+ font-size: 11px;
+ border: 1px #0066cc solid;
+ padding: 1px 0px;
+}
+
+button img, span {
+ padding: 0px 2px ;
+ vertical-align: middle;
+}
+
+ul.ajaxtabs{
+ padding: 3px 0 0 0;
+ margin: 3px 3px 0 3px;
+ font: 12px Tahoma,Verdana;
+ font-weight: bold;
+}
+
+ul.ajaxtabs li{
+ list-style: none;
+ margin: 0;
+ display: inline;
+}
+
+ul.ajaxtabs li button{
+ background-color: #dee7ec;
+ padding: 3px 8px;
+ margin: 0px;
+ border-top: 1px solid #8cacbb;
+ border-right: 1px solid #8cacbb;
+ border-bottom: none;
+ border-left: none;
+ font-weight: bold;
+}
+
+ul.ajaxtabs li button:hover{
+ border-top: 1px solid #8cacbb;
+ color:#fff;
+}
+div.spaceBox{
+ background-color: #8cacbb;
+ height:8px;
+ border-bottom: 1px solid #8cacbb;
+ border-left: 1px solid #8cacbb;
+ border-right:1px solid #8cacbb;
+ margin: 0 3px 0px 3px
+}
+
+div.contentBox{
+ border: 1px solid #8cacbb;
+ margin: 0 3px 3px 3px
+}
+
+ul.ajaxtabs li button.current, ul.ajaxtabs li button.current:hover{
+ border-left: 1px solid #8cacbb;
+ background-color: #8cacbb;
+ color:#fff;
+}
+#hints {
+ font-size: 12px;
+ padding: 5px;
+ border-bottom: 1px solid #8cacbb;
+ margin: -4px -2px -2px;
+ border: 1px solid #8cacbb;
+ background-color: #ffffea;
+ white-space: nowrap;
+}
+
+img { border: 0; }
+
+/*
+ Calendar style
+*/
+#CCIframe {
+ display: none;
+ left: 0px;
+ position: absolute;
+ top: 0px;
+ height: 250px;
+ width: 270px;
+ z-index: 99;
+}
+#CC {
+ position:absolute;
+ background-color:#FFF;
+ margin:0; padding:0;
+ display:none;
+ z-index: 100;
+}
+#CC table {
+ font-family: arial, verdana, helvetica, sans-serif;
+ font-size: 8pt;
+ border-left: 1px solid #336;
+ border-right: 1px solid #336;
+}
+#CC th {
+ font-weight: normal;
+ text-align: center;
+}
+#CC th a {
+ font-weight: normal;
+ text-decoration: none;
+ color: #FFF;
+ padding: 1px;
+}
+#CC td {
+ text-align: center;
+}
+#CC .header {
+ background-color: #22303b;
+}
+#CC .weekday {
+ background-color: #eee;
+ color: #000;
+}
+#CC .weekend {
+ background-color: #FFC;
+ color: #000;
+}
+#CC .weekno {
+ background-color: #cde;
+ color: #555;
+}
+#CC .current {
+ border: 1px solid #339;
+ background-color: #22303b;
+ color: #FFF;
+}
+#CC .weekday, #CC .weekend, #CC .current {
+ display: block;
+ text-decoration: none;
+ border: 1px solid #FFF;
+ width: 2em;
+}
+#CC .weekday:hover, #CC .weekend:hover, #CC .current:hover {
+ color: #FFF;
+ background-color: #22303b;
+ border: 1px solid #999;
+}
+#CC .previous {
+ text-align: left;
+}
+#CC .next {
+ text-align: right;
+}
+#CC .previous, #CC .next {
+ padding: 1px 3px 1px 3px;
+ font-size: 1.4em;
+}
+#CC .previous a, #CC .next a {
+ color: #FFF;
+ text-decoration: none;
+ font-weight: bold;
+}
+#CC .title {
+ text-align: center;
+ font-weight: bold;
+ color: #FFF;
+}
+#CC .empty {
+ background-color: #ddd;
+ border: 1px solid #FFF;
+}
+
+div.err_msg {
+ margin: 10px;
+ padding: 3px;
+ border: 1px solid #cc3300;
+ background-color: #ffcccc;
+ color: #dd2200;
+ text-align: center;
+}
+
+div.warn_msg {
+ margin: 10px;
+ padding: 3px;
+ border: 1px solid #ff9900;
+ background-color: #ffff00;
+ color: #ff5500;
+ text-align: center;
+}
+
+div.note_msg {
+ margin: 10px;
+ padding: 3px;
+ border: 1px solid #33cc00;
+ background-color: #ccffcc;
+ color: #007700;
+ text-align: center;
+}
+
+#title {
+ margin-bottom: 10px;
+ width: 100%;
+}