body
{
    min-width: 960px;
    background: url(images/bg-page.jpg) #fff fixed no-repeat 50% 0px;
    margin: 0px;
    font: 12px/17px 'trebuchet ms' , arial, helvetica, sans-serif;
    color: #6d6e65;
}

.customAdd
{
    padding: .375rem .75rem;
   
    border-radius: .25rem;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 150px;
    flex: 1 1 auto;
    width: 160px;
}

.customButton
{
    background-color: #0183a9;
    border: 2px solid #0183a9;
    border-radius: 10px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 1.1em;
    text-decoration: none;
    padding:6px 16px;
}

#wrapper
{
    padding: 0px 0px 20px 0px;
    margin: 0px auto;
    width: 960px;
}
#header
{
    padding: 26px 0px 0px 0px;
    width: 960px;
}
.header-top
{
    margin: 0px 0px 5px 0px;
    overflow: hidden;
    width: 100%;
}

#header .logo
{
    background: url(images/Alight_Logo_B.png) no-repeat;   /* url(images/aonhewitt_logo.bmp) no-repeat;  */
    float: left;
    overflow: hidden;
    width: 180px;
    text-indent: -9999px;
    height: 52px;
}
#header .logo a
{
    display: block;
    height: 100%;
}
#header .user-info
{
    float: right;
    padding: 34px 12px 0px 0px;
    overflow: hidden;
    width: 300px;
}
#header .info
{
    float: right;
    padding: 10px 12px 0px 0px;
    overflow: hidden;
    width: 300px;
}

a
{
    color: #6d6e65;
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
}
.button-link
{
    overflow: hidden;
}
.button-link a
{
    padding-right: 0px;
    padding-left: 11px;
    font-size: 12px;
    background: url(images/bg-menu_left.gif) no-repeat;
    float: left;
    padding-bottom: 0px;
    color: #6d6e65;
    line-height: 17px;
    padding-top: 0px;
}
.button-link a span
{
    padding-right: 10px;
    padding-left: 0px;
    background: url(images/bg-menu.png) no-repeat 100% 0px;
    float: left;
    padding-bottom: 1px;
    cursor: pointer;
    padding-top: 2px;
}
.button-link a:hover
{
    background: url(images/bg-menu-hover_left.gif) no-repeat;
    color: #fff;
    text-decoration: none;
}
.button-link a:hover span
{
    background: url(images/bg-menu-hover.png) no-repeat 100% 0px;
}

.nav-area
{ 
    clear: both;
    padding: 1px 0px 8px 0px;
    background: url(images/bg-nav.gif) no-repeat;
    width: 960px;
    text-align: left;
    height: 28px;
}
.nav-area .nav-title
{
    font-size: 16px;
    padding: 10px 0px 0px 12px;
    line-height: 30px;
}
.nav-area:unknown
{
    clear: both;
    display: block;
    content: "";
}
#main
{
    width: 965px;
    text-align: left;
}
#main:unknown
{
    clear: both;
    display: block;
    content: "";
}
#content
{
    float: left;
    width: 723px;
}
#footer
{
    margin: 30px 0px 0px;
    overflow: hidden;
    width: 959px;
}
#f-nav
{
    padding-right: 0px;
    padding-left: 0px;
    background: url(images/bg-f-nav.gif) no-repeat;
    padding-bottom: 1px;
    margin: 0px;
    overflow: hidden;
    width:959px;
    padding-top: 1px;
    list-style-type: none;
}
#f-nav li
{
    font-size: 12px;
    background: url(images/sep-footer-nav.gif) no-repeat 0px 50%;
    float: left;
    overflow: hidden;
    line-height: 14px;
}
#f-nav li a
{
    padding-right: 0px;
    display: block;
    padding-left: 0px;
    float: left;
    padding-bottom: 0px;
    color: #6d6e65; 
    padding-top: 11px;
    height: 29px;
    text-align: center;
    width: 180px;
}
#f-nav li a:hover
{
    background-color: #fff; 
    text-decoration: none;
}
#f-nav li.first-child a
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}
#f-nav li.last-child a
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}
#f-nav li .text-terms-of-use
{
    background: url(images/ico-terms-of-use.gif) no-repeat 32px 5px;
}
#f-nav li .text-privacy
{
    background: url(images/ico-privacy.gif) no-repeat 25px 12px;
}
#f-nav li .text-online-security
{
    background: url(images/ico-security.gif) no-repeat 32px 5px;
}
#f-nav li a span
{
    padding-right: 0px;
    display: block;
    padding-left: 70px;
    padding-bottom: 0px;
    float: left;
    cursor: pointer;
    height: 29px;
}

