/*
  blue text (link)
  color: #0046D5;

  dark blue (mainbheader)
  color: #003353;

  menubackground
  008fb4
  
  menuhighlite
  color: #00769b;

  black (text)
  color: #000000;

  gray (lines)
  border: 1px solid #AAAAAA;

  gray (inputline border)
  border: 1px solid #7F9DB9;
 */
TABLE, FORM
{
    margin-top:    0.0em;
    margin-bottom: 0.0em;
}

BODY
{
  font-family: Verdana, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  line-height:160%;
  
  margin-top:    0.0em;
  margin-bottom: 0.0em;
  margin-left:   0px;
  margin-right:  0px;
  vertical-align: top;
}

TD, TH, P
{
  font-family: Verdana, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  line-height:160%;

  text-align: left;
  margin-top:    0.0em;
  margin-bottom: 0.0em;
  vertical-align: top;
}

A
{
  color: #0046D5;
  text-decoration: underline;
}

H3
{
  line-height:   100%;
  font-size:     14px;
  font-weight:   bold;
  margin-top:    0.0em;
  margin-bottom: 0.2em;
}

H2
{
  line-height:   100%;
  font-size:     20px;
  color:         #003353;
  font-weight:   bold;
  margin-top:    0.0em;
  margin-bottom: 0.2em;
}

H1
{
  line-height:   100%;
  font-size:     25px;
  color:         #003353;
  font-weight:   bold;
  margin-top:    0.0em;
  margin-bottom: 0.2em;
}

OL, UL, PRE
{
  margin-top:    0.4em;
  margin-bottom: 0.4em;
}

INPUT, SELECT
{
  font-family: Verdana, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
  font-size:   12px;
  border:      1px solid #7F9DB9;

  padding-top:    0.1em;
  padding-bottom: 0.1em;
}

TEXTAREA
{
  font-family: Verdana, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
  font-size:   12px;
  border:      1px solid #7F9DB9;
}

.oddrow
{
}

.evenrow
{
  background-color: #DFDFDF;
}

.highlitedrow
{
  background-color: #C0C0C0;
}


/*** HEADER ***/
.bannertop
{
  text-align: right;
  vertical-align: bottom;

  height: 14px;
}

.banner
{
  text-align: left;
  vertical-align: bottom;
}

.header
{
  line-height:100%;
  color: #003353;
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;

  padding-left: 0px;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}
.header a, .header a:hover
{
  text-decoration: none;
  color: #003353;
}
.headerbottom
{
  height: 0.0em;
}


/*** LEFT SIDE ***/
.leftcolumn
{
  font-size: 11px;
  padding-top:  0.0em;
  padding-right: 7px;
  border-right: 2px dotted #AAAAAA;
}

.leftcolumn .box
{
  margin-bottom: 1.0em;
}

.leftcolumn .boxheader
{
  line-height:100%;
  color: #000000;
  background-color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;

  padding-top:    0.6em;
  padding-bottom: 0.3em;
  padding-left:   0px;
  padding-right:  0px;
}
.leftcolumn .boxheader a,
.leftcolumn .boxheader a:hover
{
  text-decoration: none;
  color: #000000;
}

.leftcolumn .boxcontent
{
  color: #000000;
  background-color: #FFFFFF;
  font-size: 11px;

  padding-top:    0.0em;
  padding-bottom: 0.3em;
  padding-left:   0px;
  padding-right:  0px;
}
.leftcolumn .boxcontent td,
.leftcolumn .boxcontent th,
.leftcolumn .boxcontent p
{
  font-size: 11px;
  color: #000000;
}
.leftcolumn .boxcontent a,
.leftcolumn .boxcontent a:hover
{
  color: #0046D5;
}
.leftcolumn .boxcontent a.linkhighlited,
.leftcolumn .boxcontent a.linkhighlited:hover {
  color: #0046D5;
}

.leftcolumn .boxfooter
{
  color: #000000;
  background-color: #FFFFFF;
  font-size: 11px;

  padding-top:    0.0em;
  padding-bottom: 0.0em;
  padding-left:   0px;
  padding-right:  0px;
}
.leftcolumn .boxfooter a,
.leftcolumn .boxfooter a:hover
{
  color: #0046D5;
}


/*** space between left column and main area ***/
.leftspace
{
}


/*** MAIN AREA ***/
.mainarea
{
  padding-top: 1.0em;
}
.mainarea .box
{
  margin-bottom: 2.0em;
}

.mainarea .boxheader .boxheaderimg
{
  padding-right: 8px;
}
.mainarea .boxheader
{
  line-height:   100%;
  font-size:     20px;
  color:         #003353;
  font-weight:   bold;

  padding-top:    0.0em;
  padding-bottom: 0.3em;
  padding-left:   0px;
  padding-right:  0px;
}
.mainarea .boxheader a,
.mainarea .boxheader a:hover
{
  text-decoration: none;
  color: #003353;
}

.mainarea .boxcontent,
.mainarea .boxfooter
{
  padding-top:    0.0em;
  padding-bottom: 0.0em;
  padding-left:   21px;
  padding-right:  0px;
}
.mainarea .boxcontent a,
.mainarea .boxcontent a:hover
{}
.mainarea .boxfooter a,
.mainarea .boxfooter a:hover
{}


/*** space between right column and main area ***/
.rightspace
{
}


/*** RIGHT SIDE ***/
.rightcolumn
{
  font-size: 11px;
  padding-top:  0.7em;
  padding-left: 7px;
  border-left: 2px dotted #AAAAAA;
}

