/* $Id: crof_common.css 7879 2015-03-25 21:22:14Z bsingh $
 * Author: 07/05/2006 amyers
 * This is the common StyleSheet to be used by the CROF Custom application
 * Should test on IE 6.x, Firefox 1.5.x and Netscape 7.x
 */
table.hoIP{
width: 100%; 
background-color: #4378B8;  
border-top-right-radius: 4px; 
border-top-left-radius: 4px; 
/* border: 1.5px solid; */
border-color: rgb(169,169,169);
padding:5px;
}

.hoMenuBar{
width: 100%; 
background-color: #0E4B78;  
border-top-right-radius: 4px; 
border-top-left-radius: 4px; 
border: 1.5px solid; 
border-color: rgb(169,169,169);
padding:5px;
}

.hoLabel {
 FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
 font-size:11px;
 color:rgb(51,51,51);
 font-weight: bold;
 font-style:normal;
 
}

input.hoInput {
 FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
 font-size:12px;
 color:rgb(51,51,51);
 padding: 5px;
 border-color: LightGray;
 border-style: solid;
 border-width: thin;
 border-radius: 4px;
}

.hoPUSHBUTTON
{
    display: inline-block;
    background-color: #337ab7;
    color: white;
    FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
    padding: 6px 12px;
    margin-bottom: 4px;
    font-size: 8.5px;
    font-weight: 400;
    line-height: 0px;
    text-align: center;
    height: 30px;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 20px;
}

TH
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: none;
    COLOR: black;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
    TEXT-ALIGN: left
}
TD
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif
}
BODY
{
    MARGIN-TOP: 3px;
    FONT-SIZE: 11px;
    MARGIN-LEFT: 3px;
    MARGIN-RIGHT: 3px;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
}
FORM
{
    MARGIN-TOP: 0px
}
TEXTAREA
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif
}
TEXT
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif
}
SELECT
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif
}
BUTTON
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif
}
INPUT
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif
}

a.DistPayments:hover {
    color: #808080;
}

a:hover {
    color: #99CCFF;
}

.displaytext
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: left
}
.displaytextRight
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: right
}
.displaytextReadOnly
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: left;
    BACKGROUND: #CCCCCC
}
.displaytextlbl
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    COLOR: #003196;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: right
}
.displaytextlbl_req
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    COLOR: Red;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: right
}
.displaytextlblLeft_req
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    COLOR: Red;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: left
}

