html 
{
    height: 100%;
}

body 
{
    height: 100%;
    width: 100%;
}

#tab_back {display: none;}
.tab_back {min-height: 230px;}

.body_device {background-color: Black;}
.input_device_heading {height: 25px; color: dimgray; font-size: 10pt; vertical-align: middle;}
.input_device_singin {border: none; width: 100px; height: 25px; color: dimgray; background-color: transparent;}
.disabled_a {color: silver;}

.page {width: 100%; text-align: center;}    
    
    .page .subpage {margin: 0 auto; overflow: hidden; width: 100%;}
    
        .topspace {}
        
        .header_screen {padding-top: 20px; background-repeat: repeat-x; background-position:bottom; width: 100%;}
            
            .header {margin: 0 auto; overflow: hidden; height: 100px;}
            .header a {text-decoration: none;}
            .header a:hover {text-decoration: underline;}
                .platform {height: 49px; text-align: center; vertical-align: middle; width: 100%;}                    
                .platform .plat_text {padding-top: 14px; text-align: center;}
                .logo {background-repeat: no-repeat;}
                .banner {}
            
        .header_blue {}
    
        .security {position: absolute;}

        .navigation {}
            .navigation_bar {height: 50px; position: absolute; vertical-align: top;z-index:999;}
                .navigation_menu {background-color: white; height: 50px; text-align: left;}

                    .navigation_menu a {font-weight: bold;}
                    .navigation_menu a:hover {font-weight: bold;}
                    
                    .menu {height: 25px; padding-top: 17px; width: 100%;}

                        .NavStyle {font-weight: bold; height: 37px; z-index: 999;}
                        .NavStyle:hover {font-weight: bold; height: 37px; z-index: 999;}
                        
                        .NavDynamicMenuItemStyle {font-weight: bold; height: 20px; width: 189px; z-index: 999;} 
                        .NavDynamicMenuItemStyle:hover {font-weight: bold; height: 20px; width: 189px; z-index: 999;} 

                        .NavStaticSelectedStyle {font-weight: bold; height: 50px; z-index: 999;}
                        .NavDynamicSelectedStyle {height: 25px; width: 189px; z-index: 999;}

            .center {}
                .center .sidebar {float: left;}
                .center .main {float: right; height:100%; background-color: White;}
                .center .main_blank {width: 100%; background-color: White;}
                
                        .main .title h2 {position: absolute;}
                        .main .title h3 {}
                        .main .printing {display: none;}
                        
                        .main .toolbar {height: 35px; width: 100%; padding-top: 3px;}   
                        .main .toolbar .heading {padding-left: 10px; padding-right: 5px;} 
                        .main .toolbar .text {}
                        
                        .avatar {width: 100%; height: 263px; border: 2px solid white; background-position: top left;border-right: solid 0px white;}
                        .avatar .heading {white-space: nowrap; padding-left: 3px; padding-right: 3px;}
                                
                        .main .breadcrumb {display: none;}
                        
                        .main .search .heading {padding-top: 5px; padding-bottom: 5px; height: 20px; vertical-align: middle; text-align: right;}
                        .main .search .text {padding-top: 5px; padding-bottom: 5px; height: 20px; vertical-align: middle;}
                        .main .results .export {text-align: right;}
                        
                        .table {width: 100%;}
                            .table .section_heading {height: 33px; width: 500px; padding-left: 5px; padding-right: 5px; color: gray; vertical-align: middle; font-weight: bold;}
                            .table .section_heading_image {height: 33px; width: 100%; padding-left: 5px; color:#002736; vertical-align: middle; text-align: left;}
                            .table .section_heading_info {width: 200px; padding-left: 20px; padding-right: 5px; color: gray; vertical-align: middle; white-space: nowrap; text-align: center;}
                            
                            .heading {text-align: right; width: 430px; padding-top: 5px; padding-bottom: 5px;padding-right:0.5%;}
                            .headingDisclaimer{text-align: left; width: 430px; padding-top: 5px; padding-bottom: 5px; font-weight: bolder;}
                            .text {text-align: justify; width: 430px; padding-top: 5px; padding-bottom: 5px;}
                            
                            .heading2 {text-align: right; width: 430px; padding-top: 5px; padding-bottom: 5px;padding-right:0.5%;}
                            .text2 {text-align: justify; width: 430px; padding-top: 5px; padding-bottom: 5px; padding-left: 3px;}
                            
                            .heading_voc {padding-left: 3px; text-align: left; width: 100%; height: 30px; padding-bottom: 4px; padding-top: 4px; border-bottom: 1px dotted silver;}
                            .heading_voc:hover {background-color: whitesmoke;}
                            .text_voc {padding-right: 3px; text-align: right; width: 1px; height: 30px; padding-bottom: 4px; padding-top: 4px; border-bottom: 1px dotted silver;}
                            .text_voc:hover {background-color: whitesmoke;}
                             .text_Vhr {padding-right: 3px; text-align: right; width: 1px; height: 30px; padding-top: 190px; border-bottom: 1px dotted silver; }
                            
                            .table a {text-decoration: none;}
                            .table a:hover {text-decoration: underline;}
                            
                            .login {margin: 0 auto; overflow: auto; text-align: center; float: inherit;}
                            .login .td {margin: 0; overflow: inherit;}
                            .login .log_header {color: White; height: 50px;} 
                            .login .log_heading {color: white; border: solid 1px black; text-align: center; height: 100px;}
                            .login .log_text {color: white; border: solid 1px black; text-align: center; height: 100px;}
                            .login a {text-decoration: none;}
                            .login a:hover {text-decoration: underline;}
                                   
                        .disclaimer {text-align: left;}  
                        .disclaimer .heading {font-weight: bold; text-align: left;}
                        .disclaimer .text {padding-bottom: 10px;}
                            
                        .note {padding-left: 20px; font-weight: normal; font-style: italic; text-align: left; height: 32px; vertical-align: middle;}
                        .error {color: red;}
                        
                        .cnt_loading {height: 20px; text-align: center;}
                        .cnt_loading_frame {position: absolute; width: 100%; text-align: center; left: 0;}
                        .cnt_loading_page {margin: 0 auto; overflow: hidden; text-align: center; vertical-align: middle; background-image: url('../../App_Themes/Skins/General/loading_back.png'); background-repeat: no-repeat; width: 113px; height: 116px; color: White;}
                        
                        .main_error {}
                            .main_error .text {-moz-border-radius: 5px; border-radius: 5px; border: solid 1px silver; padding: 10px 10px 10px 10px;}
                            .main_error .url {background-color: #ffab15; -moz-border-radius: 5px; border-radius: 5px; border: solid 1px #fd792f; padding: 10px 10px 10px 10px; color: #822a01;}
                            .main_error .error_image {}
                            
                        .input {-moz-border-radius: 5px; border-radius: 5px;}
                        .input:focus {-moz-border-radius: 5px; border-radius: 5px;}
                        
                        .input_req {-moz-border-radius: 5px; border-radius: 5px; border: solid 2px #fe9b9b; height: 25px;}
                        .input_req:focus {-moz-border-radius: 5px; border-radius: 5px; border: solid 2px red; height: 25px;}
                        
                        .functionality {width: 100%; text-align: left; line-height: 14pt; z-index: 1;}
                        .functionality:hover {width: 100%; text-align: left;}
                        .functionality_2 {width: 100%; text-align: left; line-height: 14pt; z-index: 1;}
                        .functionality_2:hover {width: 100%; text-align: left;}
                        .functionality_3 {width: 100%; text-align: left; line-height: 14pt; z-index: 1;}
                        .functionality_3:hover {width: 100%; text-align: left;}
                        
                        .function_heading {height: 42px;}
                        .function_heading_end {height: 42px;}
                        .function_split {background-image: url('../../App_Themes/Skins/General/fnc_split.jpg'); background-repeat: repeat-y; width: 2px;}
                        
                        .function_image {width: 1px; padding: 0px 0px 0px 0px; z-index: 1;}
                        .function_detail {padding-top: 10px; padding-left: 10px; width: 100%;}
                                  
                        .function_buttons {-moz-border-radius: 5px; border-radius: 5px; border: none; cursor: hand; height: 23px; background-color: dimgray; color: White; font-size: 8pt;} 
                        .function_buttons:hover {-moz-border-radius: 5px; border-radius: 5px; border: none; cursor: hand; background-color: black; color: Silver;} 

                 
                        .functionality_logo {-moz-border-radius: 10px; border-radius: 10px; border: dotted 1px dimgray; width: 100%; text-align: left; background-color: white;}
                        .functionality_logo:hover {-moz-border-radius: 10px; border-radius: 10px; border: dotted 1px black; width: 100%; text-align: left; background-color: white;}
                                                                  
                        .watermarked {color: silver; -moz-border-radius: 5px; border-radius: 5px;}
                        .watermarked:focus {color: silver; -moz-border-radius: 5px; border-radius: 5px;}
                        
                        .documents {-moz-border-radius: 5px; border-radius: 5px; padding: 10px 10px 10px 10px;}
                        
                        .img_back_top {position: absolute;}
                        
                        .timeout {color: White; background-image: url('../../App_Themes/Skins/General/timeout_back.png'); background-repeat: repeat-x; position: absolute; top: 300px; left: 300px; -moz-border-radius: 10px; border-radius: 10px; z-index: 2000;}
                        .timeout_mobi {color: White; background-image: url('../../App_Themes/Skins/General/timeout_back.png'); background-repeat: repeat-x; position: absolute; top: 0px; left: 0px; -moz-border-radius: 10px; border-radius: 10px; z-index: 2000;}
                        
        .footer {vertical-align: middle; text-align: center; float: inherit; overflow: hidden;}
        .footer a {text-decoration: none;}
        .footer a:hover {text-decoration: underline;}
        .footer .text {padding-top: 10px; margin: 0 auto; overflow: auto; vertical-align: middle;}
                .text .advert {float: left; cursor: hand;}
                .text .control {padding-top: 14px; padding-left: 10px; padding-right: 10px;}
                      .control .legal {float: left; text-align: left; vertical-align: middle; width: 1px; white-space: nowrap;}
                      .control .devices {float: right; text-align: right; vertical-align: middle;}
                      
        .footer_login {vertical-align: middle; text-align: center; float: inherit; margin: 0 auto; overflow: auto; width: 100%; border-top: 1px solid dimgray;}
        .footer_login a {text-decoration: none; color: dimgray;}
        .footer_login a:hover {text-decoration: underline;}
        .footer_login .text {padding-top: 10px; margin: 0 auto; overflow: auto; vertical-align: middle; width: 100%;}
                .signin .advert {float: left; cursor: hand;}
                .signin .line {padding-top: 14px; padding-left: 10px; padding-right: 10px;}
                        .line .legal_text {float: left; text-align: left; vertical-align: middle;}
                        .line .device_text {float: right; vertical-align: middle;width:90px;}
                      
.buttons {-moz-border-radius: 5px; border-radius: 5px; border: none; cursor: hand;} 
.buttons:hover {-moz-border-radius: 5px; border-radius: 5px; border: none; cursor: hand;} 

.buttons_s {-moz-border-radius: 5px; border-radius: 5px; border: none; cursor: hand;} 
.buttons_s:hover {-moz-border-radius: 5px; border-radius: 5px; border: none; cursor: hand;} 

.buttons_Error {-moz-border-radius: 5px; border-radius: 5px; border: none; cursor: hand; background-color: dimgray; width: 129px; height: 30px; color: white} 
.buttons_Error:hover {-moz-border-radius: 5px; border-radius: 5px; border: none; cursor: hand; background-color: #181818; width: 129px; height: 30px; color: White;} 

.buttons_signout {-moz-border-radius: 5px; border-radius: 5px; border: none; cursor: hand;} 
.buttons_signout:hover {-moz-border-radius: 5px; border-radius: 5px; border: none; cursor: hand;} 

.buttons_lnk {-moz-border-radius: 5px; border-radius: 5px; border: none; cursor: hand;} 
.buttons_lnk:hover {-moz-border-radius: 5px; border-radius: 5px; border: none; cursor: hand;} 

.buttons_nav
{
    cursor: pointer; height: 39px; width: 100%; padding-left: 10px; padding-right: 10px; border: solid 0px white; text-align: left; font-size:9pt;    
}

.buttons_nav:hover 
{
    color: white; cursor: pointer; height: 39px; width: 100%; padding-left: 10px; padding-right: 10px; text-align: left; 
}

.row_heading {height: 34px; background-repeat: repeat-x; text-align: center;}
.row_heading:hover {height: 34px; background-repeat: repeat-x; text-align: center;}
.row {height: 25px;}
.row:hover {}
.row_alternate {height: 25px;}
.row_alternate:hover {}
.row_selected {}
.cnt_results_link {padding-left: 4px; padding-right: 4px;}

/* Member Benefits Nammed  */
.cnt_results_row {background-color: #eaebec; height: 25px; white-space: nowrap; font-size: 9pt;}
.cnt_results_row:hover {background-color: white; white-space: nowrap; font-size: 9pt;}
.cnt_results_alternate {background-color: #d7d7d7; height: 25px; font-size: 9pt;}
.cnt_results_alternate:hover {background-color: white font-size: 9pt;}

.none {}
.web {}
.tab {}
.mob {}

.AC_List {color: dimgray; padding: 1px; color: dimgray; text-decoration: none; white-space: nowrap;}
.AC_ListItem {text-align : left; background-color:White; border: solid 1px whitesmoke; width: 300px; color: dimgray; text-decoration: none; cursor: hand; filter: progid:DXImageTransform.Microsoft.Alpha(style=4,opacity=90);}
.AC_Highlight {background-color: whitesmoke; border: solid 1px whitesmoke; color: #2e9ff6; cursor: hand; text-decoration: none; width: 300px;}

.cnt_select_ind_back {background-image: url(../../App_Themes/Skins/General/img_time_back.png); background-repeat: repeat-x; background-position: top left; height: 26px; color: Silver; padding-right: 4px;}
.cnt_select_ind_back:hover {background-image: url(../../App_Themes/Skins/General/img_time_back.png); background-repeat: repeat-x; background-position: top left; height: 26px; color: white; padding-right: 4px;}


.ItemControl
{background-color: White; border-top: solid 1px silver; border-left: solid 1px silver; border-right: solid 1px dimgray; border-bottom: solid 1px dimgray; padding-left: 10px; width: 150px; filter: progid:DXImageTransform.Microsoft.Alpha(style=4,opacity=85);}

.table .claim_view_heading      {height:31px; background-color:#C0C0C0;}
.text_right_align               {text-align:right;padding-right:5px;}
/*Target IE7 */
.navigation                     {*text-align:left;}
.center .main                   {*text-align:left;}
.main .title h2                 {*font-size:15pt;}
.table .section_heading         {*width:auto;*text-align:center;}
.table                          {*text-align:center;}
.text                           {*width:auto;}
.table .heading                 {*width:auto;}
.table .member_documents        {*text-align:center;}

.CntStyle
{
    background-color: white; 
    border: solid 1px darkgray;
    padding: 5px;
    width: 100%;
}

.Wzrd_StepStyle {color: #5D7B9D; padding-left: 6px;}
.Wzrd_SidebarButtonStyle {color: White; padding: 24px 6px 0px 6px;}
.Wzrd_NavigationButtonStyle {background-color: #FFFBFF; border: solid 1px #CCCCCC; color: #284775;}
.Wzrd_SideBarStyle {background-color: #024d6c; padding: 38px 6px 6px 6px; background-image: url('../General/Img_Wzrd_Back.jpg'); background-repeat: repeat-x; background-position: top;}
.Wzrd_HeaderStyle {background-color: #333333; color: White; padding: 3px 3px 3px 3px; background-image: url('../General/Img_Header_Back.jpg'); background-repeat: repeat-x; height: 43px;}

.Chrn_FooterStyle {background-color: #CCCC99; color: White;}
.Chrn_PagerStyle {background-color: white; color: Black;}
.Chrn_SelectedRowStyle {background-color: silver; color: White; font-weight: bold;}
.Chrn_HeaderStyle {background-color: #333333; color: White; background-image: url('../General/Img_Header_Back.jpg'); background-repeat: repeat-x; height: 43px;}=======
.table .claim_view_heading      {height:31px; background-color:#C0C0C0;}
.text_right_align               {text-align:right;padding-right:5px;}

.locator_buttons{width:249px;height:88px;border: solid 5px white; -moz-border-radius: 10px; border-radius: 10px;}
.locator_src_buttons{width:104px;height:41px;border: solid 4px white; -moz-border-radius: 10px; border-radius: 10px; color:White;font-weight: bold;font-family: Arial;}

.tdlight {background : white; border : 1px dotted Silver; }

/*Generic Menu Styles - Tablet */
.sign_in_image                  {width: 116px; height: 121px;}
.menu_icon                      {text-align:center; width:1016px; min-height:1000px;background-image: url('../../App_Themes/Skins/General/nav_back.png'); z-index: 9999;}
.center_menu                    {display:inline-block; margin-right: 0 auto; width:1024px; text-align:center;}
a                               {color: Gray ; text-decoration: none;}
a:hover                         {color: silver ; text-decoration: underline;}
.img_back_top                   {display: none;}

/* ### TreeView Code ### */

.MyNodeStyle
{color: #3D540C;font:13px Arial;background-color:white;padding-left:12px;padding-top:3px;padding-bottom:3px;width:100%;}

.MyRootStyle
{color: #3D540C;font:13px Arial;background-image: url('../../App_Themes/Skins/General/GrayFade.gif');background-repeat:repeat;padding-left:1px;padding-top:8px;padding-bottom:8px;border-top:solid silver 1px;border-bottom:solid silver 1px; border-right:solid silver 1px;width:100%;}

.MyParent
{color: #3D540C;font:13px Arial;background-image: url('../../App_Themes/Skins/General/GrayFade.gif');background-repeat:repeat;padding-left:1px;padding-top:8px;padding-bottom:8px;border-top:solid silver 1px;border-bottom:solid silver 1px;border-right:solid silver 1px;width:100%;}

.SelectedNode
/* {color: #3D540C;font:13px Arial;background-image: url('../../App_Themes/Skins/General/LimeLine.gif');background-repeat:repeat;} JJ Aug 2022 Rebrand */
{color: #ffffff;font:13px Arial;background-color: #2bb673;} /* JJ Aug 2022 Rebrand */



.PlusButton {
    cursor:pointer;
    width: 20px;
    border: none;
    vertical-align:middle;
    background-color:Silver;
    
}

.HDiv
{
  margin-top:-20%;
  opacity:0;
  width:1px; 
  visibility:hidden;      
    }
    
    
 .cardctrl  { text-align: center;  background-color: White;  font-family: MS Reference Sans Serif; font-size: 10pt;  width:200px;  display: inline-block; padding: 2rem 2rem;  vertical-align: middle;}

.simple   {color: Green !important;font-family: MS Reference Sans-Serif;font-size: 14pt; }
.simple:hover  { color: black !important;font-family: MS Reference Sans-Serif;font-size: 14pt; text-decoration: none; }

.box { background-color: black; height: 100vh; display: flex; align-items: center;justify-content: center;}

.modal {align-items: center;display: flex;justify-content: center; background: rgba(211, 211, 211, 0.7);  transition: all 0.4s; visibility: hidden;opacity: 2;position: fixed; top: 0; left:0; right:0; }

.contbox { position: relative;  background: #3a9e52; padding: 1em 2em; border-radius: 4px; }
        
.contbox2 {      position: absolute;  background: #3a9e52; width: 350px; height:390px; padding: 0.5em 1em; border-radius: 4px; margin-top:25%; margin-left:40% }
 
.modal:target {visibility: visible; opacity: 1;     }

.box-close {  position: absolute; top: 0;  right: 5px; color: black; text-decoration: none;  font-size: 30px; font-weight:bold;  }