.rightcolumn .box
{
  margin-bottom: 1.0em;
}

.rightcolumn .boxheader
{
  line-height:100%;
  color: #000000;
  background-color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;

  padding-top:    0.6em;
  padding-bottom: 0.3em;
  padding-left:   7px;
  padding-right:  0px;
}
.rightcolumn .boxheader a,
.rightcolumn .boxheader a:hover
{
  text-decoration: none;
  color: #000000;
}
 
.rightcolumn .boxcontent
{
  color: #000000;
  background-color: #FFFFFF;
  font-size: 11px;

  padding-top:    0.0em;
  padding-bottom: 0.3em;
  padding-left:   7px;
  padding-right:  0px;
}
.rightcolumn .boxcontent td,
.rightcolumn .boxcontent th,
.rightcolumn .boxcontent p
{
  font-size: 11px;
  color: #000000;
}
.rightcolumn .boxcontent a,
.rightcolumn .boxcontent a:hover
{
  color: #0046D5;
}
.rightcolumn .boxcontent a.linkhighlited,
.rightcolumn .boxcontent a.linkhighlited:hover {
  color: #0046D5;
}
.rightcolumn .boxcontent H3
{
  font-size: 12px;
  line-height:130%;
}

.rightcolumn .boxfooter
{
  color: #000000;
  background-color: #FFFFFF;
  font-size: 11px;

  padding-top:    0.0em;
  padding-bottom: 0.0em;
  padding-left:   7px;
  padding-right:  0px;
}
.rightcolumn .boxfooter a,
.rightcolumn .boxfooter a:hover
{
  color: #0046D5;
}


/* FOOTER */
.footer
{
  line-height:120%;
  font-size: 11px;
  padding-top: 0.0em;
  padding-bottom: 0.0em;
  text-align: center;
  
  border-top: 1px solid #AAAAAA;
  padding-top: 0.6em;
}
.footer a {}
.footer a:hover {}

.footerspace
{
height: 0.6em;
}

/* MISC */
/* Menu redefined in skin/index.php - linkhighlited is not used now */

/* Table element with menu pagebox */
.menubox
{
  margin-bottom: 10px;
}
.menuboxheader
{
  line-height:100%;
  color: #FFFFFF;
  background-color: #008fb4;
  font-weight: bold;
  font-size: 11px;

  padding-top:    0.6em;
  padding-bottom: 0.7em;
  padding-left:   7px;
  padding-right:  0px;
}
.menuboxheader a, .menuboxheader a:hover
{
  text-decoration: none;
  color: #FFFFFF;
}
.menuboxcontent 
{
}
.menuboxfooter 
{
  background-color: #008fb4;
  height: 0px;
}
.menuboxitem
{
  line-height:100%;
  color: #FFFFFF;
  background-color: #008fb4;
  font-weight: bold;
  font-size: 11px;

  padding-top:    0.6em;
  padding-bottom: 0.7em;
  padding-left:   14px;
  padding-right:  0px;

  width: 190px; /* must be here for onmouseover functionality */
  border-top: 1px solid #FFFFFF; /* dashed not works in IE when 'width' used*/
  cursor: hand;
}
.menuboxitem td
{
  vertical-align: bottom;
}
.menuboxitem a, 
.menuboxitem a:hover
{
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
}
.menuboxitemover
{
  line-height:100%;
  color: #FFFFFF;
  background-color: #00769b;
  font-weight: bold;
  font-size: 11px;

  padding-top:    0.6em;
  padding-bottom: 0.7em;
  padding-left:   14px;
  padding-right:  0px;

  width: 190px; /* must be here for onmouseover functionality */
  border-top: 1px solid #FFFFFF; /* dashed not works in IE when 'width' used*/
  cursor: hand;
}
.menuboxitemover a, 
.menuboxitemover a:hover
{
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
}
.menuboxitemhighlited
{
  line-height:100%;
  color: #FFFFFF;
  background-color: #00769b;
  font-weight: bold;
  font-size: 11px;

  padding-top:    0.6em;
  padding-bottom: 0.7em;
  padding-left:   14px;
  padding-right:  0px;

  width: 190px; /* must be here for onmouseover functionality */
  border-top: 1px solid #FFFFFF; /* dashed not works in IE when 'width' used*/
  cursor: hand;
}
.menuboxitemhighlited a, 
.menuboxitemhighlited a:hover
{
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
}

/* Form table row */
.frmeditrow
{ 
  margin-bottom: 3px;
  margin-left: 3px;
}

/* Set fieldset background (couple of IE hacks must be used) */
.frmlegend
{
  font-weight: bold;
  color: #316AC5;
  line-height:100%;
  padding: 3px 5px;
  background-color: #FFFFFF;
  border: 1px solid #7F9DB9;
  
  position:absolute;
  top:-10px;
}
.frmfieldset, .frmfieldsetdbl
{
  border: 1px solid #7F9DB9;
  background-color: #F0F0F0;
  padding-top:13px;
  padding-bottom:8px;
  padding-left:4px;
  
  top: 10px;
  position:relative;
}

/*** progressBar ***/
/* main progressBar div */
.progressBar 
{
  width: 364px;
  margin-right: 4px;
}
/* div framing progressBar */
.progressBarFrame 
{
  width: 364px;
  height: 18px;
  border: 1px solid #7F9DB9;
}
/* div with progressBar */
.progressBarLine 
{
  width: 364px;
  height: 18px;
  background-color: #2C3150;
}