A { COLOR: #0033ff; TEXT-DECORATION: none } .para_smcode { FONT-SIZE: 7pt; FONT-FAMILY: arial,helvetica } .para_small { FONT-SIZE: 8pt; FONT-FAMILY: arial,helvetica } .para_regular { FONT-SIZE: 9pt; FONT-FAMILY: arial,helvetica } .para_small_red { FONT-SIZE: 8pt; COLOR: red; FONT-FAMILY: arial,helvetica } .para_regular_red { FONT-SIZE: 9pt; COLOR: red; FONT-FAMILY: arial,helvetica } .title_emph { FONT-WEIGHT: bold; FONT-SIZE: 9pt; FONT-FAMILY: arial,helvetica } .title_normal { FONT-SIZE: 9pt; FONT-FAMILY: arial,helvetica } .title_large { FONT-WEIGHT: bold; FONT-SIZE: 11pt; FONT-FAMILY: arial,helvetica } .title_emph_navy { FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #003399; FONT-FAMILY: arial,helvetica } .title_emph_red { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: red; FONT-FAMILY: arial,helvetica } .para_normal_navy { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #003399; FONT-FAMILY: arial,helvetica } .ErrorMessage { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #FF0000; FONT-FAMILY: arial,helvetica } .tabFragmentDefault_blue { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 9pt; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial,Veranda; BACKGROUND-COLOR: #3C6DA5 } .tabFragmentSelected { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 9pt; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial,Veranda; BACKGROUND-COLOR: #ffffff } .buttons { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: white; FONT-FAMILY: arial,helvetica } .buttons_row { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: white; FONT-FAMILY: arial,helvetica } .form-field { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: 243757; text-decoration: none; background-color: DDE2EB; cursor: text; } .form-field-big { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: 243757; text-decoration: none; background-color: DDE2EB; cursor: text; } .form-field-reg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: 243757; text-decoration: none; background-color: ffffff; cursor: text; } a.viewSampleInvite{ position:relative; /*this is the key*/ z-index:100; background-color: white; } a.viewSampleInvite:hover{ z-index:101; text-decoration:none; background-color:#ffffff; } a.viewSampleInvite span{ display:none; } a.viewSampleInvite:hover span{ /*the span will display just on :hover state*/ display:block; position:absolute; top:2em; left:-400px; border:5px solid #d5d5d5; background-color:#fff; color:#056967; text-align:left; padding:10px; text-decoration:none; }