/* Eric Meyer's CSS Tools: Reset CSS (Modified by Hieu Nguyen)
-------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;   background: transparent;
}
body { line-height: 1; font: 12px/16px Arial; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }
ul, ol { list-style: none; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }

/* Clearfix
-------------------------------------------------------------*/
.clear, .divider {clear: both;}
.clearfix { display: inline-block; /* IE7xhtml*/ }
.clearfix:after { /* FF, O, etc. */ 
	content: "."; display: block; height: 0; clear: both; visibility: hidden; 
}
/* Mis.
-------------------------------------------------------------*/
img { border:none; }
.tabContent { margin:0px; padding:0px; top:10px; }
.sub { margin-left:1em; }
.tabSpacer { background-color:#93b8e7; height:8px; top:-5px; margin-bottom:-5px; position:relative; }

ul {  }
li { lst-style:none; }

.tabSpan { padding:2px 2px; position:relative; top:-6px; }

html{
    height: 100%;
    font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px;
}

.headerMenu {
  background-image:url(../../pics/vt/background_header.jpg); 
  width:980px;
  height:23px;
  padding:0;
  text-align:right;
  font-family:Arial;
}

.headerMenu .headerElement {
  height:23px;
  border-left:1px solid #184ba1;
  border-right:1px solid #5f91e0;
  float:right;
  color:#fff;
  padding-left:8px;
  padding-right:8px;
  font-weight:normal;
}

.headerMenu span
{
  position:relative;
  top:2px;  
}

.headerMenu .headerElementFirst {
  border-right:none;
  height:23px;
  border-left:1px solid #184ba1;
  float:right;
  color:#fff;
  padding-left:8px;
  padding-right:8px;
  font-weight:normal;
  float:right;
}

.headerMenu a {
  color:#fff;
  text-decoration:none;
}

#buttonHeader {
  font-family:Arial;
  background-image:url(../../pics/vt/background_buttonheader.jpg); 
  width:980px;
  height:35px;
  padding:0;
  text-align:right;
}

#buttonHeader .headerElement {
  height:35px;
  border-left:1px solid #184ba1;
  border-right:1px solid #5f91e0;
  float:left;
  color:#fff;
  padding-left:8px;
  padding-right:8px;
  font-weight:bold;
}

#buttonHeader .headerElementRight {
  height:35px;
  float:right;
  color:#fff;
  padding-left:8px;
  padding-right:8px;
  padding-top:0px;
  font-weight:bold;
  line-height:35px;
}

#buttonHeader .headerElementSelected {
  height:35px;
  border-left:1px solid #1d458b;
  border-right:1px solid #1d458b;
  float:left;
  color:#fff;
  padding-left:8px;
  padding-right:8px;
  font-weight:bold;
  background-color:#1d458b;
}


#buttonHeader span
{
  position:relative;
  top:9px;  
}

#buttonHeader .headerElementSelected span
{
  position:relative;
  top:9px;  
}

#buttonHeader a {
  color:#fff;
  text-decoration:none;
}

#buttonHeader form {
  display:inline;
  margin:0;
  padding:0;
  position:relative;
  top:4px;
}
#buttonHeader input {
  border:1px solid #1d458b;
  margin-left:4px;
  margin-right:4px;
  top:-4px;
  position:relative;
}

#buttonHeader .nbText {
  margin:4px;
  padding:2px;
  line-height:15px;
  vertical-align:middle;
  width:100px;
}

#buttonHeader .submit {
  line-height:15px;
  margin:4px;
  padding:0;
  border:none;
  width:28px;
  height:15px;
  background-image:url(../../pics/vt/go.jpg);
  position:relative;
  vertical-align:middle;
}

#logo {
  background-image:url(../../pics/vt/logo.jpg);
  width:980px;
  height:132px;
}

.totalSpacer {
  height:12px;
}

#lightBlue {
  background-color:#d7e8fd;
  height:125px;
}

#preFooter {
  color:#294292;
  text-align:left;
  background-color:#d5e9fe;
  height:135px;
  font-family: Arial;
  font-weight:bold;
  font-size:11pt;
}

#preFooter ul {
  list-style-type: none;
  padding:0;
  margin:0;
}

#preFooter ul li {
  margin:0;
  padding:0;
  font-weight:normal;
  list-style:none;
  font-size:12px;
  list-style-position:inside;
}

#preFooter ul li a{
  color:#4594f5;
}

#preFooterBlock1 {
  margin-left:24px;
  margin-top:12px;
  width:400px;
  height:100px;
  border-right: 1px solid #9eb7e2;
  float:left;
}

#preFooterBlock2 {
  margin-top:12px;
  padding-left:40px;
  width:150px;
  height:100px;
  border-left: 1px solid #fff;
  float:left;
}

#preFooterBlock3 {
  margin-top:12px;
  width:150px;
  height:100px;
  float:left;
}

#preFooterBlock4 {
  margin-top:12px;
  width:150px;
  height:100px;
  float:left;
}

#footer {
  background-color:#4594f5;
  height:72px;
  font-family:Arial;
  font-weight:bold;
  color:#fff;
}

#footer ul {
  list-style:none;
  margin:0;
  padding:0;
  margin-left:20px;
}

#footer ul li {
  float:left;
  padding-top:2px;
  margin-left:4px;
  text-align:center;
}

#footer a {
  color:#fff;
  text-decoration:none;
}

#footer .tabOn {
  background-image:url(../../pics/vt/tab_on.jpg);
  width:110px;
  height:21px;
  color:#294292;
}

#footer .tabOff {
  background-image:url(../../pics/vt/tab_off.jpg);
  width:110px;
  height:21px;
  color:#fff;
  text-align:center;
}

#footText {
  color:#fff;
}

#footerImg {
  background-image:url(../../pics/vt/footer.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  height:11px;
}

h2 {
  font-size:12px;
}

a {
  color:#294292;
}