/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

button{
    background-color: #e0cfa3;
}

html {
	font-size: 1em;
	line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
	resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html,body {
	height: 100%;
}

body {
	min-height: 790px;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 35px;
}
.navbar-brand{
    display: block;
    width: 201px;
    height: 59px;
    /* background: url(../resources/images/logo.jpg) no-repeat; */
}
.navbar-brand.no-logo{
    background: none;
    padding: 0;
    height: auto;
    width: auto;
}
.horizontal-bullets:before,
.horizontal-bullets:after,
.content .section-group:before,
.content .section-group:after,
.content .section-group .section:before,
.content .section-group .section:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.horizontal-bullets:after,
.content .section-group:after,
.content .section-group .section:after {
    clear: both;
}

.horizontal-bullets li {
	float: left;
	margin-right: 16px;
	font-size: 12px;
}

.horizontal-bullets li a {
	color: #000;
}

.horizontal-bullets li:first-child {
	list-style-type: none;
}

.horizontal-bullets li:last-child {
	margin: 0;
}

.search.form-inline select {
	width: 233px;
}

.navbar h1 {
	color: #4c3e3e;
	font-size: 24px;
	margin-bottom: 24px;
	text-transform: capitalize;
}
.navbar-header{
    margin: 44px 0 20px;
}

.navbar .top-right {
	display: block;
	float: right;
	margin-bottom: 20px;
}

.navbar .top-link-logo {
	margin-top: 8px;
}
.navbar-nav{
    padding: 0;
    width: 100%;
    border-radius: 4px;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 2px 8px 0 #C9C9C9;
    box-shadow: 0 2px 8px 0 #C9C9C9;
    background: #f3e6d2 url("/io/javax.faces.resource/images/bg-header.jpg.xhtml") repeat-x left bottom;
    /*background: url(../resources/images/nav.jpg) repeat-x;*/
/*    background: #f0e3cf; 
    background: -moz-linear-gradient(top, #f0e3cf 0%, #e5d8c4 67%, #e5d8c4 67%, #e5d8c4 68%, #dfd2be 88%, #ded1bd 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0e3cf), color-stop(67%,#e5d8c4), color-stop(67%,#e5d8c4), color-stop(68%,#e5d8c4), color-stop(88%,#dfd2be), color-stop(100%,#ded1bd)); 
    background: -webkit-linear-gradient(top, #f0e3cf 0%,#e5d8c4 67%,#e5d8c4 67%,#e5d8c4 68%,#dfd2be 88%,#ded1bd 100%);
    background: -o-linear-gradient(top, #f0e3cf 0%,#e5d8c4 67%,#e5d8c4 67%,#e5d8c4 68%,#dfd2be 88%,#ded1bd 100%);
    background: -ms-linear-gradient(top, #f0e3cf 0%,#e5d8c4 67%,#e5d8c4 67%,#e5d8c4 68%,#dfd2be 88%,#ded1bd 100%);
    background: linear-gradient(to bottom, #f0e3cf 0%,#e5d8c4 67%,#e5d8c4 67%,#e5d8c4 68%,#dfd2be 88%,#ded1bd 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0e3cf', endColorstr='#ded1bd',GradientType=0 ); */
}

.navbar-nav>li {
	/*width: 146px;*/
        float: left;
        display: block;
        vertical-align: central;
        padding-bottom: 0px!important;
        padding-top: 0px;
	background: url("/io/javax.faces.resource/images/divider.jpg.xhtml") no-repeat right center;
}

.navbar-nav>li:last-child {
	background: none;
}

.navbar-nav>li>a {
	color: #4C3E3E;
/*        height: 44px;*/
	text-align: center;
	font: 13px "Book Antiqua";
    /*background: #E0CFA3;*/
}

.navbar-nav>li>a.less {
	padding-top: 18px;
}

.navbar-nav>li>a:hover {
	background: #dfd2be;
	text-decoration: none;
}
.navbar-nav > li > a.active,
.navbar-nav > li > a.active:hover{
    color: #fff !important;
    background: #9f0a33;
    padding-bottom: 30px;
}
.navbar-nav.simple > li.active{
    background: #9f0a33;
    border: 2px solid #9F0A33;
}
.navbar-nav.simple > li.active:hover,
.navbar-nav.simple > li.active a:hover{
    background: #9f0a33;
    color: #fff;
}
.navbar-nav.simple > li.active a{
    background: none;
    color: #fff;
}
.sidebar{
    padding: 0 !important;
    border: 1px solid #d9dbdb;
}

.sidebar h2 {
	color: #fff;
	margin: 0;
	padding: 20px;
	background: #9f0a33;
}

.sidebar .sidebar-content {
	margin: 10px 16px 0;
	padding-bottom: 3px;
}

.sidebar .sidebar-content.wborder {
	border-bottom: 1px solid #dddddd;
}

.sidebar .sidebar-content h3 {
	margin: 0;
	color: #9f0a33;
	font: 15px Arial;
	font-weight: bold;
}

.sidebar .load-more {
	padding: 15px;
	text-align: center;
	background: #e8dbc7;
}

.sidebar .load-more a {
	color: #4c3e3e;
	font: 11px "Book Antiqua";
	text-transform: uppercase;
}

.content {
	padding-right: 0;
}

.content .section-group {
	position: relative;
	margin-bottom: 20px;
	min-height: 240px;
}

.content .section-group h2 {
	color: #fff;
	margin: 0;
	padding: 17px 20px;
	font-size: 18px;
}

.content .section-group .bordered {
	border-width: 10.1px;
	border-style: solid;
}

.content .section-group div.bordered {
	width: 80%;
	margin-left: -10px;
	float: right;
	background: #FFF;
	position: relative;
}

.content .section-group img.bordered {
	left: 0;
	position: absolute;
}

.content .section-group .section {
	margin: 17px 17px 0px 17px;
	padding-bottom: 0px;
	border-bottom: 1px solid #DDD;
}

.content .section-group .section:last-child {
	border-bottom: none;
}

.content .section-group .section .pull-left {
	display: block;
	width: 52%;
	padding-right: 17px;
	font-size: 11px;
}

.content .section-group .section .pull-left p {
	margin: 8px 0;
}

.content .section-group .section .btn {
	padding: 5px 10px;
}

.content .section-group .section .btn.sm {
	padding: 5px 6px;
}

.content .section-group .section h3 {
	font: 13px 'latobold';
	margin: 0;
}

.content .section-group.corporate h2 {
	background: #cacdb5;
}

.content .section-group.corporate .bordered {
	border-color: #cacdb5;
}

.content .section-group.corporate .section h3 {
	color: #cacdb5;
}

.content .section-group.individual h2 {
	/*background: #c4b885;*/
	background: #CC6666;
}

.content .section-group.individual .bordered {
	border-color: #CC6666;
}

.content .section-group.individual .section h3 {
	color: #CC6666;
}

.content .section-group.debt h2 {
	background: #ffb027;
}

.content .section-group.debt .bordered {
	border-color: #ffb027;
}

.content .section-group.debt .section h3 {
	color: #ffb027;
}

.content .section-group.online h2 {
	background: #bc7055;
}

.content .section-group.online .bordered {
	border-color: #bc7055;
}

.content .section-group.online .section h3 {
	color: #bc7055;
}

.content .section-group.moneylenders h2 {
	background: #ab9258;
}

.content .section-group.moneylenders .bordered {
	border-color: #ab9258;
}

.content .section-group.moneylenders .section h3 {
	color: #ab9258;
}

.content .section-group.pawnbrokers h2 {
	background: #8e9f81;
}

.content .section-group.pawnbrokers .bordered {
	border-color: #8e9f81;
}

.content .section-group.pawnbrokers .section h3 {
	color: #8e9f81;
}

.content .section-group.trust h2 {
	background: #5f7791;
}

.content .section-group.trust .bordered {
	border-color: #5f7791;
}

.content .section-group.trust .section h3 {
	color: #5f7791;
}

.content .section-group.motor h2 {
	background: #a8c0da;
}

.content .section-group.motor .bordered {
	border-color: #a8c0da;
}

.content .section-group.motor .section h3 {
	color: #a8c0da;
}
.form-holder{
    color: #838383;
    padding: 0 20px 60px;
}
.form-holder .form-horizontal .form-group{
    background: #efefef;
    margin: 0 0 15px;
    padding: 7px 15px;
    float: left;
    width: 76%;
}
.form-holder .form-horizontal .form-group.lbl{
    float: left;
    width: 23%;
    margin-right: 4px;
}
.form-holder .form-horizontal .form-group > label{
    margin: 0;
}
.form-holder .form-horizontal .form-group > input{
    line-height: 16px;
    border: 1px solid #BEBEBE;
}
.form-holder .control-group{
    margin: 20px 0 0 256px;
}
.brdr-top-brown4{
    margin-top: 30px;
    border-bottom: 4px solid #E0CFA3;
}

a.arrow {
	top: 37px;
	position: absolute;
	width: 20px;
	height: 44px;
	background: url("/io/javax.faces.resource/images/arrows.jpg.xhtml") no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity = 70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

a.arrow:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity = 100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

a.arrow.prev {
	left: -30px;
	background-position: 0 0;
}

a.arrow.next {
	right: -30px;
	background-position: -8px -65px;
}

footer {
	padding-top: 20px;
	background: #f1ede6;
	border-bottom: 17px solid #A30935;
}

footer #slider {
	/*width: 1004px;
    margin: 0 auto 28px;*/
        width: 1140px !important;
	position: relative;        
}
footer .slider-wrapper:before,
footer .slider-wrapper:after {
    content: " ";
    display: table;
}

footer .slider-wrapper:after {
	clear: both;
}

footer .slider-wrapper {
	padding: 0;
	/*     width: 964px;
    height: 119px;
    overflow: hidden;
    margin: 0 auto;*/
}

footer .slider-wrapper li {
	display: block;
	float: left;
	width: 219px;
	margin: 0 10px;
}

footer .slider-wrapper li:first-child {
	margin: 0;
}

footer .spotlight img,
footer .spotlight h4{
    display: block;
    float: left;
}

footer .spotlight h4 {
	margin: 2px 0 0;
}

footer .spotlight img {
	margin: 0 9px 0 15px;
}

footer .spotlight {
	/*width: 83%;*/
	margin: 0 auto 28px;
	padding: 10px 0;
	border-bottom: 1px solid #A2998D;
}
footer .bottom{
    text-align: center;
    padding: 30px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-box-shadow: 0 -1px 8px 1px #D1D1D1;
    box-shadow: 0 -1px 8px 1px #D1D1D1;
    background: #f8f4ef; 
    background: -moz-linear-gradient(top,  #f8f4ef 0%, #e4e0da 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f4ef), color-stop(100%,#e4e0da));
    background: -webkit-linear-gradient(top,  #f8f4ef 0%,#e4e0da 100%);
    background: -o-linear-gradient(top,  #f8f4ef 0%,#e4e0da 100%); 
    background: -ms-linear-gradient(top,  #f8f4ef 0%,#e4e0da 100%);
    background: linear-gradient(to bottom,  #f8f4ef 0%,#e4e0da 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f4ef', endColorstr='#e4e0da',GradientType=0 );
}

footer .bottom a {
	color: #302f2e;
}

/*INNER*/
.inner-page {
	background: #f0f0f0;
}

.inner-page a {
	color: #9f0a33;
}

.inner-page .btn-primary {
	padding: 4px 15px;
}

.inner-page .navbar {
	-webkit-box-shadow: 0 3px 20px 0 #C2C2C2;
	box-shadow: 0 3px 20px 0 #C2C2C2;
}
.inner-page.plain{
    background: #fff;
}
.inner-page.plain .navbar{
    background: none;
    box-shadow: none;
    -webkit-box-shadow:none;
}
.inner-page.plain .content{
    padding: 0;
    margin-top: 20px;
    border: 2px solid #EAEAEA;
}
.inner-page .navbar.login{
    /* background: #ab9258 url(../resources/images/header-top-money.png) no-repeat right center; */
}
.inner-page .navbar.online,
.inner-page .navbar.company{
    /* background: #bc7055 url(../resources/images/header-top-hand.png) no-repeat right center; */
}

.inner-page .navbar-header {
	margin: 12px 0 20px;
}

.inner-page .navbar h1 {
	color: #FFF;
	font-size: 18px;
	margin: 34px 0 10px;
	text-transform: uppercase;
}

.inner-page .navbar-brand.ipto {
	/* background: url(../resources/images/logo-ipto.png) no-repeat; */
}

.inner-page .breadcrumbs {
	margin-bottom: 20px;
}
.inner-page .breadcrumbs a,
.inner-page .breadcrumbs span{
    font-size: 10px;
    color: #666;
}

.inner-page .content {
	padding: 20px;
	background: #fff;
	border: 1px solid #c2c2c2;
}

.inner-page .content .tabs {
	display: block;
	width: 100%;
	height: 44px;
	/* background: url(../resources/images/tabs.png) no-repeat; */
	background-size: 859px;
}
.lt-ie9 .inner-page .content .tabs{
    height: 37px;
}
.inner-page .content .tabs.payment {
	background-position: 0 -48px;
}

.inner-page .content .tabs.online {
	/* background: url(../resources/images/tabs-online.png) no-repeat; */
	background-size: 859px;
}

.inner-page .content .tabs.company {
	/* background: url(../resources/images/tabs-company.png) no-repeat; */
	background-size: 1089px;
}

.inner-page .content .tabs.complete {
	background-position: 0 -95px;
}
.inner-page .content.login h2{
    color: #666;
    font-family: Arial;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.inner-page .content.login h2 span.normal {
	color: #333;
	font-size: 12px;
	font-weight: normal;
	text-transform: inherit;
	padding-left: 10px;
}

/**
*update by duliu for S-OTH-2017-0001 on 20171108
*/
.inner-page .select-holder {
	width: 610px; 
	margin: 50px auto 100px;
}
.inner-page .select-sp-holder {
	width: 800px; 
	margin: 50px auto 100px;
}

.inner-page .select-holder h3 {
	margin: 0 0 10px;
	font: 13px Arial;
	font-weight: bold;
	color: #a2856f;
}

.inner-page .select-holder.online {
	width: 614px;
	margin: 31px auto 51px;
}

.inner-page .select-holder .btn {
	margin: 0 3px;
}

.inner-page .select-holder .brdr-btm {
	margin-bottom: 12px;
	padding: 5px 30px;
}

.inner-page .select-holder .form-group {
	padding: 8px 20px;
	background: #efefef;
	margin: 0 0 15px;
}

.inner-page .select-holder .form-group label>span {
	padding-left: 10px;
}

.inner-page .select-holder .form-group input[type="radio"] {
	position: relative;
	top: 2px;
}

.inner-page .select-holder.online label {
	position: relative;
	top: 4px;
}

.inner-page .select-holder.company {
	width: 657px;
	margin: 50px auto 20px;
}

.inner-page .select-holder.company .form-group {
	padding: 8px 4px;
}

.inner-page .select-holder.company .form-group.pull-right {
	width: 48%;
}

.inner-page .select-holder.company .form-group.textarea {
	padding: 14px 4px;
}

.inner-page footer {
	background: none;
}
.inner-page footer .footer-bottom a,
.inner-page footer .footer-bottom span{
    color: #fff;
}

.inner-page footer .footer-bottom {
	background: #9f0a33;
	padding: 16px 0;
	margin-top: 15px;
}

.inner-page footer .pull-right {
	text-align: right;
}
.inner-page.plain footer a{
    color: #666666;
}
.inner-page.plain footer{
    color: #666666;
    font-size: 11px;
    padding-top: 10px;
    font-family: 'robotoregular';
    border-bottom: none;
}

/* ==========================================================================
   GLOBAL
   ========================================================================== */
.clear{clear:both;}
.blk{display: block;}
.txt-red{color:#9f0a33;}
.txt-gray{color:#a7a7a7;}
.txt-italic{font-style: italic;}
.txt-center{text-align: center;}
.txt-upper{text-transform: uppercase !important;}
.brdr-btm{border-bottom: 1px solid #e8e8e8;}
.relative{position: relative;}
.pdg0{padding:0 !important;}
.pdg0L{padding-left:0 !important;}
.pdg0R{padding-right:0 !important;}
.pdg3T{padding-top: 3px}
.pdg15T{padding-top: 15px}
.pdg40T{padding-top: 40px}
.pdg15B{padding-bottom: 15px}
.pdg5L{padding-left: 5px}
.pdg10L{padding-left: 10px}
.mrg20B{margin: 0 0 20px;}
.mrg20R{margin: 0 20px 0 0;}
.mrg20T{margin: 20px 0 0;}
.mrg15T{margin: 15px 0 0;}
.mrg20TB{margin: 20px 0;}
.mrg20LR{margin: 0 20px;}
.mrg10LR{
margin: 0 10px 8px 4px;
display: inline-block;
}
.mrg10L{margin: 0 10px 0 0;}
.mrg8R{margin-right: 8px}
.question-mark{
    color: #FFF;
    font-size: 11px;
    padding: 1px 4px;
    border-radius: 2px;
    background: #DAC5AE;
    position: relative;
    top: -1px;
    left: 3px;
}
.btn-primary.brown{
    border: none;
    background: #e0cfa3;
    color: #7B7158 !important;
}
.btn-primary.brown:hover{
    color: #fff !important;
}
.navbar-header.nav-v2{
    margin: 7px 0 20px;
}
.navbar-nav.simple{
    background: #fff;
    box-shadow: none;
    border:none;
    border-radius: 0;
    -webkit-box-shadow: none;
}
.navbar-nav.simple li{
    width: 24.5%;
    border: 2px solid #eaeaea;
    background: none;
    /*border-left: none;*/
    /*background-color: #e0cfa3;*/
}
.navbar-nav.simple > li > a{
    cursor: default;
    font-family: Arial;
}
.navbar-nav.simple > li > a:hover{
    background: none;
}
.navbar-nav.simple > li > a.active:hover{
    background: #9F0A33;
}
.navbar-nav.simple > li > a > span{
    display: block;
    font-size: 16px;
}
.navbar-nav.simple > li > a > small{
    font-style: italic;
    font-size: 11px;
}
.heading-wrap{
    padding: 20px 15% 20px 22px;
    border-left: 10px solid #A40935;
    margin-bottom: 20px;
    background: #e0cfa3 url("/io/javax.faces.resource/images/bg-heading.jpg.xhtml") no-repeat right center;
}
.inner-page .navbar .heading-wrap h1{
    margin: 0;
    padding: 0;
    font-size: 19px;
    text-transform: uppercase;
    color: #FFF;
}
.txt-arial{
    font-family: Arial;
}
.bg-gray-gradient{
    background: url("/io/javax.faces.resource/images/bg-gray-gradient.jpg.xhtml") repeat-x 0 0;
}
.bg-gray-gradient.txt-arial{
    font-weight: bold;
    font-size: 14px;
    color: #464646;
    margin-top: 0;
    padding: 14px 20px;
}
.navbar.nav-simple{
    margin-bottom: 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.ui-step {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #000000;
    text-align: center;
    padding-top: -10px;
    height: 100%;
    cursor: pointer;
}
.ui-step:hover {
    border: 1px solid #eeeeee !important;
    background: #eeeeee  !important;
}

.ui-step-active {
    background-color: #9F0A33;
    border: 1px solid #eeeeee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    text-align: center;
    padding-top: -10px;
    height: 100%;
    cursor: pointer;
}

.required:after {
    color: #FF0000;
    content: "*";
}

.panel-highlight-row{
    width: 100%;
    background-color: #E2E2E2;
    font-weight: bold;
}

.number-align-right {
    display: block;
    width: 150px; 
    text-align: right;
}
.headerSearchBtn{
    background: #990000;
    border: 0;
    color: #fff;
    padding: 2px 6px;
    font-weight: bold
}
#modified {font-family:"Helvetica Neue Light", arial, helvetica, sans-serif;font-size:1.1em;float:right}

/*add by duliu for S-PTO-2015-0006-[PTO] Enhance Forgot Password and Change Password on 2015/10/20 start*/
.panelTableClassFP>tbody>tr>td {
	border: none;
}

.panelTableClassFP>*>tr,
.panelTableClassFP .ui-panelgrid-cell {
    border: none;
}
/*add by duliu for S-PTO-2015-0006-[PTO] Enhance Forgot Password and Change Password on 2015/10/20 end*/

/*add by shengjie for pd bankruptcy number start*/
.pdBankruptcyColumn > div {
	border: none;
}
/*add by shengjie for pd bankruptcy number end*/

/*add by duliu for S-PTO-2017-0001 on 20170926 start*/
.myinfo-ico{
	/*background-image: url("/io/javax.faces.resource/images/myinfo.png.xhtml") !important;
	
	background-size: 171px 37px;
	
	border: none !important;
	
	width: 171px;*/
	
	height: 33px;
}

.myinfo-header{
	background-image: url("/io/javax.faces.resource/images/MyInfoLogo.jpg.xhtml")
}
/*add by duliu for S-PTO-2017-0001 on 20170926 end*/