/* Vaxxine Colours: 
Orig: Purple: #51007D, Gold:#F0D611 
Safe: Purple: #660099, Gold:#FFCC33
Vaxxine grey colours: Medium-Light Grey: #DEDEDE, Light Grey: F2F2F2 
*/
HTML {
   /* Stop IE Flicker */
   filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

BODY { font-family: Arial,Helvetica,sans-serif; font-size:100% background-color: #330033;
      background-image: url(../img/bg_pw_static.gif); background-repeat: no-repeat; 
      background-position: center center; background-attachment: fixed;
      scrollbar-face-color: #F2F2F2; scrollbar-highlight-color: #FFFFFF;
      scrollbar-shadow-color: #E8E8E8; scrollbar-3dlight-color: #DEDEDE;
      scrollbar-arrow-color:  #C01AFF; scrollbar-track-color: #C1C1C1;
      scrollbar-darkshadow-color: #A8A8A8; 
      margin: 0px; padding: 0px; 
}
      
A:link { color: #9900CC; }
A:visited { color: #CC33FF; }
A:active { text-decoration: none; }
A:hover	{ color: #FF0000; }
/* add to hover for different link cursor:  cursor:  url(../img/vhand.cur), auto; */

#vcont {
      margin: 0px;
      width: 100%;
}

#vmsg {
      margin: 14px 20px 14px 20px;
      border: 1px solid #D1D7DC;
      background:#EAECEE;
}

/* The Submenu Layers - Use a combined selector to assign all properties common to each of the Submenu Layers. */
#vml1, #vml2, #vml3, #vml4, #vml5, #vml6, #vml7 {
	position: absolute;
	top: 114px;
	font-size: .8em;
	visibility: hidden;
/* Shadow on dropdowns */
-moz-box-shadow: 0px 0px 14px #555555;
-webkit-box-shadow: 0px 0px 14px #555555;
box-shadow: 0px 0px 14px #555555;
}
/* 	Now use individual selectors for each trigger Layer to assign their unique properties, in this case the left property */
#vml1 {left: 24px;}
#vml2 {left: 146px;}
#vml3 {left: 268px;}
#vml4 {left: 390px;}
#vml5 {left: 512px;}
#vml6 {left: 634px;}
#vml7 {left: 640px;}

HR { height: 1px; color: #CCCCCC; }
UL { list-style-image: url(../img/listbullet2.gif); }
#vcont li { margin-bottom: 3px; }
#vcont ol li { margin-bottom: 6px; }
#vcont li.sidebar { margin: 4px 2px 4px -14px; font: bold 14px Arial,Helvetica,sans-serif; color:#660099; }

P { margin-left:12px; }
P.topm { margin-top:8px; }
SUP { margin-right:2px; margin-left:2px; text-decoration: underline; font: normal 11px Arial,Helvetica,sans-serif; color:#555555; }

h1  {font: bold 2.2em Arial,Helvetica,sans-serif; color: #697889; padding: 2px; margin: 18px 4px 6px 0px; line-height:0.98em; border-bottom: 2px solid #EEEEEE; }
h2  {font: bold 1.8em Arial,Helvetica,sans-serif; color: #697889; padding: 2px; margin: 18px 4px 6px 0px; line-height:0.98em; border-bottom: 2px solid #EEEEEE; }
h3  {font: bold 1.5em Arial,Helvetica,sans-serif; color: #697889; padding: 2px; margin: 18px 4px 6px 0px; line-height:0.98em; border-bottom: 2px solid #EEEEEE;}
h4  {font: bold 1.3em Arial,Helvetica,sans-serif; color: #697889; padding: 2px; margin: 16px 4px 4px 0px; }
h5  {font: bold 1em Arial,Helvetica,sans-serif; color: #697889; padding: 2px; margin: 16px 4px 4px 0px; }
h6  {font: bold 0.9em Arial,Helvetica,sans-serif; color: #697889; padding: 2px; margin: 14px 4px 4px 0px; }


/* Start new menu css */

#navigation {
        font: bold 14px Arial,Helvetica,sans-serif;
}
#navigation ul, #navigation ul li {
        list-style: none;
        margin: 0;
        padding: 0;
}
#navigation ul {
        padding: 4px 0px 4px 0px;
        text-align: center;
}
#navigation ul li {
        display: inline;
        margin: 0px -2px 0px 0px;
}
#navigation ul li a {
        background: url(../img/tableft.gif) no-repeat left top;
        color: #FDF457;
        text-decoration: none;
        padding: 5px 0;
}
#navigation ul li span {
        background: url(../img/tabright.gif) no-repeat right top;
        padding: 5px 6px 5px 2px;
        margin: 4px 0 4px 4px;
}
#navigation ul li a:hover span {
        text-decoration: none;
        background-position: 100% -75px;
}
#navigation ul li a:hover {
        color: #FFFFFF;
        background-position: 0 -75px;
}
#navigation #current a {
        background-position: 0 -150px;
}
#navigation #current a span {
        background-position: 100% -150px;
}

