body {
}
.ArticleHead
{
    font-weight: bold;
    font-size: 12pt;
    color: #003377;
    font-family: Arial;
}
.ArticleStrap
{
    font-weight: bold;
    font-size: 10pt;
    color: #003377;
    font-family: Arial;
}
.ArticleBody
{
    font-size: 8.5pt;
    color: #5F9EA0;
    font-family: Arial;
}
.ArticleFoot
{
    font-size: 9pt;
    color: #5F9EA0;
    font-family: Arial;
}
.ArticleBoot
{
    font-size: 9pt;
    color: #5F9EA0;
    font-family: Arial;
}
.ArticleSmall
{
    font-size: 8pt;
    color: #5F9EA0;
    font-family: Arial;
}
.ArticleTiny
{
    font-size: 7pt;
    color: #008595;
    font-family: Arial;
}


.AreaGrid
{
    font-size: 8pt;
    color:  Gray;
    font-family: Verdana;
    background-color: #90d7d7;
}
.AreaGridBlue1
{
    font-size: 8pt;
    color:  Gray;
    font-family: Verdana;
    background-color: #c7e7e7;
}
.AreaGridBlue2
{
    font-size: 8pt;
    color:  Gray;
    font-family: Verdana;
    background-color: #d7e7e7;
}
.AreaGridSilver1
{
    font-size: 8pt;
    color:  Gray;
    font-family: Verdana;
    background-color: Silver;
}
.AreaGridSelsect
{
    font-size: 8pt;
    color:  Gray;
    font-family: Verdana;
    background-color: #eeeeee;
}
.AreaHead1
{
    font-size: 10pt;
    color: #64D7D7;
    font-weight: bold;    
    font-family: Arial;
}
.AreaHead1N
{
    font-size: 10pt;
    color: #64D7D7;
    font-weight:Normal;    
    font-family: Arial;
}
.AreaHead1Forum
{
    font-size: 10pt;
    color: #64D7D7;
    font-weight:Normal;    
    font-family: Arial;
    background-color: #4E4262
}

.AreaUpd
{
    font-size: 9pt;
    color:  Blue;
    font-family: Verdana;
    background-color:#77d7d7;  /*c0eeee   #fffAff*/
}
.AreaPanel1
{
    background-color: #c0EEEE;    /*#00ced1=darkturquoise;   lightish cyan;   button face*    was  background-color:#f0ffff;*/
    border-style: solid;
    border-left-color: #c0eeee;
    border-top-color: #c0eeee;
    border-right-color: #c0eeee;
    border-bottom-color: #c0eeee;    
    font-size: 10pt;
    color: black;
    font-family: Arial;
}