#nav
{
    padding: 0px;
    font-size: 16px;
    float: left;
    margin: 0px;
    line-height: 18px;
    list-style-type: none;
    position: absolute;
    z-index: 990;
}
#nav li
{
    padding: 6px 10px 0px 10px;
    float: left;
    height: 24px;
}
#nav li span.first
{
    left: -45px;
    width: 4px;
    position: absolute;
    top: -1px;
    height: 32px;
}
#nav li:hover span.first
{
    background: url(images/bg-nav-hover-first.gif) no-repeat;
}
#nav li a
{
    padding: 0px 2px 0px 2px;
    display: block;
    float: left;
    height: 24px;
    font-size: 13px;
}
#nav li .home-link
{
    padding: 0px 0px 0px 20px;
    background-position: 10px 50%;
    background-image: url(images/ico-home.gif);
    width: 19px;
    background-repeat: no-repeat;
    height: 19px;
}
#nav a:hover
{
    text-decoration: none;
}
#nav li img
{
    border-top-width: 0px;
    display: block;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 0px;
}
#nav li:hover a
{
    background: url(images/bg-link-nav-hover.gif) repeat-x 0px 100%;
    text-decoration: none;
}
#nav li:hover .home-link
{
    padding: 0px 0px 0px 20px;
    background-position: 10px 50%;
    background-image: url(images/ico-home.gif);
    width: 19px;
    background-repeat: no-repeat;
    height: 19px;
}
#nav li:hover
{
    background: url(images/bg-link-nav-hover.gif) #fff repeat-y 100% 0px;
    position: relative;
}
#nav li:hover .drop
{
    display: block;
}
#nav li .drop
{
    display: none;
    left: -70px;
    width: 630px;
    position: absolute;
    top: 30px;
}
#nav li .drop .top
{
    font-size: 0px;
    background: url(images/bg-drop-top.png) no-repeat;
    width: 630px;
    line-height: 0;
    height: 11px;
}
#nav li .drop .bottom
{
    font-size: 0px;
    background: url(images/bg-drop-bottom.png) no-repeat;
    width: 630px;
    line-height: 0;
    height: 40px;
}
#nav li .drop .center
{
    padding-right: 22px;
    padding-left: 23px;
    background: url(images/bg-drop-mid.png) repeat-y;
    padding-bottom: 0px;
    width: 585px;
    padding-top: 0px;
}
#nav li .drop .drop-content
{
    padding-right: 0px;
    padding-left: 0px;
    min-height: 130px;
    background: url(images/bg-drop-mid-2.gif) #e5e4e5 repeat-x;
    padding-bottom: 0px;
    overflow: hidden;
    width: 585px;
    padding-top: 5px;
}
* html #nav li .drop .drop-content
{
    overflow: visible;
    height: 130px;
}
#nav li .drop .img
{
    padding-right: 0px;
    padding-left: 0px;
    float: right;
    padding-bottom: 0px;
    width: 182px;
    padding-top: 10px;
}
#nav li .drop .img img
{
    display: block;
}
#nav li .drop .info
{
    border-right: #cfcfd1 1px solid;
    font-size: 12px;
    float: left;
    width: 380px; 
    color: #6d6e65;
    line-height: 15px;
    min-height: 155px;
    
}
#nav li .drop .info .column
{
    padding-right: 0px;
    padding-left: 15px;
    float: left;
    padding-bottom: 0px;
    width: 172px;
    padding-top: 0px;
}
#nav li .drop .info p
{
    
    margin: 0px 0px 10px;
}
#nav li .drop .info p a
{
    border-top-width: 0px;
    padding-right: 0px;
    display: block;
    padding-left: 0px;
    font-weight: bold;
    border-left-width: 0px;
    font-size: 14px;
    background: none transparent scroll repeat 0% 0%;
    float: none;
    border-bottom-width: 0px;
    padding-bottom: 0px;
    color: #6d6e65;
    padding-top: 0px;
    position: relative;
    height: auto;
    border-right-width: 0px;
}
#nav li .drop .info p a:hover
{
    text-decoration: underline;
}
#nav .drop .info .list a
{
    border-top-width: 0px;
    display: block;
    border-left-width: 0px;
    background: none transparent scroll repeat 0% 0%;
    border-bottom-width: 0px;
    border-right-width: 0px;
}

