@charset "utf-8";
/* CSS Document */
/* body{ background:#FFFFFF;}  commented out 30/6/2012 as shouldnt be controlling background style of the whole body in this css */
a{text-decoration:none;}

.hiddenPic {display:none;}

.red{background:url('NavButtons/red.jpg') no-repeat; width:165px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.red a{ color:#FFFFFF;}
.red a:hover{background:url('NavButtons/red.jpg') no-repeat 0px -26px; width:165px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.redd{background:url('NavButtons/red.jpg') no-repeat; width:165px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.redd a{ color:#FFFFFF;}
.redd a:hover{background:url('NavButtons/red.jpg') no-repeat 0px -26px; width:165px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.redx2{background:url('NavButtons/redx2.jpg') no-repeat; width:165px; height:39px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.redx2 a{ color:#FFFFFF;}
.redx2 a:hover{background:url('NavButtons/redx2.jpg') no-repeat 0px -38px; width:165px; height:36px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}


.brown{background:url('NavButtons/brown.jpg') no-repeat; width:165px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.brown a{ color:#FFFFFF;}
.brown a:hover{background:url('NavButtons/brown.jpg') no-repeat 0px -26px; width:165px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.brownx2{background:url('NavButtons/brownx2.jpg') no-repeat; width:165px; height:39px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.brownx2 a{ color:#FFFFFF;}
.brownx2 a:hover{background:url('NavButtons/brown2.jpg') no-repeat 0px -38px; width:165px; height:36px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.green{background:url('NavButtons/green.jpg') no-repeat; width:165px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.green a{ color:#FFFFFF;}
.green a:hover{background:url('NavButtons/green.jpg') no-repeat 0px -26px; width:165px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.greenx2{background:url('NavButtons/greenx2.jpg') no-repeat; width:165px; height:39px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.greenx2 a{ color:#FFFFFF;}
.greenx2 a:hover{background:url('NavButtons/greenx2.jpg') no-repeat 0px -38px; width:165px; height:36px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.greenshort{background:url('NavButtons/greenshort.jpg') no-repeat; width:125px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.greenshort a{ color:#FFFFFF;}
.greenshort a:hover{background:url('NavButtons/greenshort.jpg') no-repeat 0px -26px; width:125px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}


.violet{background:url('NavButtons/violet.jpg') no-repeat; width:165px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.violet a{ color:#FFFFFF;}
.violet a:hover{background:url('NavButtons/violet.jpg') no-repeat 0px -26px; width:165px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.cyan{background:url('NavButtons/cyan.jpg') no-repeat; width:165px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.cyan a{ color:#FFFFFF;}
.cyan a:hover{background:url('NavButtons/cyan.jpg') no-repeat 0px -26px; width:165px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.cyanshort{background:url('NavButtons/cyanshort.jpg') no-repeat; width:125px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.cyanshort a{ color:#FFFFFF;}
.cyanshort a:hover{background:url('NavButtons/cyanshort.jpg') no-repeat 0px -26px; width:125px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.magenta{background:url('NavButtons/magenta.jpg') no-repeat; width:165px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.magenta a{ color:#FFFFFF;}
.magenta a:hover{background:url('NavButtons/magenta.jpg') no-repeat 0px -26px; width:165px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.yellow{background:url('NavButtons/yellow.jpg') no-repeat; width:165px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.yellow a{ color:#FFFFFF;}
.yellow a:hover{background:url('NavButtons/yellow.jpg') no-repeat 0px -26px; width:165px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.yellowx2{background:url('NavButtons/yellowx2.jpg') no-repeat; width:165px; height:39px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.yellowx2 a{ color:#FFFFFF;}
.yellowx2 a:hover{background:url('NavButtons/yellowx2.jpg') no-repeat 0px -38px; width:165px; height:36px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.yellowshort{background:url('NavButtons/yellowshort.jpg') no-repeat; width:125px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.yellowshort a{ color:#FFFFFF;}
.yellowshort a:hover{background:url('NavButtons/yellowshort.jpg') no-repeat 0px -26px; width:125px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}


.pink{background:url('NavButtons/pink.jpg') no-repeat; width:165px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.pink a{ color:#FFFFFF;}
.pink a:hover{background:url('NavButtons/pink.jpg') no-repeat 0px -26px; width:165px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.gray{background:url('NavButtons/gray.jpg') no-repeat; width:165px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.gray a{ color:#FFFFFF;}
.gray a:hover{background:url('NavButtons/gray.jpg') no-repeat 0px -26px; width:165px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.silver{background:url('NavButtons/silver.jpg') no-repeat; width:165px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.silver a{ color:#FFFFFF;}
.silver a:hover{background:url('NavButtons/silver.jpg') no-repeat 0px -26px; width:165px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.silverx2{background:url('NavButtons/silverx2.jpg') no-repeat; width:165px; height:39px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.silverx2 a{ color:#FFFFFF;}
.silverx2 a:hover{background:url('NavButtons/silverx2.jpg') no-repeat 0px -38px; width:165px; height:36px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}


.olive{background:url('NavButtons/olive.jpg') no-repeat; width:165px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.olive a{ color:#FFFFFF;}
.olive a:hover{background:url('NavButtons/olive.jpg') no-repeat 0px -26px; width:165px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.teal{background:url('NavButtons/teal.jpg') no-repeat; width:165px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.teal a{ color:#FFFFFF;}
.teal a:hover{background:url('NavButtons/teal.jpg') no-repeat 0px -26px; width:165px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.purple{background:url('NavButtons/purple.jpg') no-repeat; width:165px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.purple a{ color:#FFFFFF;}
.purple a:hover{background:url('NavButtons/purple.jpg') no-repeat 0px -26px; width:165px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.blue{background:url('NavButtons/blue.jpg') no-repeat; width:165px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.blue a{ color:#FFFFFF;}
.blue a:hover{background:url('NavButtons/blue.jpg') no-repeat 0px -26px; width:165px; height:23px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}

.bluex2{background:url('NavButtons/bluex2.jpg') no-repeat; width:165px; height:39px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.bluex2 a{ color:#FFFFFF;}
.bluex2 a:hover{background:url('NavButtons/bluex2.jpg') no-repeat 0px -38px; width:165px; height:36px; display:block; color:#000000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0}


.inactive{background:url('NavButtons/silver.jpg') no-repeat; width:165px; height:26px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.inactive a{ color:#FFFFFF;}

.inactivex2{background:url('NavButtons/silverx2.jpg') no-repeat; width:165px; height:39px; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.inactivex2 a{ color:#FFFFFF;}



/* BUTTONS */

.buttons a, .buttons button{
    display:block;
/*    float:left;   */
    float:center;
    margin:0 0px 0 0;
    background-color:#8CC2FF;   /* f5f5f5; */
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    /* font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;   */
    font-family:Arial, Verdana, sans-serif;
    font-size:12px;            /* 100% */
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:4px 10px 4px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;  /* 16 */
}


/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;   /* #dff4ff */
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;         /* 6299c5 */
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    background-color:#E6EFC2;
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#CDDF86;
    border:1px solid #B4CB54;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    background:#fbe3e4;  
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#FFB9B9;
    border:1px solid #F9A4A6;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


/* GREEN */

button.xGreen, .buttons a.xGreen{
    background-color:#E6EFC2;
    color:#529214;
}
.buttons a.xGreen:hover, button.xGreen:hover{
    background-color:#CDDF86;
    border:1px solid #B4CB54;
    color:#529214;
}
.buttons a.xGreen:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* RED */

.buttons a.xRed, button.xRed{
    background:#fbe3e4;  
    color:#d12f19;
}
.buttons a.xRed:hover, button.xRed:hover{
    background:#FFB9B9;
    border:1px solid #F9A4A6;
    color:#d12f19;
}
.buttons a.xRed:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* BLUE */

.buttons a.xBlue, button.xBlue{
    /* background:#AAAAFF; */
    background:#8CC2FF;  
    /* background:#eaf4ff url(NavButtons/Bluebg.jpg) repeat-x left top;  */
    color:#0000FF;
    /*color:#FFFFFF;  */
}
.buttons a.xBlue:hover, button.xBlue:hover{
    background:#8C8CFF;
    border:1px solid #6C6CFF;
    /* color:#0000FF; */
    color:#0000FF;
}
.buttons a.xBlue:active{
    background-color:#0000FF;
    border:1px solid #0000FF;
    color:#fff;
}


/* Yellow */

.buttons a.xYellow, button.xYellow{
    /* background:#AAAAFF; */
    background:#FFFFB3;
    /* background:#eaf4ff url(NavButtons/Yellowbg.jpg) repeat-x left top;  */
    color:#AAAA00;
    /*color:#FFFFFF;  */
}
.buttons a.xYellow:hover, button.xYellow:hover{
    background:#FFFF95;
    border:1px solid #DDDD00;
    /* color:#0000FF; */
    color:#AAAA00;
}
.buttons a.xYellow:active{
    background-color:#FFFF00;
    border:1px solid #FFFF00;
    color:#AAAA00;
}

/* Purple */

.buttons a.xPurple, button.xPurple{
    background:#D4ACDA;
    color:#000;
}
.buttons a.xPurple:hover, button.xPurple:hover{
    background:#CA00CA;
    border:1px solid #F9A4A6;
    color:#000;
}
.buttons a.xPurple:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#000;
}

/* Inactive */

.buttons a.xInactive, button.xInactive{
    background:#C0C0C0;
    color:#000;
    cursor: not-allowed;
}

/* Gray */

.buttons a.xGray, button.xGray{
    background:#C0C0C0;
    color:#000;
}
.buttons a.xGray:hover, button.xGray:hover{
    background:#808080;
    border:1px solid #808080;
    color:#000;
}
.buttons a.xGray:active{
    background-color:#808080;
    border:1px solid #808080;
    color:#000;
}

/* Brown */

.buttons a.xBrown, button.xBrown{
    background:#F5B270;
    color:#000;
}
.buttons a.xBrown:hover, button.xBrown:hover{
    background:#A66115;
    border:1px solid #808080;
    color:#000;
}
.buttons a.xBrown:active{
    background-color:#808080;
    border:1px solid #808080;
    color:#000;
}

.Clickable {
  Cursor:Pointer;
}