/* IMAGES
=======================================================================================================*/
.loginimage_top{width:390px; height:auto;}.loginimage_bottom{width:390px; height:30px;margin-top:auto;}
img.alignleft{float:left;margin:10px 16px 10px 0;}img.aligncenter {display:block;margin-left:auto;margin-right:auto;width: 390px;height: auto;}img.alignright {float:right;margin:5px 0px 5px 11px;}

/* SPACE
=======================================================================================================*/
.padding1  {padding-top:1px;font-size:0;line-height:0;}.padding3  {padding-top:3px;font-size:0;line-height:0;}.padding5  {padding-top:5px;font-size:0;line-height:0;}.padding8  {padding-top:8px;font-size:0;line-height:0;}.padding10 {padding-top:10px;font-size:0;line-height:0;}
.padding12 {padding-top:12px;font-size:0;line-height:0;}.padding15 {padding-top:15px;font-size:0;line-height:0;}.padding17 {padding-top:17px;font-size:0;line-height:0;}.padding20 {padding-top:20px;font-size:0;line-height:0;}
.padding25 {padding-top:25px;font-size:0;line-height:0;}.padding30 {padding-top:30px;font-size:0;line-height:0;}.padding40 {padding-top:40px;font-size:0;line-height:0;}.padding50 {padding-top:50px;font-size:0;line-height:0;}
.padding55 {padding-top:55px;font-size:0;line-height:0;}.padding60 {padding-top:60px;font-size:0;line-height:0;}.padding65 {padding-top:65px;font-size:0;line-height:0;}.padding70 {padding-top:70px;font-size:0;line-height:0;}.padding80 {padding-top:80px;font-size:0;line-height:0;}
.padding85 {padding-top:85px;font-size:0;line-height:0;}.padding90 {padding-top:90px;font-size:0;line-height:0;}.padding100 {padding-top:100px;font-size:0;line-height:0;}.padding150 {padding-top:150px;font-size:0;line-height:0;}.padding200 {padding-top:200px;font-size:0;line-height:0;}.none {display:none;}.line {font-size:0px;border-top:1px solid #d9d9d9;}
#left, #right,#middle {padding-bottom:100%; margin-bottom:-100%;} /*!!!!!!!!!!!!!!!*/
#container {overflow:hidden;} /*!!!!!!!!!!!!!!!*/

/* GENERAL STRUCTURE
=======================================================================================================*/
.container, .page-container {padding-left: 1em;padding-right: 1em;}
/* ================= Header and Logo & Navigation Bar ================= */
#header button {color: #F9F9F9;background-color: #55ABDA;}
.row{max-height:auto;width: auto }.row 0, .row 0 a{color:#000000;background-color:#FFFFFF;}.row0, .row0 a {}.row1{color:#000000;background-color:#FFFFFF;}.row1 a {color: #000000;background-color: inherit;text-decoration: underline;}.row1, .row1 a {}.row5, .row5 a {color: #000000;background-color: #0077a9;min-height: 50px;position:relative;padding-top:15px;padding-bottom:15px;}
#left .header_leftlogo{width:330px; height:auto; margin:auto 0px auto auto;float:left;}#left .header_leftlogo img{width:330px; height:auto; margin:auto 0px auto auto;float:left;}
.bar-menu-wrapper {background: #0077b3;color: #fff;position: relative;z-index: 12;min-height: 50px;} .bar-menu-wrapper .container:before, .bar-menu-wrapper .page-container:before, .bar-menu-wrapper .container:after, .bar-menu-wrapper .page-container:after {content: " ";display: table;}
.bar-menu-wrapper .container:after, .bar-menu-wrapper .page-container:after {clear: both;}.bar-menu-wrapper .container, .bar-menu-wrapper .page-container {}.bar-menu-wrapper a {color: #fff;}.bar-menu-wrapper a:visited {color: #fff;}
.menu-holder .container, .menu-holder .page-container {position: relative;}.menu-holder .csstransitions .bar-menu-wrapper {transition: box-shadow 0.3s ease-in-out;transition-property: box-shadow;transition-duration: 0.3s;transition-timing-function: ease-in-out;transition-delay: initial;}
a {color: #006eab;text-decoration: none;overflow-wrap: break-word;word-wrap: break-word;}a {background: transparent;}a:visited {text-decoration: none !important;}a:visited {color: #006eab;}
.menu-holder .nav-secondary > a:before {margin-right: 8px;}.menu-holder {position: relative;z-index: 11;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;}
.menu-holder .nav-main {display: block;width: auto;font-weight: normal;}.menu-holder .main-navigation {position: absolute;left: 0;top: 100%;z-index: 1;border-top-width: 0;background-color: #1F253D;border-radius: 0 0 4px 4px;display: none;}
.link-menu {float: left;padding-top: 13px;padding-bottom: 13px;vertical-align: top;text-transform: uppercase;border-right: 1px #FFFFFF solid;border-left: 1px #FFFFFF solid;text-align: center;margin-right: 15px;width: 100px;background-color:#cccccc;}
.link-menu:hov {float: left;padding-top: 13px;padding-bottom: 13px;vertical-align: top;text-transform: uppercase;border-right: 1px #FFFFFF solid;border-left: 1px #FFFFFF solid;text-align: center;margin-right: 15px;width: 100px;background-color:#cccccc;}
.link-menu:before {content: "\e756";font-size: 24px;vertical-align: top;}.link-menu span {display: none;}
.link--form:before, .category-forms:before, .link--service:before, .category-eservice:before, .link--bar-menu-wrapperartform:before, .link--page:before, .link--legal:before, .link--print:before, .link--kb:before, .link--question:before, .link--location:before, .link--phone:before, .link--fax:before, .link--news:before, .link--edit:before, .rate-mom a:before, .link--mail:before, .link--download:before, .link-download-ical:before, .link--newsroom:before, .link--legislation:before, .link--apps:before, .link--enter:before, .link--exit:before, .link--contact:before, .link--feedback:before, .link--sitemap:before, .list--arrow > li:before, .footable-last-column .footable-toggle:after, .table-dbapp .footable-toggle:before, .link--close:before, .alert__close:before, .notification .notification-close:before, .link--close-rounded:before, .link--external:after, .link-pdf:after, .link-doc:after, .link-docx:after, .link-xls:after, .link-xlsx:after, .link-csv .link-external:after, .link-filter-toggle:before, .link--arrow:before, .link--minus:before, .link--plus:before, .link--lock:before, .link--unlock:before, .link--back:before, .input-wrap, .btn-calculator:before, .btn-download:before, .link-menu:before, .ui-breadcrumbs .crumb-dropdown-link:before, .ui-breadcrumbs > a:after, .breadcrumbs-home:before, .breadcrumbs-mobile:before, .tab__handle--mobile:after, .accordion__header:after, .toggle__header:before, .toggle-enhanced > .toggle__header:before, .toggle__link > span:after, .tooltip-close:before, .alert:after, .pages .previous:before, .pages .next:after, .remove-repeater:before, .ui-related h2:before, .list-pane a:after,.btn:before, .link-filter-toggle:before, .introjs-skipbutton:before,.introjs-skipbutton:before, .trip-close:before,.trip-next:before,.trip-prev:before, .arrow-return, .notification .notification-text:before, .dataTables_filter label:after, .dataTable.dtr-inline.collapsed tbody td:first-child:before, .dataTable.dtr-inline.collapsed tbody th:first-child:before, .icon-social-facebook:before, .icon-social-twitter:before, .icon-social-blogger:before, .icon-social-youtube:before, .icon-share-fb:before, .icon-share-tw:before, .icon-share-email:before, .icon-action-print:before, .item-top-hit:before, .combo-arrow:before, .quota-result:before {
 font-family: 'Linearicons';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;text-rendering: auto;text-decoration: none;-webkit-font-bar-menu-wrapperoothing: antialiased;-moz-osx-font-bar-menu-wrapperoothing: grayscale;line-height: 1;display: inline-block;}
.link-has-image {display: inline-block;}.link-has-image {display: inline-block;}
.main-navigation {padding: 1em 0;background: #005787;color: #fff;}.nav-icon {display: inline-block;vertical-align: middle;background-size: 30px auto;width: 30px;height: 30px;max-width: 30px;display: table-cell;text-align: left;} .nav-icon img {width: 30px;}
.nav-secondary {padding: 0.625em 1em 0.625em 1em;}.nav-secondary a {color: #fff;display: block;padding: 0.5em 0;margin-left: 0;border-bottom: 1px #0067a1 solid;}.nav-secondary a:before {color: #F7C796;font-size: 24px;margin-right: 5px;margin-left: 0;}.nav-secondary img {vertical-align: -6px;max-width: 30px;margin-right: 0.5em;margin-top: 6px;}
img, video, embed, object {max-width: 100%;vertical-align: top;}img {border: 0;}img {font-style: italic;}
.breadcrumbs-mobile {display: inline-block;float: left;line-height: 50px;font-size: 14px;font-size: 0.875rem;overflow: hidden;text-overflow: ellipsis;padding-right: 0;white-space: nowrap;max-width: 190px;} .breadcrumbs-mobile:before {content: "\e761";margin-right: 0.3em;position: relative;top: 1px;}
.breadcrumbs-home:before {content: "\e601";position: static;line-height: 50px;vertical-align: top;margin-right: 0.2em;text-indent: 0;}.breadcrumbs-home {padding-top: 0;padding-bottom: 0;}
.ui-breadcrumbs {max-height: 50px;float: left;position: relative;transition: opacity 0.1s ease-in;}.ui-breadcrumbs .breadcrumbs-home {padding-top: 0;padding-bottom: 0;}.ui-breadcrumbs > a {padding-top: 14px;padding-bottom: 14px;vertical-align: top;font-size: 14px;font-size: 0.875rem;display: none;}
.site-navigation-opened .main-navigation {display: block;box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.4), 0 0px 5px 0 rgba(0, 0, 0, 0.2) inset;}.site-navigation-opened .link-menu, .link-menu:hover, .link-menu:focus {text-decoration: none;background-color: #1F253D;}
#topbar nav ol {margin: 0;padding: 0;list-style: none;}#topbar {padding: 2px 0 0 0;text-align: right;}#topbar{ float:right;padding:2px;width:300px;position:relative;list-style-type: none;margin: 0;padding: 0;}
#topbar nav ul li {font-size:24px;color:#aaa;display:inline;font-weight:bold;padding: 5px;} #topbar nav ul li a:hover{color:#fff;transition:.25s ease-out;}#topbar nav ul #controls li a.selected {background:#000;color:#fff !important;}
#topbar nav ul #controls li a #bar-menu-wrapperall {font-size:10px !important;} #topbar nav ul #controls li a #medium {font-size:14px !important;} #topbar nav ul #controls li a #large {font-size:18px  !important;}.bar-menu-wrapperall{font-size:75%;} 

/*=================================LOGIN FORMS & REGISTRATION=====================================*/
address, article, aside, figcaption, figure, footer, header, main, nav, section {display: block;margin: 0;padding: 0;}
*, *:before, *:after {box-sizing: border-box;}.non-ios a:hover {text-decoration: underline;}
a:active, a:hover {outline: 0;}a:hover {color: #006eab;}a:active {color: #006eab;}a:hover {}a:active {background-color: inherit;}
.link--close-rounded:before {content: "\e771";font-size: 22px;}.link--close-rounded, .link--close-rounded:hover, .link--close-rounded:visited {color: #333;}.link--close-rounded {position: absolute;right: -34px;top: 10px;cursor: pointer;}.link--close-rounded {display: none;}
.ui-breadcrumbs .breadcrumbs-home {padding-top: 0;padding-bottom: 0;}.breadcrumbs-home:before {content: "\e601";position: static;line-height: 50px;vertical-align: top;margin-right: 0.2em;text-indent: 0;}
.accessibility, .visuallyhidden, .panel--criteria legend {border: 0 !important;clip: rect(0 0 0 0) !important;height: 1px !important;margin: -1px !important;overflow: hidden !important;padding: 0 !important;position: absolute !important;top: 0;left: 0;width: 1px !important;}.visuallyhidden, .panel--criteria legend {text-decoration: none !important;}
.text-input, textarea, select, input[type="file"], input[type="color"], input[type="range"], .label-checkbox, .label-radio {margin-bottom: 24px;margin-bottom: 1.5rem;}.text-input, textarea {border: 2px #b3c1ca solid;padding: 0.6em 1em;transition: all 0.1s ease-in;vertical-align: middle;color: #333;width: 100%;border-radius: 4px;}
label, input, textarea, button, select, option {cursor: pointer;}
button, select {text-transform: none;}button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0;}button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0;}button {overflow: visible;}
button, select {text-transform: none;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer;}label, .label {margin-bottom: 6px;margin-bottom: 0.375rem;display: block;}
.btn, .link-filter-toggle, .introjs-skipbutton, .trip-close, .trip-next, .trip-prev {line-height: normal;padding: 0.6em 1.2em;background: #d8d8d8;border: none;border: 1px #cbcbcb solid;white-space: normal;display: inline-block;display: inline-block;vertical-align: middle;
font-family: inherit;font-size: 100%;cursor: pointer;margin: 0;padding-right: 1em;padding-left: 1em;border-radius: 4px;margin-bottom: 24px;margin-bottom: 1.5rem;}
.btn--primary:hover, .link-filter-toggle:hover, .btn-calculator:hover, .btn-download:hover, .introjs-skipbutton:hover, .trip-next:hover, .btn--primary, .link-filter-toggle, .btn-calculator, .btn-download, .introjs-skipbutton, .trip-next, .btn--primary:visited, .link-filter-toggle:visited,
.btn-calculator:visited, .btn-download:visited, .introjs-skipbutton:visited, .trip-next:visited, .btn--primary:visited:hover, .link-filter-toggle:visited:hover, .btn-calculator:visited:hover, .btn-download:visited:hover, .introjs-skipbutton:visited:hover, .trip-next:visited:hover, .btn--primary:visited, 
.link-filter-toggle:visited, .btn-calculator:visited, .btn-download:visited, .introjs-skipbutton:visited, .trip-next:visited, .btn--primary:visited:visited, .link-filter-toggle:visited:visited, .btn-calculator:visited:visited, .btn-download:visited:visited, .introjs-skipbutton:visited:visited,.trip-next:visited:visited{color: #333;}
.btn--primary, .link-filter-toggle, .btn-calculator, .btn-download, .introjs-skipbutton, .trip-next, .btn--primary:visited, .link-filter-toggle:visited, .btn-calculator:visited, .btn-download:visited, .introjs-skipbutton:visited, .trip-next:visited {background-color: #ffb74d;border-color: #D38D27;}
.btn, .link-filter-toggle, .introjs-skipbutton, .trip-close, .trip-next, .trip-prev, .btn:hover, .link-filter-toggle:hover, .introjs-skipbutton:hover, .trip-close:hover, .trip-next:hover, .trip-prev:hover {text-decoration: none;}
.rounded, input, button, textarea, #header input, #footer input, #slide-wrapper figcaption, .avatar, #comments li, .faico a, #twitter, .pagination a, .pagination strong {border-radius: 8px;}
   
/*===================SEARCH BAR===============*/
.main input {color: #979797;background-color: #EEEEEE;}.main input {width: 100%;padding: 5px 40px 5px 5px;}.main input, .main button {display: block;height: 30px;border: none;}.main input {font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 13px;color: #000000;}
.main form {display: block;position: relative;width: 100%;}
.main button {color: #F9F9F9;background-color: #55ABDA;}.main button, #footer button {border-radius: 0 8px 8px 0;}.main button {position: absolute;top: 0;right: 0;width: 35px;font-size: 16px;cursor: pointer;}
.main {margin-top: auto;margin-right: auto;float: right;padding: 10px;}
:-moz-placeholder {color: #a7aabc;font-weight: 200;}::-webkit-input-placeholder {color: #a7aabc;font-weight: 200;}
.lt-ie9 .search input { line-height: 26px }

/* ====================== Columns ======================== */
#left{background-color:#f5f5f0; height: 100%;}#right{background-color:#f5f5f0;height: 100%;}#middle{background-color:#0077b3;height:100%;}

/* ================= LEFT Column Content ================= */
#left .portal_info{max-width:330px;height:auto;margin:auto;position:relative;background-color:#f5f5f0;border-radius:0.3em;box-shadow: 0px 1.5px 5px #000;} #left .portal_info p{font-size:10pt;color:#000000;padding:10px;} 
#left .portal_title {margin:auto;border-top-left-radius: 0.3em;border-top-right-radius:0.3em;max-width:330px;padding:0px;background-color:#ffffff;line-height:30px;} #left .portal_title  span h3 {margin-top:auto;margin-bottom:auto;font-size:18px;color:#FF0000;}
#left .portal_title span h2{margin-left:0px;text-align:left; padding:5px;color:#FFFFFF;font-size:2em;font-family:Arial, Helvetica, sans-serif;}	#left #description a{font-size:10pt;font-weight:bold;color:#0077b3;padding:0px;font-family:Arial;font-weight: bold;}       						
.QA_guides{height:auto;max-width:300px; height: auto; margin:auto;padding:0px;}.QA_guides ul{list-style-type: none;margin: 0;height:auto;max-width:300px;}.QA_guides ul li{margin-left:auto;margin-right:auto;float: left;padding: 10px;}.QA_guides ul li button{display: block;padding:2px;font-size:1em;height:auto;width:90px;background-color:#42a5f5;box-shadow: 0px 0px 5px; border-radius: 6px;font-weight:bolder;font-family:Arial, Helvetica, sans-serif;color: #FFFFFF;}           						
#GUIDES {display:block;padding:3px;font-size:1em;height:100px;width:90px;background-color:#42a5f5;box-shadow: 0px 0px 5px; border-radius: 6px;font-weight:bolder;font-family:Arial, Helvetica, sans-serif;color: #FFFFFF;text-decoration: initial;} /*!!!!!!!!!!!!!!!!!!*/
#CRSFAQ{display:block;padding:3px;font-size:1em;height:auto;width:90px;background-color:#42a5f5;box-shadow: 0px 0px 5px; border-radius: 6px;font-weight:bolder;font-family:Arial, Helvetica, sans-serif;color: #FFFFFF;text-decoration: initial;} /*!!!!!!!!!!!!!!!!!!*/
#BLSFAQ{display:block;padding:3px;font-size:1em;height:auto;width:90px;background-color:#42a5f5;box-shadow: 0px 0px 5px; border-radius: 6px;font-weight:bolder;font-family:Arial, Helvetica, sans-serif;color: #FFFFFF;text-decoration: initial;} /*!!!!!!!!!!!!!!!!!!*/
#BCADIR{display:block;padding:3px;font-size:1em;height:100px;width:90px;background-color:#42a5f5;box-shadow: 0px 0px 5px; border-radius: 6px;font-weight:bolder;font-family:Arial, Helvetica, sans-serif;color: #FFFFFF;text-decoration: initial;} /*!!!!!!!!!!!!!!!!!!*/
#CRSVideo{display:block;padding:3px;font-size:1em;height:100px;width:90px;background-color:#42a5f5;box-shadow: 0px 0px 5px; border-radius: 6px;font-weight:bolder;font-family:Arial, Helvetica, sans-serif;color: #FFFFFF;text-decoration: initial;} /*!!!!!!!!!!!!!!!!!!*/
#BLSVideo{display:block;padding:3px;font-size:1em;height:100px;width:90px;background-color:#42a5f5;box-shadow: 0px 0px 5px; border-radius: 6px;font-weight:bolder;font-family:Arial, Helvetica, sans-serif;color: #FFFFFF;text-decoration: initial;} /*!!!!!!!!!!!!!!!!!!*/
#left #description p{width: auto; height: auto;padding: 25px 10px 25px 10px;font:Arial, Helvetica, sans-serif ;}

/* ================= RIGHT Column Content ================= */
#right .announcement_title_right{background-color: #0077b3;margin: auto;border-top-left-radius: 0.3em;border-top-right-radius: 0.3em;max-width: 330px;padding: 0px;line-height: 30px;}
#right .announcement_title_right h2{text-align:left; padding:5px;color:#FFFFFF;font-size:2em;font-family:Arial, Helvetica, sans-serif;}
#right .introduction{max-width: 330px;height: auto;margin: auto;position: relative;background-color: #f5f5f0;border-radius: 0.3em;box-shadow: 0px 1.5px 5px #000;}
#right .introduction p {font-size: 10pt;color: #0077b3;font-family: Arial;padding: 10px;}
#right .introduction span p{font:Arial, Helvetica, sans-serif #FFFFFF;font-size:10pt;font-weight: bold;}
#right .introduction h4{text-align: left;font-size: 10pt;color: #000000;font-family: Arial;font-weight: bold;padding: 0px 10px 5px 10px;}
#right .circular_information{text-align:left; width:275px;padding:10px;margin-right:auto;margin-left:auto;}
#right #description_right{width: auto; height: auto;padding: 0px 0px 0px 0px;}
#right #updateinfo_date{width: auto; height: auto;padding: 0px 0px 0px 0px;}

/* ================= MIDDLE Column Content ================= */
h1 {text-align: center;color: #ffffff;font-weight: 300;margin: 0 0 0px;}
.login_button #body_btnLogin{width:70px;height:auto;margin:auto;margin-left:auto;margin-right:auto;float:right;	border-width:;}						
.login_button #body_btnForgetPassword{width:70px;height:auto;margin-left:auto;margin-right:auto;float:right;border-width: ;} 
.login_button #body_btnRegister{width:70px;height:auto;margin-left:auto;margin-right:auto;float:right;}
#middle .login_image{margin:auto;max-width: 390px;height:auto;}#middle .login{max-width:300px;height:auto;background-color:#86ba3e;margin:auto;	padding:0px;}
#middle .singpass{margin:auto;height:auto;}#middle .login .singpass #body_btn_Singpass{margin-left:auto;margin-right:auto;}#middle .login_singpass p{text-align:left;}
#middle .login_singpass .button .singpass{background-color: #e7e7e7;border-radius:10px;max-width:112px;max-height:100px;}
#middle .login_corppass{margin:auto;height:auto;}#middle .login_corppass p{text-align:left;}
#middle .singpass_corppass{margin: auto;background-color:#46a549;box-shadow: 0px 1.5px 5px #000;border-radius:3px;position:relative;max-width:300px;height:auto;padding:10px;}#middle .singpass_corppass p{text-align:center;}						
#middle .singpass_corppass p strong{text-align:center;color:#FFFFFF;}#middle .singpass_corppass strong{text-align:center;color:#FFFFFF;}								
#middle .login_singpasscorppass_buttons ul{max-width: 280px;height:80px;margin: auto;display:inline-block;padding: 0px;}#middle .login_singpasscorppass_buttons ul li{list-style-type: none;display:block;position: relative;margin-right:auto;margin-left: auto;border-radius:10px;height:60px;}#middle .login_singpasscorppass_buttons p{text-align:center;}
#middle .singpass{font-family: Arial, Helvetica, sans-serif;font-size: 10pt;font-style: normal;font-weight: bold;color: #FFF;background-color: #f2f2f2;opacity:50;position: relative;margin-right:auto;margin-left: auto;border-radius:10px;width:280px;height:65px;}
#middle .login_corppass{font-family: Arial, Helvetica, sans-serif;font-size: 10pt;font-style: normal;font-weight: bold;color: #FFF;background-color: #f2f2f2;opacity:50;position: relative;margin-right:auto;margin-left: auto;border-radius:10px;width:280px;height:65px;}
#middle .login_corppass #body_btn_Corppass{margin-left:auto;margin-right:auto;border-radius:10px;box-shadow: 0px 1px 3px #000;}		/*<<<<!!!!!!!!>>>>*/				
#middle .login_singpass #body_btn_Singpass{margin-left:auto;margin-right:auto;border-radius:10px;box-shadow: 0px 1px 3px #000;}		/*<<<<!!!!!!!!>>>>*/				
#middle .login_singpass #body_btn_Singpass1{margin-left:auto;margin-right:auto;border-radius:10px;box-shadow: 0px 1px 3px #000;}	
#middle #body_btn_Corppass {font-size: 14px;display: block;height: 100%;padding: 5px 10px;background: none;border-radius: 0;-webkit-transition: border-color .25s ease, box-shadow .25s ease;transition: border-color .25s ease, box-shadow .25s ease;margin: auto;position: relative;}
#middle #body_btn_Singpass {font-size: 14px;display: block;height: 100%;padding: 5px 10px;background: none;border-radius: 0;-webkit-transition: border-color .25s ease, box-shadow .25s ease;transition: border-color .25s ease, box-shadow .25s ease;margin: auto;position: relative;}
#middle #body_btn_Singpass input {font-size: 14px;display: block;height: 100%;padding: 5px 10px;background: none;border-radius: 0;-webkit-transition: border-color .25s ease, box-shadow .25s ease;transition: border-color .25s ease, box-shadow .25s ease;position: relative;}
#middle #body_btn_Singpass1 {font-size: 14px;display: block;height: 100%;padding: 5px 10px;background: none;border-radius: 0;-webkit-transition: border-color .25s ease, box-shadow .25s ease;transition: border-color .25s ease, box-shadow .25s ease;margin: auto;position: relative;}
#middle #body_btn_Singpass1 input {font-size: 14px;display: block;height: 100%;padding: 5px 10px;background: none;border-radius: 0;-webkit-transition: border-color .25s ease, box-shadow .25s ease;transition: border-color .25s ease, box-shadow .25s ease;position: relative;}

#middle #body_btn_Corppass input {font-size: 14px;display: block;height: 100%;padding: 5px 10px;background: none;border: 1px solid #ffffff;border-radius: 0;-webkit-transition: border-color .25s ease, box-shadow .25s ease;transition: border-color .25s ease, box-shadow .25s ease;position: relative;}
#middle .field-wrap input, .field-wrap input textarea {font-size: 14px;display: block;width: 100%;height: 100%;padding: 5px 10px;background: none;background-image: none;border: 1px solid #ffffff;color: #ffffff;border-radius: 0;-webkit-transition: border-color .25s ease, box-shadow .25s ease;transition: border-color .25s ease, box-shadow .25s ease;}
#middle input:focus, textarea:focus {outline: 0;border-color: #ffffff;}#middle textarea {border: 2px solid #ffffff;resize: vertical;}#middle .field-wrap {position: relative;margin-bottom: 20px;}
#middle .top-row:after {content: "";display: table;clear: both;} #middle .top-row > div {float: left;width: 48%;margin-right: 4%;} #middle .top-row > div:last-child {margin: 0;}
#middle .button {border: 0;outline: none;border-radius: 0;padding: 5px 0;font-size: 1em;font-weight: 100;text-transform: uppercase;letter-spacing: .1em;background: #1ab188;color: #ffffff;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;-webkit-appearance: none;}
.button:hover, .button:focus {background: #179b77;}.button-block {display: block;width: 100%;} .forgot {margin-top: -20px;text-align: right;}    

.Login_eServices{position: relative;max-width: 325px;max-height: 800px;background-color: #f2f2f2;padding: 10px 10px 10px 10px;text-align: center;border: 5px;box-shadow: 0px 0px 20px #000000;
 border-color: none;margin: auto;opacity: 50;border-radius: 5px;}.login_witheServices{font-family: 'Arial', 'Helvatica','Adobe Fan Heiti Std', 'Helvetica', 'san-serif', 'Arial Black';color: #808080;}

.text{max-width: 250px;max-height: 50px;margin-right: auto;margin-left: auto;font-family: 'Arial', 'Helvatica','Adobe Fan Heiti Std', 'Helvetica', 'san-serif';color: #808080;
width: 300px;height: 35px;font-size: 16px;text-align: left;}.user_info.br{height: 2px;}.user_info{background: none;}.userlogin{background-color: none;}
.textlogin{text-align:center; font-size:0.9em}
#login_submit{margin-left: auto;margin-right: auto;background-color: #313131;font-family: 'Arial', 'Helvatica','Adobe Fan Heiti Std', 'Helvetica', 'san-serif', 'Arial Black';color: #ffffff;max-width: 253px;max-height: 50px;border-radius: 6px;font-size: 16px;width: 300px;height: 35px;border-color: none;padding: 5px;}
#login_submit:hover{background-color: #bfbfbf;font-family: 'Arial', 'Helvatica','Adobe Fan Heiti Std', 'Helvetica', 'san-serif', 'Arial Black';color: #313131;max-width: 253px;max-height: 50px;border-radius: 6px;font-size: 16px;width: 300px;height: 35px;}
#oldlogin{margin-left: auto;margin-right: auto;background-color: #313131;font-family: 'Arial', 'Helvatica','Adobe Fan Heiti Std', 'Helvetica', 'san-serif', 'Arial Black';color: #ffffff;max-width: 253px;max-height: 50px;border-radius: 6px;font-size: 16px;width: 300px;height: 35px;border-color: none;padding: 5px;}
#PasswordHelp{margin-left: auto;margin-right: auto;background-color: none;color: #313131;max-width: 250px;max-height: 50px;border-radius: 6px;font-size: 16px;width: 300px;height: 35px;border-color: none;}
#PasswordHelp:hover{color: #fff000;max-width: 250px;max-height: 50px;font-size: 16px;width: 300px;height: 35px;color: #fff000;}
#SignUp{margin-left: auto;margin-right: auto;background-color:  #313131;color: #ffffff;max-width: 250px;max-height: 50px;border-radius: 6px;font-size: 16px;width: 300px;height: 35px;border-color: none;}
#SignUp:hover{background-color: #bfbfbf;color: #fff000;max-width: 250px;max-height: 50px;border-radius: 6px;font-size: 16px;width: 300px;height: 35px;color: #313131;}
                     
/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer{padding:10px;} #footer .faico{margin-bottom:10px;} #footer .faico li{margin:0 10px 0 0;} #footer .faico li:last-child{margin-right:0;} #footer .faico a{border:1px solid;}
#footer form{display:block; position:relative; width:100%;} #footer legend{display:block; width:100%; margin-bottom:10px;} #footer input, #footer button{display:block; height:30px; border:none;}
#footer input{width:100%; min-width:250px; padding:5px 40px 5px 5px;} #footer button{position:absolute; bottom:0; right:0; width:35px; font-size:16px; cursor:pointer;} #footer button em{display:none;}

/* Copyright
--------------------------------------------------------------------------------------------------------------- */
#copyright {} #copyright p {margin: 0;padding: 0;} #copyright .fl_left{margin-left:auto;margin-right:auto; float: right; text-align: center; } #copyright .fl_right{margin-left:auto;margin-right:auto; float: left;text-align: center; }

/*========================================================================================================
   
  ========================================= MEDIA QUERIES  =============================================*/

@media only screen and (min-width: 1040px)
{.link--close-rounded {display: block;}.QA_guides{height:auto;max-width:300px; height: auto; margin:auto;padding:0px;}.QA_guides ul{list-style-type: none;margin: 0;height:auto;max-width:300px;}.QA_guides ul li{margin-left:auto;margin-right:auto;float: left;padding: 10px;}.QA_guides ul li button{display: block;padding:2px;font-size:1em;height:auto;max-width:90px;background-color::#42a5f5;box-shadow: 0px 0px 5px; border-radius: 6px;font-weight:bolder;font-family:Arial, Helvetica, sans-serif;color: #FFFFFF;}}

@media only screen and (min-width: 960px) {
.menu-holder .main-navigation {left: 1px;}.nav-main {width: 970px;margin-left: auto;margin-right: auto;padding-left: 0;padding-right: 0;border-spacing: 5px;}.nav-secondary {font-size: 16px;font-size: 1rem;}
.container, .page-container {width: 960px; margin-left: auto;margin-right: auto;padding-left: 0;padding-right: 0;}
.ui-breadcrumbs {max-width: 700px;}.ui-breadcrumbs > a {margin-right: 10px;padding-right: 30px;position: relative;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 180px;}
.ui-breadcrumbs > a:after {content: "\e762";position: absolute;line-height: 50px;right: 0;top: 0;padding-right: 3px;}.ui-breadcrumbs > a:first-child {padding-left: 5px;}
.ui-breadcrumbs a:first-child:before {padding-right: 0;}.ui-breadcrumbs > a:nth-child(2) {max-width: none;}.breadcrumbs-mobile {display: none;}.breadcrumbs-show-full > a {max-width: 300px;}.breadcrumbs-show-full > a {max-width: 300px;}
.menu-bar-pinned .breadcrumbs-current {display: inline-block;}
.QA_guides{height:auto;max-width:300px; height: auto; margin:auto;padding:0px;}.QA_guides ul{list-style-type: none;margin: 0;height:auto;max-width:300px;}.QA_guides ul li{margin-left:auto;margin-right:auto;float: left;padding: 10px;}.QA_guides ul li button{display: block;padding:2px;font-size:1em;height:auto;width:90px;background-color::#42a5f5;box-shadow: 0px 0px 5px; border-radius: 6px;font-weight:bolder;font-family:Arial, Helvetica, sans-serif;color: #FFFFFF;}}

@media screen and (min-width:978px) {.wrapper{max-width:100%;max-height:100%;}}

@media only screen and (min-width : 768px) {.navbar-collapse.custom-menu {display: none!important;}
/*===================SEARCH BAR===============*/
.main input {color: #979797;background-color: #EEEEEE;}.main input {width: 100%;padding: 5px 40px 5px 5px;}.main input, .main button {display: block;height: 30px;border: none;}.main input {font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 13px;color: #000000;}
.main form {display: block;position: relative;width: 100%;}
.main button {color: #F9F9F9;background-color: #55ABDA;}.main button, #footer button {border-radius: 0 8px 8px 0;}.main button {position: absolute;top: 0;right: 0;width: 35px;font-size: 16px;cursor: pointer;}
.main {margin-top: auto;margin-right: auto;float: right;padding: 10px;}
:-moz-placeholder {color: #a7aabc;font-weight: 200;}::-webkit-input-placeholder {color: #a7aabc;font-weight: 200;}
.lt-ie9 .search input { line-height: 26px }
}

@media only screen and (min-width: 600px) {
/*===================SEARCH BAR===============*/
.main input {color: #979797;background-color: #EEEEEE;}.main input {width: 100%;padding: 5px 40px 5px 5px;}.main input, .main button {display: block;height: 30px;border: none;}.main input {font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 13px;color: #000000;}
.main form {display: block;position: relative;width: 100%;}
.main button {color: #F9F9F9;background-color: #55ABDA;}.main button, #footer button {border-radius: 0 8px 8px 0;}.main button {position: absolute;top: 0;right: 0;width: 35px;font-size: 16px;cursor: pointer;}
.main {margin-top: auto;margin-right: auto;float: right;padding: 10px;}
:-moz-placeholder {color: #a7aabc;font-weight: 200;}::-webkit-input-placeholder {color: #a7aabc;font-weight: 200;}
.lt-ie9 .search input { line-height: 26px }
.col-bar-menu-wrapper-4 #top-right-corner{display: none;}.link-menu {width: 130px;margin-right: 1.8em;}.link-menu span {display: inline;margin-right: 1.5em;margin-left: 0.5em;}.link-menu:before {content: "\e756";font-size: 24px;vertical-align: top;}
.site-navigation-opened .main-navigation {box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.4);}.site-navigation-opened .main-navigation {display: block;box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.4), 0 0px 5px 0 rgba(0, 0, 0, 0.2) inset;}
.QA_guides{height:auto;max-width:300px; height: auto; margin:auto;padding:0px;}.QA_guides ul{list-style-type: none;margin: 0;height:auto;max-width:300px;}.QA_guides ul li{margin-left:auto;margin-right:auto;float: left;padding: 10px;}
.QA_guides ul li button{display: block;padding:2px;font-size:1em;height:auto;width:90px;background-color:#42a5f5;box-shadow: 0px 0px 5px; border-radius: 6px;font-weight:bolder;font-family:Arial, Helvetica, sans-serif;color: #FFFFFF;}           						
.main-navigation {padding-top: 11px;} .nav-main {padding: 0 10px;margin: 0;background: transparent;display: table;border-spacing: 5px;width: 100%;font-weight: 600;}
.nav-main > a {display: table-cell;text-align: center;width: 25%;padding: 0.5em;border-radius: 4px;border-bottom-width: 0;background: url(../images/nav-gradient.png) bottom no-repeat;}
.nav-main > a {color: #fff;display: block;padding: 0.625em 1em;position: relative;vertical-align: top;border-bottom: 1px #2b3355 solid;}.nav-main > a > span {display: block;padding-left: 0;padding-top: 10px;padding-bottom: 0px;}
.nav-main > a:first-child {border-radius: 4px 4px 0 0;}.nav-main > a:last-child, .nav-main > a:first-child {border-radius: 4px;}.nav-main > a {display: table-cell;text-align: center;width: 25%;padding: 0.5em;border-radius: 4px;border-bottom-width: 0;background: url(../images/nav-gradient.png) bottom no-repeat;}
.menu-holder .nav-main {padding-left: 0;padding-right: 0;}.menu-holder .nav-main > a {display: block;width: auto;background: none;border-bottom-width: 1px;border-radius: 0;padding-left: 10px;padding-right: 10px;text-align: left;}.menu-holder .nav-main > a > span {padding-left: 5px;display: table-cell;padding-top: 0;}
.menu-holder .nav-icon img {width: 30px;}.menu-holder .main-navigation {max-width: 320px;}.menu-holder .main-navigation {left: 17px;padding-bottom: 0;}.menu-holder .nav-icon {background-size: 30px auto;width: 30px;height: 30px;max-width: 30px;display: table-cell;}
.nav-secondary {padding: 0.625em 1em 0.625em 1em;}.nav-secondary {text-align: center;padding-top: 1em;padding-bottom: 10px;}.nav-secondary {text-align: center;padding-top: 1em;padding-bottom: 10px;}
.nav-secondary a {color: #fff;display: block;padding: 0.5em 0;margin-left: 0;border-bottom: 1px #0067a1 solid;}.nav-secondary a {display: inline-block;border: none;padding: 0;margin: 0 1em;}    
.menu-holder .nav-secondary {text-align: left;padding-bottom: 1em;}.menu-holder .nav-secondary > a {display: block;margin: 0 0 0.5em 0;}
.nav-icon {width: 60px;height: 60px;max-width: 60px;background-size: auto;display: block;margin: 0 auto;}.nav-icon img {width: 30px;}.nav-icon img {width: 60px;}
img, video, embed, object {max-width: 100%;vertical-align: top;}.breadcrumbs-mobile {max-width: none;}}

@media only screen and (max-width: 480px) {
.bar-menu-wrapper {background-color: #0077b3;color: #fff;position: relative;z-index: 12;min-height: 50px;} .bar-menu-wrapper .container:before, .bar-menu-wrapper .page-container:before, .bar-menu-wrapper .container:after, .bar-menu-wrapper .page-container:after {content: " ";display: table;}
.bar-menu-wrapper .container:after, .bar-menu-wrapper .page-container:after {clear: both;}.bar-menu-wrapper .container, .bar-menu-wrapper .page-container {}.bar-menu-wrapper a {color: #fff;}.bar-menu-wrapper a:visited {color: #fff;}
.menu-holder .container, .menu-holder .page-container {position: relative;}.menu-holder .csstransitions .bar-menu-wrapper {transition: box-shadow 0.3s ease-in-out;transition-property: box-shadow;transition-duration: 0.3s;transition-timing-function: ease-in-out;transition-delay: initial;}
.breadcrumbs-mobile {max-width: 240px;}
.container, .page-container {padding-left: 1em;padding-right: 1em;}
.link-filter-toggle, .introjs-skipbutton, .introjs-skipbutton, .trip-close,.trip-next,.trip-prev {margin: -1px -1px -1px 0;border-top-left-radius: 0;border-bottom-left-radius: 0;font-size: 0;}
.btn,.link-filter-toggle,.introjs-skipbutton,.introjs-skipbutton,.trip-close,.trip-next,.trip-prev {width: 92px;font-size: 16px;font-size: 1rem;}
.btn:before, .link-filter-toggle:before,.introjs-skipbutton:before, .introjs-skipbutton:before,.trip-close:before,.trip-next:before,.trip-prev:before {display: none;}
.link-filter-toggle:before,.introjs-skipbutton:before,.trip-close:before,.trip-next:before,.trip-prev:before {content: "\e759";font-size: 16px;padding: 0.8em 0em;width: 38px;display: none;}

/*===================SEARCH BAR===============*/
.main input {color: #979797;background-color: #EEEEEE;}.main input {width: 100%;padding: 5px 40px 5px 5px;}.main input, .main button {display: block;height: 30px;border: none;}.main input {font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 13px;color: #000000;}
.main form {display: block;position: relative;width: 100%;}
.main button {color: #F9F9F9;background-color: #55ABDA;}.main button, #footer button {border-radius: 0 8px 8px 0;}.main button {position: absolute;top: 0;right: 0;width: 35px;font-size: 16px;cursor: pointer;}
.main {margin-top: -50px;margin-right: auto;float: right;padding: 10px;}
:-moz-placeholder {color: #a7aabc;font-weight: 200;}::-webkit-input-placeholder {color: #a7aabc;font-weight: 200;}
.lt-ie9 .search input { line-height: 26px }}

@media only screen and (max-width: 375px) {
.bar-menu-wrapper {background: #0077b3;color: #fff;position: relative;z-index: 12;min-height: 50px;} .bar-menu-wrapper .container:before, .bar-menu-wrapper .page-container:before, .bar-menu-wrapper .container:after, .bar-menu-wrapper .page-container:after {content: " ";display: table;}
.bar-menu-wrapper .container:after, .bar-menu-wrapper .page-container:after {clear: both;}.bar-menu-wrapper .container, .bar-menu-wrapper .page-container {}.bar-menu-wrapper a {color: #fff;}.bar-menu-wrapper a:visited {color: #fff;}
.menu-holder .container, .menu-holder .page-container {position: relative;}.menu-holder .csstransitions .bar-menu-wrapper {transition: box-shadow 0.3s ease-in-out;transition-property: box-shadow;transition-duration: 0.3s;transition-timing-function: ease-in-out;transition-delay: initial;}
.breadcrumbs-mobile {max-width: 240px;}
.container, .page-container {padding-left: 1em;padding-right: 1em;}
.link-filter-toggle, .introjs-skipbutton, .introjs-skipbutton, .trip-close,.trip-next,.trip-prev {margin: -1px -1px -1px 0;border-top-left-radius: 0;border-bottom-left-radius: 0;font-size: 0;}
.btn,.link-filter-toggle,.introjs-skipbutton,.introjs-skipbutton,.trip-close,.trip-next,.trip-prev {width: 92px;font-size: 16px;font-size: 1rem;}
.btn:before, .link-filter-toggle:before,.introjs-skipbutton:before, .introjs-skipbutton:before,.trip-close:before,.trip-next:before,.trip-prev:before {display: none;}
.link-filter-toggle:before,.introjs-skipbutton:before,.trip-close:before,.trip-next:before,.trip-prev:before {content: "\e759";font-size: 16px;padding: 0.8em 0em;width: 38px;display: none;}
#middle .login_image{margin:auto;max-width: 390px;height:auto;}#middle .login{max-width:300px;height:auto;background-color:#86ba3e;margin:auto;	padding:0px;}
#middle .singpass{margin:auto;height:auto;}#middle .login .singpass #body_btn_Singpass{margin-left:auto;margin-right:auto;}#middle .login_singpass p{text-align:left;}#middle .login .singpass #body_btn_Singpass1{margin-left:auto;margin-right:auto;}#middle .login_singpass p{text-align:left;}
#middle .login_singpass .button .singpass{background-color: #e7e7e7;border-radius:10px;max-width:112px;max-height:100px;}
#middle .login_corppass{margin:auto;height:auto;}#middle .login_corppass p{text-align:left;}
#middle .singpass_corppass{margin: auto;background-color:#46a549;box-shadow: 0px 1.5px 5px #000;border-radius:3px;position:relative;max-width:300px;height:auto;padding:10px;}#middle .singpass_corppass p{text-align:center;}						
#middle .singpass_corppass p strong{text-align:center;color:#FFFFFF;}#middle .singpass_corppass strong{text-align:center;color:#FFFFFF;}								
#middle .login_singpasscorppass_buttons ul{max-width: 270px;height:80px;margin: auto;display:inline-block;padding: 0px;}#middle .login_singpasscorppass_buttons ul li{list-style-type: none;display:block;position: relative;margin-right:auto;margin-left: auto;border-radius:10px;height:60px;}#middle .login_singpasscorppass_buttons p{text-align:center;}
#middle .singpass{font-family: Arial, Helvetica, sans-serif;font-size: 10pt;font-style: normal;font-weight: bold;color: #FFF;background-color: #f2f2f2;opacity:50;position: relative;margin-right:auto;margin-left: auto;border-radius:10px;width:270px;height:65px;}
#middle .login_corppass{font-family: Arial, Helvetica, sans-serif;font-size: 10pt;font-style: normal;font-weight: bold;color: #FFF;background-color: #f2f2f2;opacity:50;position: relative;margin-right:auto;margin-left: auto;border-radius:10px;width:270px;height:65px;}
#middle .login_corppass #body_btn_Corppass{margin-left:auto;margin-right:auto;}							
#middle .login_info{background-color:#86ba3e;margin: auto;box-shadow: 0px 1.5px 5px #000;border-radius:3px;position:relative;width:300px;height:auto;padding:10px;}
.textlogin{text-align:center; font-size:0.8em}
/*===================SEARCH BAR===============*/
.main input {color: #979797;background-color: #EEEEEE;}.main input {width: 100%;padding: 5px 40px 5px 5px;}.main input, .main button {display: block;height: 30px;border: none;}.main input {font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 13px;color: #000000;}
.main form {display: block;position: relative;width: 100%;}
.main button {color: #F9F9F9;background-color: #55ABDA;}.main button, #footer button {border-radius: 0 8px 8px 0;}.main button {position: absolute;top: 0;right: 0;width: 35px;font-size: 16px;cursor: pointer;}
.main {margin-top: -50px;margin-right: auto;float: right;padding: 10px;}
:-moz-placeholder {color: #a7aabc;font-weight: 200;}::-webkit-input-placeholder {color: #a7aabc;font-weight: 200;}
.lt-ie9 .search input { line-height: 26px }}

@media only screen and (min-width: 0px) {.link-filter-toggle:before,.introjs-skipbutton:before,.introjs-skipbutton:before,.trip-close:before,.trip-next:before,.trip-prev:before {display: inline-block;}}