/*TO CENTER POSITION SITE ON ALL BROWSERS*/
body { font-family: Consolas, Verdana, Arial, Helvetica, sans-serif; color: #000000; background: #FFFFFF; text-align: center; margin: 0px; padding: 0px; }
p { margin: 0; padding: 0 0 0 0; }

/*HOLDS ALL CONTENT*/
#container { width: 990px; background: #FFFFFF; text-align: left; margin: 0 auto 0 auto; }

/*TOP SEARCH FIELDS*/
#search {
margin: 0; padding: 5px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #F26721; font-size: 80%; font-weight: bold; border-bottom-color: #2E3192; border-bottom-style: solid; border-bottom: 1px;}
#table_div{display: none;}

/*MOHEALTHNET LOGO HOLDER*/
#logo { float: left; padding: 5px 10px 5px 10px; border-color: #2E3192; border-style: solid; border-width: 1px; }
#logo1 {float: right;}

/*TOP CENTER NAVIGATION STYLING*/
#topnav {margin: 0 240px 0 155px; padding-left: 13px; padding-top: 21px; padding-bottom: 21px; border-left-style: solid; border-left-color: #F26721; border-left-width: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif; color: #54CAF5; font-size: 70%;
	background-color: #0071c1 }
#topnav a:link { color: white; text-decoration: none; font-weight: none;}
#topnav a:visited { color: white; text-decoration: none; font-weight: none; }
#topnav a:hover, #nav a:active, #nav a:focus { color: #FFFFFF; }

/*HOLDS LEFT NAVIGATION, CENTRAL BODY TEXT/IMAGES, AND RIGHT NEWS SECTION*/
#content {width: 990px; text-align: left; margin: 0 auto 0 auto; border-top-color: #2E3192; border-top-style: solid; border-top: 1px;}
#leftnav { width: 150px; float: left; margin: 0; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #2E3192; font-size: 65%; }
#leftnav a:link { color: red; text-decoration: none; font-weight: bold; margin: 0px; padding: 5px 0 10px 5px; }
#leftnav a:visited { color: #999999; text-decoration: none; font-weight: bold; padding: 5px 0 10px 5px; }
#leftnav a:hover, #nav a:active, #nav a:focus {  color: #F26721; }

/*CENTRAL TEXT/IMAGES STYLING*/
#centernav {margin: 0 0 0 0px; padding-left: 2px; padding-top: 0px; padding-right: 2px; padding-bottom: 0px; border-left-color: #2E3192; border-left-style: solid; border: 0px; 
font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 70%;}


/*FOOTER STYLING*/
#footer { width: 970px; background: #0071c1; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; font-size: 60%; text-align: left; }
#footer a:link { color: WHITE; text-decoration: none; font-weight: none; }
#footer a:visited { color: WHITE; text-decoration: none; font-weight: none; }
#footer a:hover, #nav a:active, #nav a:focus {  color: #FFFFFF; }

