@import "Styles/brand-colors.css";
@import url("HealthStrmEcho.css");
@import url("font/bmfont.css");

.hint_list {
	background: var(--brand_background_primary_color);
	border: 0px solid;
	padding: 4px;
}
.hint_list ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.hint_list a {
	text-decoration: none;
	color: var(--brand_primary_color);
	font-family: bm-Font;
	font-weight:bold;
}
.hint_list .selected {
	background: var(--brand_primary_color);
	color: var(--brand_background_primary_color);
}
.hint_list .selected a {
	color: var(--brand_background_primary_color);
}
#autohint {
	display: none;
}

TR.main
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: var(--brand_primary_color);
    FONT-FAMILY: bm-Font;
}
TD
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: var(--brand_primary_color);
    FONT-FAMILY: bm-Font;
        
}
.FontColor {
    color:var(--brand_background_primary_color);
}
BODY
{
    FONT-SIZE: 8pt;
    BACKGROUND-IMAGE: none;
    COLOR: var(--brand_primary_color);
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: bm-Font;
    BACKGROUND-COLOR: var(--brand_background_primary_color);
    height: 12px;
}
TABLE.qr
{
    FONT-SIZE: 8pt;
    BACKGROUND-IMAGE: none;
    COLOR: var(--brand_primary_color);
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: bm-Font;
    BACKGROUND-COLOR: #F0F0F0
}
.ColumnHeader
{
    color: var(--brand_primary_color);
    background-image: url('images/widget-top.jpg');
    background-repeat: repeat-x;
    position: relative;
}
A:link
{
    FONT-SIZE: 8pt;
    COLOR: var(--brand_primary_color);
    FONT-FAMILY: bm-Font;
    text-decoration:none;
}
A.main:link
{
    FONT-SIZE: 8pt;
    COLOR: var(--brand_primary_color);
    FONT-FAMILY: bm-Font;
    text-decoration:none;
}
A:visited
{
    FONT-SIZE: 8pt;
    COLOR: blue;
    FONT-FAMILY: bm-Font;
    text-decoration:none;
}
A.main:visited
{
    FONT-SIZE: 8pt;
    COLOR: blue;
    FONT-FAMILY: bm-Font;
    text-decoration:none;
}
A:hover
{
    FONT-SIZE: 8pt;
    COLOR: var(--brand_tertiary_color);
    FONT-FAMILY: bm-Font;
    text-decoration:none;
}
A.main:hover
{
    FONT-SIZE: 8pt;
    COLOR: var(--brand_tertiary_color);
    FONT-FAMILY: bm-Font;
    text-decoration:none;
}
DIV.nv1
{
    FONT-SIZE: 8pt;
    COLOR: var(--brand_primary_color)
}
DIV.nv2
{
    FONT-SIZE: 8pt;
    COLOR: var(--brand_primary_color)
}
H1
{
    FONT-SIZE: 10pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: bm-Font;
    height: 20px;
    line-height: 20px;
    background-image: url('images/widget-top.jpg');
    background-repeat: repeat-x;
}
H3
{
    TEXT-TRANSFORM: uppercase;
    COLOR: var(--brand_primary_color);
    FONT-FAMILY: bm-Font-Bold;
}
.ctext
{
    TEXT-ALIGN: center
}

/*input.silver
{
	font-family: tahoma;
	font-size: 8pt;
	height: 19px;
	text-align: center;
	border: 1px solid var(--brand_primary_color);
	background-image: url("images/button_slice.jpg");
	background-position: center center;
	vertical-align: text-bottom;
	text-decoration: none;
	padding-top: 0px;
}*/

span.menu
{
	padding:3px; 
	position:absolute; 
	top:0;
	left:0;
	visibility: hidden; 
	border: 1px solid #A0A0A0; 
	border-bottom:2px solid #A0A0A0; 
	border-right:2px solid #A0A0A0; 
	background-color: #F0F0F0; 
	filter:alpha(opacity=93);
    opacity: 0.93;
}

div.menuHeader
{
	padding: 2px;
	text-align: center;
	font-weight: bold;
}

div.menuCat
{
	padding: 2px;
	text-align: left;
	font-weight: bold;
	cursor: default;
}

div.menuItem
{
	padding: 2px;
	padding-left: 20px;
	text-align: left;
	cursor: pointer;
	color: black;
	border: 1px solid #F0F0F0;
}

div.menuItem2
{
	padding: 2px;
	padding-left: 0px;
	text-align: left;
	cursor: pointer;
	color: black;
	border: 1px solid #F0F0F0;
}

div.menuItem img
{
	position:absolute;
	left:8px;
}

hr.menuSeparator
{
	width: 95%;
	height: 1px;
	color: #A0A0A0;
}

/* Help Desk Icon */
.SmartHelp
{
    height:15px;
    width: 15px; 
    margin-top:2px;
    margin-right:4px;
    float: right;
    cursor: pointer;
}

img 
{
    border-style: none;    
}

a.tip {
    text-decoration: none
}
a.tip:hover {
    cursor: help;
    position: relative
}
a.tip span {
    display: none
}
a.tip:hover span {
    border: #A0A0A0 1px dotted;
    padding: 5px 20px 5px 5px;
    display: block;
    z-index: 100;
    left: 0px;
    margin: 10px;
    width: 250px;
    position: absolute;
    top: 10px;
    text-decoration: none;
    color:blue;
     background-color:lightgray;
}