body {  background : #E4E4E4 url( ../images/savvy_bg.jpg ) fixed;  margin: 0 auto; }

#wrapper {  background : #fff url( ../images/savvybg.jpg ); margin : 0 auto; width : 900px;
            border : 2px ridge #000000; }

.collapse { border-collapse: collapse;  }
.separate { border-collapse: separate;  }

/* get input and get static text */
.formsubtitle  { color: #ffffff;  background-color: #003366; height:20px; padding-left:10px;
                 font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight:bold ; }

input[type=text] { color: #000000; border: 1px solid #B0B0B0;
                   background: #FFF url( ../images/bg-form.jpg) center top repeat-x scroll; }
input[type=password] { color: #454545; border: 1px solid #B0B0B0;
                       background: #FFF url( ../images/bg-form.jpg) center top repeat-x scroll; }
input[type=image] { color: #454545;
                    background: #FFF url( ../images/bg-form.jpg) center top repeat-x scroll; }

input[type=reset] { color: #454545; border: 1px solid #B0B0B0;
                     background: #FFF url( ../images/bg-form.jpg) center top repeat-x scroll; }

input[type=submit] { color: #454545; border: 1px solid #B0B0B0;
                     background: #FFF url( ../images/bg-form.jpg) center top repeat-x scroll; }

select, textarea { color: #454545; border: 1px solid #B0B0B0;
                   background: #FFF url( ../images/bg-form.jpg) center top repeat-x scroll; }

.submitbutton { font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }
.submitbutton:hover { background: #eef; border: 1px solid #f00; }

.imagebutton { font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }
.imagebutton:hover { background: #eef; border: 1px solid #f00; }

.radio { color : #737373; background : #f1f1f1 no-repeat 10px 50%;
         font-size : 8pt; font-family : Helvetica,Tahoma,Geneva, sans-serif;
         BORDER-LEFT : 0px; BORDER-TOP : 0px; BORDER-BOTTOM : 0px; BORDER-RIGHT  : 0px; }

/* tab menu */
.toptabs { background:#ffffff; padding:0 0 0 0; margin:0 10px 0 0; list-style:none; height:30px; position:relative;}

.toptabs li {float:left; margin-right:-4px; margin-bottom:-1px;}
.toptabs li a { display:block; text-decoration:none;
                font-size : 11px; font-family : Tahoma,Verdana,Arial; font-weight: bold; line-height:23px; }
.toptabs li a em { color:#ffffff; display:block; float:left; height:30px; text-align:center;
                   padding:0 2px; font-style:normal; }
.toptabs li a span { display:none; }

.toptabs li a:hover { color:#000; white-space:normal; }

.toptabs li a:hover em { color:#000; cursor:pointer; position:relative; z-index:300;}

.toptabs li a:hover span { color:#ffffff; display:block; position:absolute; left:10px; top:30px; white-space:nowrap;}

.toptabmessage { color:#ffffff ; background:#0c6fab; text-align:right; padding-bottom:5px;
                 font-size : 11px; font-family : Tahoma,Verdana,Arial; font-weight: bold; line-height:23px; }

.tabs a { color : #FFFFFF; text-decoration: none;
          font-size : 9px; font-family : Tahoma,Verdana,Arial; font-weight: bold; }
.tabs a:hover { color : #000000;   white-space:normal; text-decoration: none; }

.tab01 { color : #FFFFFF; margin-top : 0px;
         padding-bottom : 9px; margin-bottom : 0px; margin-left : 2px; margin-right : 2px;
         font-size : 11px; font-family : Tahoma,Verdana,Arial; font-weight: bold; }
.tab01 a { color : #FFFFFF; text-decoration: none;
          padding-bottom : 9px; margin-bottom : 10px; margin-left : 2px; margin-right : 2px;
          font-size : 11px; font-family : Tahoma,Verdana,Arial; font-weight: bold; }
.tab01 a:hover { color : #000000;  text-decoration: none;  }



.tab02 { color : #FFFFFF;
         padding-bottom : 9px;margin-top : 0px; margin-bottom : 0px; margin-left : 2px; margin-right : 2px;
         font-size : 10px; font-family : Tahoma,Verdana,Arial; font-weight: bold; }
.tab02 a { color : #FFFFFF; text-decoration: none;
          padding-bottom : 9px; margin-bottom : 10px; margin-left : 2px; margin-right : 2px;
          font-size : 11px; font-family : Tahoma,Verdana,Arial; font-weight: bold; }
.tab02 a:hover { color : #000000;  text-decoration: none;  }

.tabsmessage {  color:#ffffff; background:#0c6fab; border:1px solid #000; border-top:0; text-align:right; padding:5px 10px; margin:0 10px 50px 0;
                font-size:10px; }

.txt            { color: #000000;  line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.txtsm          { color: #000000;  line-height : 150%;
                  font-size: 7pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.txtrd          { color: red;  line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.txtse          { color: #808080;  line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.gettxt         { color: #000000;  line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight:bold ; }

.gettxtwe       { color: #FFFFFF;  line-height : 150%;
                  font-size: 8pt;  font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }

.numtxt         { color: #000000;  line-height : 150%; padding-right :10px; text-align : right ;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.gettxtdisable  { color: #999999; line-height : 150%;
                  font-size: 8pt;  font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold;
                  padding-left: 5px; }

.get            { background-color: #FFFFFF; color: #000000; line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-style: normal;
                  padding-left: 5px;  }

.getdisable     { background-color: #EFEFEF; color: #003399; line-height : 150%;
                  font-size: 8pt;  font-family: Helvetica,Tahoma,Geneva, sans-serif; font-style: normal;
                  PADDING-LEFT: 5px; border: solid 1px #009999; }

.dropdntxt      { color: #000000;  line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.btntxt         { color: #000000;  line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.errortxt { color : #FF0000; padding-left:10px;
            font-size : 14px; font-family : Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }

.font2 { COLOR : #025196; font-size : 10pt; font-weight : bold; font-family : Helvetica,Tahoma,Geneva, sans-serif; }

.cliimport { FONT-SIZE: 14px; COLOR: #1f5897; FONT-FAMILY: Verdana; background-color:#ccddff; }
.table01 { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana;  background-color:#bfc8e0; }

/* main menu */
.thanks { color : #FC7300; padding-left:10px;
          font-size : 14px; font-family : Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }

.boxtxt { color: #FFFFFF;  line-height : 150%;
          font-size: 12pt;  font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }

.rdtxt { color:red; font-size: 9pt;  font-family:Helvetica,Tahoma,Geneva, sans-serif;  font-weight:bold; }

.stripTitle { background:url(images/infobarbg.gif); color: #FFFFFF; /* padding-left:10px; background-color:#0D8AC4 ;*/
              font-size: 13px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

.savvyfoot { color: #000000 ; background-color:#74E08C ;
             font-size: 8pt;  font-family:Verdana, Arial, Helvetica, sans-serif; }

.legend { font-size: 8pt;  font-family:Verdana, Arial, Helvetica, sans-serif; }

.pagetxt { color: #025196;  line-height : 150%; padding-left: 20px; padding-right: 20px;
           font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight:bold ; }

.legendbox { color: #267DDC; margin-bottom: 6px;
             BORDER: 1px SOLID #CCCCCC; -moz-border-radius: 4px 4px 4px 4px; padding: 4px}

.header1 { color: #339933 ;
           font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;  font-style : italic;
           padding: 25px 25px 25px 25px; }

.header2 { color: #339933 ;
           font-size: 8pt;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
/*hint box */
#hintbox { position:absolute; top: 0; background-color: lightyellow;
           width: 150px;                                                  /*Default width of hint.*/
           padding: 3px; border:1px solid black;
           font:normal 11px Verdana; line-height:18px;
           z-index:100;
           border-right: 3px solid black; border-bottom: 3px solid black;
           visibility: hidden; }

.hintanchor { font-weight: bold; color: navy; margin: 3px 8px; }

.loginheader { color : #043604; padding-left:10px;
               font-size : 14px; font-family : Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }

.homeboxtitle { color: #ffffff; padding: 10px 18px 0 10px ;
                font-size: 54pt; font-family: Verdana,Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }

.homeboxtitle1 { color: #ffffff;
                 font-size: 12pt; font-family: Verdana,Helvetica,Tahoma,Geneva, sans-serif; }

.homeboxtitle2 { color: #ffffff;
                 font-size: 14pt; font-family: Verdana,Helvetica,Tahoma,Geneva, sans-serif; }

.homebtntxt { color: #ffffff; padding: 0 18px 0 10px ;
              font-size: 8pt; font-family: Verdana,Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }
a.homebtntxt:link { color:#ffffff; text-decoration:none ; }
a.homebtntxt:visited { color:#ffffff; text-decoration:none ; }
a.homebtntxt:hover { color:red; text-decoration:none ;}
a.homebtntxt:active { color:lime; }

.homebox { color: #023402; padding: 0 10px 0 10px ;
           font-size: 11pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }
a.homebox:link { color:#023402; text-decoration:none ; }
a.homebox:visited { color:#023402; text-decoration:none ; }
a.homebox:hover { color:red; text-decoration:none ;}
a.homebox:active { color:lime; }

.homeboxtxt { color: #023402; padding: 0 18px 0 10px ;
              font-size: 8pt; font-family: Verdana,Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }
a.homeboxtxt:link { color:#023402; text-decoration:none ; }
a.homeboxtxt:visited { color:#023402; text-decoration:none ; }
a.homeboxtxt:hover { color:red; text-decoration:none ;}
a.homeboxtxt:active { color:lime; }

.homeboxwe { color: #ffffff;
             font-size: 11pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }
a.homeboxwe:link { color:#ffffff; text-decoration:none ; }
a.homeboxwe:visited { color:#ffffff; text-decoration:none ; }
a.homeboxwe:hover { color:red; text-decoration:none ;}
a.homeboxwe:active { color:lime; }

/* .footer { background-color : #7FA49C; } */

.toplinks { color :#ffffff; text-decoration:none;
            font-size:9pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold ; }
.toplinks:link { color:#ffffff; text-decoration:none;}
.toplinks:visited { color:#ffffff; text-decoration:none;}
.toplinks:hover { color:#FDCD01; text-decoration:none;}

.infobarlinks { color :#023401; ; text-decoration:none;
                font-size:9pt; font-family:Arial, Helvetica, sans-serif; font-weight:normal ; }
.infobarlinks:link { color:#023401; text-decoration:none;}
.infobarlinks:hover { color:red; text-decoration:none;}

/* .footer { background-color : #7FA49C; } */
.footer {  color: #ffffff; background: #F26e00;
           font-size: 8pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

.footerlinks:link { color:#ffffff; text-decoration:none ; }
.footerlinks:visited { color:#ffffff; text-decoration:none;}
.footerlinks:hover { color:#000000; border-bottom: 1px dashed #000000;}

.savvyfooter:link { color:#ffffff; text-decoration:none ; font-weight: normal;}
.savvyfooter:visited { color:#ffffff; text-decoration:none; font-weight: normal;}
.savvyfooter:hover { color:#ff0000; text-decoration:none; font-weight: normal ;}

/*---------------- Top Tab Menu ----------------*/
div#topmenu{ float:left; background: #e4e4e4;}
ul#topm,ul#topm li{ list-style-type:none; margin:0; padding:0 ; }
ul#topm{ margin-left: 10px; width:100%;}
ul#topm li{ float:left; margin-right: 3px; text-align: center;
            font-size:9pt; font-family: Arial,Helvetica,Tahoma; font-weight: bold; }
ul#topm a{ color: #ffffff; background: #ec6c00; float:left;
           padding-right: 15px; padding-left: 15px; padding-top: 7px; padding-bottom: 10px;
           text-decoration:none;}
ul#topm a:hover{ color: #FFFFFF; background: #008000;}
ul#topm li.activelink a,ul#topm li.activelink a:hover{ color: #FFFFFF; background: #1878b1;}

/*---------------- Menu ----------------*/
/* Main Menu Bar CSS ######### */
.mattblackmenu ul{ background: #F26e00;                  /* #414141 */
                   margin: 0;
                   padding: 0;
                   font: bold 12px Arial ;
                   list-style-type: none;
                   border-bottom: 1px solid gray;
                   overflow: hidden;
                   width: 100%; }

.mattblackmenu li{ display: inline; margin: 0; }

.mattblackmenu li a{ color: white; background: #F26e00;  /* #414141 */
                     float: left;
                     display: block;
                     text-decoration: none;
                     margin: 0;
                     padding: 6px 8px;              /*padding inside each tab*/
                     border-right: 1px solid white; /*right divider between tabs*/ }

.mattblackmenu li a:visited{ color: white; }

.mattblackmenu li a:hover{ background: #008000; /*background of tabs for hover state */ }

.mattblackmenu a.selected{ background: #008000; /*background of tab with "selected" class assigned to its LI */ }
/* ######### Drop Down ULs CSS ######### */

.ddsubmenudiv ul{ background: white; font: bold 12px Arial;
                  left: 0; top: 0; margin: 0; padding: 0; position: absolute; list-style-type: none;
                  border: 1px solid black; border-bottom-width: 0; visibility: hidden; z-index: 100; }

.ddsubmenudiv ul li a{ color: black; background-color: lightyellow;
                       width: 220px; display: block; text-decoration: none; padding: 4px 5px;
                       border-bottom: 1px solid black; }

* html .ddsubmenudiv ul li a{ /*IE6 CSS hack*/  display: inline-block; }

.ddsubmenudiv ul li a:hover{ background-color: black; color: white; }

/* ######### Neutral CSS  ######### */
.mainmenupointer{ /*CSS for arrow image added to top menu items*/
                  padding-left: 4px; border: 0; }

.submenupointer{ /*CSS for arrow image added to drop down menu items*/
                 position: absolute; padding-top: 3px; right: 2px; border: 0; }

#ddiframeshim{ background: transparent; position: absolute; z-index: 500; border-width: 0;
               width: 0; height: 0; display: block; }

.mainmenu { PADDING-left : 0px; PADDING-BOTTOM : 0px; MARGIN : 0px; PADDING-TOP : 0px ; }

.mainmenu LI { PADDING-LEFT : 0px; FONT-SIZE  : 10px; FLOAT  : left; BACKGROUND-IMAGE : none; MARGIN  : 0px;
               WIDTH  : 105px; TEXT-INDENT : 5px; LINE-HEIGHT : 20px; WHITE-SPACE : nowrap; LIST-STYLE-TYPE : none }

.mainmenu A { BORDER-RIGHT  : #DFD8C8 1px solid; BORDER-LEFT : #ffffff 1px solid;
              BORDER-TOP  : #ffffff 1px solid; BORDER-BOTTOM : #DFD8C8 1px solid;
              DISPLAY   : block; BACKGROUND  : #7FA49C no-repeat 2px 50%; FLOAT : left;
              COLOR   : white; TEXT-DECORATION : none ; FLOAT   : none }

.mainmenu A:hover { BACKGROUND : #1D4F43 no-repeat 2px 100% ; }

.box { BORDER-RIGHT  : #cccccc 1px solid; PADDING-RIGHT  : 10px;
       BORDER-LEFT   : #cccccc 1px solid; PADDING-LEFT   : 10px;
       BORDER-TOP    : #cccccc 1px solid; PADDING-TOP    : 10px;
       BORDER-BOTTOM : #cccccc 1px solid; PADDING-BOTTOM : 10px; }

.line { BACKGROUND  : #CCCCCC; }

.list { padding: 2px; border: 1px solid; border-color: #FEFEFE #C3C8CB #C3C8CB #FEFEFE; }

A { font-family : Helvetica,Tahoma,Geneva, sans-serif; text-decoration : none; color : #000000; }

A:hover { COLOR : #025196; text-decoration : none; }

.A { COLOR : #025196; text-decoration : none; }

td { COLOR : #737373; font-size : 8pt; line-height : 150%; font-family : Helvetica,Tahoma,Geneva, sans-serif; }

a.button {
background:url(images/button_bg_left.gif) 0 1px no-repeat;
display:block;
height:21px;
padding-left:5px;
margin-right:8px;
margin-left:8px;
color:#006dcf;
float:left;
}

a.button span  {
background:url(images/button_bg_right.gif) 100% 0 no-repeat;
display:block;
font-size:11px;
line-height:11px;
padding:5px 15px 6px 10px; }

a.button:hover{ background-position: 0 -40px; color:#FFFFFF; text-decoration:none; }
a.button:hover span.orange {color: #FFFFFF;}
a.button:hover span {background-position: 100% -39px;}

#buttonStripNavigation,
#buttonStripNavBlock { clear:both; overflow:hidden; }
ul#buttonStripNav {
  font-family:Helvetica,Tahoma,Geneva, sans-serif;
  float:right;
  position:relative;
  clear:both;
  display:block;
  background:url(images/buttonStripend.gif) right top no-repeat;
  padding:0 18px 0 10px;
  margin:0px 0 0px 0;
  height:23px;
}

ul#buttonStripNav li {
  list-style-type:none;
  float:left;
  position:relative;
  background:url(images/buttonStrippipe.gif) left top no-repeat;
  height:23px;
  padding-left:1px;
}

ul#buttonStripNav li.first {
  background:url(images/buttonStripfirst.gif) left top no-repeat;
  padding-left:16px;
}

ul#buttonStripNav li a {
  float:left;
  display:block;
  background:url(images/buttonStrip1px.gif) left top repeat-x;
  height:23px;
  color:#003399;
  font-size:12px;
  font-weight:bold;
  padding:5px 5px 0 5px;
  margin:0;
}

ul#buttonStripNav li a.on, ul#buttonStripNav li a:hover {
  background:url(images/buttonStrip1px2.gif) left top repeat-x;
  text-decoration:none;
}

ul#buttonStripNav li a:visited {
  color:#003399;
}

.prbg { color: #ffffff;
        font-family: Verdana, Geneva, ms sans serif; font-size: 10px; font-weight: normal;
        padding-left: 3px; padding-right: 3px; white-space: nowrap; }

#box
   {
   position: relative;
   margin-left: auto;
   margin-right: auto;
   padding: 0;
   text-align: left;
   width:100%;           /* <-- use this to tie width to viewport size */
   background-color: #eeeeee;
   }

#content { padding:3em; }

#content h1
   {
   color:#0354c2;
   font-weight: bold;
   font-size: 1.2em;
   font-family: helvetica, geneva, arial, sans-serif;
   }

#content p
   {
   color:#3b3b3b;
   font-size: 1em;
   line-height: 1.3em;
   font-family: arial, helvetica, sans-serif;
   }

#tlc, #trc, #blc, #brc
   {
   background-color: transparent;
   background-repeat: no-repeat;
   }

#tlc
   {
   background-image:url(../savvyimages/tlc.gif);
   background-position: 0% 0%;
   }

#trc
   {
   background-image:url(../savvyimages/trc.gif);
   background-position: 100% 0%;
   }

#blc
   {
   background-image:url(../savvyimages/blc.gif);
   background-position: 0% 100%;
   }

#brc
   {
   background-image:url(../savvyimages/brc.gif);
   background-position: 100% 100%;
   }

#tb, #bb
   {
   background-color: transparent;
   background-repeat: repeat-x;
   }

#tb
   {
   background-image:url(../savvyimages/tb.gif);
   background-position: 0% 0%;
   }

#bb
   {
   background-image:url(../savvyimages/bb.gif);
   background-position: 50% 100%;
   }

#rb
   {
   background-image:url(../savvyimages/r.gif);
   background-position: 100% 0%;
   background-repeat: repeat-y;
   }

#lb
   {
   background-color: #eeeeee;
   background-image:url(../savvyimages/l.gif);
   background-position: 0% 100%;
   background-repeat: repeat-y;
   }