body
  {
   margin: 0;
   color: #000000;
   background: url('http://staticimages.vci.net/Images/background.jpg');
  }

a:link { color: #0000ff }
a:visited { color: #0000FF }
a:hover { color: #0000dd }

a { text-decoration: none }

.prouser
  {
   background-image: url(http://staticimages.vci.net/Images/bg-prouser.gif);
   background-repeat: no-repeat;
   background-position: center;
  }

.quicklink { font-weight:bold; font-size:10px; text-color: yellow }
a.quicklink:link { color: yellow; }
a.quicklink:active { color: yellow; }
a.quicklink:visited { color: yellow; }
a.quicklink:hover { color: yellow; }

.header {
         background: -webkit-gradient(linear, left top, left bottom, from(#ffffcf), to(#ffffff));
         background: -moz-linear-gradient(top, #ffffcf, #ffffff);
         color: #cc0000;
         font-weight: bold;
        }

.tdbordertop {
       background-color: #EFF9FE;
       border-style: solid;
       border-color: #000000;
       border-top-width: 1px;
       border-left-width: 0px;
       border-right-width: 0px;
       border-bottom-width: 0px;
      }

.gray td {
       cursor: pointer;
       font-size: 11px; 
       vertical-align: top;
       background-color: #FDFDE5;
       border-style: solid;
       border-color: #8CCBFF;
       border-top-width: 0px;
       border-left-width: 0px;
       border-right-width: 0px;
       border-bottom-width: 1px;
      }
.blue td {
       cursor: pointer;
       font-size: 11px;
       vertical-align: top;
       background-color: #FCFCCB;
       border-style: solid;
       border-color: #8CCBFF;
       border-top-width: 0px;
       border-left-width: 0px;
       border-right-width: 0px;
       border-bottom-width: 1px;
      }

.yellow td {
         cursor: pointer;
         font-size: 11px;
         vertical-align: top;
         background-color: #FFFF4F;
         border-style: solid;
         border-color: #8CCBFF;
         border-top-width: 0px;
         border-left-width: 0px;
         border-right-width: 0px;
         border-bottom-width: 1px;
        }

.theader {
         background-image: url(http://staticimages.vci.net/Images/bg-ad-title.jpg);
	 background-color: #2020F2;
         font-size: 10pt;
         color: white;
        }

.showdiv { display:inline; }
.hidediv { display:none; }

#adlist
 {
  padding: 0px;
  width:100%;
  color: black;
  background-color: white;
  border: 0px;
  z-index:0;
 }

#content
 {
  width:100%;
  padding: 5px;
  color: #000000;
  border: 0px;
  z-index:100;
 }

#status1
 {
  width: 250;
  height: 30;
  position: absolute;
  padding: 15px;
  color: #000000;
  background-color: orange;
  z-index: 100;
  text-align: center;
 }

.bannerstyle1 {
             font-size:12px;
             text-decoration:none;
             float:none;
             width:225;
             margin:1px 0px 0 0;
             padding:2px 6px 2px;
             border-width:1px 1px 1px 1px;
             border-style:solid;
             border-color:#000000;
             color:#000000;
             text-align:left;
             background-color:#C4FBB1;
             background-image:-moz-linear-gradient(bottom,#C4FBB1,#f9f9f9);
             background-image:-webkit-gradient(linear,left bottom,left top,from(#C4FBB1),to(#f9f9f9));
             background-image: -ms-linear-gradient(top, #f9f9f9, #c4fbb1);
             background-image: -o-linear-gradient(top, #f9f9f9, #C4FBB1);
             filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#c4fbb1');
            }

.bannerstyle2 {
             font-size:12px;
             text-decoration:none;
             float:none;
             width:225;
             margin:1px 0px 0 0;
             padding:2px 6px 2px;
             border-width:1px 1px 1px 1px;
             border-style:solid;
             border-color:#000000;
             color:#000000;
             text-align:left;
             background-color:#EAF80F;
             background-image:-moz-linear-gradient(bottom,#EAF80F,#f9f9f9);
             background-image:-webkit-gradient(linear,left bottom,left top,from(#EAF80F),to(#f9f9f9));
             background-image: -ms-linear-gradient(top, #f9f9f9, #eaf80f);
             background-image: -o-linear-gradient(top, #f9f9f9, #eaf80f);
             filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaf80f');
            }

.bannerstyle3 {
             font-size:12px;
             text-decoration:none;
             float:none;
             width:225;
             margin:1px 0px 0 0;
             padding:2px 6px 2px;
             border-width:1px 1px 1px 1px;
             border-style:solid;
             border-color:#000000;
             color:#000000;
             text-align:left;
             background-color:#97E7FB;
             background-image:-moz-linear-gradient(bottom,#97E7FB,#f9f9f9);
             background-image:-webkit-gradient(linear,left bottom,left top,from(#97E7FB),to(#f9f9f9));
             background-image: -ms-linear-gradient(top, #f9f9f9, #97E7FB);
             background-image: -o-linear-gradient(top, #f9f9f9, #97E7FB);
             filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#97e7fb');
            }

.bannerstyle4 {
             font-size:12px;
             text-decoration:none;
             float:none;
             width:225;
             margin:1px 0px 0 0;
             padding:2px 6px 2px;
             border-width:1px 1px 1px 1px;
             border-style:solid;
             border-color:#000000;
             color:#000000;
             text-align:left;
             background-color:#FDB1BF;
             background-image:-moz-linear-gradient(bottom,#FDB1BF,#f9f9f9);
             background-image:-webkit-gradient(linear,left bottom,left top,from(#FDB1BF),to(#f9f9f9));
             background-image: -ms-linear-gradient(top, #f9f9f9, #FDB1BF);
             background-image: -o-linear-gradient(top, #f9f9f9, #fdb1bf);
             filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#fdb1bf');
             -moz-border-radius: 10px;
             -webkit-border-radius: 10px;
             border-radius: 10px;
            }

.bannerstyle5 {
             font-size:12px;
             text-decoration:none;
             float:none;
             width:225;
             margin:1px 0px 0 0;
             padding:2px 6px 2px;
             border-width:1px 1px 1px 1px;
             border-style:solid;
             border-color:#000000;
             color:#000000;
             text-align:left;
             background-color:#00ffe3;
             background-image:-moz-linear-gradient(bottom,#00ffe3,#f9f9f9);
             background-image:-webkit-gradient(linear,left bottom,left top,from(#00ffe3),to(#f9f9f9));
             background-image: -ms-linear-gradient(top, #f9f9f9, #00ffe3);
             background-image: -o-linear-gradient(top, #f9f9f9, #00ffe3);
             filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#00ffe3');
            }

.bannerstyle6 {
             font-size:12px;
             text-decoration:none;
             float:none;
             width:225;
             margin:1px 0px 0 0;
             padding:2px 6px 2px;
             border-width:1px 1px 1px 1px;
             border-style:solid;
             border-color:#000000;
             color:#000000;
             text-align:left;
             background-color:#91A1FC;
             background-image:-moz-linear-gradient(bottom,#91A1FC,#f9f9f9);
             background-image:-webkit-gradient(linear,left bottom,left top,from(#91A1FC),to(#f9f9f9));
             background-image: -ms-linear-gradient(top, #f9f9f9, #91A1FC);
             background-image: -o-linear-gradient(top, #f9f9f9, #91A1FC);
             filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#91A1FC');
             -moz-border-radius: 10px;
             -webkit-border-radius: 10px;
             border-radius: 10px;
            }



/* Categories menu */
.cats{
  width:700px;
  padding:5px;
  position:absolute;
  visibility:hidden;
  border:2px solid #dd0000;
  border-top-width:1px;
  background:lightyellow;
  -webkit-box-shadow: 5px 5px 5px #c8c8c8; /*css 3 shadows*/
  -moz-box-shadow: 5px 5px 5px #c8c8c8;
  box-shadow: 5px 5px 5px #c8c8c8;
  font-family:verdana; 
  font-size: 10px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}


.cats .column{ /*each link column within a mega menu*/
  float:left;
  width:25%;
  font-family:verdana; 
  font-size: 10px;
}

.cats a{
  text-decoration:none;
  font-family:verdana;
  font-size: 10px;
}

.cats a[rel]:after{ /*add "down.png" to anchor links, or those with a rel attribute */
 content:" " url(down.png);
}

.cats .column ul{
  margin:0;
  margin-left:5px;
  padding:0;
  list-style:none;
}

.cats .column ul li{
  margin-bottom:3px;
}

.cats .ulmenu{ /*style any UL within mega menu with class="ulmenu"*/
  margin:0;
  padding:0;
  border:1px solid gray;
  border-bottom-width:0;
 list-style:none;
}

.cats .ulmenu a{
  display:block;
  border-bottom:1px solid gray;
  padding:5px;
}

.cats .ulmenu a:hover{
  background:lightyellow;
}

/* Admin menu */
.adminclass{
  width:150px; 
  padding:5px;
  position:absolute;
  visibility:hidden;
  border:2px solid #dd0000;
  border-top-width:1px;
  background:lightyellow;
  -webkit-box-shadow: 5px 5px 5px #c8c8c8; /*css 3 shadows*/
  -moz-box-shadow: 5px 5px 5px #c8c8c8;
  box-shadow: 5px 5px 5px #c8c8c8;
  font-family:verdana;
  font-size: 10px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}


.adminclass .column{ /*each link column within a mega menu*/
  float:left;
  width:99%;
  font-family:verdana;
  font-size: 10px;
}

.adminclass a{
  text-decoration:none;
  font-family:verdana;
  font-size: 10px;
}

.adminclass a[rel]:after{ /*add "down.png" to anchor links, or those with a rel attribute */
 content:" " url(down.png);
}

.adminclass .column ul{
  margin:0;
  margin-left:5px;
  padding:0;
  list-style:none;
}

.adminclass .column ul li{
  margin-bottom:3px;
}

.adminclass .ulmenu{ /*style any UL within mega menu with class="ulmenu"*/
  margin:0;
  padding:0;
  border:1px solid gray;
  border-bottom-width:0;
 list-style:none;
}

.adminclass .ulmenu a{
  display:block;
  border-bottom:1px solid gray;
  padding:5px;
}

.adminclass .ulmenu a:hover{
  background:lightyellow;
}


/* My Account menu */
.myaccountclass{
  width:350px;
  padding:5px;
  position:absolute;
  visibility:hidden;
  border:2px solid #dd0000;
  border-top-width:1px;
  background:lightyellow;
  -webkit-box-shadow: 5px 5px 5px #c8c8c8; /*css 3 shadows*/
  -moz-box-shadow: 5px 5px 5px #c8c8c8;
  box-shadow: 5px 5px 5px #c8c8c8;
  font-family:verdana;
  font-size: 10px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}


.myaccountclass .column{ /*each link column within a mega menu*/
  float:left;
  width:49%;
  font-family:verdana;
  font-size: 10px;
}

.myaccountclass a{
  text-decoration:none;
  font-family:verdana;
  font-size: 10px;
}

.myaccountclass a[rel]:after{ /*add "down.png" to anchor links, or those with a rel attribute */
 content:" " url(down.png);
}

.myaccountclass .column ul{
  margin:0;
  margin-left:5px;
  padding:0;
  list-style:none;
}

.myaccountclass .column ul li{
  margin-bottom:3px;
}

.myaccountclass .ulmenu{ /*style any UL within mega menu with class="ulmenu"*/
  margin:0;
  padding:0;
  border:1px solid gray;
  border-bottom-width:0;
 list-style:none;
}

.myaccountclass .ulmenu a{
  display:block;
  border-bottom:1px solid gray;
  padding:5px;
}

.myaccountclass .ulmenu a:hover{
  background:lightyellow;
}


/* Help menu */
.helpclass{
  width:150px;
  padding:5px;
  position:absolute;
  visibility:hidden;
  border:2px solid #dd0000;
  border-top-width:1px;
  background:lightyellow;
  -webkit-box-shadow: 5px 5px 5px #c8c8c8; /*css 3 shadows*/
  -moz-box-shadow: 5px 5px 5px #c8c8c8;
  box-shadow: 5px 5px 5px #c8c8c8;
  font-family:verdana;
  font-size: 10px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}


.helpclass .column{ /*each link column within a mega menu*/
  float:left;
  width:99%;
  font-family:verdana;
  font-size: 10px;
}

.helpclass a{
  text-decoration:none;
  font-family:verdana;
  font-size: 10px;
}

.helpclass a[rel]:after{ /*add "down.png" to anchor links, or those with a rel attribute */
 content:" " url(down.png);
}

.helpclass .column ul{
  margin:0;
  margin-left:5px;
  padding:0;
  list-style:none;
}

.helpclass .column ul li{
  margin-bottom:3px;
}

.helpclass .ulmenu{ /*style any UL within mega menu with class="ulmenu"*/
  margin:0;
  padding:0;
  border:1px solid gray;
  border-bottom-width:0;
 list-style:none;
}

.helpclass .ulmenu a{
  display:block;
  border-bottom:1px solid gray;
  padding:5px;
}

.helpclass .ulmenu a:hover{
  background:lightyellow;
}

/* Browse ads menu */
.browseclass{
  width:150px;
  padding:5px;
  position:absolute;
  visibility:hidden;
  border:2px solid #dd0000;
  border-top-width:1px;
  background:lightyellow;
  -webkit-box-shadow: 5px 5px 5px #c8c8c8; /*css 3 shadows*/
  -moz-box-shadow: 5px 5px 5px #c8c8c8;
  box-shadow: 5px 5px 5px #c8c8c8;
  font-family:verdana;
  font-size: 10px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}


.browseclass .column{ /*each link column within a mega menu*/
  float:left;
  width:99%;
  font-family:verdana;
  font-size: 10px;
}

.browseclass a{
  text-decoration:none;
  font-family:verdana;
  font-size: 10px;
}

.browseclass a[rel]:after{ /*add "down.png" to anchor links, or those with a rel attribute */
 content:" " url(down.png);
}

.browseclass .column ul{
  margin:0;
  margin-left:5px;
  padding:0;
  list-style:none;
}

.browseclass .column ul li{
  margin-bottom:3px;
}

.browseclass .ulmenu{ /*style any UL within mega menu with class="ulmenu"*/
  margin:0;
  padding:0;
  border:1px solid gray;
  border-bottom-width:0;
 list-style:none;
}

.browseclass .ulmenu a{
  display:block;
  border-bottom:1px solid gray;
  padding:5px;
}

.browseclass .ulmenu a:hover{
  background:lightyellow;
}

/* Pro Directory menu */
.prodirectoryclass{
  width:700px; 
  padding:5px;
  position:absolute;
  visibility:hidden;
  border:2px solid #dd0000;
  border-top-width:1px;
  background:lightyellow;
  -webkit-box-shadow: 5px 5px 5px #c8c8c8; /*css 3 shadows*/
  -moz-box-shadow: 5px 5px 5px #c8c8c8;
  box-shadow: 5px 5px 5px #c8c8c8;
  font-family:verdana;
  font-size: 10px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}


.prodirectoryclass .column{ /*each link column within a mega menu*/
  float:left;
  width:25%;
  font-family:verdana;
  font-size: 10px;
}

.prodirectoryclass a{
  text-decoration:none;
  font-family:verdana;
  font-size: 10px;
}

.prodirectoryclass a[rel]:after{ /*add "down.png" to anchor links, or those with a rel attribute */
 content:" " url(down.png);
}

.prodirectoryclass .column ul{
  margin:0;
  margin-left:5px;
  padding:0;
  list-style:none;
}

.prodirectoryclass .column ul li{
  margin-bottom:3px;
}

.prodirectoryclass .ulmenu{ /*style any UL within mega menu with class="ulmenu"*/
  margin:0;
  padding:0;
  border:1px solid gray;
  border-bottom-width:0;
 list-style:none;
}

.prodirectoryclass .ulmenu a{
  display:block;
  border-bottom:1px solid gray;
  padding:5px;
}

.prodirectoryclass .ulmenu a:hover{
  background:lightyellow;
}




.dots {
       background: url(http://staticimages.vci.net/Images/dots.gif) repeat-x bottom;
      }

.field {
        background-color: #fefefe;
       }