/*- Internet Explorer...It's Hacktastic!--------------------------- */

/*\*//*/
#navigation ul li a {
        display: inline-block;
        white-space: nowrap;
        width: 1px;
}

#navigation ul {
        padding-bottom: 0;
        margin-bottom: -1px;
}
/**/

/*\*/
* html #navigation ul li a {
        padding: 0;
}
/**/

TD.mensep { background-color:#8823BB;color:#FDF457;font: bold 14px Arial,Helvetica,sans-serif;padding:0px;text-align:center;
         border-top: 1px solid #AB00FD;
         border-left: 1px solid #660099;
         border-right: 1px solid #660099;
         border-bottom: 1px solid #660099; }
TD.menbot { background-color:#8823BB;color:#FDF457;padding:0px;text-align:center;
         border-top: 1px solid #AB00FD;
         border-left: 1px solid #AB00FD;
         border-right: 1px solid #660099;
         border-bottom: 2px solid #660099; }

/* End new menu css */

DIV.floatright { float:right;margin-bottom:12px;margin-left:20px; }

P.boxer {width: 400px; border: 2px outset #CCCCCC;}
.btit { font: bold 1em Arial,Helvetica,sans-serif; 
         padding: 4px; margin: 4px; background: #EAECEE; 
         border-bottom: 1px solid #D1D7DC; border-right: 1px solid #D1D7DC; }

div.nb {font: bold 1.5em Arial,Helvetica,sans-serif; color: #51007D; background-color: #F2F2F2; padding: 4px; margin-top:8px; margin-bottom:8px; }
div.ibox {text-align:center; font: bold italic 1.6em Arial,Helvetica,sans-serif; color: #660099; padding: 8px; margin:10px; background-color: #ECEEF0; }
div.dbox {text-align:center; font: bold italic 1.6em Arial,Helvetica,sans-serif; color: #517700; background-color: #FFFFCC; padding: 8px; margin:18px; }
div.gbox {text-align:center; font: bold italic 1em Arial,Helvetica,sans-serif; color: #517700; background-color: #E6F1CD; border-right: 1px solid #90B335; border-bottom: 1px solid #90B335; padding: 8px; margin:18px; }
.dropitem { display: block; color:#9900CC; font: bold 14px Arial,Helvetica,sans-serif; line-height: 18px; text-decoration:none; }
.dropitem:hover { color:#FFFFFF; font: bold 14px Arial,Helvetica,sans-serif; line-height: 18px; background-color: #9933CC; }
.dropitemsrch { display: block; color:#9900CC; font: bold 12px Arial,Helvetica,sans-serif; width: 116px }
.dropitemsrch:hover { color:#FFFFFF; font: bold 12px Arial,Helvetica,sans-serif; background-color: #9933CC }
.news { color:#000000; font: 12px Arial,Helvetica,sans-serif; text-decoration:none; }
.news:hover { color:#FF0000; }
.more { color:#9900CC; font: .8em Arial,Helvetica,sans-serif; text-decoration:none; PADDING: 1px; }
.more:hover { color:#ff0000; text-decoration:underline }
.return:link { color:#CCCCCC; font: bold 14px Arial,Helvetica,sans-serif; text-decoration:none; }
.return:visited { color:#CCCCCC; font: bold 14px Arial,Helvetica,sans-serif; text-decoration:none; }
.return:hover { color:#F0D611; font: bold 14px Arial,Helvetica,sans-serif; text-decoration:underline }
.crumbcur { color:#FF0000; }
.hder { font: bold 12px Verdana,Arial,Helvetica,sans-serif; color: #FFFFFF; background-color: #660099; }
.dtasm { font: normal 10px Verdana,Arial,Helvetica,sans-serif; background-color: #F2F2F2; }
.hslinks { font: bold 14px Arial,Helvetica,sans-serif; background-color: #FFFFCC; }
.strike { text-decoration:line-through; color: #666666; }
.hinfo { display: none; }
.feedflare {display:none}

DIV.xsec { margin:12px 0px 12px 24px; font: bold 1.2em Arial,Helvetica,sans-serif; }
.asec:link { color: #CC33FF; text-decoration:underline; }
.asec:visited { color: #CC33FF; text-decoration:underline; }
.asec:hover { color: #FF0000; text-decoration:underline; }
DIV.csec { margin-left:20px; padding: 8px; background-color:#F8F8F8;border: 1px dashed #CCCCCC;
   font: normal 0.85em Verdana,Arial,Helvetica,sans-serif;}

.altlink{ color: #9900CC }
/* P:first-letter {color: #51007D; font: bold 28px Arial,Helvetica,sans-serif;} */
/* P.p_virus:first-letter {color: #000000; font: normal 10px Arial,Helvetica,sans-serif;} */
.fp:first-letter {color:#51007D; font: bold 3em 'times new roman', serif; float:left; height:34px; line-height:34px; margin-top:4px; margin-right:2px;}

/* .mopacity {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity:0.7;} */
.fnmenu {filter:progid:DXImageTransform.microsoft.Gradient(gradientType=0, StartColorStr='#FFFFFF',EndColorStr='#DDDDDD');}
.fnmenu2 { padding:0px; background-color: #F2F2F2; border-top: 1px solid #FFFFFF;
         border-left: 1px solid #FFFFFF;
         border-right: 1px solid #DEDEDE;
         border-bottom: 1px solid #DEDEDE; }
.tinytxt { font: 11px Helvetica,sans-serif; }
.medtxt { font: 14px Arial,Helvetica,sans-serif; text-align:justify; }
.raquo { font: bold .90em Arial,Helvetica,sans-serif; color: #FF0000; }
.subtitle {color: #990099; font: bold 20px Arial,Helvetica,sans-serif; padding: 8px; }
.floc { background: url(../img/ftoolbg3.gif) repeat-x; }
.indented { padding-left: 40px; }
.errmsg {
      margin-top: 60px;
	  text-align: center;
      font: bold 18px Arial,Helvetica,sans-serif;
      color: #000000;
      width: 100%;
      height: 300px;
}

.lookup { font: normal 28px Arial,Helvetica,sans-serif;
    background-color: #FFFFFF; 
    background-image: url(../img/inputbg.gif);
    border: 2px solid #999999;
    margin-bottom: 4px;
}
.lookbut { font: bold 14px Arial,Helvetica,sans-serif;
    background-color: #C100C1; color: #FFFFFF;
    BORDER-LEFT: #FFFFFF 3px solid;
    BORDER-TOP: #FFFFFF 3px solid;
    BORDER-RIGHT: #999999 3px solid;
    BORDER-BOTTOM: #CCCCCC 3px solid;
    padding: 2px;
    /* only for IE - adds a gradient effect to to buttons */
    FILTER:progid:DXImageTransform.microsoft.Gradient(gradientType=0, StartColorStr='#FF00FF',EndColorStr='#7D007D');
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px; /* a default width should be set - if not, fails in Opera */
border: 1px solid #000000;
padding: 4px;
background-color: #FFFFCC;
visibility: hidden;
z-index: 100;
/* IE specific shadow. Following line should always appear last within the CSS class selector */
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
.infotips { font: normal 11px Arial,Helvetica,sans-serif; }

#vbg {
      background: #FFFFFF url(../img/vbg3.gif) no-repeat center top; padding: 80px;
	}
#bigquest {
      background: #FFFFFF url(../img/bigquest.gif) no-repeat center top; 
	}
    
#transp {
      margin: 0px;
	  text-align: center;
      color: #333333;
      width: 440px;
      height: 260px;
	}

.newscroll {
    font: bold 14px Arial,Helvetica,sans-serif;
    width:100%;
    color: #9933CC;
    padding: 2px;
}
.newscroll:link { color:#CCCCCC; text-decoration:none; }
.newscroll:visited { color:#CCCCCC; text-decoration:none; }
.newscroll:hover { color:#9933CC; text-decoration:underline }

.warning {	
    padding: 4px;
    font-weight: bold;
    color: #FF0000;
    background-color: #CCFF33;
}

.myvbar { font: normal 10px Arial,Helvetica,sans-serif;}
.myvbarb { font: bold 12px Arial,Helvetica,sans-serif; color:#FFFFCC;}

TABLE.dotborder { border: 1px dotted #51007D; }

TD { font: normal 1em Arial,Helvetica,sans-serif; }

TD.navfoot { font-size: 10px; }

.copyf { display: none; }

TD.shadow { FILTER:shadow(color=#C0C0C0, strength=8, direction=135); }

TD.bggrey { background-color: #DEDEDE; }

TD.sbarhead {
    font: bold 16px Arial,Helvetica,sans-serif;
    color: #FFFFCC;
}
TD.sbartit {
    font: bold 14px Arial,Helvetica,sans-serif;
    color: #FFFFCC;
}
TD.box {
    padding: 8px;
    font: normal 12px Verdana,Arial,Helvetica,sans-serif;
}
  
TD.newshead {
    font: bold 12px Arial,Helvetica,sans-serif;
    color: #FFFFCC;
    background: #560484 url(../img/bg_newshd.jpg) repeat-y left top;
    border: 1px outset #9933CC;
}

TD.calhead {
   font: bold 11px Arial,Helvetica,sans-serif;
   color: #9933CC;
   background-color: #FFFFCC;
}
TD.caldat {
   font: 10px Arial,Helvetica,sans-serif;
   color: #000000;
   background-color: #FFFFFF;
}
TD.calday {
   font: 10px Arial,Helvetica,sans-serif;
   color: #000000;
   background-color: #CCFF33;
}
TD.headcell {
    font: bold 16px Arial,Helvetica,sans-serif;
    color: #51007D;
    background: #F2F2F2 url(../img/bg_h2g.gif);
    border: 1px outset #FFFFFF;
    /* IE specific gradient. Following line should always appear last within the CSS class selector*/
    /* FILTER:progid:DXImageTransform.microsoft.Gradient(gradientType=0, StartColorStr='#FFFFFF',EndColorStr='#D8D8D8'); */
}

.allserv {
    padding:4px;
    font: bold 16px Arial,Helvetica,sans-serif;
    text-align: left;
    color: #51007D;
    border: 1px outset #FFFFFF;
    background: #F2F2F2 url(../img/hpheaders/col/14.jpg) no-repeat center top;
}

.fhd1 {
    font: bold 1.3em Arial,Helvetica,sans-serif;
    text-align: center;
    color: #666666;
    border: 1px outset #FFFFFF;
    background: #F2F2F2 url(../img/hpheaders/col/28.jpg) repeat-y center top;
}
.fhd2 {
    font: bold 1.6em Arial,Helvetica,sans-serif;
    text-align: center;
    color: #697889;
    border: 1px solid #C6CBD1;
    background: #EEF4F9 url(../img/hpheaders/col/27b.jpg) repeat-y center top;
}
.fhd3 {
    font: bold 1.5em Arial,Helvetica,sans-serif;
    text-align: center;
    color: #697889;
    border: 1px solid #DEDEDE;
    background: #F2F2F2 url(../img/hpheaders/col/21.jpg) repeat-y center top;
    /* 21(bw), 26, 28, */
}
.fhd4 {
    font: bold 1.3em Arial,Helvetica,sans-serif;
    text-align: center;
    color: #666666;
    border: 1px outset #FFFFFF;
    background: #F2F2F2 url(../img/hpheaders/col/01.jpg) repeat-y center top;
}

.fcon1 {
    padding: 6px 10px 12px 6px;
    font: normal 1em Arial,Helvetica,sans-serif;
    color: #000000;
    border: 1px solid #FAF0FF;
    border-top: none;
    background: #FFFFFF url(../img/fade4.gif) repeat-x center bottom;
}
.fcon2 {
    font: normal 1em Arial,Helvetica,sans-serif;
    color: #000000;
    border: 1px outset #FFFFFF;
    background: #F2F2F2 url(../img/hpheaders/bw/01.jpg) no-repeat center bottom;
}
.fcon3 {
    font: normal 1em Arial,Helvetica,sans-serif;
    color: #000000;
    border: 1px outset #FFFFFF;
    background: #F2F2F2 url(../img/hpheaders/bw/27.jpg) no-repeat center bottom;
}
.fcon4 {
    font: normal 1em Arial,Helvetica,sans-serif;
    color: #000000;
    border: 1px solid #DEDEDE;
    background: #FFFFFF url(../img/hpheaders/bw/07b.jpg) no-repeat center bottom;
}
.hcon {
    padding: 6px 10px 14px 6px;
    font: normal 1em Arial,Helvetica,sans-serif;
    color: #000000;
    border: 1px solid #FAF0FF;
    border-top: none;
    background: #FFFFFF url(../img/fade4.gif) repeat-x center bottom;
}

TD.formlabel {
    font: bold 1em Arial,Helvetica,sans-serif;
    color: #FFFFCC;
    background-color: #660099;
    border: 1px outset #E2B5FB;
}
.formlabel {
    /* IE specific gradient. Following line should always appear last within the CSS class selector*/
    FILTER:progid:DXImageTransform.microsoft.Gradient(gradientType=0, StartColorStr='#9933CC',EndColorStr='#51007D');
}
TD.formcell {
    font-size: 0.9em;
    color: #000000;
    background-color: #F2F2F2;
    border: 1px solid #CCCCCC;
 }
.formcell {
    /* IE specific gradient. Following line should always appear last within the CSS class selector*/
    FILTER:progid:DXImageTransform.microsoft.Gradient(gradientType=0, StartColorStr='#FFFFFF',EndColorStr='#DEDEDE');
}
TD.formcelly {
    font-size: 0.9em;
    color: #000000;
    background-color: #FFFFE1;
    border: 1px solid #D8D8D8;
 }
.formcelly {
    /* IE specific gradient. Following line should always appear last within the CSS class selector*/
    FILTER:progid:DXImageTransform.microsoft.Gradient(gradientType=0, StartColorStr='#FFFFFF',EndColorStr='#FFFFCC');
}
TD.formcellg {
    font-size: 0.9em;
    color: #000000;
    background-color: #EAFFEA;
    border: 1px solid #D8D8D8;
 }
.formcellg {
    /* IE specific gradient. Following line should always appear last within the CSS class selector*/
    FILTER:progid:DXImageTransform.microsoft.Gradient(gradientType=0, StartColorStr='#FFFFFF',EndColorStr='#CCFFCC');
}
TD.gridineb {
    font: normal 0.85em Verdana,Arial,Helvetica,sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    border-right: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
 }
SELECT {
    font: 14px Arial,Helvetica,sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px outset #CCCCCC;
}
SELECT.navbox {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #51007D;
}
INPUT {
    font: 14px Arial,Helvetica,sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px outset #CCCCCC;
}

.inblur { padding-left:4px; background: #FFFFFF; border:1px solid #999999; }
.infocus { padding-left:4px; background: #FFFFFF; border:1px solid #FF0000;}
FIELDSET { font: normal 0.95em Arial,Helvetica,sans-serif; color:#333333; border: 1px solid #FFCC33; padding:8px; background-color:#F2F2F2;
FILTER:progid:DXImageTransform.microsoft.Gradient(gradientType=0, StartColorStr='#FFFFFF',EndColorStr='#DEDEDE');}
LEGEND { font: bold 1.1em Arial,Helvetica,sans-serif; color:#660099; border: 1px solid #FFCC33; padding:2px; background-color:#FFFFCC;}

TD.hpgtitle {
    font: bold 16px Arial,Helvetica,sans-serif;
    color: #DEDEDE;
}
    /* alt hpgtitle colour FFCC33*/
INPUT.searchbox {
    background-image: url(../img/inputbg.gif);
    padding-left:4px; 
    width: 110px;
    font: normal 12px Arial,Helvetica,sans-serif;
    color: #000000;
    border: 1px solid #FFCC33;
}

.sbgl {
    background: url(../img/vsinb_left.gif) no-repeat;
}
.sbgr {
    background: url(../img/vsinb_right.gif) no-repeat;
}

input.s {
	font: normal 12px Verdana,Arial,Helvetica,sans-serif;
	padding: 0px;
    border: 0px;
	width: 156px;
	padding-left: 8px;
    margin-left: 8px;
}

INPUT.formbtn {
    font: bold 14px Arial,Helvetica,sans-serif;
    color: #660099;
    margin: 4px;
    border-top: 1px solid #F8F8F8;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #F8F8F8;
    background: #DEDEDE url(../img/bg_fbut.gif) repeat-x left top;
}
INPUT.img {
    background-color: transparent;
    border: 0px outset #FFFFFF;
}
TEXTAREA {
    font: 14px Arial,Helvetica,sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    scrollbar-face-color: #F2F2F2;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #E8E8E8;
    scrollbar-3dlight-color: #DEDEDE;
    scrollbar-arrow-color:  #51007D;
    scrollbar-track-color: #EBEBEB;
    scrollbar-darkshadow-color: #A8A8A8;
    border: 1px outset #CCCCCC;
}