/*START drop with no image*/
#nav li:hover .drop-no-image
{
    display: block;
}
#nav li .drop-no-image
{
    display: none;
    left: -70px;
    width: 430px;
    position: absolute;
    top: 30px;
}
#nav li .drop-no-image .top
{
    font-size: 0px;
    background: url(images/bg-drop-no-image-top.png) no-repeat;
    width: 430px;
    line-height: 0;
    height: 11px;
}
#nav li .drop-no-image .bottom
{
    font-size: 0px;
    background: url(images/bg-drop-no-image-bottom.png) no-repeat;
    width: 430px;
    line-height: 0;
    height: 40px;
}
#nav li .drop-no-image .center
{
    padding-right: 22px;
    padding-left: 23px;
    background: url(images/bg-drop-no-image-mid.png) repeat-y;
    padding-bottom: 0px;
    width: 385px;
    padding-top: 0px;
}
#nav li .drop-no-image .drop-content
{
    padding-right: 0px;
    padding-left: 0px;
    min-height: 130px;
    background: url(images/bg-drop-no-image-mid-2.gif) #e5e4e5 repeat-x;
    padding-bottom: 0px;
    overflow: hidden;
    width: 385px;
    padding-top: 5px;
}
* html #nav li .drop-no-image .drop-content
{
    overflow: visible;
    height: 130px;
}
#nav li .drop-no-image .img
{
    padding-right: 0px;
    padding-left: 0px;
    float: right;
    padding-bottom: 0px;
    width: 182px;
    padding-top: 10px;
}
#nav li .drop-no-image .img img
{
    display: block;
}
#nav li .drop-no-image .info
{
    border-right: #cfcfd1 1px solid;
    font-size: 12px;
    float: left;
    width: 380px;
    color: #6d6e65;
    line-height: 15px;
    min-height: 155px;
}
#nav li .drop-no-image .info .column
{
    padding-right: 0px;
    padding-left: 15px;
    float: left;
    padding-bottom: 0px;
    width: 172px;
    padding-top: 0px;
}
#nav li .drop-no-image .info p
{
    margin: 0px 0px 10px;
}
#nav li .drop-no-image .info p a
{
    border-top-width: 0px;
    padding-right: 0px;
    display: block;
    padding-left: 0px;
    font-weight: bold;
    border-left-width: 0px;
    font-size: 14px;
    background: none transparent scroll repeat 0% 0%;
    float: none;
    border-bottom-width: 0px;
    padding-bottom: 0px;
    color: #6d6e65;
    padding-top: 0px;
    position: relative;
    height: auto;
    border-right-width: 0px;
}
#nav li .drop-no-image .info p a:hover
{
    text-decoration: underline;
}
#nav .drop-no-image .info .list a
{
    border-top-width: 0px;
    display: block;
    border-left-width: 0px;
    background: none transparent scroll repeat 0% 0%;
    border-bottom-width: 0px;
    border-right-width: 0px;
}
/*END drop with no image*/

/* rounded corner box */
/* grey border */
#xsnazzy h1, #xsnazzy h2, #xsnazzy p
{
    margin: 0 10px;
    letter-spacing: 1px;
}
#xsnazzy h1
{
    font-size: 2.5em;
    color: #fff;
}
#xsnazzy h2
{
    font-size: 2em;
    color: #C6C6C6;
    border: 0;
}
#xsnazzy p
{
    padding-bottom: 0.5em;
}
#xsnazzy h2
{
    padding-top: 0.5em;
}
#xsnazzy
{
    background: transparent;
    margin: 0.5em;
    float: left;
    display: inline;
}