.displaytextlblLeft
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    COLOR: #003196;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: Left
}
.PgTtl
{
    FONT-SIZE: 25pt;
    BACKGROUND-IMAGE: none;
    COLOR: #003196;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
    BACKGROUND-COLOR: transparent
}
.PgTtlMed
{
    FONT-SIZE: 22pt;
    BACKGROUND-IMAGE: none;
    COLOR: #003196;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
    BACKGROUND-COLOR: transparent
}
.PgTtlSmall
{
    FONT-SIZE: 16pt;
    FONT-WEIGHT: bold;
    COLOR: #003196;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
}
.NavTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
    TEXT-DECORATION: none
}
.NavItem
{
    FONT-SIZE: 11px;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
    TEXT-DECORATION: none
}
.NavItem:hover
{
    FONT-SIZE: 11px;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
    TEXT-DECORATION: underline
}
.SecHeading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
    TEXT-DECORATION: none
}
.OptHeading
{
    FONT-SIZE: 18px;
    MARGIN-LEFT: 0px;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
    TEXT-DECORATION: none
}
.OptHeading:hover
{
    FONT-SIZE: 18px;
    MARGIN-LEFT: 0px;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
    TEXT-DECORATION: underline
}
.appName
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #ffff99;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.OptSubHeading
{
    FONT-SIZE: 11px;
    COLOR: white;
    FONT-FAMILY: Arial
}
.Description
{
    FONT-SIZE: 13px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: black;
    LINE-HEIGHT: 18px;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.LinkTtl
{
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Verdana;
    TEXT-DECORATION: underline
}
.sbttn
{
    BORDER-RIGHT: #104a7b 1px solid;
    BORDER-TOP: #afc4d5 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #003196;
    BORDER-LEFT: #afc4d5 1px solid;
    COLOR: white;
    BORDER-BOTTOM: #104a7b 1px solid;
    FONT-FAMILY: tahoma,sans-serif;
    HEIGHT: 19px;
    TEXT-DECORATION: none
}
.sbttn2
{
    BORDER-RIGHT: #104a7b 1px solid;
    BORDER-TOP: #afc4d5 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #018B01;
    BORDER-LEFT: #afc4d5 1px solid;
    COLOR: white;
    BORDER-BOTTOM: #104a7b 1px solid;
    FONT-FAMILY: tahoma,sans-serif;
    HEIGHT: 19px;
    TEXT-DECORATION: none
}
.displaytextImportant
{
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: lightGreen    
}
.ReadOnlyInputDisplay
{
    BORDER: 0px none white;
    FONT-SIZE: 8pt;
    COLOR: Black;
    FONT-FAMILY: Arial; 
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: transparent

}
.RequiredInputDisplay
{
    FONT-SIZE: 8pt;
    COLOR: Black;
    FONT-FAMILY: Arial; 
    TEXT-ALIGN: left;
    /*BORDER-COLOR: Red;*/
    BACKGROUND-COLOR: #FFC0C0;

}
.RequiredInputDispNoBG
{ /*Created just to identify required fields */
    FONT-SIZE: 8pt;
    COLOR: Black;
    FONT-FAMILY: Arial; 
    TEXT-ALIGN: left;
    /*BORDER-COLOR: Red;*/
    /* BACKGROUND-COLOR: #FFC0C0; */

}
.footerWhite {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 16px;
    height: 12px;
}
.headerWhite {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    FONT-WEIGHT: bolder;
    color: #FFFFFF;
    text-decoration: underline;
}
.cdivNoteReadOnly {
    border: 1px gray solid; 
    align: left; 
    padding: 2;
}

/** DIV definitions **/
#divSurround{border-style: solid; border-width:1px; border-color: #4A598C; background-color:#F2F4F0}
#divSurroundMenu{background-color:#4973A9}
#divSurroundMenuSelected{background-color:#284277}
#divFilter{border-style: solid; border-width:1px; border-color: #4A598C; background-color:#F2F4F0}
#divAdvFilter{border-style: solid; border-width:1px; border-color: #4A598C; background-color:#F2F4F0;}
#divMenuSelected{border-style: solid; border-width:1px; border-bottom-width:0; border-color: #000000; background-color:#4A598C}
#divMenuNotSelected{border-style: solid; border-width:1px; border-bottom-width:0; border-color: #807F7F; background-color:#789CCA}
#divNoteReadOnly {border: 1px gray solid; align: left; padding: 2;}

/** For use with SearchUtil.java **/
.SearchUtilHeader{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bolder; }
a.SearchUtilHeader:link { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
a.SearchUtilHeader:visited { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
a.SearchUtilHeader:hover { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: bolder; }

.SearchUtilPaging { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; }
a.SearchUtilPaging:link { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bold; }
a.SearchUtilPaging:visited { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bold; }
a.SearchUtilPaging:hover { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: bold; }

.SearchUtilData { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: none; font-weight: normal; }
a.SearchUtilData :link { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: underline; font-weight: normal; }
a.SearchUtilData :visited { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: underline; font-weight: normal; }
a.SearchUtilData :hover { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: normal; }

/** For use with EDDS **/
.EddsMenuHeader{ font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bolder; }
a.EddsSearchUtilHeader:link { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
a.EddsSearchUtilHeader:visited { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
a.EddsSearchUtilHeader:hover { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: bolder; }

.EddsMenuCategory{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bolder; }
a.EddsMenuCategory:link { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
a.EddsMenuCategory:visited { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
a.EddsMenuCategory:hover { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: bolder; }


/** PeopleSoft styles **/
.PSPUSHBUTTON{font-family:"Arial","sans-serif";font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(252,252,181);}
.PSPUSHBUTTON:disabled{font-family:"Arial","sans-serif";font-size:9pt;font-weight:normal;font-style:normal;color:rgb(169,169,169);background-color:rgb(204,204,204);}
.PSPUSHBUTTONDISABLED{font-family:"Arial","sans-serif";font-size:9pt;font-weight:normal;font-style:normal;color:rgb(169,169,169);background-color:rgb(204,204,204);}
.PSGREENPUSHBUTTON{font-family:"Arial","sans-serif";font-size:9pt;font-weight:bold;font-style:normal;color:rgb(255,255,255);background-color:rgb(1,139,1);}
.PSGREENPUSHBUTTON:disabled{font-family:"Arial","sans-serif";font-size:9pt;font-weight:normal;font-style:normal;color:rgb(169,169,169);background-color:rgb(204,204,204);}
.PAPAGETITLE,.PSPTABLABEL,.PSSRCHACTION{font-family:Arial,sans-serif;font-size:14pt;font-weight:bold;font-style:normal;color:rgb(74,89,140);}
.PABOLDBLUETEXT{font-family:"Arial","sans-serif";font-size:9pt;font-weight:bold;font-style:normal;color:rgb(51,51,204);}
.divHeaderSection{border-style: solid; border-width:1px; border-color: #4A598C; background-color:#E9EDF4}  
/*.divSection{border-style: solid; border-width:1px; border-color: #4A598C; background-color:#F2F4F0}*/

.divSection{
    /* border-style: inset; */
    border-width: 1.5px;
    /* border-color: rgb(169,169,169); */
    /* background-color: #CAD9EB; */
    border-radius: 4px;
    border-top-right-radius: 4px;
    /* Padding: 2px; */
    background-color: white;
    margin-right: 4px;
}
	
.divSectionWhite{border-style: solid; border-width:1px; border-color: #4A598C; background-color:#FFFFFF}

.hoDivSection{ border-width:1.5px; border-color: rgb(169,169,169); 
border-radius:4px; border-top-right-radius: 4px; }

.hoDivSectionWhite{ border-color: rgb(169,169,169); 
border-radius:4px; border-top-right-radius: 4px; background-color:#FFFFFF; margin-right: 5px; }


/** For use with TabMenuUtil.java **/

.TabSpanSel
  {
   border-style: solid; border-width:1px; border-bottom-width=0; border-color: #000000; background-color:#4A598C;
   font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bolder;
  }
.TabSpan
  {
   border-style: solid; border-width:1px; border-bottom-width=0; border-color: #807F7F; background-color:#789CCA;
   font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bolder;
  }
  
.TabHeader{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bolder; }
a.TabHeader:link { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
a.TabHeader:visited { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
a.TabHeader:hover { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: bolder; }

.TabHeaderSel{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bolder; }
a.TabHeaderSel:link { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; font-weight: bolder; }
a.TabHeaderSel:visited { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; font-weight: bolder; }
a.TabHeaderSel:hover { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; font-weight: bolder; }

.TabHeaderDsbl{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0; text-decoration: none; font-weight: bolder; font-style: italic; }
a.TabHeaderDsbl:link { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0; text-decoration: none; font-weight: bolder; font-style: italic; }
a.TabHeaderDsbl:visited { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0; text-decoration: none; font-weight: bolder; font-style: italic; }
a.TabHeaderDsbl:hover { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0; text-decoration: none; font-weight: bolder; font-style: italic; }

.TabFooter { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #3333CC; text-decoration: none; font-weight: normal; }
a.TabFooter:link { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #3333CC; text-decoration: underline; font-weight: normal; }
a.TabFooter:visited { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #3333CC; text-decoration: underline; font-weight: normal; }
a.TabFooter:hover { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: normal; }

.TabFooterSel { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: none; font-weight: normal; }
a.TabFooterSel:link { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: none; font-weight: normal; }
a.TabFooterSel:visited { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: none; font-weight: normal; }
a.TabFooterSel:hover { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: none; font-weight: normal; }

.TabFooterDsbl { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0; text-decoration: none; font-weight: normal; font-style: italic; }
a.TabFooterDsbl:link { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0; text-decoration: none; font-weight: normal; font-style: italic; }
a.TabFooterDsbl:visited { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0; text-decoration: none; font-weight: normal; font-style: italic; }
a.TabFooterDsbl:hover { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0; text-decoration: none; font-weight: normal; font-style: italic; }

.WhiteLink{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; font-weight: bolder; }
a.WhiteLink:link { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
a.WhiteLink:visited { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
a.WhiteLink:hover { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: bolder; }

.hughes_footer_txt_link  {
color:#686868;
font-family:arial;
font-size:11px;
text-decoration:none;
}


/* Customer Calendar CSS Work in progress #1008813 hsc-daggarwal*/
.fc-event.customerspecific{
        background-color: #B2DFEE;
}

.fc-event.festival{
        
        background-color:  #B2DFEE;
    }
    
    .fc-event.weekend{
     background-color:  #B2DFEE;
 }
 
 .fc-event.markedToRemove{
     background-color: #DCDCDC;
 }

#calendar {
  width: 1000px;
  margin: 0 auto;
}
  
/*   Customer Calendar CSS ends */

/*  Supporting CSS for MasterFSO*/
.statusBoxICON {
    float: left;
    height: 15px;
    margin-top: 1px;
    vertical-align: middle;
    width: 15px;
    border: 1px solid;
}
.plusIcon {
    background-image: url("../images2/icoADD.gif");
     background-repeat: no-repeat;
     width:17px;
     height:17px;
}

.minusIcon {
    background-image: url("../images2/icoREMOVE.gif");
    background-repeat: no-repeat;
    width:17px;
    height:17px; 
}
.indent{
    padding-left: 20px;
    width:100%
}
.Content{
    padding-bottom: 10px;
    border-color: #4a598c;
    border-style: solid;
    border-width: 1px;
}
.tablerowStyle{
    border-color: white;
    border-spacing: 2px;
    padding: 2px;
    border: 1px solid;
    width: 100%;
}
.collapse{
     display: none;
}
.collapse.in{
      display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
       -o-transition: height .35s ease;
          transition: height .35s ease;
}

.siteWhite {
   background-color: #E9EDF4;
}
.siteGreen {
   background-color: #DFFFDF;
}
.siteGrey {
   background-color: #C0C0C0;
}
.siteYellow {
   background-color: #FFFFDF;
}.siteBlue {
   background-color: #E9EDF4;
}
.siteDefault{
      background-color: white;
}
.goIcon{
	background-image: url("../images2/go_icon.png");
    background-repeat: no-repeat;
    background-size: cover;
	background-color: transparent;
	background-color: transparent;
    border-color: transparent;
	min-width: 35px;
    min-height: 35px;
	cursor: pointer;
}

.homeContentDiv {
    padding: 4px !important;
    border: 2px solid lightgray;
    border-top: transparent;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 390px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: default;
}

.modal-header {
    padding: 8px 16px;
    background-color: #4A598C;
    color: white;
}

.modal-body {padding: 16px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #4A598C;
    color: white;
}
/** IP-5444, merged from NAD **/
.tooltip {
    position: relative;
    display: inline-block;
   }
 
.tooltip  .tooltiptext {
    visibility: hidden;
    background-color: #F2F4F0;
    color: #495259;
    border-radius: 6px;
    padding: 5px 5px 5px 5px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top:12px;
    max-width:50em;
    word-wrap: break-word;
    box-shadow: 0 0 5px #aaa;
    min-width: 7em;
}

.tooltip:hover  .tooltiptext {
    visibility: visible;
}