/*MISCELLANEOUS STYLING*/
h1 { margin: 0; padding: 10px 0 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #F26721; font-size: 110%; font-weight: bold; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #F26721; font-size: 110%; font-weight: bold; }
h3 { margin: 0; padding: 15px 0 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #F26721; font-size: 100%; font-weight: bold; }
#note { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 90%; }
/*#cookiecrumbs { align: top; width: 685px; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 90%; } */


/*Information on  stylesheets and templates is available in the User's and Administrator's Guide*/
BODY { background-color: white; color: black; font-family: sans-serif, arial, tahoma, helvetica; font-size: 100%; }

/*To remove the clear (x) sign in IE10
 INPUT[type=text] 
{
    height: 0px;
    padding: 1px 1px 15px 1px;
} */


TD, P, INPUT, SELECT, TH { font-family: Consolas, sans-serif, arial, tahoma, helvetica; font-size: 100%; }

TT { font-size: 100%; }

/* interactive control classes */
.HATSINPUT { background-color:white; border:1px groove #cccccc; font-size:9pt;font-family:Consolas, Arial; }

INPUT.HATSBUTTON { font-family: Arial; width: 22em; height: 2em;}

SELECT.HATSDROPDOWN { font-family: sans-serif, arial, tahoma, helvetica; font-size: 9pt; background-color:white;}

/* static text classes */
.HATSBUTTONTABLECELL { padding: 4px; }

/* table classes */
TABLE.HATSTABLE { border-width: 1px; border-color: #cccccc; border-style: solid; background-color: white; border-collapse: collapse; }

.HATSTABLEHEADER { background-color: #e1e1e1; color:#51523f ; font-weight: bold; text-align: center; padding: 4px; font-size: 9pt}

.HATSTABLEEVENROW { background-color: #FFFFFF; }

.HATSTABLEODDROW { background-color: #e8e8e8; }

TD.HATSTABLECELL {padding: 4px; border-width: 1px; border-color: #cccccc; border-style: solid;	}

TD.HATSTABLECAPTIONCELL { padding: 4px; border-width: 1px; border-color: #cccccc; border-style: solid; }

TABLE.HATSFIELDTABLE { white-space: normal; letter-spacing: normal; }

.HATSFIELD { font-family:Consolas, Arial; color: black; font-size: 9pt; border-color: #cccccc}

/* Disabled field */
.HDF { font-family: courier new, monospace; color: gray; }

/* links */
A.HATSLINK:link {font-family:Consolas, Arial;color: blue; text-decoration: underline; font-weight: bold; font-size: 9pt;}
A.HATSLINK:visited { font-family:Consolas, Arial;color: black; text-decoration: underline; font-weight: bold; font-size: 9pt;}
A.HATSLINK:hover { font-family:Consolas, Arial;color: #F26721; font-size: 9pt;}

A.ICNLINK:link {font-family:Consolas, Arial;color:blue; text-decoration: none; font-weight: bold; font-size: 9pt;}
A.ICNLINK:visited { font-family:Consolas, Arial;color: blue; text-decoration: none; font-weight: bold; font-size: 9pt;}
A.ICNLINK:hover { font-family:Consolas, Arial;color: #F26721; font-size: 9pt;}

A.PFLINK:link {font-family:Consolas, Arial;color:blue; text-decoration: none; font-weight: bold; font-size: 9pt;}
A.PFLINK:visited { font-family:Consolas, Arial;color:blue; text-decoration: none; font-weight: bold; font-size: 9pt;}
A.PFLINK:hover { font-family:Consolas, Arial;color: #F26721; font-size: 9pt;}

A.HATSPROTLINK:link { font-family:Consolas, Arial;color: black; text-decoration: none; }
A.HATSPROTLINK:visited {font-family:Consolas, Arial;color: black; text-decoration: none;}
A.HATSPROTLINK:hover { font-family:Consolas, Arial;color: #F26721; text-decoration: none; }

/* popup classes */
DIV.HATSPOPUP { position: absolute; left: 0; top: 0; visibility: hidden; width: 150px; height: 170px; overflow: auto; border: solid 1px gray; background-color: #eeeeff; /*-moz-opacity: .46; only works in ns7, moz */ filter: alpha(opacity=90, style=0); z-index: 5; -moz-border-radius: 6%; }

TABLE.HATSPOPUPTABLE { background-color: #eeeeff; border: 0px; width: 100%; }

TH.HATSPOPUPTH { background-color: #cccccc; text-align: right; }

A.HATSPOPUPITEMLINK:link, A.HATSPOPUPITEMLINK:visited { color: blue; }

A.HATSPOPUPITEMLINK:hover { color: navy; }

/*Style Definition for all widgets with color mapping enabled (Hcolor) These color map the terminal fields foreground colors to these .html color and attributes.*/
.HBLANK { font-family:Consolas, Arial; color: black; font-size: 9pt;border-color: #cccccc;}

input.HBLANK { font-family:Consolas, Arial; color: black; font-size: 9pt;border-color: #cccccc; white-space: normal; letter-spacing: normal;}

.HBLUE { font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; color: #384294;}

input.HBLUE { font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; white-space: normal; letter-spacing: normal;}

.HGREEN {color: black;font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; color: #3a6334;}

input.HGREEN {color: black;font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; white-space: normal; letter-spacing: normal;}

.HCYAN { font-family:Consolas, Arial; color: black; font-size: 9pt;border-color: #cccccc;}

input.HCYAN {font-family:Consolas; font-size: 9pt;border-color: #cccccc; white-space: normal; letter-spacing: normal;}

.HRED {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; color: red;}

input.HRED {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; white-space: normal; letter-spacing: normal;}

.HMAGENTA {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; color: #632e70;}

input.HMAGENTA {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; white-space: normal; letter-spacing: normal;}

.HBROWN {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; color: #766830;}

input.HBROWN {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; white-space: normal; letter-spacing: normal;}

.HWHITE {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; color: black;}

input.HWHITE {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; white-space: normal;	letter-spacing: normal;}

.HGRAY {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; color: #555555;}

input.HGRAY {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; white-space: normal; letter-spacing: normal;}

.HLBLUE {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; color: #555555;}

input.HLBLUE {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; white-space: normal;	letter-spacing: normal;}

.HLGREEN {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; color: #888888;}

input.HLGREEN {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc;	white-space: normal; letter-spacing: normal;}

.HLCYAN {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; color: #666666;}

input.HLCYAN {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; white-space: normal;	letter-spacing: normal;}

.HLRED {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; color: red;}

input.HLRED {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; white-space: normal; letter-spacing: normal;}

.HLMAGENTA {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; color: #555555;}

input.HLMAGENTA {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; white-space: normal; letter-spacing: normal;}

.HLYELLOW {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; color: #666666;}

input.HLYELLOW {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; white-space: normal; letter-spacing: normal;}

.HHWHITE {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; color: black;}

input.HHWHITE {font-family:Consolas, Arial; font-size: 9pt;border-color: #cccccc; white-space: normal; letter-spacing: normal;}



/* keypad links */
A.HostKeyLink { color: blue; }

A.ApplicationKeyLink { color: black; }

/* keypad buttons */
INPUT.ApplicationButton { background-color: #d0d0d0; color: black; font-size: 90%; }

INPUT.HostPFKey {font-family: Arial; color: black; background-color: silver; font-weight: bold; font-size: 8pt; width: 8em; padding: 0px; }

INPUT.HostPFKey:disabled {font-weight: 300; color:lightgray;}

INPUT.HostButton { font-family: Arial; color: black; background-color: silver; font-weight: bold; font-size: 8pt; width: 8em; padding: 0px;}

INPUT.HostButton:disabled { font-weight: 300; color:lightgray;}

INPUT.ApplicationButton:hover {	border-color: #cccccc; }

INPUT.HostPFKey:hover {	border-color: #cccccc; }

INPUT.HostButton:hover { border-color: #cccccc; }

/* keypad tables */
TABLE.HostKeypad { border-style: solid;	border-width: 1px; border-color: black;	background-color: #efefef; }

.HostKeypad { text-align: center; }

/* focus indicator classes used for portlets */
.HATSFOCUSED { border: thin solid blue; }

.HATSSTATUSHEADER {	border-color: #888888; border-style: solid;	border-width: 1px; color: white; background-color: #555555;	font-size: 180%; font-weight: bold; }

.HATSSTATUSFOOTER {	border-color: #888888; border-style: solid;	border-width: 1px; color: black; background-color: #cccccc;	font-size: 90%; }

.HATSFOOTERSTATUSHEADER, .HATSFOOTERSTATUSINFO { font-size: 90%; }

.statusArea { font-family: sans-serif, arial, tahoma, helvetica; margin: auto; background-color: white;	color: black; }

DIV.statusArea { border-width: 1px;	border-color: #cccccc; border-style: solid; }

TABLE.statusArea{ table-layout: fixed; empty-cells: hide; }

.inputInhibited{ color:red; font: bold; }

IMG.sslCheck{ color: white;	background-color: white; }

.HCURSORINDICATOR { text-decoration: underline;}

.HF { font-family: Consolas, courier new, monospace; }

/*************** Dev's modifications*********************/

.HATSFIELDSET{font-family: Arial;color: black; font-size: 12pt; font-weight: bold;}

.SMALLFIELDSET{color: black; font-size: 10pt; font-weight: bold;}

.HATSLABEL {color: #51523f; font-family: Consolas, Arial; font-size: 9pt; font-weight: bold;}

.NORMALTEXT{font-family: Arial; font-size: 9pt;}

.SHORTDESC{font-family: Arial; font-size: 9pt;}

.HATSSCREEN_TITLE { color: #73745a; font-family: Arial; font-size: 18pt; font-weight: bold }

.HATSERROR {color: red; font-family: Arial; font-size: 10pt}

.HATSCAPTION {font-size: small;}

.HATSBANNER{width:100%;background-color:#e1e1e1;}

.ODDROW{background-color:white; font-size: 9pt;}

.EVENROW{ background-color:#eeeeee; font-size: 9pt;}

.LABELBACKGROUND{ background-color: #e6e6e6; color: #51523f; font-family: Consolas, Arial; font-size: 9pt; font-weight: bold;}

.FIELDBACKGROUND{ background-color: white; color: black; font-family:Consolas, Arial; font-size: 9pt; }

.REDFIELDBACKGROUND{ background-color: red; color: black; font-family:Consolas, Arial; font-size: 9pt; }

.TABLE1{width:98%;background-color: #f9f9f9;}

.TABLE2{width:98%; background-color: #f2f2f2;}

.TABLE0{width:100%; background-color:#f2f2f2;}

.TABLE2BACKGROUND{background-color:#f2f2f2;}

.NULLCELL{background-color: #f2f2f2;}

.HLINE{color: black}

.OUTERTABLE{width:100%;background-color:white;}

.ASTERISK{color: red}

.DTABLE {padding: 2px;}

.TEMPLATE_BUTTON{font-family: Arial; color: black; width: 12em; font-weight: bold; font-size:8 pt;}

.CMNT_BUTTON{height: 2em; background-color: silver; font-weight: bold; font-size: 6pt;}

.ATCH_BUTTON{color: black; background-color: silver; font-weight: bold; font-size: 8pt; width: 2em; padding: 0px;}

.PF3_BUTTON{height: 2em; background-color: silver; font-weight: bold; font-size: 6pt;}

.PF3TABLE{ background-color: #f2f2f2 ;}

.RADIOBUTTON { width: 12px; height: 12px; }

.SUBTITLE { color: #73745a; font-family: Arial; font-size: 14pt; font-weight: bold }

.REDFLAG {font-family:Arial; font-size: 10pt;border-color: #cccccc; color: red;font-weight: bold }

.HATSBOLD{color: black; font-size: 9pt; font-weight: bold;}

.HIGHLIGHT{background-color: yellow;}

.HATSSCREEN_SUB_TITLE { color: #73745a; font-family: Arial; font-size: 14pt; font-weight: bold }

.HATSFIELDOP12 { font-family: monospace; color: red; font-size: 9pt;border-color: #cccccc; }

.HATSFIELDOP12BK { font-family: monospace; color: black; font-size: 9pt;border-color: #cccccc; }

.HATSFIELDOP10 { font-family: monospace; color: black; font-size: 9pt;border-color: #cccccc; }

.VISITEDLINK{ color:#F26721; text-decoration: none; font-weight: bold; font-size: 9pt;}

.HIGHLIGHTEDINPUT { font-family:Arial; color: black; font-size: 9pt; border-color: #cccccc; background-color: yellow; }

.WIDTH4 {	width: 4%; text-align: left; }

.WIDTH5 {	width: 5%; text-align: left; }

.WIDTH8 {	width: 8%; text-align: left;}

.WIDTH9 {	width: 9%; text-align: left;}

.WIDTH12 {	width: 12%; text-align: left;}

.WIDTH20 {	width: 20%; text-align: left;}

.WIDTH23 {	width: 23%; text-align: left;}

.WIDTH25 {	width: 25%; text-align: left;}

.WIDTH100P { width: 100%; TEXT-ALIGN: LEFT; }

.WIDTH14HEIGHT20 { width: 14%; HEIGHT: 20px;}

.WIDTH16HEIGHT20 { width: 16%; HEIGHT: 20px;}

.WIDTH65 {	width: 65px; FONT-SIZE: 8pt;}

.WIDTH70 {	width: 70px; FONT-SIZE: 8pt;}

.WIDTH75 {	width: 75px; FONT-SIZE: 8pt;}

.WIDTH85 {	width: 85px; FONT-SIZE: 8pt;}

.WIDTH110 {	width: 110px; FONT-SIZE: 8pt;}

.WIDTH120 {	width: 120px; FONT-SIZE: 8pt;}

.TPLDIV { OVERFLOW: auto; HEIGHT: 400px; OVERFLOW-X: hidden; }

.FONT8ALIGNLEFT { FONT-SIZE: 8pt; align:left; }

.tableFixHead {height: 300px; overflow-y: auto; }

.tableFixHead thead {position: sticky; top: 0px;}

.HATSMODAL { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); border: solid 1px #000; display: none; background-color: #fff;
}
.HATSOVERLAY { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; display: none; background-color: #000; opacity: 0.5;
}