@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;0,800;1,400&display=swap');

HTML {font-family: "Open Sans", sans-serif; font-size:16px; }

BODY{ 
background-color:#ebeced;
background-image: url(images/bg-main.jpg);
background-repeat: repeat;
margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;
 }

/*  
10px = 0.625
12px = 0.75
13px = 0.813
14px = 0.875
16px = 1
18px = 1.125
20px = 1.25
22px = 1.375
24px = 1.5
26px = 1.625
28px = 1.75
30px = 1.875
32px = 2.0
36px = 2.25
*/

/*  ====================     TOP     ==================== */

.TopDiv {width:840px; height:54px; margin-left:auto; margin-right:auto; margin-top:30px; position:relative; }

.TopLogo {float:left; position:absolute; }

.TopText {float:right; position:absolute; bottom:0; right:0; }

.TopLine {width:840px; margin-left:auto; margin-right:auto; margin-top:5px; border-bottom:1px solid #cccccc; }

.TopFromDataLink {width:840px; margin-left:auto; margin-right:auto; margin-top:7px; margin-bottom:50px; }
.TopOtherFromDataLink {width:840px; margin-left:auto; margin-right:auto; margin-top:7px; margin-bottom:15px; }

.NatIntSpacing {margin-bottom:50px; }

.TableChooseDirectory {width:840px; background:#4276b5; margin-top:20px; margin-bottom:40px; }


/*  ================     LISTING BOXES    ================ */

.TableListing {width:610px; background-color:#FFFFFF; border:4px solid #4B81C2; padding:10px; margin-bottom:50px; margin-left:auto; margin-right:auto; }
/* table.tableListing td { padding:8px 8px 8px 8px;} */

.Company { font-size:1.125rem; font-weight:700; word-spacing:2px; text-transform:uppercase; }

td.Company {padding: 8px 0px 8px 4px; background-color:#C5D7EB; }     /* COMPANY NAMES IN DIRECTORY */

td.Padded-Address {padding: 4px 0px 14px 0px; }     /* ADDRESS */

td.Padded-8-Bottom {padding-bottom: 8px; }     /* PADDED BOTTOM 8PX */

.PL8 {padding-left:8px; }  /* PADDING AFTER EMAIL: & PHONE:  */	

.DivPaddingEmail { padding:8px 0 20px 0; }   /* VERTICAL PADDING ON EMAIL LINE  */	



/*  =================     OTHER PAGES     ================= */

.InTheStateOf-1 {font-size:1.375rem; font-weight:700; color:#002D71; text-align:center; }
.InTheStateOf-2 {font-size:1.125rem; color:#363636; text-align:center; padding-top:10px; } 

.State {font-size:2.0rem; font-weight:700; color:#CC0000; text-transform:uppercase; word-spacing:4px; padding:25px 0px 30px 0px; text-align:center; }

.NoCompanies {font-weight:700; color:#666666; text-transform:uppercase; line-height:1.7; }

.Text-Key {font-size:0.875rem; color:#ffffff; }

/*   TOP  SINCE 1996  */
.Since1996 {font-weight:700; font-style:italic; color:#334f95; }

/*   PLEASE CHOOSE A DIRECTORY  */
.PleaseChooseDirectory {font-size:1.75rem; font-weight:700; color:#FFFFFF; }

/*   PLEASE CHOOSE A STATE  */
.PleaseChooseState {padding-top:13px; color:#FFF; font-size:1.125rem; font-weight:700; }

/*   PLEASE CHOOSE A STATE TABLE  */
.PleaseChooseStateTable { width:840px; margin-bottom:40px; background:#4276b5;  }

/*   PLEASE CHOOSE A STATE TABLE (New Map)  */
.PleaseChooseStateTable2 { width:840px; margin-bottom:10px; background:#4276b5;  }

/*   ALL PROVIDERS  */
.AllProviders {font-size:1.625rem; font-weight:700; color:#FF0; padding-top:32px;}

/*   DIRECTORY MENUS  */
.EmployeeAssistanceProgram {font-size:1.25rem; font-weight:700; color:#FFFFFF; }

/*  CONTENT TABLE  */
.ContentTable {border:3px solid #335eb7; }

/*  CONTENT TABLE 2  */
.ContentTable2 {border:1px solid #b6cbf7; }

/*   CONTENT HEADINGS  */
.EAP-SAP-Content-Headings {font-size:1.125rem; font-weight:700; color:#CC0000; padding-bottom:3px;}

/*  SIGNUP FORM LISTING CONTENT  */
.ListingForm1 {background:#DFE8FF; padding-top:17px; }

/*  PAGE TITLES FOR SAP MORE & EAP MORE AND OTHERS  */
.PageTitles {
padding:20px 20px 0px 20px; text-align:center; font-size:1.125rem; font-weight:700; }

/*  PICTURES ON LEFT SIDE OF TEXT BLOCK  */
.PictureLeft {
border:1px solid #ABC4E0; float:LEFT; padding:3px; margin:8px 15px 0px 0px; }

/*  PICTURES ON RIGHT SIDE OF TEXT BLOCK  */
.PictureRight {
border:1px solid #ABC4E0; float:RIGHT; padding:3px; margin:5px 0px 0px 15px; }



/*  ===================     FOOTER     =================== */  

.Footer-Divider-Color {color:#BBCFE8;}

/*  FOOTER ON OTHER PAGES  */
.DivFooter {width:840px; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:20px; padding:15px 0px 15px 0px; background-color:#4276b5; }

/*  FOOTER ON LISTINGS  */
.DivFooter {width:840px; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:20px; padding:15px 0px 15px 0px; background-color:#4276b5; }


/*  ===============     REGULAR STUFF     ================ */

/*   FONTS & LINEHEIGHT */
.FontSize10 {font-size: 0.625rem}
.FontSize12 {font-size: 0.75rem}
.FontSize13 {font-size: 0.813rem}
.FontSize14 {font-size: 0.875rem}
.FontSize16 {font-size: 1.0rem}
.FontSize18 {font-size: 1.125rem}
.FontSize20 {font-size: 1.25rem}
.FontSize22 {font-size: 1.375rem} 
.FontSize24 {font-size: 1.5rem}
.FontSize26 {font-size: 1.625rem}
.FontSize28 {font-size: 1.75rem}
.FontSize30 {font-size: 1.875rem}
.FontSize32 {font-size: 2.0rem}
.FontSize36 {font-size: 2.25rem}

.LineHeight18 {line-height: 18px; }
.LineHeight20 {line-height: 20px; }
.LineHeight22 {line-height: 22px; }



/*  ===================     FORMS     ==================== */

/*  DISABLE GOOGLE AUTOFILL CHANGE BACKGROUND FORM COLORS  */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
-webkit-box-shadow: 0 0 0 30px white inset !important; }
	
/*  FORM FIELD STYLE CONTACT US   */ 
.FormTextInputContact2 {width:280px; background:#FFFFFF; color:#333333; border-bottom:1px  #a0bafe solid; border-top:1px  #fff solid; border-left:1px  #fff solid; border-right:1px  #fff solid; padding:6px 2px 6px 4px; }	

.FormTextInputContact {width:280px; background:#FFFFFF; color:#333333; border:1px  #a0bafe solid; padding:6px 2px 6px 4px; }	

.FormMessageAreaContact {width:517px; background:#FFFFFF; color:#333333; border:1px  #a0bafe solid; padding:6px 2px 6px 4px; }
.FormSelectStateContact {width:160px; background:#FFFFFF; color:#333333; border:1px  #a0bafe solid; padding:6px 2px 6px 4px; }

/*  FORM FIELD STYLE NEW LISTING   */ 
.FormTextInputListing {width:314px; background:#FFFFFF; color:#333333; border:1px  #a0bafe solid; padding:6px 2px 6px 4px; }
.FormTextInputListingWebsite {width:341px; background:#FFFFFF; color:#333333; border:1px  #a0bafe solid; padding:6px 2px 6px 4px; }	
.FormMessageAreaListing {width:477px; background:#FFFFFF; color:#333333; border:1px  #a0bafe solid; padding:6px 2px 6px 4px; }
.FormSelectStateListing {width:140px; background:#FFFFFF; color:#333333; border:1px  #a0bafe solid; padding:6px 2px 6px 4px; }
.FormZipListing {width:80px; background:#FFFFFF; color:#333333; border:1px  #a0bafe solid; padding:6px 2px 6px 4px; }

/*  FORM SUBMIT BUTTON - NEW LISTING  */
.SubmitButton { 
background: #2e4685; 
color: #fff;
font-size: 1.125rem; 
border: 1px  #000000 solid; 
padding: 8px 0px 8px 0px; 
margin: 0px;
width:250px;
transition: all 0.3s ease-in-out; } 

.SubmitButton:hover {
background: #cecece; 
color: #000; 
font-size: 1.125rem; 
border: 1px  #000000 solid; 
padding: 8px 0px 8px 0px; 
margin: 0px;
width:250px;
transition: all 0.3s ease-in-out; }

/*  FORM SUBMIT BUTTON - CONTACT  */
.SubmitButtonContact { 
background: #2e4685; 
color: #fff;
border: 1px  #000000 solid; 
padding: 6px 0px 6px 0px; 
margin: 0px;
width:200px;
transition: all 0.2s ease-in-out; } 

.SubmitButtonContact:hover {
background: #cecece; 
color: #000; 
border: 1px  #000000 solid; 
padding: 6px 0px 6px 0px; 
margin: 0px;
width:200px;
transition: all 0.2s ease-in-out; }

/* CHECKBOX */
input.Checkbox/*checkbox class name*/ {
  width:20px /*preferred width*/;
  height:20px /*preferred height*/; }
  
  
  
/*  ===================     LINKS     =================== */

A {text-decoration:none;}

/*  DEFAULT COLORS  (Blue - Red)   */
a:link { color: #0000FF}    
a:visited { color: #0000FF}
a:hover { color: #0000FF; text-decoration: underline}   
a:active { color: #0000FF; background-color: transparent}

/*  GET LISTED LINK */
.link4b { font-size: 0.75rem; color: #FFFFFF; text-decoration: none;} 
a.link4b:link { color: #FFFFFF}
a.link4b:visited { color: #FFFFFF}
a.link4b:hover { color: #FFFF00;  text-decoration: none}
a.link4b:active { color: #FFFFFF; background-color: transparent}

/*  SITE MAP LINKS */
.link4c {font-size: 0.875rem; font-weight: 700; color: #FFFFFF; text-decoration: none; padding: 10px 0px 10px 0px;} 
a.link4c:link { color: #FFFFFF}
a.link4c:visited { color: #FFFFFF}
a.link4c:hover { color: #FFFF00;  text-decoration: underline}
a.link4c:active { color: #FFFFFF; background-color: transparent}

/*  DIRECTORY LINKS */
.link4d { font-weight: 700; color: #FFFFFF; text-decoration: none;} 
a.link4d:link { color: #FFFFFF}
a.link4d:visited { color: #FFFFFF}
a.link4d:hover { color: #FFFF00;  text-decoration: underline}
a.link4d:active { color: #FFFFFF; background-color: transparent}

/*  SMALL TEXT - EMPLOYEE ASSISTANCE & SUBSTANCE ABUSE */
.link4e {font-size: 0.75rem; color: #FFFFFF; text-decoration: none;} 
a.link4e:link { color: #FFFFFF}
a.link4e:visited { color: #FFFFFF}
a.link4e:hover { color: #FFFF00;  text-decoration: underline}
a.link4e:active { color: #FFFFFF; background-color: transparent}

/*  GET LISTED LINKS */
.link5 { color: #000066; text-decoration: none;} 
a.link5:link { color: #000066}
a.link5:visited { color: #000066}
a.link5:hover { color: #0000CC;  text-decoration: underline}
a.link5:active { color: #000066; background-color: transparent}

/*  GET LISTED LINKS - BIGGER */
.link5b { font-size: 1.125rem; color: #000066; text-decoration: none;} 
a.link5b:link { color: #000066}
a.link5b:visited { color: #000066}
a.link5b:hover { color: #0000CC;  text-decoration: underline}
a.link5b:active { color: #000066; background-color: transparent}

/*  GET LISTED LINKS - BIGGER - BLUE */
.link5c { font-size: 1.125rem; color: #0000cc; text-decoration: none;} 
a.link5c:link { color: #0000cc}
a.link5c:visited { color: #0000cc}
a.link5c:hover { color: #CC0000;  text-decoration: underline}
a.link5c:active { color: #0000cc; background-color: transparent}

/*  RENEWAL THANK YOU CONTACT US LINK */
.link5d { color: #0000cc; text-decoration: underline;} 
a.link5d:link { color: #0000cc}
a.link5d:visited { color: #0000cc}
a.link5d:hover { color: #cc0000;  text-decoration: underline}
a.link5d:active { color: #0000cc; background-color: transparent}





/*  MISC   -   MISC  */

/* UNDO THE REVERSED TEXT E-MAIL  */
.Randy { unicode-bidi: bidi-override; direction: rtl; }
.stuff{ display:none; }  

ul li { padding-bottom: 5px;  }