@charset "utf-8"; /*css document*/
*{margin:0;padding:0;box-sizing:border-box;line-height:normal}input{border:0;outline:none}img{border:none;outline:none;max-width:100%;height:auto}a{text-decoration:none;color:inherit;outline:none}ul,ul li{list-style:none;margin:0;padding:0}ol,ol li{list-style:decimal;margin:0;padding:0}input[type="submit"],input[type="button"]{cursor:pointer}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}::-moz-placeholder{opacity:1}:-ms-input-placeholder{opacity:1}::-webkit-input-placeholder{opacity:1;color:#565656}input[type="text"],input[type="button"],input[type="submit"]{-webkit-appearance:none;border-radius:0;resize:none}input[type="text"]{border:solid 1px #ccc; padding:4px;}h1,h2,h3,h4,h5{margin:0;font-weight:700;line-height:normal}p,span,a,small,blockquote,ul,li{line-height:normal}figure{max-width:100%}.left{float:left}.right{float:right}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
blockquote{font-style:italic;padding:20px 0}
h1 { color:#05244f; font-size:18px; padding:5px 0;}
h2 { color:#05244f; font-size:15px; }
h3 { color:#05244f; font-size:14px;}
p { font-size:14px; color:#4b4b4b; line-height:normal;}
a, a:visited{color:#024c95;}
a:hover{color:#3b89d6;}
/* Reset CSS ENDS HERE */
table, td, th {    border: 1px solid #999; border-collapse: collapse;}
body { background:#fff;  font-size:14px; color:#4b4b4b; font-family: Arial, Helvetica, sans-serif; }
.wrapper { width:1050px; margin:auto; max-width:95%; min-width: 1050px;  }
header { width:100%; box-shadow:0 0 8px #d1cfcf;  background:#fff; z-index:999999; min-width: 1050px; position:fixed; 
/* filter:
  progid:DXImageTransform.Microsoft.Shadow(color=#d1cfcf,direction=135,strength=7);
*/
 }
 .bx-wrapper { position:absolute; z-index:1;}
.one_forth{ width:15%; float:left;}
.three_forth{ width:75%; float:left;}
.four_forth{ width:100%;}
.top_bar { width:100%; background:#f8f8f8; text-align:right; padding:8px 0; margin-bottom:10px;}
.top_bar ul.top_menu { font-size:13px; color:#005996; display:inline-block; margin-right: 5px;}
.top_bar a:hover { text-decoration:underline;}
.top_bar ul.top_menu li{ padding-left:23px; display:inline-block; vertical-align:middle; margin-right:10px;}
.top_bar ul.top_menu li:first-child { background:url(../images/home_icon.png) no-repeat center left;}
.top_bar ul.top_menu li:first-child + li { background:url(../images/fedd_icon.png) no-repeat center left;}
.top_bar ul.top_menu li:first-child + li + li { background:url(../images/account_icon.png) no-repeat center left;}
.top_bar .log_info {display:inline-block; vertical-align:middle; font-size:13px; color:#434343;}
.top_bar .log_info a {color:#3d80ae; font-size:13px;}

.main_head { padding-bottom:15px; }
.main_head .logo { float:left;}
.main_head nav { float:right; margin-top:19px;}
.main_head nav ul li { display:inline-block; font-size:18px; color:#000000; margin-left:20px;}
.main_head nav ul li a { color:#0054a4;}
.main_head nav ul li a:hover { color:#febe10;  }
 
.main_head nav ul li:first-child { margin-left:0;}
.main_head nav ul li span { display:block; font-size:12px; color:#919191;}
.toggleMenu { display:none;}

.mid_content { padding-top:180px;    }
.mid_content .wrapper {padding-bottom:50px; border-bottom:5px solid #f4f0ef; overflow:hidden;min-height:600px;  min-width: 1050px;}
.mid_content .bread_crumb { border-bottom:1px solid #f4f0ef; font-size:12px; color:#7f7f7f; padding-bottom:10px; width:100%; margin-bottom:20px;}

.mid_content .left_section { float:left; width:23.5%;}
.mid_content .left_section .client_box { float:left; width:100%; padding-bottom:20px;}
.mid_content .left_section .client_box h2 { background:#0054a4; color:#fff; padding:6px 10px 4px; font-weight:bold; margin-bottom:20px;}
.mid_content .left_section .client_box ul li { background:url(../../images/sunlife/slgfi/arrow_icon.png) no-repeat left 5px; padding-left:20px; color:#005996; font-size:14.5px; margin-bottom:10px;}


.mid_content .right_section_home { float:right; width:27.5%; margin-top: 10px;}
.mid_content .right_section_home .client_box { float:left; width:100%; padding-bottom:20px;}
.mid_content .right_section_home .client_box h2 { background:#fdbe0f; color:#fff; padding:6px 10px 4px; font-weight:bold; margin-bottom:20px;}
.mid_content .right_section_home .client_box ul li { background:url(../../images/sunlife/slgfi/arrow_icon.png) no-repeat left 5px; padding-left:20px; color:#005996; font-size:14.5px; margin-bottom:10px;}
.mid_content .right_section_home .reports {float:left; width:100%; padding-bottom:20px;}
.mid_content .right_section_home .reports h2 { border-bottom:1px solid #cfcfcf; font-size:15px; color:#1f1f1f; padding-bottom:7px; margin-bottom:20px;}
.mid_content .right_section_home .reports ul { margin-left:20px;}
.mid_content .right_section_home .reports li {background:url(../../images/sunlife/slgfi/arrow_icon.png) no-repeat left 5px; padding-left:20px; color:#005996; font-size:14.5px; margin-bottom:10px;}

.mid_content .right_section_home .follow { float:left; width:100%; padding-bottom:20px;  min-height:150px; 
background: #f4f0ef; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f0ef 0%, #207cca 0%, #f4f0ef 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f0ef), color-stop(0%,#207cca), color-stop(0%,#f4f0ef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f0ef 0%,#207cca 0%,#f4f0ef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f0ef 0%,#207cca 0%,#f4f0ef 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f0ef 0%,#207cca 0%,#f4f0ef 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f0ef 0%,#207cca 0%,#f4f0ef 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f0ef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.mid_content .right_section_home .follow h2 {font-size:15px; color:#1f1f1f; font-weight:400; padding-bottom:7px; margin-bottom:20px; border-bottom:1px solid #fff; padding:8px 15px 6px;}
.mid_content .right_section_home .follow p { padding:8px 15px 6px; }
.mid_content .right_section_home .follow li { display:inline-block; padding-left:3px;}
.mid_content .right_section_home .follow li:first-child { margin-left:15px;}

.mid_content .right_section_home .qlink { float:left; 
width:100%; padding-bottom:10px; 
background: #f4f0ef; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f0ef 0%, #207cca 0%, #f4f0ef 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f0ef), color-stop(0%,#207cca), color-stop(0%,#f4f0ef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f0ef 0%,#207cca 0%,#f4f0ef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f0ef 0%,#207cca 0%,#f4f0ef 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f0ef 0%,#207cca 0%,#f4f0ef 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f0ef 0%,#207cca 0%,#f4f0ef 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f0ef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 }.mid_content .right_section_home .qlink p { padding:8px 15px 6px; font-size:102px; }
 
.mid_content .right_section_home .qlink h2 {font-size:15px; color:#1f1f1f; font-weight:400; padding-bottom:7px; margin-bottom:0px; border-bottom:1px solid #fff; padding:8px 15px 6px;}
.mid_content .right_section_home .qlink p { padding:8px 15px 6px; font-size:10px; }
.mid_content .right_section_home .qlink li { display:inline-block; padding-left:10px;}
.mid_content .right_section_home .qlink li:first-child { margin-left:20px;}



.mid_content .left_section .reports {float:left; width:100%; padding-bottom:20px;}
.mid_content .left_section .reports h2 { border-bottom:1px solid #cfcfcf; font-size:15px; color:#1f1f1f; padding-bottom:7px; margin-bottom:20px;}
.mid_content .left_section .reports ul { margin-left:20px;}
.mid_content .left_section .reports li {background:url(../../images/sunlife/slgfi/arrow_icon.png) no-repeat left 5px; padding-left:20px; color:#005996; font-size:14.5px; margin-bottom:10px;}

.mid_content .left_section .follow { float:left; width:100%; padding-bottom:20px; 
background: #f4f0ef; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f0ef 0%, #207cca 0%, #f4f0ef 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f0ef), color-stop(0%,#207cca), color-stop(0%,#f4f0ef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f0ef 0%,#207cca 0%,#f4f0ef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f0ef 0%,#207cca 0%,#f4f0ef 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f0ef 0%,#207cca 0%,#f4f0ef 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f0ef 0%,#207cca 0%,#f4f0ef 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f0ef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.mid_content .left_section .follow h2 {font-size:15px; color:#1f1f1f; font-weight:400; padding-bottom:7px; margin-bottom:20px; border-bottom:1px solid #fff; padding:8px 15px 6px;}
.mid_content .left_section .follow li { display:inline-block; padding-left:10px;}
.mid_content .left_section .follow li:first-child { margin-left:20px;}

 

.right_section { width:71%; float:right;}
.right_section h1{ color:#0054a4; font-size:18px; margin-bottom:10px;}
/* Not Used
.right_section ul.tabs { width:100%; float:left;}
.right_section ul.tabs li {min-width:132px; text-align:center; background:#999999; color:#fff; float:left; margin-right:2px;}
.right_section ul.tabs li a { display:block; padding:7px 0; color:#fff;}
.right_section ul.tabs li.slected_tab { background:#004d95;}
.right_section ul.tabs li:hover { background:#004d95;}
*/
.right_section span.error { font-style:italic; color:#e14646; font-size:14px; background:url(../../images/error.png) no-repeat left center; padding:20px; float:left; width:100%; padding-left: 26px;}
.right_section div.error { font-style:italic; color:#e14646; font-size:14px; background:url(../../images/error.png) no-repeat left center; padding:20px; float:left; width:100%; padding-left: 26px;}

.right_section .inquirey_form .input h2{ font-size:14px; padding-bottom:20px;}
.right_section .inquirey_form .input label { font-size:14px; color:#1f1f1f; display:block; margin-bottom:5px; font-weight:bold; }
.right_section .inquirey_form .input { float:left; width:100%; margin-bottom:18px;}
.right_section .inquirey_form .input input, .right_section .inquirey_form .input select { width:260px; border:1px solid #b4b4b4; padding:3px; font-family:Arial, Helvetica, sans-serif;}
.right_section .inquirey_form .input select option { padding:1px 5px;}
.right_section .inquirey_form .input_radio  {float:left; width:100%; margin-bottom:18px;}
.right_section .inquirey_form .input_radio span {font-size:13px; color:#4b4b4b; display:block; margin-bottom:5px; font-weight:bold; margin-bottom:15px;}
.right_section .inquirey_form .input_radio .input   { font-size:14px; color:#1f1f1f; margin-right:15px; margin-bottom:0;   }
.right_section .inquirey_form .input_radio ul li label { font-weight: normal; }
.right_section .inquirey_form .input_radio  input[type="radio"] {display:inline-block; vertical-align:middle; margin-right:2px;}
 
background:linear-gradient(#107af1, #fff); 
background-color:  #107af1;
background-image: linear-gradient(top bottom, #107af1, #fff);
color:#fff; padding:5px 0; margin-right:5px; cursor:pointer;}


/*.right_section .inquirey_form */.input_action input:hover { background:#333;}
.right_section .inquirey_form p{ padding-bottom:20px;}
.right_section .inquirey_form p.bold { padding-bottom:0px; padding-top: 10px;}
.right_section .inquirey_form h3{font-weight:400;}

.right_section .inquirey_form .firsthalf { width:17%;  float:left;}
.right_section .inquirey_form .Secondhalf { width:80%;  float:left; padding-top:30px; }
.right_section .inquirey_form ul li{ margin-bottom:5px;} .swaplists{ border:none !important;}
#AvailableOptions{ width:35%;float:left; padding:1%;} .controls{ float:left; width:10%; padding:0 2%;}
#SelectedOptions{ width:35%;float:left; padding:1%;} 
.smBtn{ background-color:#e7e7e7; color:#2D2D2D; width:95%; height:22px; border:#acacac solid 1px; }


.mid_content .right_section .follow { float:left; width:100%; padding-bottom:20px; min-height:130px; 
margin-top:20px; display:none;
background: #f4f0ef; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f0ef 0%, #207cca 0%, #f4f0ef 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f0ef), color-stop(0%,#207cca), color-stop(0%,#f4f0ef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f0ef 0%,#207cca 0%,#f4f0ef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f0ef 0%,#207cca 0%,#f4f0ef 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f0ef 0%,#207cca 0%,#f4f0ef 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f0ef 0%,#207cca 0%,#f4f0ef 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f0ef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.mid_content .right_section .follow h2 {font-size:15px; color:#1f1f1f; padding-bottom:7px; margin-bottom:20px; border-bottom:1px solid #fff; padding:8px 15px 6px;}
.mid_content .right_section .follow li { display:inline-block;}
.mid_content .right_section .follow li:first-child { margin-left:20px;}

footer { width:100%; float:left; padding:20px 0 30px;}
footer .ftr_left { width:60%; float:left;}
footer .ftr_left ul li { display:inline-block; font-size:12px; color:#005996; line-height:1; padding:0px 2px 0 5px ; background:url(../images/sep.png) no-repeat left center;}
footer .ftr_left ul li:first-child { background:none; padding-left:0;}
footer .ftr_left p{ color:#565656; font-size:12px; margin-top:15px;}
footer .ftr_left p span { font-size:11px; display:block;}
footer .ftr_left p em { font-size:11px; display:block;}

footer .ftr_logo { float:right; margin-top:25px;}

/* inner pages */




.report_table { width:100%; margin-top:25px;}
.report_table table { border-collapse:collapse; text-align:center; font-size:12px;}
.report_table table tr td, .report_table table tr th { padding:5px; font-family:Arial, Helvetica, sans-serif;}
.report_table input[type="text"]{ display:inline-block; width:100%; background: #fff; cursor:text; color: #333; text-align:left; padding: 4px;  }
.report_table input[type="checkbox"]{ text-align:center; vertical-align: middle; }

.pagination { float:right; color:#005996; margin-top:25px; padding-bottom: 15px;}
.pagination a { margin:0 4px; padding:2px 5px; font-size:16px;}

.dateList a{ padding:4px 0; display:inline-block;}
.referenceList a{ margin: 5px 3px; padding:0px 7px 0 25px; display:inline-block; font-size: 16px; background:url(../images/openbook.png) top left no-repeat;}

.sub-referenceList a { background: none; font-size: 12px; margin: 3px;}

hr { width:100%; clear:both; margin:20px 0; border:2px groove #ccc;}

.clientHelp { display:inline-block; width: 100%;margin-top:20px; }
.clientHelp h4 {font-weight:normal; line-height:20px;  }

.table_wrapper { width:100%; overflow-x:scroll; }

.client_search_table { width:100%; margin-top:25px; margin-bottom:15px;}
.client_search_table table { border-collapse:collapse; border-spacing:0; border:none; text-align:center; font-size:12px;}
.client_search_table table tr td, .client_search_table table tr th { padding:10px 5px; border: 1px solid #CCC; line-height:17px; font-family:Arial, Helvetica, sans-serif;}
.client_search_table input[type="text"]{ display:inline-block; width:100%;}
.client_search_table table th { background-color:#e5e5e5; }
.client_search_table table tr img { margin-left:5px; }
.client_search_table table tr th {min-width: 100px; }

.client_search_tablebord { width:100%; margin-top:25px; margin-bottom:15px;}
.client_search_tablebord table { border-collapse:collapse; border-spacing:0; border:none; text-align:center; font-size:12px;}
.client_search_tablebord  table tr td, .client_search_tablebord  table tr th { padding:5px; border: 1px solid #CCC; line-height:17px; font-family:Arial, Helvetica, sans-serif;}
.client_search_tablebord  input[type="text"]{ display:inline-block; width:100%;}
.client_search_tablebord  table th { background-color:#e5e5e5; }
.client_search_tablebord  table tr img { margin-left:5px; }
.client_search_tablebord  table tr th {min-width: 140px; }

.client_search_table .table-small-input input[type="text"] { width:100%}

 

.resp-tabs-container h2 { margin-top: 60px; }
.resp-tabs-container h3 { margin-top: 20px;  margin-bottom: 20px; color:#fdbe0f;}
.resp-tabs-container h3 a{ color:#fdbe0f; }
h4 { color:#333; background-color:#f5f5f5; line-height:30px; padding-left:20px;}
.resp-tabs-container h5 { line-height: 15px; font-weight:normal; margin-bottom:30px; }
.clientHelp h4 { color:#333; background-color:#fff; line-height:30px; padding-left:20px;}
.horizontalTabDetails h3 { display: inline-block; background:#0054a4; color:#fff; line-height: 30px; padding-left: 20px; padding-right: 20px; margin-top:0px;
 margin-bottom:20px; width: 100%; }
.horizontalTabDetails h3 a, .horizontalTabDetails h3:hover { color:#fff; }

.resp-tabs-list li { min-width:70px;}
.resp-tabs-list li a, .resp-tabs-list li a:hover { color:#fff; }  

.resp-tab-content {
display: none;
padding: 0px 0 10px 0;
}
.contactInfo { padding:20px; width: 100%; display: inline-block; margin-bottom:20px;}
.contactInfo-col { width:50%; display:inline-block; float:left;}
.contactInfo-title, .contactInfo-data { line-height:25px;}
.contactInfo-col a { color:#000;}

.sub_navigation { margin:0; padding:0; list-style:none; position:absolute; width:230px; height:auto; 
box-shadow: 0px 3px 3px 0px rgba(51,51,51,0.20); 

filter:
  progid:DXImageTransform.Microsoft.Shadow(color=#d5d5d5,direction=0,strength=0),
  progid:DXImageTransform.Microsoft.Shadow(color=#d5d5d5,direction=45,strength=2),
  progid:DXImageTransform.Microsoft.Shadow(color=#d5d5d5,direction=90,strength=5),
  progid:DXImageTransform.Microsoft.Shadow(color=#d5d5d5,direction=135,strength=5),
  progid:DXImageTransform.Microsoft.Shadow(color=#d5d5d5,direction=180,strength=10),
  progid:DXImageTransform.Microsoft.Shadow(color=#d5d5d5,direction=225,strength=5),
  progid:DXImageTransform.Microsoft.Shadow(color=#d5d5d5,direction=270,strength=5),
  progid:DXImageTransform.Microsoft.Shadow(color=#d5d5d5,direction=315,strength=2); 



  }
.sub_navigation { display:none; z-index:500; } 

.sub_navigation li {  margin:0; float:left; width:230px; background-color:#fff; color:#024c95; font-size:16px; font-weight:normal; padding:10px 20px; width:230px;}
.sub_navigation li a{ display:block; }
.main_head nav ul.sub_navigation li{
	border-bottom:none;	
	/*padding:2px;*/
	font-size:14px;
	 
}
 
.sub_navigation li a:hover { color:#febe10;   } 
.sub_navigation li:hover { color:#febe10;  cursor:pointer; background-color:#aea79f; }
.main_head nav ul li:hover .sub_navigation { display:block; } 


.main_head nav ul.sub_navigation li { margin-left:0; }

.home_menu { display:table;}
.home_menu ul { width:100%; display:table-row;}
.home_menu ul li{ width:24.8%; padding:15px; padding-right:60px; background-color:#0054a4; border:1px solid #fff; position:relative; ;box-sizing:border-box; transition:all ease-in 200ms; display:table-cell; }
.home_menu ul li h1{ color:#FFF; }
.home_menu ul li p{ color:#FFF; margin-top:10px; }
.home_menu ul li:hover { background-color:#fdbe0f; cursor:pointer; } 
.menu_img { position:absolute; top:10px; right:10px; }
.menu_img img { height:50px; width:50px; }

.home_content { margin-top:10px; width:100%; float: left; }
.home_content_item h3{ background-color:#fdbe0f; padding:10px; color:#fff; margin-bottom:20px;}
.home_content_item { display: inline-block; border-right: 10px solid #fff; width:50%; float:left; min-height:210px;}
.home_content_item img { margin-right:20px;}
.home_content_item a img { vertical-align:middle; margin-right:20px;}
.home_content_item a { line-height:18px; font-size: 14px; cursor:pointer; color:#004d95; margin-bottom:10px; display:inline-block; width: 100%}
.home_content_item a:hover { color:#3b89d6;}
.news h3{ background-color:#e8e8e8; color:#626262; }
.news img { cursor:pointer;}

.right_content_item { display: inline-block; width:100%; min-height:210px;}
.right_content_item h3 {background-color:#fdbe0f; padding:11px; color:#000; margin-bottom:20px; font-size:12px; font-weight:normal;}
.right_img_wrapper { padding: 8px 15px 6px;}
.right_img_wrapper a{width:50px; display:block; text-align:center; float:left; margin:7px; font-size:12px; color:#3074b5; position:relative; }
.right_img_wrapper a:hover { color:#3074b5; cursor:pointer;}
.right_img_wrapper img { }
.right_img_wrapper a span {
background: #ff4a1d;
background: url(../images/notify.png) top left; /* IE 8 and below */
color:#fff; padding:5px; 
border-radius:25px; 
border-radius: 0px;/* IE 8 and below */
position:absolute ;top:-10px; right:-10px; 
height:25px; 
width:25px;
}

.qlink { display:block;}

.left_section_home { width:72%; float:left;}



.slicknav_menu {
	display:none;
}

.quicklink { padding: 8px 11px 6px; margin-bottom: 10px; padding-left: 3px;}
.quicklink_btn{display:block;  
background: #f4f0ef; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f0ef 0%, #207cca 0%, #f2f2f2 0%, #c5c5c5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f0ef), color-stop(0%,#207cca), color-stop(0%,#f2f2f2), color-stop(100%,#c5c5c5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f0ef 0%,#207cca 0%,#f2f2f2 0%,#c5c5c5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f0ef 0%,#207cca 0%,#f2f2f2 0%,#c5c5c5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f0ef 0%,#207cca 0%,#f2f2f2 0%,#c5c5c5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f0ef 0%,#207cca 0%,#f2f2f2 0%,#c5c5c5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f0ef', endColorstr='#c5c5c5',GradientType=0 ); /* IE6-9 */

color:#5e5e5e; line-height:30px;  width:100%; float:left; border:1px solid #d7d7d7; margin:4px; min-height:40px; }


.quicklink_btn span.icon{ color:#5e5e5e; float:left; line-height:40px; border-right:1px solid #a8a6a6; padding:0 10px; height:39px; vertical-align:middle; margin-right:10px;}
.quicklink_btn span.txt{display:block; margin-left:50px; padding:10px 0 6px; }
.quicklink_btn span img { line-height:40px; vertical-align:middle;}
.quicklink_btn:hover { cursor:pointer;}
.quicklink_btn a { line-height:40px;}


/* Main Login */
 
body#loginmain { 
background:#eaeaea url(../images/loginbg.jpg) top center repeat-y;   
height:100%; width:100%; 
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;  
 }

.login { padding-top:8%; }
.login-container {  background:#fff; min-height:400px; border-radius:15px; margin:0 20%;  padding:25px; width:768px; position:relative; }
.login-container2 {  background:#fff;  border-radius:15px; margin:0 auto; height: auto; padding:25px; width:768px; position:relative; }
.ie8 .login-container {  background:#fff; min-height:350px; border-radius:15px; margin:0 auto;  padding:25px; width:768px; position:relative; }

.welcome-txt { 
	font-size:18px;
	background: #0054a4;
	color: #fff;
	width: 140px;
	padding: 5px;
	text-align: center;
	position: absolute;
	left: -15px;
}
.welcome-txt:before {
	content:"";
	display:block;
	height:0;
	width:0;
	border:solid;
	border-width:8px;
	border-color: #166cbe #166cbe transparent transparent;
	position:absolute;
	top:31px;
	left:0;
	
}

.login-form2 { width:90%; float:left; padding: 0 10px 0 10px; margin-top:0px; margin-left: 120px;   }
.login-form2 .logo-login {  margin: 0px; padding: 0; text-align:center; margin: 10px 0 0 100px; }
.login-form2 .logo-login img{ display:block; max-width:100%; height:auto; } 
.login-form2 form  { margin-top:30px;  } 
.login-form2 form ul li { margin:15px 0; }
.login-form2 form ul li div { display:inline-block; position:relative;  }
.login-form2 form label { display:inline-block; width:70px; color:#737373; font-size:12px; ; }

.login-form form input { border:1px #d1d1d1 solid; padding:8px; padding-left:38px; border-radius:6px; width: 250px; } 
.ie8 .login-form form input { border:1px #d1d1d1 solid; padding:8px; padding-left:38px; border-radius:6px; width: 250px;  position:relative;  z-index:-1;  } 

.login-form { width:50%; float:left; padding: 0 20px 0 10px; margin-top:33px; }
.login-form .logo-login {  margin: 0px; padding: 0; text-align:center; margin: 10px 0 0 0px; }
.login-form .logo-login img{ display:block; max-width:100%; height:auto; } 
.login-form form  { margin-top:30px; } 
.login-form form ul li { margin:15px 0; }
.login-form form ul li div { display:inline-block; position:relative;}
.login-form form label { display:inline-block; width:70px; color:#737373; font-size:12px; }

.login-form form .username:before, .username { content:" "; background:url(../images/username.png); background-repeat:no-repeat; background-position:center center; display: block; height: 29px; width: 33px; position:absolute; background-color:#f9f9f9;  border-radius:6px 0 0 6px; left:1px; top:1px;  z-index:9999;  }

.login-form form .password:before, .password  { content:" "; background:url(../images/password.png); background-repeat:no-repeat; background-position:center center;  display: block;  height: 29px; width: 33px; position:absolute;  background-color:#f9f9f9; border-radius:6px 0 0 6px; left:1px; top:1px;z-index:9999; }

.login-form form input::-webkit-input-placeholder {
   color: #b8b8b8;
   font-style:italic;
   font-size:12px;
}

.login-form form input:-moz-placeholder { /* Firefox 18- */
   color: #b8b8b8;
   font-style:italic;
   font-size:12px;
}

.login-form form input::-moz-placeholder {  /* Firefox 19+ */
   color: #b8b8b8;
   font-style:italic;
   font-size:12px;
}

.login-form form input:-ms-input-placeholder {  dateList
   color: #b8b8b8;
   font-style:italic;
   font-size:12px;
}

.login-form .forget-pass { width:100%; float:left; }
.login-form .forget-pass a{ font-size:10px; color:#1283ca; float:right; }
.login-form .forget-pass a:hover { color:#106ca6; }

.login-form .error {
     background: url(../images/error.png) no-repeat left center;
    color: #e14646;
    float: left;
    font-size: 12px;
    font-style: italic;
    padding: 20px 20px 20px 26px;
    width: 100%;  }
 
.login-form .error a{  }

.login-form .error a:hover{ color:#c63d3d; }
.login-btn { width:100%; float:left; margin-top:20px; }
.login-btn a { 
	display: block;
	text-align: center;
	font-size:18px;
	padding:16px 0px;
	color:#fff;
	background: #ffd052;
	background: -moz-linear-gradient(top, #ffd052 0%, #febe11 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd052), color-stop(100%,#febe11));
	background: -webkit-linear-gradient(top, #ffd052 0%,#febe11 100%);
	background: -o-linear-gradient(top, #ffd052 0%,#febe11 100%);
	background: -ms-linear-gradient(top, #ffd052 0%,#febe11 100%);
	background: linear-gradient(to bottom, #ffd052 0%,#febe11 100%);
	border-radius:10px;
}
.login-btn a:hover {  background:#efc34b; }

.login-slider { width:50%; float:right; padding-left:20px; border-left:1px #e1e1e1 solid; }

.disclaimer-login { width:768px;  margin:0 auto; padding: 0px 30px; text-align: center; color:#9b9b9b; }
.disclaimer-login p { font-style:italic; font-size:10px; color:#585858; margin-bottom:15px;   }

.disclaimer-login .links a{  color:#1283ca; font-size:10px; }/*changed padding from 10 to 4 -HK*/


 
@media screen and (max-width:800px){
	.login-container {
		width:720px; 
	}		
}
@media screen and (max-width:765px){
	.login-container {
		width:700px; 
	}		
}




 
/* RGs */

.inquirey_form .input_radio label { margin-bottom:125px; font-weight:normal;}
.right_section .inquirey_form .input_radio ul  {margin-top:0px;}
.pdfviewer { margin: 20px 0;}
.bold { font-weight:bold;}
.graph { padding:20px 0; margin-bottom: 5px;  width: 100%; min-height: 220px;}
.disclaimer { font-size:11px;}
.disclaimer-small { font-size:10px; font-style:italic;}

.report_tablenb { width:100%; margin-top:25px;}
.report_tablenb table { border-collapse:collapse; text-align:right; font-size:12px; border:none;}
.report_tablenb table tr td, .report_tablenb table tr th { padding:5px; font-family:Arial, Helvetica, sans-serif; border:none;}
.report_tablenb input[type="text"]{ display:inline-block; width:100%;}

.report_tablenb .tablebordertop { border-top: 1px solid #000;}


.right_section .inquirey_form .firsthalf { width:27%;  float:left;}
.right_section .inquirey_form .Secondhalf { width:70%;  float:left; padding-top:0px; }

/*.right_section .inquirey_form */.report_table input[type="submit"],.report_table input[type="reset"], .client_search_table input[type="submit"],.client_search_table input[type="reset"] { width:93px; text-align:center; 
background: #000fff; /* Old browsers */
background: -moz-linear-gradient(top,  #000fff 0%, #207cca 0%, #107af1 0%, #005997 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000fff), color-stop(0%,#207cca), color-stop(0%,#107af1), color-stop(100%,#005997)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000fff 0%,#207cca 0%,#107af1 0%,#005997 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000fff 0%,#207cca 0%,#107af1 0%,#005997 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000fff 0%,#207cca 0%,#107af1 0%,#005997 100%); /* IE10+ */
background: linear-gradient(to bottom,  #000fff 0%,#207cca 0%,#107af1 0%,#005997 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000fff', endColorstr='#005997',GradientType=0 ); /* IE6-9 */

color:#fff; padding:5px 0; margin-right:5px; cursor:pointer;}

.resp-tabs-container h2 { margin-top: 10px; }

.mid_content .left_section .client_box ul li { background:url(../../images/sunlife/slgfi/arrow_icon.png) no-repeat left 5px; padding-left:20px; color:#000; font-size:14.5px; margin-bottom:10px;margin-top:10px;}

.full_section { width:88%; float:left;}
.full_section span.error { font-style:italic; color:#e14646; font-size:14px; background:url(../images/error.png) no-repeat left center; padding:20px; float:left; width:100%; padding-left: 26px;}

.full_section .inquirey_form .input h2{ font-size:14px; padding-bottom:20px;}
.full_section .inquirey_form .input label { font-size:14px; color:#1f1f1f; display:block; margin-bottom:5px; font-weight:bold;}
.full_section .inquirey_form .input { float:left; width:100%; margin-bottom:18px;}
.full_section .inquirey_form .input input, .right_section .inquirey_form .input select { width:260px; border:1px solid #b4b4b4; padding:3px; font-family:Arial, Helvetica, sans-serif;}
.full_section .inquirey_form .input select option { padding:1px 5px;}
.full_section .inquirey_form .input_radio  {float:left; width:100%; margin-bottom:18px;}
.full_section .inquirey_form .input_radio span {font-size:13px; color:#4b4b4b; display:block; margin-bottom:5px; font-weight:bold; margin-bottom:15px;}
.full_section .inquirey_form .input_radio label { font-size:14px; color:#1f1f1f; margin-right:15px; }
.full_section .inquirey_form .input_radio  input[type="radio"] {display:inline-block; vertical-align:middle; margin-right:2px;}

/*.right_section .inquirey_form */.input_action  {width:100%; margin-top:18px;}
/*.right_section .inquirey_form */.input_action input { width:93px; text-align:center; 
background: #000fff; /* Old browsers */
background: -moz-linear-gradient(top,  #000fff 0%, #207cca 0%, #107af1 0%, #005997 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000fff), color-stop(0%,#207cca), color-stop(0%,#107af1), color-stop(100%,#005997)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000fff 0%,#207cca 0%,#107af1 0%,#005997 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000fff 0%,#207cca 0%,#107af1 0%,#005997 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000fff 0%,#207cca 0%,#107af1 0%,#005997 100%); /* IE10+ */
background: linear-gradient(to bottom,  #000fff 0%,#207cca 0%,#107af1 0%,#005997 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000fff', endColorstr='#005997',GradientType=0 ); /* IE6-9 */

color:#fff; padding:5px 0; margin-right:5px; cursor:pointer;}

.input_action .long input  { width:124px; text-align:center;
float:left;
background: #000fff; /* Old browsers */
background: -moz-linear-gradient(top,  #000fff 0%, #207cca 0%, #107af1 0%, #005997 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000fff), color-stop(0%,#207cca), color-stop(0%,#107af1), color-stop(100%,#005997)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000fff 0%,#207cca 0%,#107af1 0%,#005997 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000fff 0%,#207cca 0%,#107af1 0%,#005997 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000fff 0%,#207cca 0%,#107af1 0%,#005997 100%); /* IE10+ */
background: linear-gradient(to bottom,  #000fff 0%,#207cca 0%,#107af1 0%,#005997 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000fff', endColorstr='#005997',GradientType=0 ); /* IE6-9 */

color:#fff; padding:5px 0; margin-right:5px; cursor:pointer;}


/*.right_section .inquirey_form */.input_action input:hover { background:#333;}
.full_section .inquirey_form p{ padding-bottom:20px;}
.full_section .inquirey_form h3{font-weight:400;}
.borderd-box{
	border:1px solid #b4b4b4;
	margin-bottom:15px;
	height: 350px;
	overflow:scroll;
	width: 90%;
}
.borderd-box .borderbox-inner{
	padding:10px;
}

.borderd-box .borderbox-inner p{
	font-size: 12px;
}

.borderd-box .borderbox-inner br {
	line-height: 17px;
}

.resizeimage { width: 100%;}

#strenghtindicator { width: 180px; height: 40px; background:#ccc; margin: 10px 0;}
 

p { font-size:13px; color:#4b4b4b; line-height: 16px;}


#boxwrapper-small { width: 340px; height:290px; float:left; margin-right: 20px;}

.mid_content .wrapper2 {padding-bottom:50px; border-bottom:5px solid #f4f0ef; overflow:hidden;min-height:300px; width:1050px; margin:auto; max-width:95%; }
 
 
.newslist ul { padding: 10px;}
 
.newslist ul li { list-style: none; padding: 10px 10px 20px 10px; border-bottom: dotted 1px #CCC}
.newsdate { padding: 0; margin: 0; color: #666;}

.right_section .inquirey_form .input textarea { min-height: 100px; width:260px; padding: 5px;}

.swaplabel {color: #000; font-weight:bold; background: #eaeaea; padding: 6px; margin-bottom: 5px;}

#AvailableOptions option, #SelectedOptions option { padding: 4px;} 

.checkboxmode input { margin: 10px 10px 0 0; padding: 0; }
.checkboxmode { margin: 0; padding: 0; margin-right: -10px }





.tooltip{
display: inline;
position: relative;
}

.tooltip span  {
	width:14px; height:14px;
}

.tooltip:hover:after{
background: #333;
background: rgba(0,0,0,.8);
border-radius: 5px;
bottom: 26px;
color: #fff;
content: attr(title);
left: 20%;
padding: 5px 15px;
position: absolute;
z-index: 98;
width: 220px;
}
.tooltip:hover:before{
border: solid;
border-color: #333 transparent;
border-width: 6px 6px 0 6px;
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
} 

img.alignleft { float: left; padding: 0px 15px 15px 10px;}
img.alignright { float: right; padding: 0px 10px 15px  15px;}
.author { font-size: 11px; color:#999; padding: 0;}
.eventdetails { padding: 0; font-weight: bold; margin-top: -20px; line-height: 18px; }

.text-align-left { text-align:left; font-weight:bold;}
/***************Added by Dev team*******************/
.mid_content .left_section .client_box li .active {
color: #9B9B9B;
}
@media screen and (min-width:1025px){
.mid_content .left_section .follow li:first-child { margin-left:10px;}	
header{ position:fixed;}
/*.sub_navigation li:hover { color:#919191; cursor:pointer; background-color:#fcfcfc; }
.main_head nav ul li:hover .sub_navigation { display:block; } 
*/

}

.logo2 {
    float: left;
    margin: 20px 0;
}
table, td, th {    border: none;}
.right_section h1 {
color: #05244F;

}

.login-container2 {
background: white;
border-radius: 15px;
margin: 0 auto;
height: auto;
padding: 25px;
width: 768px;
position: relative;
}

.lotusui30dojo  .dijitDateTextBox .dijitArrowButtonInner {
  background: transparent url(../../images/sunlife/slgfi/cal_small.gif) center center no-repeat;
  width: 16px;
  margin: 0;
}

.ie8 .dijitDateTextBox .dijitArrowButtonInner {
  background: transparent url(../../images/sunlife/slgfi/cal_small.gif) center center no-repeat;
  width: 16px;
  margin: 0;
}


.inquirey_form .error {
     background: url(../images/error.png) no-repeat left center;
    color: #e14646;
    float: left;
    font-size: 12px;
    font-style: italic;
    padding: 20px 20px 20px 26px;
    width: 100%;  }