/*////////////////////////////////////////////////////////////////////////////
// FILE    : common.css
// PURPOSE : Cascading style sheets for inkwatercolor
////////////////////////////////////////////////////////////////////////////*/

body
{
  margin-top:          3px;
  margin-left:         3px;
  margin-right:        3px;
  margin-bottom:       3px;
  font-family:         arial, verdana, sans-serif;
  font-size:           10pt;
  font-weight:         normal;
  color:               #202020;
  background-color:    #808080;
}


/*////////////////////////////////////////////////////////////////////////////
// Contents elements.
////////////////////////////////////////////////////////////////////////////*/

td.cnt h1
{
  margin:              0px 0px 0px 0px; /* top right bottom left */
  padding:             0px 0px 2px 4px;
  font-weight:         normal;
  font-size:           14pt;
  color:               #ffffff;
  background-color:    #606060;
}


td.cnt h2
{
  margin:              0px 0px 0px 0px; /* top right bottom left */
  padding:             0px 0px 2px 4px;
  font-weight:         normal;
  font-size:           10pt;
  color:               #ffffff;
/*background-color:    #606060;*/
}


td.cnt input.text
{
  margin:              0px 0px 0px 0px; /* top right bottom left */
  padding:             0px 0px 0px 0px;
  font-family:         arial, verdana, sans-serif;
  font-weight:         normal;
  font-size:           10pt;
  border:              1px inset; /*  solid groove ridge inset outset #e0e0e0; */
  color:               #202020;
  background-color:    #ffffff;
  width:               330px;
}

td.cnt input.autofill
{
  margin:              0px 0px 0px 0px; /* top right bottom left */
  padding:             0px 0px 0px 0px;
  font-family:         arial, verdana, sans-serif;
  font-weight:         normal;
  font-size:           10pt;
  border:              1px inset; /*  solid groove ridge inset outset #e0e0e0; */
  color:               #202020;
  background-color:    #e0e0e0;
  width:               330px;
}

td.cnt input.button
{
  margin:              0px 0px 0px 0px; /* top right bottom left */
  padding:             0px 0px 0px 0px;
  font-family:         arial, verdana, sans-serif;
  font-weight:         normal;
  font-size:           10pt;
/*border:              2px outset #606060;
  color:               #202020;
  background-color:    #ffffff;
  height:              20;
  height:              20px;*/
}

td.cnt select
{
  margin:              0px 0px 0px 0px; /* top right bottom left */
  padding:             0px 0px 0px 0px;
  font-family:         arial, verdana, sans-serif;
  font-weight:         normal;
  font-size:           10pt;
  border:              1px inset; /*  solid groove ridge inset outset #e0e0e0; */
  color:               #202020;
  background-color:    #ffffff;
  width:               332px;
}

td.cnt textarea
{
  margin:              0px 0px 0px 0px; /* top right bottom left */
  padding:             0px 0px 0px 0px;
  font-family:         arial, verdana, sans-serif;
  font-weight:         normal;
  font-size:           10pt;
  border:              1px inset; /*  solid groove ridge inset outset #e0e0e0; */
  color:               #202020;
  background-color:    #ffffff;
  width:               330px;
}

td.cnt textarea.autofill
{
  margin:              0px 0px 0px 0px; /* top right bottom left */
  padding:             0px 0px 0px 0px;
  font-family:         arial, verdana, sans-serif;
  font-weight:         normal;
  font-size:           10pt;
  border:              1px inset; /*  solid groove ridge inset outset #e0e0e0; */
  color:               #202020;
  background-color:    #e0e0e0;
  width:               330px;
}

td.cnt p
{
  margin:              6pt 2pt 0pt 2pt; /* top right bottom left */
  padding:             0px 0px 0px 0px;
  font-size:           10pt;
  font-weight:         normal;
  text-align:          left;
  color:               #202020;
}

td.cnt br
{
  font-size:           10pt;
  font-weight:         normal;
}

td.cnt code
{
  margin:              0pt 2pt 0pt 2pt;     /* top right bottom left */
  font-family:         courier new, courier, sans-serif;
  font-size:           9pt;
  font-weight:         normal;
  text-align:          left;
  color:               #00a000;
}

td.cnt pre
{
  margin:              8pt 2pt 0pt 2pt;     /* top right bottom left */
  font-family:         courier new, courier, sans-serif;
  font-size:           9pt;
  font-weight:         normal;
  text-align:          left;
  color:               #00a000;
}

td.cnt a
{
  font-size:           10pt;
  font-weight:         normal;
  text-decoration:     underline;
  color:               #0000e0;
}

