@charset "utf-8";

html {height: 100%;}
BODY { padding: 0px;
    margin: 0px;
    font-family: Calibri,Arial, Helvetica, Arial, Tahoma, sans-serif;
    color: #333;
     font-size: 100%; 
    height: 100%;
    background: #fff;
    overflow-x: hidden;
}
table{table-layout: fixed;}
td {
	font-family: Calibri,Arial, Helvetica,  Tahoma, sans-serif;
	color:#fff;
	font-size:100%;	
	padding: 5px;
}
img {border:0;}

h1{font-size:280%;color:#003760}
h2{font-size:220%;color:#1760a5}
h3{font-size:120%;margin-top:0;}
h4{}
h5{}
* {
    font-family: Arial, sans-serif !important;
  -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}
input,textarea,select {
   padding:4px;
   font-size: 100%; 
}

hr {
    height: 2px;
    color: #1760a5;
    background-color: #1760a5;
    width: 95%;
    border-width: 0;
}

li {
    padding: 0 0 10px 0;
}

.h1main{margin:0;padding:0;color:#003760}
.top_space{padding-top:55px}

a         {text-decoration:none;color: #eb2227;font-family: Arial, Helvetica, sans-serif;font-size:inherit;}
a:hover         {text-decoration:underline;color: #cb0106;}
a:visited       {color: #eb2227;text-decoration : none;} 
a:visited:hover {text-decoration:underline;color: #cb0106;}

.link_grey_dark     { text-decoration:none; color:#5b5b5b; font-family: Arial, Helvetica, sans-serif;  font-size:inherit;}
.link_grey_dark:hover         { text-decoration:underline; color:#333; }
.link_grey_dark:visited       { color:#5b5b5b; text-decoration : none;} 
.link_grey_dark:visited:hover { text-decoration:underline;color:#333;}

.link_white         { text-decoration:none;color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:inherit; }
.link_white:hover         { text-decoration:underline; color:#fff; }
.link_white:visited       { color:#fff; text-decoration : none;} 
.link_white:visited:hover { text-decoration:underline;color:#fff;}

.link_boxwhite         { text-decoration:none;/*border-radius:15px;*/color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:inherit;background:#003760;padding:15px 30px}
.link_boxwhite:hover         { text-decoration:underline; color:#fff; }
.link_boxwhite:visited       { color:#fff; text-decoration : none;} 
.link_boxwhite:visited:hover { text-decoration:underline;color:#fff;}

.link_sitemap {text-decoration:none;color:#fff; font-family: Arial, Helvetica, sans-serif;}
.link_sitemap:hover {text-decoration:underline; color:#fff;}
.link_sitemap:visited {color:#fff; text-decoration : none;}
.link_sitemap:visited:hover {text-decoration:underline;color:#fff;}

.h_email_back {position:absolute;z-index:12;height:21px;background:#fff;width:210px}
.h_fld_back {height:20px}
.h_div_back {height:20px;width:200px;margin:0 0 -3px 0;}
.h_email_front {position:absolute;z-index:12;height:21px;background:#f6f6f6;width:210px}
.h_fld_front {height:20px}
.h_div_front {height:20px;width:200px;margin:0 0 -3px 0;}

.no_margin{margin:0;padding:0}

.container_main {
	max-width: 100%;
	margin: 0 auto;
	background: white;

	text-align:left;	
	border:0;	
}
.container_block{
	max-width:1170px;	
	margin: 0 auto; 
	text-align:left
}
.container_block_alt{
	max-width:1170px;	
	margin: 0 auto 0 auto; 
	text-align:left
}
.container_padding{
	padding:30px 0;
}

.img_responsive{
	width: auto;
    max-width: 100%;
    height: auto;
}

/*#e0e0e0> #003760> #e3b35e>*/

.logo_block{text-align:left;display:inline-block;vertical-align:top;padding:0 40px 0 0}
.logo_img{padding:4px 20px 4px 0}
.menu_block{
	display:inline-block;vertical-align:top;position:relative;text-align:right;margin:10px 0 5px 0;padding:0;height:50px;right:-255px;
}
.menu_bar{background:#1760a5;}
.linkblock_pension{display:inline-block;vertical-align:top;height:40px;padding:8px 20px 0 20px}
.linkblock_retire{display:inline-block;background:#e3b35e;vertical-align:top;height:40px;padding:8px 20px 0 20px}
.linkblock_petronas{display:inline-block;background:#fff;vertical-align:top;text-align:center;height:100px;padding:8px 20px 0 20px;}
.linkblock_search{display:inline-block;background:#FFFFFF;/*vertical-align:top;*/width:185px;height:110px;padding:40px 35px 0 35px;}

.header_block{width:100%;height:110px; background:#1760a5; text-align:left;color:#333}
.header_tab_left{float:left;height:100px;}
.header_tab_right{float:right;height:100px;}

.poll_bgbox {height:500px; margin: 5px 0 0 0;}

.menu_icon{padding:0 10px;width:50px;}
.link1 .menu_icon{padding:0 0;width:25px;height:16px;}
.block_search{
	position:absolute;
	padding:12px 22px 12px 12px;
	margin:8px 0 0 -150px;	
	background:#303030;
	z-index:2000;
	box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.2);
}

.block_row{	
	display: block; 
	clear: both;
	padding:0 20px 20px 20px;
	width:100%;	
	position:relative;
	height:auto;
}


.search_button{vertical-align:middle;cursor:pointer;}

.column_70{
	display:inline-block;vertical-align:top;width:68%;padding:0;
}
.column_40{
	display:inline-block;vertical-align:top;width:40%;padding:0;
}
.column_30{
	display:inline-block;vertical-align:top;width:30%;padding:0;
}
.column_70_resp{
	display:inline-block;vertical-align:top;width:60%;padding:0;
}
.column_70_welc{
	display:inline-block;vertical-align:top;width:70%;padding:0;
}
.column_40_resp{
	display:inline-block;vertical-align:top;width:38%;padding:0;
}
.column_30_resp{
	display:inline-block;vertical-align:top;width:30%;padding:0;margin-left:1%;
}
.column_30_respalt{
	display:inline-block;vertical-align:top;width:40%;padding:0;background:#f7f7f7;min-height:640px;
}
.column_30_wants{
	display:inline-block;vertical-align:top;width:30%;padding:0;/*background:#f7f7f7;min-height:640px;*/
}
.column_70_wants{
    display:inline-block;vertical-align:top;width:100%;padding:0 10px 0 25px;
}

.Hmailbox{line-height:20px}
.Hmailback{position:absolute;z-index:12;background:#fff;width:220px;height:32px}

.pad_left{padding:0 8px 0 8px;}
.pad_right{padding-right:30px}
.align_right{text-align:right}

.box_ask_pic{display: inline-block; width: 45%;}
.box_ask_txt{display: inline-block; width: 54%; vertical-align: top;}

.map_box {background:#003760}
.mapinside_box {max-width:1170px;margin: 0 auto;padding:42px 12px 42px 12px;}
.map_main {display:inline-block;vertical-align:top;padding:0 50px 50px 0;}
.map_maintitle {padding:0 0 12px 0;font-size:180%}
.map_sub {padding:0 0 8px 0;font-size:110%}
.map_add {padding:0 0 8px 18px;font-size:100%}

.block_footer {clear:both;width:100%;margin:0 auto;background:#003760}
.blockinside_footer {max-width:1170px;margin: 0 auto;padding:32px 12px 62px 12px}
.row_right{clear:both;text-align:right;padding:20px 0}
.footer_links {display:inline-block;width:100%;margin:30px 0 100px 0}
.footer_notice{clear:both;padding:12px 0 0 10px}

.button_next{width:100%;height:100%}
.button_more{display:inline-block;border-radius:20px;margin-top:12px;padding:12px 20px;color:#fff;background:#e63837;font-size:100%;font-weight: bold}
.block_row{text-align:left}
.block_news{position:relative;margin:4px 12px 8px 12px;width:100%;background:#fff;padding:16px 24px 16px 16px;min-height:125px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.block_related{position:relative;/*border-radius:25px;*/display:inline-block;width:30%;background:#f6f6f6;padding:20px;margin:0 12px 5px 0;min-height:350px;border: #e6e6e6 1px solid;}
.slider_block{margin:20px 20px 0 auto}
.block_icons{text-align:center;}

.slick_custom_box{height:auto !important;padding:12px 0 20px 0 !important}

.link_page{border-bottom:solid 3px #494949;}

.icon_row{/*height:120px;*/background:#003760;width:100%;}
.icon_image{/*height:90px;*/display:inline-block;margin:15px 10px 15px 10px;}
.icon_image_clean{height:160px;display:inline-block;border-bottom:solid 3px transparent}
.icon_image_green:hover{border-bottom:solid 3px #a0b839}
.icon_image_red:hover{border-bottom:solid 3px #eb2227}
.icon_image_blue:hover{border-bottom:solid 3px #124b8a}
.icon_split{display: inline-block; margin-top: 15px; vertical-align: top;}

.search_icon{cursor:pointer;vertical-align: middle}

.like_box{margin-top:-70px;float:right;width:100px}

.clean_img{padding:0 0 0 12px;text-align:right}
.clean_img:hover{background:#fff !important;}
.clean_img a:hover{background:#fff !important;}
.button_img{padding:0 0 0 80px;text-align:right}
.button_news{position:absolute;bottom:0;vertical-align:middle;right:0;margin:0;background:url(/images/arrow_largewhite.png) no-repeat center center #003760;width:30px;padding:auto 0 auto 8px;height:100%}
.button_news1{position:absolute;bottom:0;vertical-align:middle;right:0;margin:0;background:url(/images/arrow_largewhite.png) no-repeat center center #003760;width:30px;padding:auto 0 auto 8px;height:100%}
.button_news2{position:absolute;bottom:0;vertical-align:middle;right:0;margin:0;background:url(/images/arrow_largewhite.png) no-repeat center center #e23a39;width:30px;padding:auto 0 auto 8px;height:100%}
.button_news3{position:absolute;bottom:0;vertical-align:middle;right:0;margin:0;background:url(/images/arrow_largewhite.png) no-repeat center center #e3b35e;width:30px;padding:auto 0 auto 8px;height:100%}
.button_spacer{height:25px}

.box_header_banner {
    padding: 0 0 0 10%;
}
.box_plain{}

.footerx {display: block;position:fixed;left:0px;bottom:0px;height:80px;width:100%;z-index:2000;background: #003760;}
.footery {display: block;height:80px;width:100%;background: #eb2227;}

.stage_stickybox {display: block;position:fixed;left:0px;bottom:0px;height:100px;width:100%;z-index:2000;background: #1760a5;}
.sticky_line{float:left;font-weight:bolder;padding: 0;}
.sticky_link{float:right;color:#fff;padding-top:18px;text-align:center;font-size: 20px;}
.sticky_h1{margin:0 auto;color:#fff;max-width: 1170px;padding:20px 0 0 0}



.box_warn{position:absolute;z-index:50;min-height:200px;padding:12px;margin:5px 0 0 -50px;background:#fff;border:solid 1px #cc0000;color:#333;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.hidden_box{display:none}

.move_block{display:none;position:absolute;z-index:1110;}
.move_handle{background:#ccc;padding:8px;cursor:pointer;}
.move_content{background:#fff;padding:8px}

.upper_text_green{color:#e3b35e}
.upper_text_red{color:#003760;}
.upper_text_blue{color:#003760;padding:0 0 0 12px}
.h1colour{color:#003760}
.text_first{color:#003760}
.text_second{}
.text_rest{color:#003760}

.editBoxDots{position:absolute;clear:left;float:left;z-index:1100;padding:2px;cursor:pointer;height:45px;width:46px}
.editBox{position:absolute;float:left;z-index:1101;padding:2px 0px 0px 2px;height:45px;margin-left:0px}

/*FORMS*/
.button_contact{color:#fff;background-color: #a2b937;font-size: 110%;letter-spacing:1px;border:0;text-align:center;cursor:pointer;padding:6px 20px;}
.button_calculator{color:#fff;background-color:#124b8a;font-size: 110%;letter-spacing:1px;border:0;text-align:center;cursor:pointer;padding:6px 20px;margin-top:20px}
.button_calc{color:#fff;background-color: #124b8a;font-size: 110%;letter-spacing:1px;border:0;text-align:center;cursor:pointer;padding:6px 20px;margin-top:20px}
.button_warning{color:#fff;background-color:#cc0000;font-size: 110%;letter-spacing:1px;border:0;text-align:center;cursor:pointer;padding:6px 20px;margin-top:20px}
.button_formbuilder{color:#fff;background-color:#124b8a;font-size: 110%;letter-spacing:1px;border:0;text-align:center;cursor:pointer;padding:6px 20px;}
.go_blue{color:#fff;background-color:#eb2227;font-size: 110%;letter-spacing:1px;border:0;text-align:center;cursor:pointer;padding:6px 20px;}
.go_green{color:#fff;background-color:#e23a39;font-size: 110%;letter-spacing:1px;border:0;text-align:center;cursor:pointer;padding:6px 20px;}
.go_orange{color:#fff;background-color:#003760;font-size: 110%;letter-spacing:1px;border:0;text-align:center;cursor:pointer;padding:6px 20px;}
.go_poll {font-family:Arial Narrow, sans-serif;/*border-radius:20px;*/font-weight:bold; color:#fff; background-color:#003760; font-size: 18px; border:0; text-align:center;cursor:pointer;padding:12px 30px;}

.poll_row{margin:35px 0 35px 0;text-align:left;}
.poll_header{float:left;padding:0 0 0 40px}
.poll_formbox{/*background:#fff;*/padding:10px 30px 30px 30px;color:#fff;width:50%;font-size:130%}
.poll_formbox h1 {font-size:280%;color:#003760; margin:0 0 10px 0;}
.pollbox_form{background:#1760a5;padding:30px;color:#fff;font-size:130%;}
.poll_question{padding:0 0 1px 0}
.poll_text{color:#fff}
.poll_button{padding:12px 0 12px 0}
.black{color:#fff}
.vote_resluts{color:#fff}
.pollclassic_formbox{background:#fff;border:solid 1px #003760;color:#003760;padding:0 12px 20px 12px;margin:0 0 20px 0}
.pollclassic_question{padding:0 0 1px 0}
.pollclassic_opt{color:#003760}

.graph_block{width:1100px}
.accordion_bar {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
    font-weight:bold;
    margin:0 0 8px 0;
}

.active, .accordion_bar:hover {
  background-color: #ccc; 
}

.form_text_search{
  height: 28px;
  vertical-align:middle;
  margin:0;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #717273;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c5c3c4;
  
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	box-shadow:none;
 	-webkit-box-shadow:none; 
}
.form_text_box{
  height: 28px;
  margin:4px 0;
  vertical-align:middle;
  margin:0;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #717273;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c5c3c4;
  
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	box-shadow:none;
 	-webkit-box-shadow:none; 
}
.form_lrgtext_box{
  width:90%;
  margin:4px 0;
  vertical-align:middle;
  margin:0;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #717273;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c5c3c4;
  
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	box-shadow:none;
 	-webkit-box-shadow:none; 
}
.from_field_contact{width:100%;padding: 6px 8px;border: 1px solid #c5c3c4;font-size: 14px;}
.form_title{padding:4px 0 4px 20px;vertical-align:middle;width:30%;font-size:110%}
.form_field{padding:4px 0 4px 50px;vertical-align:middle;color:#777}
.form_checkbox{padding-right:12px}
.form_radio_extra{padding-left:20px}
.form_radio{padding-right:30px}
.form_title_custom{clear:both;padding:12px 0 0 20px;vertical-align:middle;font-size:140%;font-weight:bold}
.form_field_custom{padding-top:12px}
.form_title_div{clear:both;float:left;padding:4px 0 4px 20px;vertical-align:middle;width:30%;font-size:110%}
.form_field_div{float:left;padding:4px 0 4px 50px;vertical-align:middle;color:#999}
.form_full_div{clear:both;padding:4px 0 4px 20px;vertical-align:middle;width:100%;font-size:110%}
.form_clean_div{clear:both;vertical-align:middle;width:100%;}
.form_head_div{clear:both;vertical-align:middle;width:100%;font-weight:bold;font-size:130%;padding:6px 0 12px 20px;}

.form_tooltip{vertical-align:middle;padding:0 8px;margin-top:-8px;cursor:pointer}
.form_infobox{position:absolute;z-index:10;padding:12px;background:#fff;border:solid 2px #0E5490;max-width:400px;margin:8px 0 0 100px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);color:#555}


.panel_box {
  padding: 0 18px;
    width:100%;
  display: none;
  background-color: white;
  overflow: hidden;
}

/*ACCORDION*/
.accordion {
  list-style: none;
  padding: 0;
}
/*.accinner {
  padding-left: 1em;
  overflow: hidden;
  display: none;
}*/
.accinner.accshow {
  /*display: block;*/
}
.accordion .acctitle {
  margin: .5em 0;
}
.accordion .acctitle a.acctoggle {
  width: 100%;
  display: block;  
  padding: .75em;
  border-radius: 0.15em;
  transition: background .3s ease;
  text-decoration:none;
  font-size:120%;
}
.accordion .acctitle a.acctoggle-inside {
  width: 100%;
  display: block;  
  padding: .75em;
  border-radius: 0.15em;
  transition: background .3s ease;
  text-decoration:none;
  font-size:120%;
}
.accinner {
	overflow: hidden;
  display: none;
  
  list-style: none;
  padding: 0 10px 12px 10px;
  border-left:solid 1px #ccc;
  border-right:solid 1px #ccc;
  border-bottom:solid 1px #ccc;
}
.accordion .bar_parent a.acctoggle{background:url(images/arrow_down_black.png) no-repeat 98% 50% rgba(187, 204, 52, 0.7);color: #000; font-weight:bold;}
.accordion .bar_child a.acctoggle{background:url(images/arrow_down.png) no-repeat 98% 50% rgba(94, 33, 95, 0.7);color: #fefefe; font-weight:bold;}
.accordion .bar_parent a.acctoggle:hover {
  background:url(images/arrow_down_black.png) no-repeat 98% 50% rgba(187, 204, 52, 1);
}
.accordion .bar_child a.acctoggle:hover {
  background:url(images/arrow_down.png) no-repeat 98% 50% rgba(94, 33, 95, 1);
}

.accordion .bar_small{float:left;}
.accordion .bar_brown a.acctoggle-inside{background:#675040;color: #fff; font-weight:bold;}
.accordion .bar_brown a.acctoggle-inside:hover {  background:#675040;}
.accordion .bar_green a.acctoggle-inside{background:#b0d235;color: #fff; font-weight:bold;}
.accordion .bar_green a.acctoggle-inside:hover {  background:#b0d235;}
.accordion .bar_purple a.acctoggle-inside{background:#5c3d5a;color: #fff; font-weight:bold;}
.accordion .bar_purple a.acctoggle-inside:hover {  background:#5c3d5a;}
.accordion .bar_grey a.acctoggle-inside{background:#807f84;color: #fff; font-weight:bold;}
.accordion .bar_grey a.acctoggle-inside:hover {  background:#807f84;}
.accrow{padding:10px 0;border-bottom:solid 1px #807f83}

/*TOOLTIPS*/
#tooltip
{
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
}
 
#tooltip:after /* triangle decoration */
{
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #111;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
}

	#tooltip.top:after
	{
		border-top-color: transparent;
		border-bottom: 10px solid #111;
		top: -20px;
		bottom: auto;
	}

	#tooltip.left:after
	{
		left: 10px;
		margin: 0;
	}

	#tooltip.right:after
	{
		right: 10px;
		left: auto;
		margin: 0;
	}