/*
   File: cmldk.css
   This css file is used for formatting the HTML pages of the Code Magus Limited
   DukptWeb system.

   $Author: hayward $
   $Date: 2012/09/04 22:56:51 $
   $Id: cmlwt.css,v 1.5 2012/09/04 22:56:51 hayward Exp $
   $Name:  $
   $Revision: 1.5 $
   $State: Exp $

   $Log: cmlwt.css,v $
   Revision 1.5  2012/09/04 22:56:51  hayward
   Add JS functionality to validate
   hexadecimal fields.

   Revision 1.4  2012/05/28 19:37:25  hayward
   Layout changes from Review.

   Revision 1.3  2012/05/03 14:01:18  hayward
   Changes from first review:
   1. Each of the card specs should indicate their full name, not my abbreviation.
   2. Instead of Hybrid, refer to Magstripe/Chip Hybrid (there are other types of
      hybrids).
   3. Should not refer to a card "record". Just create an EMV card (perhaps card
      file, test card or virtual card). The message you display is EMV file
      created.
   4. There should not be a default card spec. The entry should force a choice.
   5. References to dates (eg expiry) should alway include their format (YYMM).
   6. Application Interchange profile appears twice. The second should be
      Application Usage Control.
   7. Leave out height and branch for now, they are not implemented.
   8. Format characters, such as YY and MM in capitals please.
   9. Transaction date to specify the format: YYMMDD.
   10. When you generate an ARQC or ARPC, you should display it.
   11. The card file suffix should be icc, and maybe the default name should be
       the <pan>.icc.
   12. You can put ARQC and ARPC as the same function on the web.
   13. Is it possible to have upload display the upload card immediately?
   14. For the long display lines, you could break these at some point,
       maybe every 32 or 64 bytes.

     ALL Implemented.

   Revision 1.2  2012/05/01 17:47:56  hayward
   Changes to allow addition of EMV card utilities.
   New modules in support of EMV card utilities.

   Revision 1.1.1.1  2012/04/23 17:45:00  hayward
   Move dukptweb and kmpinweb into webtools
   and add VISA CVV.
   This makes it easier for deployment and
   management to add new modules.

   Revision 1.5  2012/04/17 16:19:51  hayward
   Changes from review

   Revision 1.4  2012/04/11 11:15:40  hayward
   Centre headings

   Revision 1.3  2012/04/11 09:03:31  hayward
   Changes from review.

   Revision 1.2  2012/04/03 17:06:09  hayward
   Correct HTML Styles and processing
   when there are no cookies.

   Revision 1.1.1.1  2012/04/02 16:56:06  hayward
   Import into CVS

*/

body
{
   background-color: #BFD9FF;
   background-repeat: repeat;
   padding: 0px;
   margin: 0px;
   font-family: sans-serif;
   color: black;
   text-align: center;
}

div#banner
{
   background-color: inherit;
   background-repeat: inherit;
   border-style: none none solid none;
   border-width: 0px 0px medium 0px;
/*
   border-style: solid solid solid solid;
   border-width: medium medium medium medium;
 */
   border-color: navy;
   padding: 0px 0px 3px 0px;
   margin: 10px 0px 3px 0px;
/*   height: 60px;
 *   width: 1000px;
 */
}

table.bannerH1
{
   background-color: #BFD9FF;
   background-repeat: inherit;
/* 
 * border-style: solid solid solid solid;
 * border-width: medium medium medium medium;
 * border-color: red;
 */
   text-align: center;
   width: 1500px;
   height: 55px;
}

H3
{
   text-align: center;
}

td.titleimg
{
   font-weight: bold;
   font-size: x-large;
}

td.title
{
   font-weight: bold;
   font-size: xx-large;
   width: 800px;
}

table.maindiv
{
   width:800px;
   height:600px;
   background:PowderBlue;
   border-width: medium medium medium medium;
   border-color: Navy;
   border-style: solid solid solid solid;
   margin: 0;
   padding: 0;
}

td.menudiv
{
   width:180px;
   height:600px;
   border-width: 0 thick medium 0;
   border-color: Navy Cyan Navy Navy;
   border-style: none groove solid none;
   background:PowderBlue;
}

td.maindiv
{
   border-width: 0 0 medium 0;
   border-color: Navy;
   border-style: none none solid none;
   background:PowderBlue;
}

/* Link colors
 */

A.Link:link { color: Blue; }
A.Link:visited { color: maroon; }
A.Link:hover { color: yellow; }
A.Link:active { color: fuchsia; }

p.menuheader
{
   color: Black;
   border-width: medium thin medium thin;
   border-color: White;
   border-style: groove none groove none;
   margin: 0em;
   padding: 1em;
   font-weight: bold;
   font-size: large;
   text-align: center;
}

p.menuitemS
{
   color: Blue;
   border-width: medium thin medium thin;
   border-color: White;
   border-style: groove none groove none;
   margin: 0em;
   padding: 1em;
}

p.menuitemSActive
{
   background: AquaMarine;
   color: Blue;
   border-width: medium thin medium thin;
   border-color: White;
   border-style: groove none groove none;
   margin: 0em;
   padding: 1em;
   cursor: pointer;
}

p.menuitem
{
   color: Blue;
   border-width: thin thin medium thin;
   border-color: White;
   border-style: none none groove none;
   margin: 0em;
   padding: 1em;
}

p.menuitemActive
{
   background: AquaMarine;
   color: Blue;
   border-width: thin thin medium thin;
   border-color: White;
   border-style: none none groove none;
   margin: 0em;
   padding: 1em;
   cursor: pointer;
}

input.dkinternal
{
   visibility:hidden; display:none;
}

button.actionbutton
{
   text-align: center;
   width: 20%;
   height: 2em;
   border-style: outset;
   border-width: 1px;
   border-color: inherit;
   padding: 0px;
   margin: 0px;
   font-size: 80%;
}
button.actionbutton:hover { background: red }

/* Error Text
 */
.perror
{
    color: #e22;
    font-size: 110%;
}

.error, .errormessage
{
    color: #e22;
    font-size: 90%;
}

p.menu
{
   padding-top: 5px;
   padding-bottom: 5px;
   height: 20px;
}

button.menu
{
   border-style: solid;
   border-width: medium;
   border-color: navy;
   padding: 0px;
   margin: 0px 10px 0px 0px;
   width: 100%;
}

fieldset.input
{
   position: relative;
   text-align: left;
}

legend.help
{
   background:PowderBlue;
}

input.inp30
{
   width: 30em;
}
input.inp26
{
   width: 26em;
}
input.inp18
{
   width: 18em;
}
input.inp4
{
   width: 4em;
}
input.inp3
{
   width: 3em;
}
input.inp8
{
   width: 8em;
}
input.result
{
   width: 26em;
   background: LightGrey;
}

textarea.result
{
   width: 36em;
   background: LightGrey;
}

span.footnote
{
   font-size:smaller;
}

tr.rowheader
{
   background-color: Gold;
   text-align: center;
   font-weight: bold;
   font-size: x-large;
   font-family: monospace;
}

tr.rowone
{
   background-color: #BFD9FF;
   font-family: monospace;
   font-size: large;
}

tr.rowtwo
{
   background-color: SkyBlue;
   font-family: monospace;
   font-size: large;
}