td.cnt a:hover
{
  text-decoration:     underline;
  color:               #ffa000;
}

td.cnt ul
{
  margin:              0px 1px 0px 16px;
  padding:             0px 0px 0px  0px;
  list-style:          disc;
  list-style:          outside;
  font-size:           10pt;
  font-weight:         normal;
  text-align:          left;
  color:               #202020;
}

td.cnt li
{
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 0px 0px;
}

td.cnt img.top
{
  margin:              0px 0px 0px 0px; /* top right bottom left */
  vertical-align:      top;             /* redundant FireFox IExplorer */
}

td.cnt img.low
{
  margin:              0px 0px 0px 0px; /* top right bottom left */
  vertical-align:      bottom;          /* redundant FireFox IExplorer */
}


/*////////////////////////////////////////////////////////////////////////////
// Floating elements
////////////////////////////////////////////////////////////////////////////*/

td.cnt img.fly
{
  margin:              0px 0px 0px 0px; /* top right bottom left 0px 0px 4px 0px;*/
  padding:             0px 0px 0px 0px;
  float:               right;
  border-left:         1px solid #e0e0e0;
  border-bottom:       1px solid #e0e0e0;
  background-color:    #606060;
}

#BoCTrcDiv
{
  margin:              2px 1px 0px 1px;
  padding:             1px 1px 1px 1px;
  font-size:           8pt;
  color:               #ffffff;
  border:              0px solid #e0e0e0;
  float:               left;
}

#CntUppDiv
{
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 0px 0px;
  width:               100%;
  height:              300px;
}

#CntLowDiv
{
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 0px 0px;
  float:               right; /* bottom; */
  border-top:          1px solid #e0e0e0;
  width:               100%;
  height:              300;
}



/*////////////////////////////////////////////////////////////////////////////
// Menus navAMn
////////////////////////////////////////////////////////////////////////////*/

td.navAMn
{
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 0px 0px;
  font-weight:         normal;
  color:               #e0e0e0;
}


td.navAMn h1 /* Usual titles */
{
  margin:              0pt 2pt 0pt 2pt;  /* top right bottom left */
  font-size:           11pt;
  font-weight:         normal;
  text-align:          center;
  color:               #e0e0e0;
}

td.navAMn h2 /* Big titles */
{
  margin:              0pt 0pt 0pt 0pt;  /* top right bottom left */
  font-size:           18pt;
  font-weight:         normal;
  text-align:          center;
  color:               #e0e0e0;
}

td.navAMn h3 /* Little titles */
{
  margin:              0pt 0pt 0pt 0pt;  /* top right bottom left */
  font-size:           10pt;
  font-weight:         normal;
  text-align:          center;
  color:               #e0e0e0;
}

td.navAMn p
{
  margin:              2pt 0pt 0pt 2pt;  /* top right bottom left */
  font-size:           8pt;
  font-weight:         normal;
  text-align:          left;
  color:               #e0e0e0;
}

td.navAMn br
{
  font-size:           6pt;
  font-weight:         normal;
  text-align:          left;
  color:               #e0e0e0;
}

td.navAMn i
{
  font-size:           2pt;
  font-weight:         normal;
  text-align:          left;
  color:               #e0e0e0;
}

td.navAMn b
{
  font-size:           8pt;
  font-weight:         normal;
  text-align:          left;
  color:               #e0e0e0;
}

td.navAMn ul
{
  margin:              0px 0px 0px 18px;
  padding:             0px 0px 0px 0px;
  list-style:          disc;
  list-style:          outside;
  font-size:           8pt;
  font-weight:         normal;
  text-align:          left;
  color:               #e0e0e0;
}

td.navAMn li
{
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 0px 0px;
}


td.navAMn a
{
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 0px 0px;
  font-size:           8pt;
  font-weight:         normal;
  text-decoration:     none;
  color:               #ffa000; /* orange */
}


td.navAMn a:hover
{
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 0px 0px;
  text-decoration:     underline;
  color:               #e0e0e0;
}

td.navOMn a
{
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 0px 0px;
  font-size:           8pt;
  font-weight:         normal;
  text-decoration:     none;
  color:               #e0e0e0;
}

td.navOMn a:hover
{
  margin:              0px 0px 0px 0px;
  padding:             0px 0px 0px 0px;
  text-decoration:     underline;
  color:               #e0e0e0;
}

td.navAMn img
{
  margin:              0px 0px 0px 0px; /* top right bottom left */
  padding:             0px 0px 0px 0px;
  vertical-align:      middle;
}