﻿/* CSS Documents */

html, body {margin: 0px; background: url('./bg_cnv_in.jpg') #202451 repeat-y;}



html, body, div, .hdr_nv ul, .hdr_nv li, h1, h2, h3, form { padding: 0; margin: 0; }
div, .lgo { position: absolute;  font-family: "arial", helvetica, verdana;  font-size: 12px; line-height: 22px;
    top: 0px;
    left: 0px;
    width: 206px;
}

h1, h2, h3 { text-transform: capitalize; padding-bottom: 5px; }
h1 { color: #014896; font-size: 24px; font-weight: normal; }
h2 { color: #666666; font-size: 18px; font-weight: normal; }

a{ color: #006699; text-decoration: none;}
a:hover { color: Black; }

/* Web Structure */

.ctnr {
  width: 957px; height: 715px; margin-left: 40px; margin-top: 0;
  background: url('./bg_cnv.jpg') #FFFFFF no-repeat;
}

.ctn_mid { top: 290px; left: 255px; width: 562px;
    right: 140px;
}

.login { border: dashed 1px #7F9DB9;    top: 77px;    left: 0px;    width: 563px;    
height: 168px; 
padding: 10px;
}

.forgot { border: dashed 1px #7F9DB9;    top: 280px;    
left: 0px;    width: 577px;     
padding: 4px; text-align: right; font-size: 11px; font-weight: bold; line-height: 12px; 
}

.forgot2 { border: dashed 1px #7F9DB9;     
padding: 4px;  line-height: 12px; 
}

.lgn input {  
   background: url('./bg_cnv.jpg') no-repeat;
   border : solid 1px #7F9DB9;
   margin-bottom: 15px; padding: 2px;
   font-size: 11px;
}

INPUT#Button1  
{
    background: url('./button.jpg') no-repeat; 
    padding: 0px; 
    font-size: 11px; font-family:Arial; color:White; 
    border: solid 1px Black;
    line-height:12px;
}

.label-small { font-family:Arial; font-size:11px; }

.validator { font-family:Arial; font-size:11px; font-weight: bold; color : Maroon; line-height:14px; }

.ul { font-size: 11px; line-height: 12px;}
.ul a {  font-size: 14px; font-weight:bold;}

.ul2 { font-size: 11px;}
.ul2 a {  font-size: 14px; font-weight:bold;}

.button
{
    background: url('./button.jpg') no-repeat; 
    padding: 0px; 
    font-size: 11px; font-family:Arial; color:White; font-weight:bold; 
    border: solid 1px Black;
    line-height:14px;
}

.header  
{
    background: url('./header.jpg') no-repeat; 
}

.grid 
{
    padding : 0px;
    font-size: 11px;
    border-color:#7F9DB9;
    border-left: 0px;
    border-right: 0px;
    line-height: 14px;    
}

.grid2 
{
    padding : 0px;
    font-size: 11px;
    border-color:#7F9DB9;
    border-left: dashed 0px;
    border-top: dashed 0px;
    border-right: dashed 1px;
    line-height: 14px;  
}


.subject
{ text-transform:uppercase;
  font-weight:bold;
  color:#006699;
  font-size: 14px;
}

.request { padding: 10px; padding-bottom: 33px; 
           border-top: none; border-bottom: none;  border-left: none;
           border-right: dashed 1px #7F9DB9;
           color: #666666;}
           
.top 
{
    border-top: dashed 1px #7F9DB9;
}

.left 
{
    padding-left: 2px;
}

.left2 
{
    padding-left: 5px;
}

.left3
{
    padding-left: 5px;
    text-transform:uppercase;
}

INPUT#Button2  
{
    background: url('./button.jpg') no-repeat; 
    padding: 0px; 
    font-size: 11px; font-family:Arial; color:White; 
    border: solid 1px Black;
    line-height:12px;
}

.from 
{
    font-size: 11px; font-weight:bold; text-transform:uppercase; color: #006699;
}

.welcome 
{
    font-size: 14px; font-weight:bold; text-transform:uppercase; color:Black;
}

.home { font-size: 11px;}
.home a {  font-size: 14px; font-weight:bold;}

.menu 
{
    color: White;  font-size : 14px; font-weight: bold; text-transform:uppercase;
}

.menu2 {color: White;  font-size : 11px; font-weight: bold; text-transform:uppercase;}
.menu2 a{ text-decoration: underline; color: White;}
.menu2 a:hover { text-decoration: none;}

.menu3 {color: White;  font-size : 11px; font-weight: bold; text-transform:uppercase; line-height: 16px;}
.menu3 a{ padding: 1px; text-decoration: none ; color: White;}
.menu3 a:hover { text-decoration: none; background-color: white; color: black; }

.logo
{
    border-top: solid 1px #7F9DB9;
    border-left: solid 1px #7F9DB9;
    border-bottom: solid 1px #000000;
    border-right: solid 1px #000000;
}

.deletebutton input {  
   padding: 0px;
   font-size: 11px;
}

.description 
{
    font-family: Arial;
    font-size: 12px;
    text-transform:none;
}

.description:first-line
{
    font-size: 11px;
    color: #006699;
    line-height: 7px;
    
}

.hdr_nv a, .hdr_nv a:hover { color: #FFFFFF; text-decoration: none; padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; }
.hdr_nv a:hover, #hdrm li:hover { background: url('bg_tpn.gif') #000000 repeat-x; } 

.hdr_nv ul, li { 
  display: block; float: left; 
  list-style: none;
  line-height: 18px; 
    top: -4px;
    left: -13px;
} 

.hdr_nv { top: 41px; right: 159px; 
width: 560px;
}



  /* header navigation */

  #hdrm { position: relative; z-index: 20;
    width: 562px;
}
  #hdrm li { list-style-type: none; float: left; line-height: 15px; }
  #hdrm li, ul { z-index: 190; }
  #hdrm ul { 
     display: none; z-index: 99;
    list-style-type: none; width: 100px; line-height: 15px;
  }
  #hdrm ul li { width: 159px; background-color: #2A3B71; position: relative; top: -1px; left: 0px;  } 
  #hdrm ul li:hover { background-color: #2A3B71; }
  
  #hdrm ul li, #hdrm ul li:hover {
    filter: alpha(opacity = 85); -moz-opacity: .85; 
	opacity: .85; zoom: 1; z-index: 190;
  }

  #hdrm ul ul { position: relative; margin-left: 146px;  }

  #hdrm ul li>ul, #hdrm ul ul li>ul, #hdrm li a { margin: 0; }
  #hdrm li:hover ul ul, #hdrm li:hover ul ul ul { display: none; }
  li > ul { top: auto; left: auto; }

  #hdrm li:hover ul, #hdrm ul li:hover ul, #hdrm ul ul li:hover ul, 
  #hdrm li, #hdrm li a,  #hdrm ul a, #hdrm li:hover, 
  #hdrm ul li:hover, #hdrm ul ul { display: block; }
  
  /*  header navigation  */   

/* navigation */