.xb1, .xb2, .xb3, .xb4
{
    display: block;
    overflow: hidden;
}
.xb1, .xb2, .xb3
{
    height: 1px;
}
.xb2, .xb3, .xb4
{
    background: #E1ECFE;
    border-left: 1px solid #C6C6C6;
    border-right: 1px solid #C6C6C6;
}
.xb1
{
    margin: 0 5px;
    background: #C6C6C6;
}
.xb2
{
    margin: 0 3px;
    border-width: 0 2px;
}
.xb3
{
    margin: 0 2px;
}
.xb4
{
    height: 2px;
    margin: 0 1px;
}
.xb5, .xb6, .xb7, .xb8
{
    display: block;
    overflow: hidden;
}
.xb5, .xb6, .xb7
{
    height: 1px;
}
.xb6, .xb7, .xb8
{
    background: url(images/bg-content-mid.png) repeat;
    border-left: 1px solid #C6C6C6;
    border-right: 1px solid #C6C6C6;
}
.xb5
{
    margin: 0 5px;
    background: #C6C6C6;
}
.xb6
{
    margin: 0 3px;
    border-width: 0 2px;
}
.xb7
{
    margin: 0 2px;
}
.xb8
{
    height: 2px;
    margin: 0 1px;
}
.xboxcontent
{
    display: block;
    background: url(images/bg-content-mid.png) repeat;
    border: 0 solid #C6C6C6;
    border-width: 0 1px;
}

.xbox
{
    display: block;
    background: transparent;
    border-style: solid;
    border-width: 1px;
    border-color: #C6C6C6;
}

/* blue box */
#xsnazzyBlue h1, #xsnazzyBlue h2, #xsnazzyBlue p
{
    margin: 0 10px;
    letter-spacing: 1px;
}
#xsnazzyBlue h1
{
    font-size: 2.5em;
    color: #fff;
}
#xsnazzyBlue h2
{
    font-size: 2em;
    color: #C6C6C6;
    border: 0;
}
#xsnazzyBlue p
{
    padding-bottom: 0.5em;
}
#xsnazzyBlue h2
{
    padding-top: 0.5em;
}
#xsnazzyBlue
{
    background: transparent;
    margin: 0.5em;
    float: left;
    display: inline;
}

.xb1Content, .xb2Content, .xb3Content, .xb4Content
{
    display: block;
    overflow: hidden;
}
.xb1Content, .xb2Content, .xb3Content
{
    height: 1px;
}
.xb2Content, .xb3Content, .xb4Content
{
    background: #E1ECFE;
    border-left: 1px solid #C6C6C6;
    border-right: 1px solid #C6C6C6;
}
.xb1Content
{
    margin: 0 5px;
    background: #C6C6C6;
}
.xb2Content
{
    margin: 0 3px;
    border-width: 0 2px;
}
.xb3Content
{
    margin: 0 2px;
}
.xb4Content
{
    height: 2px;
    margin: 0 1px;
}

.xboxContentDetail
{
    display: block;
    background: #E1ECFE;
    border: 0 solid #C6C6C6;
    border-width: 0 1px;
}

.xboxDetail
{
    display: block;
    background: transparent;
    border-style: solid;
    border-width: 1px;
    border-color: #C6C6C6;
}


.ctrlHeader
{
    background: url(Images/bgHeader.png) repeat-x;
    margin-right: 7px;
    padding: 0px 5px 5px 5px;
    font-size: 13px;
    font-weight: bold;
    color: White;
    height: 20px;
}
.ctrlHeaderLight
{
    background-color: #adcdfc;
    margin-right: 7px;
    padding: 0px 5px 5px 5px;
    font-size: 13px;
    font-weight: bold;
    height: 20px;
}
.ctrlHeaderLightNotBold
{
    background-color: #adcdfc;
    margin-right: 7px;
    padding: 0px 5px 5px 5px;
    font-size: 13px;
    height: 20px;
}

/* UL LI */
ul
{
    list-style-type: square;
    list-style-position: inside;
    margin: 0;
    padding: 0px 0px 2px 10px;
}
ul.sel
{
    color: #CC0000;
}


