Fixed better CSS combobox select.
[fa-stable.git] / themes / cool / default.css
index 53606648d13e8d9c1373d03a25210649ca709305..c37e539b5d64ff6c91c34132c277dba2bd518f6f 100644 (file)
@@ -2,8 +2,8 @@
 | cool        |                 | default.css       |
 |---------------------------------------------------|
 | For use with:                                     |
-| FrontAccounting                                                                      |
-| http://FrontAccounting.com/                                  |
+| FrontAccounting                                  |
+| http://FrontAccounting.com/                              |
 | by Joe Hunt Consulting                            |
 |---------------------------------------------------|
 | Developer:                                        |
@@ -19,7 +19,7 @@
 body {
        font-family: Verdana, Arial, Helvetica;
        background: #60687b;
-       font-size: 10px;        
+       font-size: 10px;
        margin: 5px 0 0 5px;
        padding: 0;
 }
@@ -29,13 +29,26 @@ tr, td, th {
        line-height: 19px;
 }
 
+table {
+       text-align: left;
+}
+
 textarea {
        font-size: 12px;
 }
 
 input, select {
        font-size: 11px;
-       padding: 1px; 
+       padding: 1px;
+}
+
+select {
+    max-width: 230px;
+}
+
+option.inactive {
+       text-decoration: line-through;
+       color: gray;
 }
 
 input.big {
@@ -48,7 +61,7 @@ input.small {
 
 a {
        color: #0000bb;
-       font-size: 11px;        
+       font-size: 11px;
        text-decoration: none;
 }
 
@@ -62,15 +75,24 @@ a:active {
        text-decoration: none;
 }
 
-a:hover {
+a:hover, a:focus {
        color: #2d8628;
        text-decoration: underline;
 }
 
+.inactive {
+       color: gray;
+}
 
-.login {
-       background-color: #ffffff;
-       border: none;
+button {
+       font-size: 11px;
+       border: 1px #0066cc solid;
+       padding: 1px 0px;
+}
+
+button img, span {
+       padding: 0px 2px ;
+       vertical-align: middle;
 }
 
 .callout_main {
@@ -94,7 +116,7 @@ a:hover {
        border: 0;
        margin: 0;
        padding: 0;
-       text-align: right;
+       /*text-align: right;*/
 }
 
 .quick_menu_selected {
@@ -109,18 +131,18 @@ a:hover {
 }
 
 .logoutBar {
-       padding-right: 1em; 
-       background: #e4ecec; 
-       color: black; 
-       border-bottom: 1px solid #cccccc; 
+       padding-right: 1em;
+       background: #e4ecec;
+       color: black;
+       border-bottom: 1px solid #cccccc;
        width: 100%;
 }
 
 .bottomBar {
-       padding-right: 1em; 
-       background: #e4ecec; 
-       color: black; 
-       border-bottom: 1px solid #cccccc; 
+       padding-right: 1em;
+       background: #e4ecec;
+       color: black;
+       border-bottom: 1px solid #cccccc;
        width: 100%;
 }
 
@@ -130,11 +152,11 @@ a:hover {
 }
 
 .bottomBar2 {
-       padding-right: 1em; 
-       background: #e4ecec; 
-       color: black; 
-       border-top: 1px solid #cccccc; 
-       border-bottom: 1px solid #cccccc; 
+       padding-right: 1em;
+       background: #e4ecec;
+       color: black;
+       border-top: 1px solid #cccccc;
+       border-bottom: 1px solid #cccccc;
        width: 100%;
 }
 
@@ -143,16 +165,16 @@ a:hover {
 }
 
 div.logoutBar {
-       padding-right: 1em; 
-       background: #e4ecec; 
-       color: black; 
-       border-bottom: 1px solid #cccccc; 
+       padding-right: 1em;
+       background: #e4ecec;
+       color: black;
+       border-bottom: 1px solid #cccccc;
        text-align: right;
 }
 div.logoutBar a {
-       font-weight: normal; 
-       margin-left: 1em; 
-       color: #436976; 
+       font-weight: normal;
+       margin-left: 1em;
+       color: #436976;
        background-color: transparent;
 }
 div.logoutBar img {
@@ -160,38 +182,38 @@ div.logoutBar img {
 }
 
 div.tabs {
-       padding: 0.5em 0 0 0; 
-       background: none transparent scroll repeat 0% 0%; 
-       white-space: nowrap; 
-       border-collapse: collapse;      
-       border-bottom: 1px solid #cccccc;               
+       padding: 3px 0 0 0;
+       background: none transparent scroll repeat 0% 0%;
+       white-space: nowrap;
+       border-collapse: collapse;
+       border-bottom: 1px solid #cccccc;
 
 }
 div.tabs a {
-       border: 1px solid #cccccc; 
-       padding: 0 1em 3px 1em; 
-       font-weight: normal; 
-       background: white scroll repeat 0% 0%; 
-       color: #436976; 
-       margin-right: 0.0em; 
+       border: 1px solid #cccccc;
+       padding: 3px 10px;
+       font-weight: normal;
+       background: white scroll repeat 0% 0%;
+       color: #436976;
+       margin-right: 0.0em;
        height: 1.0em;
 }
 div.tabs a.selected {
-       border-top: 1px solid #cccccc; 
-       border-right: 1px solid #cccccc; 
+       border-top: 1px solid #cccccc;
+       border-right: 1px solid #cccccc;
        border-bottom: 1px solid #e4ecec;
-       border-left: 1px solid #cccccc; 
-       font-weight: normal; 
-       background: #e4ecec; 
-       color: #436976; 
+       border-left: 1px solid #cccccc;
+       font-weight: normal;
+       background: #e4ecec;
+       color: #436976;
 }
 div.tabs a:hover {
-       border-top-color: #cccccc; 
+       border-top-color: #cccccc;
        border-right-color: #cccccc;
-       border-bottom-color: #e4ecec; 
-       border-left-color: #cccccc; 
-       background: #e4ecec; 
-       color: #436976; 
+       border-bottom-color: #e4ecec;
+       border-left-color: #cccccc;
+       background: #e4ecec;
+       color: #436976;
 }
 
 .menu_group {
@@ -199,7 +221,7 @@ div.tabs a:hover {
        padding: 0px;
        color: #455372;
        background-color: #e4ecec;
-       PADDING-LEFT: 3px; 
+       PADDING-LEFT: 3px;
        font-weight: bold;
 }
 
@@ -210,6 +232,11 @@ div.tabs a:hover {
        border: 1px solid #cccccc;
 }
 
+#hotkeyshelp {
+       text-align: right;
+       font-weight: bolder;
+}
+
 #footer {
        position: relative;
        bottom: -3px;
@@ -220,6 +247,13 @@ div.tabs a:hover {
        color: #cccccc;
        font-weight: normal;
        font-size: 9px;
+       text-align: center;
+       width: 100%;
+}
+
+.footer td a {
+       color: #666666;
+       font-size: 9px;
 }
 
 .tableheader {
@@ -242,31 +276,32 @@ div.tabs a:hover {
 
 .titletext {
        font-weight: bold;
-       font-size: 13px;        
+       font-size: 13px;
        color: #455372;
        border-bottom: 1px solid #cccccc;
        padding: 5px;
+       width: 100%;
 }
 
 .headingtext {
        font-weight: bold;
-       font-size: 13px;        
+       font-size: 13px;
        color: #455372;
 }
 
 .headingtext2 {
-       font-size: 13px;        
+       font-size: 13px;
        color: #455372;
 }
 
 .headingtext3 {
        font-weight: bold;
-       font-size: 10px;        
+       font-size: 10px;
        color: #455372;
 }
 
 .errortext {
-       font-size: 13px;        
+       font-size: 13px;
        color: #ff0000;
        font-weight: bold;
 }
@@ -274,7 +309,13 @@ div.tabs a:hover {
 .inputsubmit {
        font-size: 11px;
        border: 1px solid #0066cc;
-       padding: 1px 4px; 
+       padding: 1px 4px;
+}
+
+.ajaxsubmit {
+       font-size: 11px;
+       border: 1px solid #0066cc;
+       padding: 1px 4px;
 }
 
 .oddrow {
@@ -283,32 +324,32 @@ div.tabs a:hover {
 
 .evenrow {
        background-color: #eaedf1;
-}      
+}
 
 .overduebg {
        background-color: pink;
-}      
+}
 
 .overduefg {
        color: #dd7777;
-}      
+}
 
 .currentfg {
        color: #ff6666;
-}      
+}
 
-.redfg {
+.redfg, a.redfg {
        color: red;
        font-weight: bold;
-}      
+}
 
 .settledbg {
        background-color: #00bb00;
-}      
+}
 
 .settledfg {
        color: #00bb00;
-}      
+}
 
 .inquirybg {
        background-color: #fdfeef;
@@ -322,17 +363,293 @@ div.tabs a:hover {
        background-color: pink;
 }
 
-.tablestyle {
-       padding: 3px;
+.stockmankofg {
+       color: red;
+}
+
+table.tablestyle {
+       border-collapse: collapse;
+       border: 1px solid #8cacbb;
+}
+table.tablestyle td {
+       border-collapse: collapse;
+       border: 1px solid #8cacbb;
+}
+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 #eff9f9;
+}
+table.tablestyle_inner td {
+       border-collapse: collapse;
+       border: 1px solid #eff9f9;
+}
+.tablestyle_noborder {
+       padding: 3px;
+}
+
+.label {
+       background-color: #e4ecec;
+       color: black;
+}
 
-.tablestyle2 {
-       padding: 0 3px;
-       border: 1px solid #ccc;
+#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:#0000FF;
+   background-color:transparent;
+   border-style:none;
+   text-decoration:underline;
+   cursor: pointer;
+}
+
+.navibutton[disabled], .navibutton[disabled] span {
+  color:#ddd;
+  text-decoration: none;
+  cursor: auto;
+}
+button.navibutton {
+       font-family: Verdana, Arial, Helvetica;
+       font-size: 11px;
+       font-weight: bold;
+   color:#fff;
+   padding: 0 3px;
+   background-color:transparent;
+   border-style:none;
+   cursor: pointer;
+}
+
+.navibutton span {
+       text-decoration: underline;
 }      
-.tablestyle_noborder {
+
+.navibar {
+    padding: 0 3px;
+       color: #fff;
+    border: 1px solid #cccccc;
+    border-collapse: collapse;
+    background-color: #788da1;
+}
+
+.navibar tr td {
+    border: none;
+}
+
+.listsubmit {
+    display: none;
+}
+
+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;
+/*     background-repeat: repeat-x;
+       background-position: top; */
+       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:#FFFFFF;
+}
+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:#FFFFFF;
+}
+#hints {
+       font-size: 13px;
+       padding: 5px;
+       border-bottom: 1px solid #8cacbb;
+       margin: -4px -2px -2px;
+       border: 1px solid #8cacbb;
+       background-color: #FFFFE0;
+       white-space: nowrap;
+}
+/*
+       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: #60687b;
+}
+#CC .weekday {
+       background-color: #eee;
+       color: #000;
+}
+#CC .weekend {
+       background-color: #FFC;
+       color: #000;
+}
+#CC .weekno {
+       background-color: #e4ecec;
+       color: #555;
+}
+#CC .current {
+       border: 1px solid #339;
+       background-color: #60687b;
+       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: #60687b;
+       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;
-}
\ No newline at end of file
+       border: 1px solid #33cc00;
+       background-color: #ccffcc;
+       color: #007700;
+       text-align: center;
+}
+
+#title {
+       margin-bottom: 10px;
+       width: 100%;
+}