.ButtonTabOn
{
    background-image: url(Images/topmenublue.JPG); 
    background-repeat: repeat-x;
    background-color: #72B9DC;     /* was #c0EEEE; 27/11/09 #00ced1=darkturquoise;   lightish cyan;   button face*/
    border-style: solid;
    border-left-color: #c0eeee;
    border-top-color: #64d7d7;
    border-right-color: #c0eeee;
    border-bottom-color: #c0eeee;    
    border-Width: 1px;  
    font-family: Verdana;
    font-Size: 10pt;
    font-weight: bold;
    color: #ff3399;                           /*text colour*/
    height: 33px;
}
.ButtonTabOff
{
    background-color: #f0ffff;   /*    background-color: #F7F6F3;     button face*/
    border-style:  Groove;
    border-Width: 1px; 
    font-family: Verdana;
    font-Size: 10pt;
    font-weight: bold;
    color: #00C0C0;                   /*DOES NOT SET for menu where Selectable != "false" !!!! need specify ForeColor= on page!  Does work if button?  text colour*/
    height: 22px;
}
.ButtonTabAlert
{
	background-color: #CC0000; /*    background-color: #F7F6F3;     button face*/
	border-style: Groove;
	border-width: 1px;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #00C0C0;
	height: 22px;
}
.ButtonTabHover
{
    background-color: #8E9AAA;   /*    NOT WORKING!!! background-color: #F7F6F3;     button face*/
    border-style:  Groove;
    border-Width: 1px; 
    font-family: Verdana;
    font-Size: 10pt;
    font-weight: bold;
    color: #FFCEEE;                   /*DOES NOT SET for menu where Selectable != "false" !!!! need specify ForeColor= on page!  Does work if button?  text colour*/
    height: 22px;
}
.ButtonTabDisabled
{
    background-color: #F7F6F3;     /*button face*/
    border-style: Groove;
    border-Width: 1px; 
    font-family: Verdana;
    font-Size: 10pt;
    font-weight: bold;
    color: red;                       
}
.ButtonTabOffMenu
{
    background-color: #f0ffff;   /*    background-color: #F7F6F3;     button face*/
    border-style: Groove;
    border-Width: 1px; 
    font-family: Verdana;
    font-Size: 10pt;
    font-weight: bold;
    color: #00C0C0;                           /*text colour*/    
}
.ButtonText
{
    font-weight: bold;
    font-size: 10pt;
    color: #33afaf;
    font-family: Verdana;
}
.ButtonStd
{
    font-weight: bold;
    font-size: 10pt;
    color: #33afaf;
    font-family: Verdana;
}


.NormalInputBox
{
    font-size: 10pt;
    color: black;
    font-family: Arial;
}
.MandatoryInputBox
{
    font-size: 10pt; 
    color: black;
    font-family: Arial;
    background-color: #FFFFA5;
}
.TextBold
{
    font-weight: bold;
    font-size: 10pt;
    color: black;
    font-family: Arial;
}
.TextCopyRight
{
    font-size: 8.5pt;
    color: #ff3399;
    font-family: Verdana;
    font-style:italic;
}
.TextError
{
    font-weight: bold;
    font-size: 10pt;
    color: Red;
    font-family: Arial;
}
.TextHeading
{
    font-weight: bold;
    font-size: 11pt;
    color: #33afaf;
    font-family: Verdana;
}
.TextHeading09
{
    font-weight: bold;
    font-size: 9pt;
    color: #33afaf;
    font-family: Verdana;
}
.TextHeading10
{
    font-weight: bold;
    font-size: 10pt;
    color: #33afaf;
    font-family: Verdana;
}
.TextLoKey /*28/8/8*/
{
    font-size: 7pt;
    color: #777777; 
    font-family: Arial;
}


.TextNormal
{
    font-size: 10pt;
    color: #336699; 
    font-family: Arial;
}
.TextNormal9            /*24/3/10*/
{
    font-size: 9pt;
    color: #336699; 
    font-family: Arial;
}
.TextNormal8
{
    font-size: 8pt;
    color: #336699; 
    font-family: Arial;
}

.TextValidator
{
    font-size: 10pt;
    color: Blue;
    font-family: Arial;
}
.TextVerd8
{
    font-size: 8pt;
    color: #5F9EA0;
    font-family: Verdana;
}


.LinkStyle
{
    font-size: 10pt;
    font-family: Arial;
    color: Teal;
}
.LinkSmallStyle
{
    font-size: 8.5pt;
    font-family: Arial;
    color: #4E4262;
    Background-Color:#ccccff;
}


.HeadingText
{
    font-weight: bold;
    font-size: 11pt;
    color: #33afaf;
    font-family: Verdana;
}


.MenuTop1
{
    font-size:  7.5pt;
    color: #7C6F57;
    font-family: Verdana;
    background-color: #F7F6F3;   
}

.CU_Blue
{
    font-family: ariel;
    color: #64d7d7;
}

.CU_Pink
{
    font-family: ariel;
    color: #ff3399;
}


.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

.info:hover{z-index:25; background-color:#ff0}

.info span{display: none}

.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

.bubble
{
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center
 }