/* DIVs */
div.row
{
    clear: both;
}
div.myEmp
{
    padding: 5px 0px 0px 5px;
    color: #0560A6;
    font-size: 12px;
    cursor: pointer;
}
div.myEmpSel
{
    padding: 5px 0px 0px 5px;
    color: red;
    font-size: 12px;
    cursor: pointer;
}
div.loader
{
    border: solid 1px #C1C1C1;
    padding-left: 5px;
    position: fixed;
    left: 35%;
    top: 50%;
    background-color: #FFFF99;
    z-index: 999999;
}

.divToolTip
{
    background: #FFFFFF;
    width: 300px;
    z-index: 100;
    font-family: Arial, Tahoma, Microsoft Sans Serif, Helvetica;
    border: 1px solid #A0A0A0;
    font-size: 11px;
    padding: 0px 0px 0px 0px;
    color: #6888C0;
    text-align: center;
    text-indent: 0px;
    line-height: 20px;
}
.loadertooltip
{
    background: #FFFF99 url(Images/loader.gif) no-repeat center center;
    height: 20px;
    width: 100%;
    text-align: center;
}
div.loaderContent
{
    background: #FFFF99 url(Images/loader.gif) no-repeat center left;
    padding: 5px 5px 5px 25px;
}
div.exception
{
    border: solid 1px #C1C1C1;
    padding-left: 5px;
    position: absolute;
    left: 30%;
    top: 30%;
    background-color: #FFFF99;
    width: 40%;
    z-index:10000;
}
div.exceptionMsg
{
    font-family: Arial, Tahoma, Microsoft Sans Serif, Helvetica;
    font-size: 11px;
    color: Red;
    padding: 5px;
}
/*Sap: Below has to go away, fixed Loader class for the same */
div.fixedloader
{
    border: solid 1px #C1C1C1;
    padding-left: 5px;
    position: fixed;
    left: 35%;
    top: 50%;
    background-color: #FFFF99;
    z-index: 999999;
}
/* Modal popup */
.modalBackground
{
    background-color: #A9A9A9;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalPopup
{
    margin: 0px;
    padding: 0px;
    color: #535353;
    text-align: left;
}
.modalPopupFixed
{
    background-color: white;
    margin: 0px;
    padding: 0px;
    color: #535353;
    text-align: left;
    position: fixed !important;
}
.modalPopupAbsolute
{
    margin: 0px;
    padding: 0px;
    color: #535353;
    text-align: left;
    position: absolute !important;
}
.uploadModalPopup
{
    margin: 0px;
    padding: 0px;
    color: #535353;
    text-align: left;
    z-index: 10001 !important;
}
.modalPopupHeader
{
    width: 100%;
    background: transparent url(Images/bg_popupHead.gif) repeat-x;
    color: #efefef;
    font-size: 16px;
    padding: 5px 5px;
    margin: 0;
}
.modalPopupHeader p, .modalPopupHeaderText
{
    color: Black;
    font-size: 16px;
    font-weight: bold;
}
.modalPopupTopBar
{
    background-color: #E7E6E7;
    padding: 5px 5px 5px 5px;
}
.modalPopupBottomBar
{
    background-color: #E7E6E7;
    padding: 5px 5px 5px 5px;
}

/* end of Modal popup */






/* styles above are used */
IMG
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-top-style: none;
    padding-top: 0px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

INPUT
{
    font: 100% arial,sans-serif;
    vertical-align: middle;
}
TEXTAREA
{
    font: 100% arial,sans-serif;
    vertical-align: middle;
}
SELECT
{
    font: 100% arial,sans-serif;
    vertical-align: middle;
}
FORM
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-top-style: none;
    padding-top: 0px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
FIELDSET
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-top-style: none;
    padding-top: 0px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}



.user-info .menu
{
    padding-right: 5px;
    display: inline;
    padding-left: 0px;
    background: url(images/bg-menu.gif) no-repeat 100% 0px;
    float: left;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    list-style-type: none;
}
.user-info .menu:unknown
{
    clear: both;
    display: block;
    content: "";
}
.user-info .menu LI
{
    display: inline;
    background: url(images/sep-menu.gif) no-repeat 0px 50%;
    float: left;
}
.user-info .menu LI:first-child
{
    background: none transparent scroll repeat 0% 0%;
}
.user-info .menu A
{
    padding-right: 5px;
    padding-left: 6px;
    float: left;
    padding-bottom: 1px;
    color: #6d6e65;
    padding-top: 2px;
}
.user-info .menu A:hover
{
    background: url(images/bg-menu-hover.gif) no-repeat 50% 0px;
    color: #fff;
    text-decoration: none;
}
.user-info .menu LI A.first
{
    padding-right: 5px;
    display: inline;
    padding-left: 10px;
    float: left;
    padding-bottom: 1px;
    margin: 0px 0px 0px -7px;
    padding-top: 2px;
    position: relative;
}
.user-info .menu LI A.last
{
    padding-right: 10px;
    display: inline;
    padding-left: 5px;
    float: left;
    padding-bottom: 1px;
    margin: 0px -5px 0px 0px;
    padding-top: 2px;
    position: relative;
}
.user-info .menu LI A.first:hover
{
    background: url(images/bg-menu-hover.gif) no-repeat;
}
.user-info .menu LI A.last:hover
{
    background: url(images/bg-menu-hover.gif) no-repeat 100% 0px;
}



#main .services
{
    padding: 15px 0px 0px 1px;
    margin: -1px 0px 15px;
    width: 100%;
}
#main .services:unknown
{
    clear: both;
    display: block;
    content: "";
}
#main .services .breadcrumbs
{
    padding: 0px;
    background-position: 0px -5px !important;
    background: url(images/bg-breadcrumbs-first.gif) no-repeat;
    float: left;
    margin: -21px 0px 0px;
    list-style-type: none;
    position: relative;
    z-index: -1;
}
#main .services .breadcrumbs LI
{
    padding-right: 10px;
    padding-left: 18px;
    font-size: 14px;
    float: left;
    padding-bottom: 0px;
    color: #6d6e65;
    line-height: 27px;
    padding-top: 0px;
    height: 27px;
}
#main .services .breadcrumbs A
{
    color: #6d6e65;
}
#main .services .breadcrumbs .last
{
    background-position: 0px -5px;
    background-image: url(images/bg-breadcrumbs-last.gif);
    background-repeat: no-repeat;
}
#main .services .breadcrumbs .last SPAN
{
    padding-right: 10px;
    background-position: 100% -5px;
    display: inline;
    padding-left: 0px;
    float: left;
    background-image: url(images/bg-breadcrumbs-last.gif);
    padding-bottom: 0px;
    margin: 0px -10px 0px 0px;
    color: #6d6e65;
    padding-top: 0px;
    background-repeat: no-repeat;
}
#main .services .links-list
{
    padding-right: 0px;
    padding-left: 0px;
    float: right;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    list-style-type: none;
}
#main .services .links-list LI
{
    padding-right: 0px;
    padding-left: 18px;
    float: left;
    padding-bottom: 0px;
    padding-top: 0px;
}
#main .services .links-list A
{
    padding-right: 0px;
    padding-left: 24px;
    font-size: 14px;
    padding-bottom: 0px;
    color: #999;
    padding-top: 0px;
}

#content H2
{
    display: inline;
    font-size: 18px;
    float: left;
    margin: 0px;
    color: #3399cc;
    line-height: 22px;
}

.column
{
    float: left;
    width: 300px;
}
.first
{
    margin-left: 45px;
}


TABLE
{
    border-spacing: 0;
}

/* Pop Up Menu*/
.popUpMenu
{
    background: #FFFFFF url(images/greyBg.jpg) repeat-x bottom;
    width: 300px;
    z-index: 100;
    font-family: Arial, Tahoma, Microsoft Sans Serif, Helvetica;
    border: 1px solid #A0A0A0;
    font-size: 11px;
    padding: 5px 0px 10px 0px;
    color: #6888C0;
    text-align: left;
    text-indent: 5px;
    line-height: 20px;
}

.popUpMenuLabel
{
    font-size: 12px;
    color: #6888C0;
}

#auditPanel
{
    position: absolute;
    bottom: 26px;
    left: 7px;
    margin-bottom: -10px;
}



#auditPanel .hr
{
    border-top: 1px solid #4A7EBB;
}

td.headerUnderline
{
    border-bottom: solid 1px #4A7EBB;
}


/* Verified **************************************** */

/* Currently, only used for SelectionDivision in LocationInfo*/
.ctrlHeaderSelection
{
    border-bottom: solid 1px #C6C6C6;
    font-family: Arial, Tahoma, Microsoft Sans Serif, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #0560A6;
    padding: 5px 0px 0px 5px;
    background-color: #E1ECFE;
    height: 19px;
}

/* menu */
.TopGroup
{
    cursor: default;
    border: 0;
}
.TopMenuItem
{
    color: white;
    font-family: 'trebuchet ms' , arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    cursor: default;
}
.TopMenuItemHover
{
    color: white;
    font-family: 'trebuchet ms' , arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    border: 1px #DFE2E5 solid;
    cursor: default;
}

.linkGroup
{
    background-color: white;
    border: solid 1px gray;
    width: 120px;
}
.LinkItem
{
    padding: 10px;
    background-color: white;
    font-family: 'trebuchet ms' , arial, helvetica, sans-serif;
    font-size: 11px;
    border: solid 1px white;
    cursor: pointer;
}
.LinkItemHover
{
    padding: 10px;
    background-color: #F0F7FD;
    color: black;
    font-family: 'trebuchet ms' , arial, helvetica, sans-serif;
    font-size: 11px;
    border: solid 1px #ADDBEF;
    cursor: pointer;
}

.menuGroup
{
    background-color: white;
    border: solid 1px gray;
}
.menuItem
{
    padding: 10px;
    background-color: white;
    font-family: 'trebuchet ms' , arial, helvetica, sans-serif;
    font-size: 11px;
    border: solid 1px white;
    cursor: pointer;
}
.menuItemHover
{
    padding: 10px;
    background-color: #FFE292;
    color: black;
    font-family: 'trebuchet ms' , arial, helvetica, sans-serif;
    font-size: 11px;
    border: solid 1px #DD9946;
    cursor: pointer;
}

/* TabStrip */
.Level2Tab
{
    color: Gray;
    font-family: verdana;
    font-size: 11px;
    cursor: pointer;
}
.Level2TabHover
{
    color: #FFFFFF;
    font-family: verdana;
    font-size: 11px;
    cursor: pointer;
}
.SelectedLevel2Tab
{
    color: #FFFFFF;
    background-color: transparent;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

/* Address Menu  */
.stdHyperlink_Address
{
    color: GrayText;
    font-weight: normal;
    font-family: verdana;
    font-size: 11px;
}
a:hover.stdHyperlink_Address
{
    color: #0560A6;
    font-family: verdana;
    font-size: 11px;
}
.stdHyperlink_AddressSelected
{
    color: #0560A6;
    font-weight: bold;
    font-family: verdana;
    font-size: 11px;
}

/* Top blue Menu in Location */
.TopBlueGroup
{
    cursor: default;
    border: 0;
    background-color: #ADCDFC;
}
.TopBlueMenuItem
{
    color: black;
    background-color: #ADCDFC;
    font-family: 'trebuchet ms' , arial, helvetica, sans-serif;
    font-size: 11px;
    cursor: default;
}
.TopBlueMenuItemHover
{
    color: black;
    background-color: #ADCDFC;
    font-family: 'trebuchet ms' , arial, helvetica, sans-serif;
    font-size: 11px;
    cursor: hand;
}

/* Only used in Location UC */
.ReadonlyItem
{
    padding: 10px;
    background-color: white;
    font-family: 'trebuchet ms' , arial, helvetica, sans-serif;
    font-size: 11px;
    border: solid 1px white;
}

/* Currently, only used for precalc watch */
.verticalDivider
{
    clear: left;
    float: left;
    width: 100%;
    background: url(images/divider.png) repeat-y right;
}

.xboxcontentdetail
{
    position: relative;
    padding: 0px 5px 0px 5px;
    margin-right: 7px;
    height: 100%;
}
.xboxcontentdetail
{
    position: relative;
    padding: 0px 5px 0px 5px;
    margin-right: 7px;
}
.xboxcontentdetail .hr
{
    width: 100%;
    height: 0px;
    border-top: 1px solid #4A7EBB;
}
.xboxcontentdetail .hrAudit
{
    position: absolute;
    bottom: 18px;
    width: 96%;
    height: 0px;
    border-top: 1px solid #4A7EBB;
}
.xboxcontentdetail_Case
{
    position: relative;
    padding: 0px 5px 0px 0px;
    margin-right: 7px;
    height: 100%;
}
/* ************************************************* */
/* For Radio Buttons spacing */
.TOG_CHECK
{
}
.TOG_CHECK td
{
    width: 95px;
}

.ReportNode
{
    color: #3399FF;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}
.ReportCategoryNode
{
    color: #A0A0A4;
    font-weight: bold;
}
.CategoryTreeNode
{
    font-family: tahoma;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;
    cursor: default;
}

.SelectedCategoryTreeNode
{
    font-family: tahoma;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;
    background-color: #FFEEC2;
    cursor: default;
}

.PageTreeNode
{
    font-family: tahoma;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 0px;
    padding-right: 3px;
}

.ModalPoupBackgroundCssClass
{
    background-color: Black;
    filter: alpha(opacity=20);
    opacity: 0.2;
}


/*confirmation statement*/

.smallLabels
{
    font-size: 2;
    font-family: Arial, Helvetica, Sans-Serif;
}
.subHead
{
    /*font-weight:bold; */
    font-size: 14px;
    font-family: Sans-Serif, Verdana;
    color: Black;
}

.subHeadSmall
{
    /*font-weight:bold; */
    font-size: 12px;
    font-family: Sans-Serif, Verdana;
}

.csError
{
    font-family: Sans-Serif, Verdana;
    font-size: 9px;
    font-weight: bold;
    color: Red;
}

TD.HEAD
{
    font-weight: bold;
    font-size: 15px;
}
TD.HEADER
{
    font-weight: bold;
    font-size: 14px;
    color: #3387C8;
}
TD.BHEADER
{
    font-weight: bold;
    font-size: 14px;
    color: #000000;
}
TD.IHEADER
{
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
}
TD.SUBHEAD
{
    font-weight: bold;
    font-size: 12px;
}
TD.THEAD
{
    color: #000000;
    font-weight: bold;
    font-size: 12px;
}
TD.NOTE
{
    color: red;
    font-size: 9px;
}
TD.BOLD
{
    font-weight: bold;
}
TD.ATTRIB
{
    font-size: 11px;
    font-weight: bold;
}
TD.VAL
{
    font-size: 11px;
}
TD.GVAL
{
    font-size: 11px;
    color: #8e8e8e;
}
TD.LIST
{
    font-size: 10px;
    font-weight: bold;
}
TD.ERROR
{
    color: red;
}
TD.SHEAD
{
    font-size: 13px;
    font-weight: bold;
}
TD.BENEFIT
{
    font-weight: bold;
}
TD.BVAL
{
    font-size: 12px;
    font-weight: bold;
}
TD.VVAL
{
    font-size: 10px;
}
TD.VBVAL
{
    font-size: 0px;
    font-weight: bold;
}
TD.VBHEAD
{
    font-size: 10px;
    font-weight: bold;
}
TD.BIGHEADER
{
    font-weight: bold;
    font-size: 24px;
}

/* copied css form ManageQuestions for Options popup */

 .ui-dialog-titlebar
        {
            background-color: #00ACEE;
            background-image: none;
            color: white;
        }
        .field_set
        {
            border-color: #6d6e65;
            border-style: solid;
            border-width: 1px;
            width: 90%;
            padding-left: 20px;
        }
        .lblFieldsetHeading
        {
            font-weight: bold;
            font-size: 14px;
        }
        .clicklink
        {
            text-decoration: underline;
            color: Blue;
        }
        
        .ui-dialog-titlebar-close
        {
            padding-bottom: 10px !important;
            background: none !important;
            width: 0px !important;
            height: 0px !important;
        }
        .ui-icon-closethick
        {
            background-image: none !important;
        }
        
        .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:focus
        {
            color: inherit !important;
            background: none !important;
            border: none !important;
            padding-bottom: 10px !important;
            width: 0px !important;
            height: 0px !important;
        }
        .left_align th
        {
            text-align: left;
        }
        
        
         a[disabled]
        {
           color:Gray; 
           text-decoration:none;
           cursor:default;
           pointer-events: none;
        }